@charset "UTF-8";

	#concept,
	#facility,
	#onsen,
	#ryori,
	#access,
	#reserve,
	#event,
	#contact {position:relative; overflow:hidden;}


/* ご予約の前に・よくあるご質問

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#reserve .com_list{line-height:3;}
	#reserve .section{margin-bottom:1em;}

    #qa{margin-top:-110px; padding-top:110px;}
	.qa {border-bottom:1px solid #ccc;}
	.qa dt, .qa dd { display: block; position: relative; margin: 0;	font-size: 14px; padding: 10px;font-weight: normal;}
	.qa dt {padding:0; font-size: 14px;}
	.qa dt:before {font-size: 32px;content: "Q."; color: #555;left:0; top: 15px;display: block;	position: absolute;	white-space: nowrap; text-align: left; width: 40px;	height: 40px; line-height: 33px; font-family: 'Oranienbaum', serif!important;}
	.qa dd:before {font-size: 32px;	content: "A."; display: block;　position: absolute; left: 0; top:0; display: block;	position: absolute;	white-space: nowrap; text-align: left; width: 40px;	height: 40px; line-height: 33px; font-family: 'Oranienbaum', serif!important;}
	.qa dd p,.qa dt p { margin:0 0 0 0.5em;}
	.qa dd p:last-child { margin-bottom: 0;}
	.qa dt { padding: 25px 15px 10px 40px;}
	.qa dd { padding: 10px 15px 25px 40px;}
	.qa dd a { text-decoration: underline;}

@media only screen and (max-width: 1024px) {
	#reserve .com_list{line-height:2;}
    #qa{margin-top:-150px; padding-top:150px;}
	.qa dd:before {	content: ""; display: block;}
	.qa dd p,.qa dt p { margin:0;}
	.qa dt:before { top:20px;}
}

@media only screen and (max-width: 640px) {
    #qa{margin-top:-60px; padding-top:60px;}
	#reserve .section{margin-bottom:0;}
}

/*OTAリンクバナー*/
.rsvOta{display:flex;justify-content:space-between;margin-top:30px;margin:2em auto;}
.rsvOta li{width:30%;}
.rsvOta li a{display:block;}
.rsvOta li a:hover{opacity:0.75;}
@media only screen and (max-width: 640px) {
	.rsvOta{display:block;}
	.rsvOta li{width:90%;margin:0 auto 20px auto;}
}

/*予約ボタン*/
.links.rsvs{margin:2em auto 4em auto;}
.links.rsvs a{padding:20px 0;display: block;border:3px solid #057227;width: 100%;max-width:560px;margin: 0 auto;text-decoration: none;background:#f8fcf3;}
.links.rsvs a:hover{border:3px solid #84C643;}
.links.rsvs a .bestrate{color:#057227;display:flex;justify-content:space-between;width:63%;margin: 0 auto;padding: 10px 0;letter-spacing: .1rem;}
.links.rsvs a .bestrateTtl{display:inline-block;font-size:18px;font-weight:bold;line-height:1.3;}
.links.rsvs a .rsvText{display:inline-block;font-size:22px;font-weight:bold;position: relative;color:#1A1A1A;line-height: 1;}
.links.rsvs a::after{display:none;}
@media only screen and (max-width:640px){
	.links.rsvs a{padding:15px 0;}
	.links.rsvs a .bestrateTtl{font-size:16px;line-height:1;}
	.links.rsvs a .bestrate{display:block;line-height: 2.4;padding:0;width:80%;}
}


/* Page：コンセプト微調整

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#movie { position: relative;width: 90%;padding: 57% 0 0 0;margin: 0 auto;}
	#movie iframe { position: absolute;top: 0; left: 0;  width: 100% !important; height: 100% !important;}
	#movie button{color:#fff !important;}

@media only screen and (min-width:1023px) and (max-width: 1380px) {

	#concept .sp_block{display:block;}
	#concept .right_box.thums .slide_list {width:70%; float:right;}
	#concept .left_box.txt {width:30%; float:left;}
}

@media only screen and (max-width: 640px) {
	#concept .m_ttL{margin-bottom:0.5em;}
}

/* Page：階層slider

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/


	/* slider */
	.right_box.thums .slide_list {width:67%; float:right;}
	.left_box.thums .slide_list {width:67%; float:left;}

	/* テキスト */
	.right_box.txt {width:31%; float:right;}
	.left_box.txt {width:31%;float:left;}
	.left_box.txt p,
	.right_box.txt p{line-height:3.8;font-size:14px;font-weight:bold;}
	.left_box.txt p.nml,
	.right_box.txt p.nml{line-height:1.8;font-size:14px;font-weight:normal;}


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

	/* slider */
	.right_box.thums .slide_list {width:60%; float:right;}

	/* テキスト */
	.left_box.txt {width:38%;}

}

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

	.slide_list{margin-bottom:2em;}
	/* slider */
	.left_box.thums .slide_list,
	.right_box.thums .slide_list {width:100%; float:none;max-width:850px; margin:0 auto 2em auto;}

	/* テキスト */
	.left_box.txt, 
	.right_box.txt{width:100%;float:none;text-align:center !important;display:block;}

	.left_box.txt p.nml,
	.right_box.txt p.nml{normal;text-align:left;}

}


/* Page：お問合わせ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/


	#form {position:relative;width:100%; max-width:800px; margin:0 auto;font-size:14px;}
	#form p.txt{margin-bottom:1em;}
	#form p.txt2{text-align:center;margin-top:3em}
	#form .formTable{ margin-bottom:4em; text-align:left; border-collapse:collapse;width:100%;}
	#form .formTable th{ width:20%; font-weight:normal;}
	#form .formTable th span{ font-size:11px; color:#c00; margin:-30px 0 0 0;}
	#form .formTable th,
	#form .formTable td{ vertical-align:middle; padding:20px 0;}

	/* サブミットボタンデザイン */
	#form .btn_list{width:100%;margin:0 auto;text-align:center;}
	#form .btn_list div{display:inline-block;width:45%;margin:0 5px;}
	#form .submit_btn,
	#form .submit_btn_send {background:none;text-align:center;margin:3em auto;font-size:14px;padding:10px;display:block;width:100%;max-width:250px; margin:0 auto;text-decoration:none;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;}
	#form .submit_btn {border:2px solid #DFDFDF;}
	#form .submit_btn:hover{border:2px solid #aaa;}
	#form .submit_btn_send {border:2px solid #C8B474;}
	#form .submit_btn_send:hover{border:2px solid #A48318;}

	/* 入力フォームサイズ */
	#form .form_ds {width:100%;}
	/* フォームテキスト */
	#form input[type="text"],
	#form textarea,
	#form input[type="password"] {
		background-color:#fff;
		border:1px #ccc solid;
		padding: 8px 6px; 
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
		-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
		-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;

	}

	#form input[type="text"]:focus,
	#form textarea:focus,
	#form input[type="password"]:focus {
		box-shadow:2px 2px 2px 0 rgba(200,200,200,0.5) inset !important;
		-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.5) inset !important;
		-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.5) inset !important;
	}

	#form input[type="submit"]{	border-radius: 0;-webkit-appearance: none;}



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

	#contact .m_ttC{ margin-bottom:0.5em;}
	#contact .m_ttC span{ margin-bottom:1em;}
	#form p.txt2{text-align:left;}
	#form .formTable th,
	#form .formTable td{display:block;width:100%;padding:0;}
	#form .formTable th{ padding-top:20px;}
}



/* Page：お料理

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#ryori {position:relative; overflow:hidden; width:100%;}
	#ryori_item { position:relative; overflow:hidden;}
	#ryori_item .con_slide { position: relative; overflow:hidden;z-index:0; }
	#ryori_item .con_slide .slick-slide img { width: 100%;}

	#ryori_item #ryori_menu{ position: absolute;z-index:10; top: 20px; right:22% !important; margin:0 auto;width:80% !important;letter-spacing:1px;padding:30px 50px 50px 50px;}
	#ryori_item #ryori_menu h4.tt { padding-bottom:40px; color: #fff;font-size:22px;}
	#ryori_item #ryori_menu p.txt { color: #fff;font-size:14px;width:100%;line-height:3;font-weight:bold;}
	#ryori_item #ryori_menu p span.block { display:inline;}

@media only screen and (max-width:1255px) {
	#ryori_item #ryori_menu{ position: absolute;z-index:15; top: 0; right:14% !important; margin:0 auto;width:80% !important;letter-spacing:1px;padding:50px 0 10px 0;}
}

@media only screen and (max-width: 1080px) and (min-width: 990px){
	#ryori_item #ryori_menu{ top: 0; right:12% !important; margin:0 auto;width:100% !important;letter-spacing:1px;padding:30px 0 10px 0;}
	#ryori_item #ryori_menu h4.tt { font-size:20px;}
	#ryori_item #ryori_menu p.txt { font-size:14px;}
	#ryori_item #ryori_menu p span.block { display:block;}
}

@media only screen and (max-width: 991px) {
	#ryori_item #ryori_menu{ top: 10px; right:10% !important; margin:0 auto;width:90% !important;letter-spacing:1px;padding:1em 0 0 0;}
	#ryori_item #ryori_menu h4.tt { padding-bottom:20px; color: #555;font-size:18px;color: #fff;}
	#ryori_item #ryori_menu p.txt { font-size:14px;line-height:3;color: #fff;}
	#ryori_item #ryori_menu p span.block { display:inline;}
}
@media only screen and (min-width: 826px) {
	#ryori p.note{display:none;}
}
@media only screen and (max-width: 825px) {
	#ryori_item #ryori_menu{ letter-spacing:0px;}
	#ryori p.note{text-align:right;width:75%;margin:0 auto;font-size:10px;}
}
@media only screen and (max-width:725px) {
	#ryori {margin:2em 0 0 0;}
	#ryori_item .box_slide,#ryori_item .box_slide img{ display:none;}
	#ryori_item #ryori_menu{position:relative; top: 0 !important; right:20px !important; margin:0 auto;width:85% !important;letter-spacing:1px;}
	#ryori_item #ryori_menu h4.tt { padding-bottom:20px; color: #555;font-size:18px;}
	#ryori_item #ryori_menu p.txt { color: #555;font-size:14px;line-height:3;}
}


/* Page：温泉

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	.mg_onsen{margin:0;}
	.onsen_b_list{position:relative; overflow:hidden;font-size:12px;}
	.onsen_b_list .left{float:left; width:47%;}
	.onsen_b_list .right{float:right; width:47%;}
	.onsen_b_item{position:relative; overflow:hidden;font-size:12px;margin:2em 0;}
	.onsen_b_item h3{font-size:14px;border-bottom:1px solid #555;margin:0 0 1em 0;}

	/* 共通 */
	.onsen_b_item table{  border-collapse:collapse; border:none;border-spacing:0;}
	.onsen_b_item table th,
	.onsen_b_item table td{font-weight:normal;padding:3px 10px;}

	/* 成績 */
	.onsen_b_item .onsen_b_table2 th{background:#f7f7f7;}

	.onsen_b_item .onsen_b_table2 th,
	.onsen_b_item .onsen_b_table2 td,
	.onsen_b_item .onsen_b_table3 th,
	.onsen_b_item .onsen_b_table3 td{border:1px solid #ddd;}

	/* 成分分量 */
	.onsen_b_item .onsen_b_table3{float:left;margin:0 20px 0 0;}
	.onsen_b_item .onsen_b_table3 th{background:#ddd;}
	.onsen_b_item .onsen_b_table3 td{text-align:right;}
	.onsen_b_item .onsen_b_table3 .left{text-align:left;}


	/* 浴用又は飲用上の注意 */
	.onsen_b_item table.onsen_b_table4 th,
	.onsen_b_item table.onsen_b_table4 td{margin-bottom:1em;}
	.onsen_b_item table.onsen_b_table4{margin-bottom:2em;}

	/* table幅 */
	.onsen_b_item table .w10{width:10%;}
	.onsen_b_item table .w20{width:20%;}
	.onsen_b_item table .w30{width:30%;}
	.onsen_b_item table .w40{width:40%;}
	.onsen_b_item table .w50{width:50%;}
	.onsen_b_item table .w60{width:60%;}
	.onsen_b_item table .w70{width:70%;}
	.onsen_b_item table .w80{width:80%;}
	.onsen_b_item table .w90{width:90%;}
	.onsen_b_item table .w100{width:100%;}


@media only screen and (max-width:1225px) {
	.mg_onsen{margin:1em 0 0 0;}
}

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

	.mg_onsen{margin:2em 0 1em 0;}
	/* 成分分量 */
	.onsen_b_item .onsen_b_table3{float:none;margin:0 20px 1em 0;width:100%;}
	.onsen_b_item .onsen_b_table3 th,
	.onsen_b_item .onsen_b_table3 td{}
	.onsen_b_item .onsen_b_table3 .left{text-align:left; width:20%;}

}

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


	#onsen .c_ttL{ margin-bottom:0.5em;}

	.onsen_b_item{margin:1em 0;}
	/* 共通 */
	.onsen_b_list .left,
	.onsen_b_list .right{float:none; width:100%;}

	/* 成績 */
	.onsen_b_item .onsen_b_table2{width:100% !important;border-bottom:1px solid #ddd;}
	.onsen_b_item .onsen_b_table2 th,
	.onsen_b_item .onsen_b_table2 td{display:block;width:100% !important;}
	.onsen_b_item .onsen_b_table2 .w60{display:block;width:100% !important;}
	.onsen_b_item .onsen_b_table2 td{border-top:none;border-bottom:none;}

	/* 成分分量 */
	.scl{overflow: auto;white-space: nowrap; margin:0 0 1em 0;}
	.scl::-webkit-scrollbar{ height: 5px;}
	.scl::-webkit-scrollbar-track{ background: #F1F1F1;}
	.scl::-webkit-scrollbar-thumb { background: #BCBCBC;}
	.onsen_b_item .onsen_b_table3{float:none;margin:0 20px 0 0;width:100%;}
	.onsen_b_item .onsen_b_table3 th{background:#ddd;}
	.onsen_b_item .onsen_b_table3 td{text-align:right;}
	.onsen_b_item .onsen_b_table3 .left{text-align:left;}

	.onsen_b_item table.onsen_b_table4 th,
	.onsen_b_item table.onsen_b_table4 td{font-weight:normal;padding:5px 0;vertical-align:top;}
	.onsen_b_item .onsen_b_table3.mgb15{margin-bottom:0 !important;}
}


/* Page：イベント情報

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#event #event .event_list{position:relative;}
	#event .event_list.top ul li.item{position:relative; width:100%;padding:1em 0;border-bottom:none;}
	#event .event_list ul li.item{position:relative;overflow:hidden;width:100%;border-bottom:1px solid #DFDFDF;padding:1em 0;}
	#event .event_list ul li.item .thum{float:left;margin-right:1.5%;width:8%;max-width:130px;min-width:100px;}
	#event .event_list ul li.item .thum div{ display:inline-block;margin-bottom:3%;max-width:130px;min-width:100px;}
	#event .event_list ul li.item .thum img{width:100%;}
	#event .event_list ul li.item .txt{overflow:auto; zoom:1;width:88%;margin-bottom:20px;}
	#event .event_list ul li.item .txt h3{font-size:16px;margin-bottom:3px;}
	#event .event_list ul li.item .txt p{font-size:14px;}
	#event .event_list ul li.item .txt .time{position:absolute;bottom:0;right:0; text-align:right;}

@media only screen and (max-width:1024px) {
	#event .event_list ul li.item .thum{width:14%;max-width:100%;}
	#event .event_list ul li.item .txt{width:85%;}
}

@media only screen and (max-width:991px) {
	#event .event_list ul li.item .thum{margin-right:2%}
	#event .event_list ul li.item .thum{display:block;float:none;width:100%;max-width:100%;text-align:left;margin:0;margin-bottom:0.5em;}
	#event .event_list ul li.item .thum div{ display:inline-block;margin-bottom:0;max-width:130px;min-width:100px;margin-right: 4px;}
	#event .event_list ul li.item .thum img{width:100%;}
	#event .event_list ul li.item .txt{width:100%;}
}

@media only screen and (max-width:640px) {
	#event .event_list ul li.item{margin-bottom:0;}
	#event .event_list ul li.item .thum{display:block;float:none;width:100%;max-width:100%;}
	#event .event_list ul li.item .thum div{ display:inline-block;width:30%;max-width:130px;min-width:auto;}
	#event .event_list ul li.item .thum img{width:100%;}
	#event .event_list ul li.item .txt h3,#event .event_list ul li.item .txt{width:100%;}
	#event .event_list ul li.item:first-child{padding:0 0 1em 0;}
}


/* Page：アクセス

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#infoWindow {position:relative; overflow:hidden;width: 500px; padding-top:5px;}
	#infoWindow .thum{float:left;width:23%;}
	#infoWindow .thum img{width: 100px;}
	#infoWindow .txt{ float:left;width:75%;}

	#mapCanvas {position: relative;padding-bottom: 40%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom:2em;} 
	#mapCanvas iframe,#mapCanvas object,#mapCanvas embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

	#access .full_map{width:100%;margin:0 auto 2em auto;}
	.root_list{position:relative; overflow:hidden;}
	.root_list .map{float:left;width:39%;margin:0 auto;text-align:center;}
	.root_list .item{float:right;font-size:14px;width:59%;}
	.root_list .item .car,.root_list .item .kanko{margin-bottom:1em;}
	.root_list .item h3{margin-bottom:0.3em;text-align:left;}
	.root_list .item .kanko{background:#EFEBDC;padding:5px 10px;}
	.root_list .item .com_list.inline li{display:inline-block; margin-right:1em;}
	.root_list .item .kanko .com_list2{margin:0;}
	.root_list .item .kanko .com_list2 li{width:49%;margin-right:1%;}
	.root_list .item .kanko .com_list2 li:nth-child(2n){margin-right:0;}
	.root_list .ac_icon img{width:35px;padding:0 5px 0 3px;vertical-align: middle;}

	.root_list .kanko .ac_iconL {font-size:16px;vertical-align: middle;display:inline-block;}
	.root_list .kanko .ac_iconL img{width:40px;padding:0 5px;vertical-align: middle;}
	.gmap_link{text-align:left !important;}
	.gmap_link .links,
	.gmap_link .links a{margin:1em 0;}
	#access .txt{display:none;}

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

	#infoWindow {position:relative; overflow:hidden;width: 250px; padding-top:5px;}
	#infoWindow .thum{float:left;width:37%;}
	#infoWindow .thum img{width: 80px;}
	#infoWindow .txt{ float:left;width:63%;}

	.root_list{position:relative; overflow:hidden;}
	.root_list .map{float:none;width:100%;margin:0 auto 20px auto;}
	.root_list .item{float:none;font-size:14px;width:100%;}
	.root_list .item .car{margin-bottom:1em;}
	.root_list .item h3{margin-bottom:0.3em;text-align:left;}
	.map_area {position:relative; overflow:hidden;width:500px; margin:0 auto;font-size:14px;text-align:center;}
}

@media only screen and (max-width:640px) {
	#mapCanvas {position: relative;padding-bottom:50%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom:2em;} 
	#mapCanvas iframe,#mapCanvas object,#mapCanvas embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.root_list .item .kanko .com_list2.col2 li{display:block;width:100%;line-height:2.5;}
	.root_list .item .kanko .com_list2.col2 li a{font-size:15px;}
	.gmap_link .links a{margin:2em auto 0 auto;}
	#access .txt{display:block;}
}

/* Page：求人情報

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.recruitArea{max-width:800px;margin:0 auto;}
.recruitArea .table_com{border-top:1px solid #ccc;}
.contactArea{max-width:800px;margin:0 auto;text-align:center;background:#f7f7f7;padding:25px 0;}
.contactArea h4{font-weight:bold;font-size:16px;margin-bottom:15px;}
.telBox{margin:15px auto;}
.telBox .telInfo a{font-size:32px;color:#AE8D1F;letter-spacing:1px;text-decoration:none;}
.telBox .telInfo a:hover{color:#C9A31C;}
.telBox .timeInfo span{padding:0 0 0 10px;}
@media screen and (max-width: 480px){ 
	.telBox .telInfo a{font-size:26px;}
	.telBox .telInfo {margin:0 0 10px 0;}
	.telBox .telInfo span{display:block;line-height:30px;}
	.telBox .timeInfo span{padding:0;display:block;}
}