@charset "utf-8";

@import url("base01.css");


#global_navi #category .gn03 a {
	font-weight: bold;
	color: #9D5B02;
	text-decoration: underline;
}
#main_inset {
	width: 88%;
	padding-top: 2%;
	padding-right: 5%;
	padding-bottom: 2%;
	padding-left: 7%;
}
@media only screen and (max-width: 700px) {
	#main_inset {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
}
/*------------------------------------------------------------------------------*/
.title {
	font-size: 90%;
	line-height: 2em;
	padding-left: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #452801;
	font-family: Japan;
	margin-top: 1em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.title {
		font-size: 80%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.title {
		font-size: 70%;
	}
}
@media only screen and (max-width: 400px) {
	.title {
		font-size: 65%;
	}
}
/*------------------------------------------------------------------------------*/
#main_inset .eiji {
	margin-top: 1.5em;
}
#main_inset .explanation {
	margin-top: 1em;
	width: 100%;
	padding-bottom: 2em;
}
#main_inset .explanation p {
	font-family: Japan;
	font-size: 80%;
	line-height: 1.8em;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	#main_inset .explanation p {
		font-size: 70%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	#main_inset .explanation p {
		font-size: 60%;
	}
}
@media only screen and (max-width: 400px) {
	#main_inset .explanation p {
		font-size: 60%;
	}
}
/*------------------------------------------------------------------------------*/
#main_inset .explanation .t01 {
	width: 50%;
}
#main_inset .explanation .t02 {
	width: 70%;
}
#main_inset .girl_image {
	float: left;
	width: 30%;
	margin-top: 2em;
	background-image: url(../illust/menu/bijyo_hair.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#main_inset .girl_image .blind {
	width: 100%;
	background: rgba(255,255,255,1.0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff'); 
	-webkit-transition: .5s linear; 
	-moz-transition: .5s linear; 
	-o-transition: .5s linear; 
	-ms-transition: .5s linear; 
}
#main_inset .girl_image .blind:hover {
	background: rgba(255,255,255,0.1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#11ffffff', endColorstr='#11ffffff'); 
}
#main_inset .fee {
	float: left;
	width: 66%;
	padding: 2%;
}
#main #menu_boad {
	background-image: url(../illust/menu/menu_boad_2.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-position: center;
	border: 1px solid #563201;
	box-shadow:0px 0px 6px 4px rgba(69,40,1,0.70);
	-webkit-box-shadow:0px 0px 6px 4px rgba(69,40,1,0.70);
	-moz-box-shadow:0px 0px 6px 4px rgba(69,40,1,0.70);
}
#main #menu_boad .menu_boad1 {
	background-image: url(../illust/menu/menu_boad_1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 2em;
}

#main #menu_boad .menu_boad2 {
	text-align: center;
	width: 100%;
}
#main #menu_boad .menu_boad3 {
	background-image: url(../illust/menu/menu_boad_3.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 2em;
	width: 100%;
}
#main table th {
	font-size: 130%;
	line-height: 1.8em;
	font-weight: bolder;
	color: #452801;
	text-align: left;
	font-family: Japan;
	letter-spacing: 0.1em;
	padding-left: 2em;
	padding-top: 0.5em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	#main table th {
		font-size: 120%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	#main table th {
		font-size: 110%;
	}
}
@media only screen and (max-width: 400px) {
	#main table th {
		font-size: 100%;
	}
}
/*------------------------------------------------------------------------------*/
#main #menu_boad .menu_top {
	font-size: 100%;
	color: #FFF;
	text-align: left;
	font-weight: bold;
	font-family: Japan;
	padding-left: 2em;
	line-height: 1.4em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	#main #menu_boad .menu_top {
		font-size: 90%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	#main #menu_boad .menu_top {
		font-size: 80%;
	}
}
@media only screen and (max-width: 400px) {
	#main #menu_boad .menu_top {
		font-size: 75%;
	}
}
/*------------------------------------------------------------------------------*/
#main #menu_boad .menu_text {
	text-align: left;
	vertical-align: bottom;
}
#main #menu_boad .dd {
	font-size: 90%;
	color: #FFFFFF;
	font-family: Japan;
	line-height: 1.4em;
	font-weight: bold;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	#main #menu_boad .dd {
		font-size: 80%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	#main #menu_boad .dd {
		font-size: 70%;
	}
}
@media only screen and (max-width: 400px) {
	#main #menu_boad .dd {
		font-size: 65%;
	}
}
/*------------------------------------------------------------------------------*/
#main_inset .fee #menu_boad .fee_title {
	font-family: Japan;
	font-size: 130%;
	font-weight: bolder;
	line-height: 1.5em;
	color: #FFF;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	#main_inset .fee #menu_boad .fee_title {
		font-size: 120%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	#main_inset .fee #menu_boad .fee_title {
		font-size: 110%;
	}
}
@media only screen and (max-width: 400px) {
	#main_inset .fee #menu_boad .fee_title {
		font-size: 100%;
	}
}
/*------------------------------------------------------------------------------*/
#main_inset .explanation_girl {
	width: 100%;
	background-image: url(../illust/menu/jyoshi.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 5%;

}