/* ページビジュアル
---------------------------------------------------- */
#pageVisualContainer{
	text-align:center;
	width:100%;
	
	overflow:hidden;
	z-index:1;
	margin:0 auto 0 auto;
	padding-bottom:10px;
}
#pageVisualContainer img{
	text-align:center;
	width:100%;
	overflow:hidden;
	z-index:1;
	margin:0 auto 0 auto;
}
/* 下層ページ共通
---------------------------------------------------- */
#page_contents{
	display:block;
	margin:10px 0px;
}
h3{
	display: block;
	-webkit-border-radius: 0px;
	border-radius: 0px;

	background-size: contain;
	color: #0A2D95;
	font-size: 16px;
	letter-spacing: -1px;
	padding: 4px;
	border-bottom:3px solid #b2b7e2;
}
	
h2{
	display: block;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-size: contain;
	border-bottom: 2px solid #0c3a52;
	background-color:#5A64D3;
	color: #fff;
	font-size: 16px;
	letter-spacing: -1px;
	padding: 12px;
}
#page_contents img{
	text-align: center;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
}
#main_view{
    width: 	width:100%;
	margin-top:10px;
}
#item_list{
	border:none;
	
}
#item_list li{
    float: left;
    list-style: none;
	padding: 0px 5px 15px 0px;
	width:25%;
	/*height:67px;*/
	
}
#item_list li.rooms{
	width:110px;
	height:160px;	
}
#item_list li.onsen{
	width:110px;
		
}
#item_list li.ryouri{
	width:74px;
	height:49px;	
}
.inner_box{
	margin-top:0px;
	clear:both;
}

/*折りたたみ*/
#toggles{
	margin-bottom:30px;
}

.toggle{
	margin:15px 0px;
}

.toggle div{
}

.toggle h4 a{
	display:block;
	vertical-align:top;
	color:#222222;
	font-size:14px;
	font-weight:bold;
	padding:18px 0 14px 16px;
	-webkit-background-size:25px 6px;
	background-size:25px 6px; 
}
.toggle h4 a.open{
	display:block;
	padding:10px;
	background:url(../images/arrow_d.png) no-repeat right center #96B483;
	background-size:25px 6px; 
	border:1px solid #cccccc;
	color:#fff;
}

.toggle h4 a.close{
	padding:10px;
	background:url(../images/arrow_u.png) no-repeat right center #96B483;
	background-size:25px 6px;
	-webkit-background-size:25px 7px;
	background-size:25px 7px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	color:#fff;
}

.toggle ul{
	background-color:#1b1b1b;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:10px;
}
.toggle ul.white{
	background-color:#ffffff;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:10px;
}

.toggle li.t_detail a{
	display:block;
	width:140px;
	text-align:center;
	border:solid 2px #818181;
			box-shadow:0px 3px 8px #aaa;

			-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-o-border-radius: 3px;

-ms-border-radius: 3px;
	background:url(../images/bt_reserv.png) no-repeat 10px center,-webkit-gradient(linear, left top, left bottom, from(#cddcc4), to(#b6ccaa));
	background:url(../images/bt_reserv.png) no-repeat 10px center,-moz-linear-gradient(top, #cddcc4,#b6ccaa);
	background:url(../images/bt_reserv.png) no-repeat 10px center,-o-linear-gradient(top, #cddcc4,#b6ccaa);
	background:url(../images/bt_reserv.png) no-repeat 10px center,-ms-linear-gradient(top, #cddcc4,#b6ccaa);
	font-size:14px;
	font-weight:bold;
	color:#518033;
	margin:0px auto;
	padding:15px 0px 15px 20px;
}
.toggle li.t_detail a.mail{
	display:block;
	width:220px;
	text-align:center;
	border:1px solid #BBBBBB;
	-webkit-border-radius:0px;
	border-radius:0px;
	background:url(../images/hd_ico_mail.png) no-repeat 10px center,-webkit-gradient(linear, left top, left bottom, from(#b3672f), to(#b3672f));
	background:url(../images/hd_ico_mail.png) no-repeat 10px center,-moz-linear-gradient(top, #b3672f,#b3672f);
	background:url(../images/hd_ico_mail.png) no-repeat 10px center,-o-linear-gradient(top, #b3672f,#b3672f);
	background:url(../images/hd_ico_mail.png) no-repeat 10px center,-ms-linear-gradient(top, #b3672f,#b3672f);
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0px auto;
	padding:15px 0px 15px 30px;
}
.toggle li.t_detail a.reserve{
	display:block;
	width:220px;
	text-align:center;
	border:1px solid #BBBBBB;
	-webkit-border-radius:0px;
	border-radius:0px;
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-webkit-gradient(linear, left top, left bottom, from(#933d62), to(#933d62));
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-moz-linear-gradient(top, #933d62,#933d62);
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-o-linear-gradient(top, #933d62,#933d62);
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-ms-linear-gradient(top, #933d62,#933d62);
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0px auto;
	padding:15px 0px 15px 30px;
}

.place{
	display:block;
	width:190px;
	text-align:center;
	border:0px solid #939393;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:url(../images/hd_ico_wpc.png) no-repeat 20px center,-webkit-gradient(linear, left top, left bottom, from(#9d3233), to(#7b0308));
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-moz-linear-gradient(top, #9d3233,#7b0308);
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-o-linear-gradient(top, #9d3233,#7b0308);
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-ms-linear-gradient(top, #9d3233,#7b0308);
	
	font-weight:bold;
	color:#ffffff;
	margin:10px auto;
	padding:15px 0px 15px 40px;
	border:double 3px #a74f4d;
}
.coupon{
	display:block;
	width:190px;
	text-align:center;
	border:0px solid #939393;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:url(../images/hd_ico_wpc.png) no-repeat 20px center,-webkit-gradient(linear, left top, left bottom, from(#466978), to(#194053));
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-moz-linear-gradient(top, #466978,#194053);
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-o-linear-gradient(top, #466978,#194053);
	background:url(../images/hd_ico_wpc.png) no-repeat 10px center,-ms-linear-gradient(top, #466978,#194053);
	
	font-weight:bold;
	color:#ffffff;
	margin:10px auto;
	padding:15px 0px 15px 40px;
	border:double 3px #5e7c8f;
}
.room_info{
	display:block;

	text-align:center;
	border:0px solid #939393;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fc9e3f), to(#e77d21));
	background:-moz-linear-gradient(top, #fc9e3f,#e77d21);
	background:-o-linear-gradient(top, #fc9e3f,#e77d21);
	background:-ms-linear-gradient(top, #fc9e3f,#e77d21);
	
	font-weight:bold;
	color:#ffffff;
	margin:0px auto;
	padding:5px 0px 5px 0px;
	border:double 3px #fcad55;
}

.toggle li span{
	color:#ffffff;
	font-size:16px;
	line-height:1.3;
	margin:0 0 5px 0;
}
.toggle li p{
	display: block;
	color: #000000;
	border: 0px solid #444444;
	margin: 0px 10px 18px 10px;
	padding: 6px 12px;
}
.toggle p{
	clear:both;
	font-size:12px;
	
}
.toggle small{
	display:block;
	color:#000000;
	border:1px solid #444444;
	margin:5px 10px 18px 10px;
	padding:6px 12px;
	clear:both;
	font-size:12px;
	
}
 
.toggle p span{
	display:block;
	text-align:right;
	color:#ffffff;
	background:url(../images/arrow_u.png) no-repeat right center #96B483;
	-webkit-background-size:25px 6px;
	background-size:25px 6px;
	border:1px solid #cccccc;
	padding:10px 35px 10px 0;
}
.name{
	background-color:#CC99CC;
	}
	.label{
	background-color:#FFFFCC;
	}

/* アクセス
---------------------------------------------------- */
.access_l_box{
	margin:0px 0px 20px 0px;
	clear:both;
	display:block;
}
.access_l_box li{
	color:#444444;
	font-size:14px;
	border-bottom:1px dotted #cbcbcb;
	overflow:hidden;
	padding:10px 40px 17px 5px;
}
.access_l_box li span{
	color:#3daefa;
	font-weight:bold;
}
#g_map{
	text-align:center;
	width:100%;
	overflow:hidden;
	z-index:1;
	margin:0 auto 0 auto;
	padding-bottom:10px;
}

/* お問合せ
---------------------------------------------------- */
#contactWrap{
	margin-bottom:20px;
}
.contact_box{
	display:block;
	clear:both;
	margin-top:10px;
	border:1px solid #cccccc;
	color:#000000;
}
@media screen and (max-width: 320px){
     article .code, article img{max-width: 270px}
     form.wpcf7-form input[type="text"], form.wpcf7-form textarea{
     	width:95%;
     	}
}
.contact_q{
	background-color: #EF9E00;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}
.contact_q:after{
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}
.contact_q p{
	float:left;
	color:#fff;
	font-size:14px;
	font-style:normal;
	letter-spacing:2px;
	padding:6px 0 0 0px;
}
.contact_q span{
	float:right;
	display:block;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	border:1px solid #750101;
	background:8px center,-webkit-gradient(linear, center top, center bottom, from(#bd0101), to(#990000));
	background:8px center,-moz-linear-gradient(top, #bd0101,#990000);
	background:8px center,-o-linear-gradient(top, #bd0101,#990000);
	background:8px center,-ms-linear-gradient(top, #bd0101,#990000);
	-webkit-background-size:5px 6px,auto;
	-webkit-border-radius:5px;
	background-size:5px 6px,auto;
	border-radius:5px;
	padding:3px 3px 3px 3px;
	background-size:5px 6px,auto;
	border-radius:5px;
	-webkit-box-shadow: 0 0 4px 1px #e7edef;
	box-shadow: 0 0 4px 1px #e7edef;
	letter-spacing:1px;
}
#bt_form{
	display:block;
	width:250px;
	text-align:center;
	border:1px solid #a89566;
	-webkit-border-radius:6px;
	border-radius:6px;
	background: center,-webkit-gradient(linear, left top, left bottom, from(#bdbda9), to(#655f4e));
	background: center,-moz-linear-gradient(top, #bdbda9,#655f4e);
	background: center,-o-linear-gradient(top, #bdbda9,#655f4e);
	background: center,-ms-linear-gradient(top, #bdbda9,#655f4e);
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	margin:10px auto;
	padding:10px;
}
#bt_send{
	display:block;
	width:260px;
	text-align:center;
	border:1px solid #a89566;
	-webkit-border-radius:6px;
	border-radius:6px;
	background: center,-webkit-gradient(linear, left top, left bottom, from(#d2ae90), to(#814838));
	background: center,-moz-linear-gradient(top, #d2ae90,#814838);
	background: center,-o-linear-gradient(top, #d2ae90,#814838);
	background: center,-ms-linear-gradient(top, #d2ae90,#814838);
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	margin:10px auto;
	padding:10px;
}

/* --tab--*/
.tab {
	clear: both;
	width: ;
	line-height: 125%;
	color: #333;
	background-color: #1B1B1B;
	border: solid 1px #666666;
	margin: 0 auto;
	margin-bottom: 9px;
	
}

.ta1 {
	width: ;
	padding: 2px 0 2px 16px;
	background-color: #000000;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	color: #fff;
}

.ta2 {
	width: ;
	padding: 14px 0 15px 27px;
	background-color: #000000;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	color: #fff;
}

.ta3 {
	width: ;
	padding: 32px 0 31px 15px;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	color: #999;
	vertical-align: middle;
}
.qa{ padding:0px 0px 5px 5px; color:#cc0000; border-bottom:1px solid #DF8385;
border-left:15px solid #DF8385;

	}