@charset "UTF-8";


body {
	width: 100%;
	-webkit-text-size-adjust: 100%;
	margin-top: 0px;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	background: white;
	font-family: '小塚ゴシック Pro', 'Kozuka Gothic Pro', sans-serif;
}


img {
	border: 0px;
	image-rendering: -webkit-optimize-contrast;

}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;


}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	background: #efefef;
	border-left: solid 0px #ececec;
}

::-webkit-scrollbar-thumb {
	background: #340806;
	border-radius: 10px;
	box-shadow: inset 0 0 0 0px #fff;
}

h1,
h2,
h3 {
	border: 0px;
	margin: 0px;
}

font {
	max-height: 999999px;
}



p,
span {
	color: #340806;
	font-size: 1rem;
	line-height: 2.1rem;
	font-weight: 400;
	letter-spacing: 0.1rem;

}

.BIGtitle {
	font-size: 1.5rem;
	letter-spacing: 0.5rem;

}

.textmv {
	width: 90vw;
	max-width: 500px
}

span {
	display: inline-block;
}

button,
input[type="button"],
input[type="button"]:hover {
	text-decoration: none;
	outline: none;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;


}


#wrap {
	width: 100vw;
	max-width: 900px;
	margin: 0;
	text-align: center;
	display: inline;
}

.wrap {
	width: 100vw;
	max-width: 900px;
	margin: 0;
	text-align: center;
	display: inline;
}

ul.topnav {

	width: 100vw;
	max-width: 855px;

	margin: 15px auto;
	padding: 0px;
	list-style-type: none;

	display: inline-flex
}

ul.topnav li {

	float: left;
	white-space: nowrap;
	margin-left: 0;
	margin-right: 0;
	width: 100vw;


}


ul.topnav li a {
	margin: 0px;
	padding: 0px;
	vertical-align: middle
}

ul.topnav img {
	margin: 0px;
	padding: 0px;
}


.imgbtn {
	width: 80vw;
	max-width: 420px;
	margin: 3vh 0;
	display: block
}

.imgbtn img {
	width: 100%;
	max-width: 100%;


}

hr {
	width: 85vw;
	max-width: 810px;
	margin: 5vmax 0
}


.imgtitle {
	width: 60vw;
	max-width: 300px;
	display: block
}



.container3 {
	width: 100vw;
	max-width: 800px;
	display: block;
	margin: 3vh auto;
	text-align: center;
}

.container3 > img {
	width: 38vw;
	max-width: 264px;
	padding: 9px;
	background: #E6E6E6;
	margin: 0 0.8vw
}

.container6 {
	width: 100vw;
	max-width: 700px;
	display: block;
	margin: 1vh 0 5vh;
	text-align: center;
}

.container6 > img {
	width: 27vw;
	max-width: 180px;
	padding: 0px;
	margin: 15px
}





.footer {
	margin-top: 8vh;
	background-color: #320806;
	margin-bottom: 0px;
	padding-bottom: 100px;

}

.footer p,
.footer span {
	color: white;

}

.footer span {
	font-size: 1rem
}

.textgray {
	color: white;
	opacity: 0.6;
	text-decoration: none;
}


.brmo {
	display: none
}

table.report {
	width: 92vw;
	max-width: 450px;
}

tr.report {
	text-align: center
}

.report p {
	color: #5B2206;

}


p.textby {
	font-size: 80%;
	font-weight: bold;
	text-align: center
}

p.textmvo {
	color: #F15A24;
}

@media screen and (max-width: 700px) {

	body {
		-webkit-text-size-adjust: 100%;
	}

	html {
		font-size: 75%;
		font-size: 75%;

	}

	.container6 > img {
		margin: 2.5vw
	}

	.brmo {
		display: block
	}
}



@media screen and (max-width: 900px) {





	.wrap {}

	ul.topnav {
		display: contents;
	}

	ul.topnav li {
		width: 32.5vw;
	}


}