@charset "UTF-8";


/*--------------------------------------------------------------------*/
/* レスポンシブル対応
/*--------------------------------------------------------------------*/

/* タブレット用スタイル */

@media screen and (max-width:800px){
	#container{
		width:100%;
	}
	.item{
		width:45%;
	}
	ul#gnavi{
		margin-top:0 !important;
		border-right:none !important;
	}
	ul#gnavi li{
		position:relative;
		width:98% !important;
		border-right:none !important;
		border-bottom:1px solid #E4E4E4;
		padding: 5px 1% 0;
	}
	ul#gnavi li:first-child{
		border-left:none !important;
	}
	ul#gnavi li a{
		padding-left:5px !important;
		border-bottom:none !important;
	}
	ul#gnavi li a:after{
		position:absolute;
		right:1%;
		top:10px;
		font-family:WebSymbolsgfeditRegular;
		content:')';
	}
	ul#gnavi li strong{
		display:inline !important;
		padding-left:10px;
		font-size: 140% !important;
	}
	ul#gnavi li span{
		display:inline-block;
		width:3em;
		margin-right:5px;
		font-size:93%;
	}
	
		.gnavi br{
		display: none;
		
	}
	
	/* #top_markの位置修正 */
	#top_mark{
	display:block;
	}
	
	.sttlBnr .main{
	width:60%;
	}
	.sttlBnr .sub{
	width:35%;
	}
	h3 a.h_btn{
	position:absolute;
	top:110%;
	left:10px;
	color:#367CFF;
	display:block;
	padding:2px 5px;
	font-size:80%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #ececec;
	}
	h3.westbtn {
		margin:0 0 10px 0 !important;
		position: relative;
	}
	h2.westbtn {
		position: relative;
	}

	/* ボタンと画像をmixさせる場合 */
	h3 a.h_btn_txt{
	top:110%;
	left:10px;
	color:#367CFF;
	display:block;
	padding:4px 0;
	width:98%;
	margin:10px auto;
	font-size:80%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #ececec;
	background-image: -webkit-linear-gradient(top, #ffffff, #ececec);
	background-image: -moz-linear-gradient(top, #ffffff, #ececec);
	background-image: -ms-linear-gradient(top, #ffffff, #ececec);
	background-image: -o-linear-gradient(top, #ffffff, #ececec);
	background-image: linear-gradient(to bottom, #ffffff, #ececec);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#ececec);
	}
	h3 a.h_btn_img{
	display:none;
	}
	h3 img.pc_header{
	display:none;
	}
	
	h3 img.sp_header{
	display:block;
	}

}
/* スマートフォン用スタイル */

@media screen and (max-width:640px) {
	#container{
		width:100% !important;
	}

	ul#gnavi{
		margin-top:0 !important;
		border-right:none !important;
		border-left:none !important;
	}
	ul#gnavi li{
		position:relative;
		width:98% !important;
		border-right:none !important;
		border-bottom:1px solid #E4E4E4;
		padding:10px 1% 0 !important;
	}
	ul#gnavi li:first-child {
    border-top: 1px solid #E4E4E4;
    margin-top: 10px;
}
	ul#gnavi li a{
		padding-left:5px !important;
		border-bottom:none !important;
	}
	ul#gnavi li strong{
		display:inline !important;
		font-size:108% !important;
	}
	.none{display:none;}

	h3,
	p.lead{
		margin:0 0 10px 0 !important;
	}
	h2.westbtn{
		margin:0 0 10px 0 !important;
		position:relative;
	}
	h3.westbtn{
		margin:0 0 10px 0 !important;
		position:relative;
	}
	
	.gnavi br{
		display: none;
		
	}
	
/* 2バナー用のスタイル */
	.sttlBnr .main{
	width:100%;
	margin:0 auto !important;
	text-align:center;
	}
	.sttlBnr .sub{
	width:60%;
	padding:5px 20% 0 20%;
	margin:0 auto !important;
	text-align:center;
	}
	
/* SP用一人予約バナーのスタイル */
	.bnrArea{
    width: 90%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
	}
	

/* 西日本はコチラのスタイル */

	h2 a.h_btn{
	position:absolute;
	top:110%;
	left:10px;
	color:#367CFF;
	display:block;
	padding:2px 5px;
	font-size:75%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #ececec;
	}
	h3 a.h_btn{
	position:absolute;
	top:110%;
	left:10px;
	color:#367CFF;
	display:block;
	padding:2px 5px;
	font-size:75%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #ececec;
	}
	
	ul.item_container{
		margin:0 !important;
	}
	ul.item_container li.item{
		width:100%;
		margin-left:0 !important;
		margin-right:0 !important;
		margin-bottom:40px;
	}
	p.photo{
		max-height:100%;
		margin-bottom:5px;
	}
	p.gcName{
		margin-bottom:5px;
	}
	p.exp{
		margin-bottom:10px !important;
	}

/* SP用パーツを表示化するスタイル */

	.ie8_none{display:block;}

/* PC用の表示を非表示化するスタイル */

/*	#header{display:none;} */
	#footer{display:none;}
	#breadcrumb{display:none;}

	ul.item_container li.line{
		display:none;
		margin:0 !important;
	}
	p.line{
		display:none;
		margin:0 !important;
	}

	/* スマートフォン用ヘッダーのスタイル */
/* ※20181030 新ヘッダー適用の為、スタイル非適用
	header.common {
		margin-bottom:5px;
	}
	header.common .logo {
		width:140px;
		float:left;
	}
	header.common .logo img {
		vertical-align:top;
	}

	header.common .navi {
		position:relative;
		float:right;
	}
	header.common .navi:before {
		height:3px;
		position:absolute;
		top:0;
		left:0;
		display:block;
		-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.3);
		box-shadow:inset 0 2px 3px rgba(0,0,0,0.3);
		content:"";
	}
	header.common .navi li {
		float:left;
		padding-top:15px;
	}

	header.common .navi .login a:before {
		background-position:0px 0;
	}
	header.common .navi .checkoff{
		height:49px;
		display:block;
		padding-top:3px;
		white-space:nowrap;
		width:120px;
		padding-right:4px;
		position:absolute;
		top:15px;
		right:0px;
		float:right;
	}

	em.site_pr{ background-color:#0086cd; display:block; font-style:normal; color:#FFF; padding-top:4px; padding-right:10px; padding-bottom:4px; padding-left:10px; margin-top:6px; margin-bottom:12px; }
*/

	/* スマートフォン用フッターメニューのスタイル */

	#container .btm_service{
		margin-bottom:10px;
		text-align:left;
	}
	#container .line_b{
		border-bottom:1px solid #e0e0e0;
	}
	#container .btm_service h2 {
		border-top:#d7e9fb 1px solid;
		border-bottom:#bbd5ef 1px solid;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 255, 1)), color-stop(100%, rgba(216, 235, 253, 1))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* Chrome10+,Safari5.1+ */
		background:linear-gradient(top, rgba(254, 254, 255, 1) 0%, rgba(216, 235, 253, 1) 100%); /* W3C */
		display:block;
		color:#3287d6;
		font-size:13px;
		font-weight:bold;
		padding:2px 10px;
	}
	#container .btm_service h2:before {
		width:14px;
		height:14px;
		position:absolute;
		top:50%;
		content:"";
	}

	#container .btm_service ul li {
		position:relative;
		display:block;
		overflow:hidden;
		border-bottom:1px solid #D6D6D6;
	}
	#container .btm_service ul li:after {
		position:absolute;
		top:50%;
		left:6px;
		-webkit-background-size:25px 25px;
		background-size:25px 25px;
		content:"";
	}
	#container .btm_service ul li a{
		display:block;
		position:relative;
		padding:12px 30px 12px 12px;
		overflow:hidden;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		color:#333333;
	}
	#container .btm_service ul li a:after{
		margin-top:-11px;
		width:22px;
		height:22px;
		-webkit-background-size:22px 22px;
		background-size:22px 22px;
		position:absolute;
		top:50%;
		right:3px;
		content:")";
		font-family:"WebSymbolsgfeditRegular";
	}


	/* スマートフォン用フッターのスタイル */

	footer.common p.select{
		margin:10px auto 15px;
		text-align:center;
	}
	footer.common p.select a{
		padding:5px 10px;
		color:#FFFFFF;
		font-size:12px;
		color:#ffffff;
		font-weight:bold;
		border:1px solid #6db3f4;
		background:rgb(98,173,244);
		background:-moz-linear-gradient(top, #0db6ff 0%, #097cba 49%, #0070ab 50%, #0095e5 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0db6ff), color-stop(49%,#097cba), color-stop(50%,#0070ab), color-stop(100%,#0095e5));
		background:-webkit-linear-gradient(top,  rgba(98,173,244,1) 0%,rgba(52,147,235,1) 49%,rgba(76,162,242,1) 52%,rgba(67,156,239,1) 100%);
		background:linear-gradient(top,  rgba(98,173,244,1) 0%,rgba(52,147,235,1) 49%,rgba(76,162,242,1) 52%,rgba(67,156,239,1) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#62adf4', endColorstr='#439cef',GradientType=0 );
		-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		border-radius:0.5em ;
		text-decoration:none;
	}
	footer.common p.copyright{ display:block; text-align:right; background-color:#383838; color:#FFF; font-size:10px; padding:6px; overflow:hidden; }
	footer.common p.copyright img{ float:left; }

	/* #top_markの位置修正 */
	#top_mark{
	display:block;
	}

}