@charset "utf-8";


/*===============================================*/

/*  for PC / menu_single.css    */

/*===============================================*/


img{max-width: 100%;height: auto;width /***/:auto;}


/*.slide ※詳細はjquery.bxslider.cssへ
------------------------------------*/
section.slide {
	margin: 50px auto 80px;
	padding:35px 50px 50px;
	width: 960px;
	height:auto;
	border: 1px solid #e9e9e9; 
	}
	
section.slide h2 {
	margin: 0px auto 30px;
	width: 100%;
	height:auto;
	font-size:20px;
	line-height:50px;
	font-family:Gothic MB101 Medium ;
	text-align:center;
	letter-spacing: 0.1em;
	}

/**/	
div.bxWrap {
	margin: 0px auto 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	clear:both;
	overflow:hidden;
	}
	
div.bxWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.bxWrap img {
	padding:0px 15px 0px 0px;
	width:50%;
	height:auto;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
div.bxWrap section {
	margin-bottom:30px;
	padding:0px 0px 0px 15px;
	width:50%;
	height:auto;
	float:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
div.bxWrap section h3 {
	margin: 0px 0px 10px 0px;
	padding:15px;
	height:auto;
	text-align:center;
	font-size:26px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-family:Ryumin Light KL ;
	letter-spacing: 0.1em;
	}
	
div.bxWrap section h4 {
	margin: 0px 0px 10px 0px;
	padding:15px;
	height:auto;
	text-align:center;
	font-size:16px;
	font-family:Gothic MB101 Medium ;
	letter-spacing: 0.1em;
	}
	
div.bxWrap section p.tx{
	margin: 0px 0px 30px 0px;
	line-height:26px;
	}
	
div.bxWrap section p.price {
	margin: 0px 0px 0px 0px;
	padding:15px;
	font-size:14px;
	line-height:26px;
	text-align:center;
	background: #fef2da;
	}
	
div.bxWrap section p.price span {font-size:10px;}

div.bxWrap section p.pageBtn {
	margin: 0px 0px 0px 0px;
	padding:15px;
	font-size:14px;
	line-height:26px;
	text-align:center;
	background: #eaeaea;
	}
	
div.bxWrap section p.pageBtn a {display:block;}
	
div.bxWrap section ul {width:100%; }
div.bxWrap section ul li {width:100%; display:inline-block;padding:15px;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
div.bxWrap section ul li.w50 {width:50%; height:auto;}
div.bxWrap section ul li a {display:block;}
.hon {background-color: #fecad8; }
.faci {background-color: #bddbf3; }
.wing {background-color: #d7e7ae; }
.all {background-color: #feccab; }



	

/*.section other
------------------------------------*/
section.other {padding:50px auto 50px; width:860px}
	
section.other .otherList {
	margin: 50px auto 0px;
	padding:0px 0px 0px 0px;
	height:auto;
	clear:both;
	overflow:hidden;
	}
section.other .otherList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

section.other .otherList section {
	margin: 0px 0px 80px 0px;
	padding:0px 0px 0px 0px;
	width:50%;
	height:auto;
	float:left;
	text-align:center;
	}
	
section.other .otherList section:nth-child(odd) {
	padding-right:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
section.other .otherList section:nth-child(even) {
	padding-left:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
section.other .otherList section h3 {
	margin: 0px 0px 20px 0px;
	padding:15px;
	height:auto;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	}
	
section.other .otherList section p.tx{
	margin: 0px 0px 15px 0px;
	line-height:26px;
	height:70px;
	}
	
section.other .otherList section p.price {
	margin: 0px 0px 0px 0px;
	padding:15px;
	font-size:14px;
	line-height:26px;
	font-family:Gothic MB101 Medium ;
	text-align:center;
	background: #fef2da;
	}
	
section.other .otherList section p.price span {font-size:10px;}
	
section.other .otherList section ul {width:100%; }
section.other .otherList section ul li {width:100%; display:inline-block;padding:15px;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
section.other .otherList section ul li.w50 {width:50%; height:auto;}
section.other .otherList section ul li a {display:block;}
.hon {background-color: #fecad8; }
.faci {background-color: #bddbf3; }
.wing {background-color: #d7e7ae; }

.coution{
	margin: 0px 0px 0px 0px;
	font-size:10px;
	text-align:center;}
	

	

/*.section voice
------------------------------------*/
section.voice {margin: 50px auto 0px;padding:50px auto 50px; width:860px}
	
section.voice .voiceList {
	margin: 30px auto 0px;
	padding:0px 0px 0px 0px;
	height:auto;
	clear:both;
	overflow:hidden;
	}
section.voice .voiceList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

section.voice .voiceList section {
	margin: 0px 2% 80px 0px;
	padding:30px;
	width:32%;
	height:auto;
	float:left;
	text-align:center;
	background-color: #fef2da;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
section.voice .voiceList section:nth-child(3n) {margin-right:0px;}
section.voice .voiceList section: > *:first-child + * + * {margin-right:0px;}
	
section.voice .voiceList section h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #ebddb4;
	color:#653a25; 
	font-weight:bold;
	line-height:24px;
	}
	
section.voice .voiceList section p.tx {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color:#653a25;
	font-size:12px;
	text-align:center;
	}
	
/**/
section.voice .voiceList section:after{padding-bottom:15px;position: relative; background: url(../images/menu/shadow.gif) no-repeat center bottom;}

/*===============================================*/





/*===============================================*/

/*  for tablet     画面の横幅が600px-958pxまで */

/*===============================================*/


@media screen and (max-width: 959px){
	
/*.section slide
------------------------------------*/	
section.slide {padding:15px 0px 30px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
div.bxWrap {width:100%;}
div.bxWrap img {margin:0px auto 30px;padding:0px 0px 0px 0px;width:415px;float:none;}
div.bxWrap section {margin:0px auto 30px; padding:0px 0px 0px 0px;width:90%;float:none;}


/*.section other
------------------------------------*/
section.other {padding:50px auto 50px; width:90%}
section.other .otherList section {width:100%;float:none;}	
section.other .otherList section:nth-child(odd) {padding-right:0px;}	
section.other .otherList section:nth-child(even) {padding-left:0px;}



/*.section voice
------------------------------------*/
section.voice {width:90%}

}	
/*===============================================*/






/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

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


/*.section slide
------------------------------------*/	
section.slide h2 {width: 90%;}
section.slide h2 br {display:none;}
div.bxWrap img {width:300px;}
div.bxWrap section ul li.w50 {width:100%; height:auto;}
div.bxWrap section h4 br {display:none;}


/*section menuArea
------------------------------------*/
section.other .otherList section ul li.w50 {width:100%; height:auto;}
section.other .otherList section p.tx{height:auto;}


/*.section voice
------------------------------------*/
section.voice .voiceList section {margin: 0px 0px 30px 0px;padding:30px;width:100%;height:auto;float:none;}
	

}
/*===============================================*/