@charset "UTF-8";

.wrapper{}
.GillSans{text-align: center;}


.faq .text{
	text-align: center;
	margin: 0 0 50px;
}
.faq .text a{
	color: #00b2dc;
	text-decoration: underline;
}
.faq .text a:hover{
	text-decoration: none;
}

.faq .inner > div{
	padding: 80px 0 0;
}
.faq .inner h3{
	text-align: center;
	margin: 0 0 50px;
	font-size: 24px;
}

.faq .inner .faqBlock dl{

}
.faq .inner .faqBlock dl span{
	font-size: 32px;
	font-weight: bold;
	color: #203b39;
	line-height: 1;
}
.faq .inner .faqBlock dl dt{
	background: #fff url(../img/contact/btn_open.png) no-repeat 98% center / 25px;
	border-radius: 5px 5px 0 0;
	padding: 12px 50px 12px 20px;
	margin: 20px 0 0;
	font-size: 22px;
	cursor: pointer;
	display: flex;
}
.faq .inner .faqBlock dl dt.close{
	background: #fff url(../img/contact/btn_close.png) no-repeat 98% center / 25px;
}
.faq .inner .faqBlock dl dt span{
	margin: 0 10px 0 0;
    vertical-align: middle;
}
.faq .inner .faqBlock dl dd{
    padding: 20px;
    background: #e5e5e5;
	border-radius: 0 0 5px 5px;
}
.faq .inner .faqBlock dl dd div{
	padding: 20px 10px 20px 20px;
    background: #fff;
    border-radius: 10px;
}
.faq .inner .faqBlock dl dd div span{
	float: left;
}
.faq .inner .faqBlock dl dd div p{
    margin: 0 0 0 50px;
}


.faq .floating_side {
	position: fixed;
	top: 200px;
	left: 0;
	z-index: 200;
	width: 160px;
	text-align: center;
	background: #fff;
	padding: 10px;
}
.faq .floating_side #gnav {

}
.faq .floating_side #gnav li {

}
.faq .floating_side #gnav li a {
    color: #666666;
    text-decoration: none;
    display: block;
    padding: 15px;
    margin: 0 0 2px;
    background: #bbbbbb;
}
.faq .floating_side #gnav li a.current {
	color: #000000;
    background: #f5f4e8;
}
.faq .inner dl.contact{
	text-align: center;
}
.faq .inner dl.contact dt{
	margin: 0 0 30px;
}
.faq .inner dl.contact dd{
	float: left;
	position: relative;
}
.faq .inner dl.contact dd:nth-of-type(2){
	float: right;
}
.faq .inner dl.contact dd img{
	width: 320px;
}

.faq a {
	text-decoration: underline;
}

.faq a:hover {
	opacity: .8;
}



.tab_list{}
.tab_list .tab_area{text-align: center;  margin: 0 auto -2px; font-size: 18px; display: flex; justify-content: center;}
.tab_list .tab_area span{display: block; font-size: 12px;}
.tab_list input[type="radio"]{display:none;}
.tab_list .tab_area label{margin: 0; display: table-cell; cursor:pointer; transition:ease 0.2s opacity; position: relative; width: 300px; padding: 10px; border-radius: 6px 6px 0 0; border: solid #494945; background: #494945 url(../img/reserve/tab_arrow.png) no-repeat 90% / 16px; color: #fff; vertical-align: middle; border-width: 1px 1px 0;}
.tab_list .panel_area{padding: 20px 0 50px; background: #fff; border-top: 2px solid #000;}
.tab_list .tab_panel{width: 100%; display:none; margin: 50px 0;}

.camp .tab_list .tab_area .tab4_label{
	pointer-events: none;
}

.tab_list #tab1:checked ~ .panel_area #panel1,
.tab_list #tab2:checked ~ .panel_area #panel2,
.tab_list #tab3:checked ~ .panel_area #panel3,
.tab_list #tab4:checked ~ .panel_area #panel4,
.tab_list #tab5:checked ~ .panel_area #panel5{display:block;}

.tab_list #tab1:checked ~ .tab_area .tab1_label,
.tab_list #tab2:checked ~ .tab_area .tab2_label,
.tab_list #tab3:checked ~ .tab_area .tab3_label,
.tab_list #tab4:checked ~ .tab_area .tab4_label,
.tab_list #tab5:checked ~ .tab_area .tab5_label{position: relative; color: #000; background: #fff; border: solid #000; border-width: 2px 2px 0;}

table {width: 100%;}
table , td, th {
	border: 1px solid #ccc2ba;
	border-collapse: collapse;
}
td, th {
	padding: 12px 6px;
}


/*--------------------
	宿泊予約・料金
--------------------*/


.camp .tab_area li.
.reservation .tab_area li{
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}
.camp .tab_area li:nth-child(4),
.camp .tab_area li:nth-child(2),
.reservation .tab_area li:nth-child(4),
.reservation .tab_area li:nth-child(2){
	width: 10px;
}


.camp .tab_area li a,
.reservation .tab_area li a{
	margin: 0;
	transition: ease 0.2s opacity;
	position: relative;
	width: 300px;
	border-radius: 6px 6px 0 0;
	border: solid #494945;
	background: #494945 url(../img/reserve/tab_arrow.png) no-repeat 90% / 16px;
	vertical-align: middle;
	border-width: 2px 2px 0;
	display: table-cell;
    height: 65px;
	color: #fff;
	text-decoration: none;
}

.camp .tab_area li a.active,
.reservation .tab_area li a.active{
	background: #fff;
	color: #000;
}

.camp .tab_list .panel_area
.reservation .tab_list .panel_area{
	padding: 50px 0;
}

.camp .money,
.reservation .money {}
.camp .money table,
.reservation .money table{text-align: center; font-weight: bold;　table-layout: fixed;}

.camp .tabblock h3{
	font-size: 28px;
	text-align: center;
	margin: 0 0 20px;
}
.reservation .tabblock h3{
	font-size: 24px;
	text-align: center;
	margin: 0 0 50px;
	font-weight: normal;
}
.reservation .group.tabblock {
	padding: 0 0 50px;
}

.reservation .group.tabblock .cv_btn a{
    color: #fff;
    font-weight: bold;
    width: 420px;
    margin: auto;
    background: #011D45;
    display: block;
    text-align: center;
    text-decoration: none;
	font-size: 20px;
    padding: 25px 0;
    border-radius: 5px;
}
.reservation .tabblock a:hover{
	opacity: .8;
}
.reservation .only.tabblock {
    padding: 0 0 50px;
}
.reservation .only.tabblock .only_btn{
	margin-bottom: 50px;
}
.reservation .only.tabblock .only_btn li{
    width: 450px;
    float: left;
}
.reservation .only.tabblock .only_btn li:nth-child(2){
    float: right;
}
.reservation .only.tabblock .only_btn li span{
	margin: 5px 0 0;
	display: block;
	font-size: 12px;
}
.reservation .only.tabblock .only_btn li a{
    color: #fff;
    font-weight: bold;
    margin: auto;
    background: #011D45;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    padding: 25px 0;
    border-radius: 5px;
    
}
.reservation .only.tabblock .only_btn li:nth-child(2) a{
    background: #7ebaf9;
}
.reservation .group.tabblock a{

}




.tab_list .none{width: 20px!important; padding: 0; background: #fff2e9!important; border: solid #000!important; border-width: 0px 0 2px 0!important;}
.reservation .money table td {width: 150px;}
.reservation .money table th {background: #fff2e9; font-weight: bold;}
.reservation .money table.largetable th {width: 1%;}
.reservation .money table th span{display: block; transform: rotate( 90deg );}
.reservation .money table th sup{font-size: 10px; display: block; text-align: right;}
.reservation .money table tr:first-of-type{background: #fff2e9!important;}
.reservation .money table tr:nth-of-type(2n+1) {background: #ffe6d5;}
.reservation .money table.largetable tr:nth-of-type(2n+3) {background: #ffe6d5;}
.reservation .money table td.off{background: #96d0de;}
.reservation .money table td.normal{background: #75d68f;}
.reservation .money table td.peak{background: #f0c178;}
.reservation .money table td.hight{background: #ff584b;}
.reservation .money table + p{font-size: 12px; margin: 8px 0 0;}
.reservation .money .facility table{}
.reservation .money .facility table td{width: 210px;}
.reservation .money .facility table td sup{font-size: 10px;}
.reservation .money h3{font-size: 24px; margin: 0 0 50px; text-align: center; font-weight: normal;}
.reservation .money h3 span{display: block; margin: 30px 0 0; font-size: 16px;}
.reservation .money ul{text-align: center; margin: 0 0 50px;}
.reservation .money ul li{ margin: 0 0 20px;}
.calendar_list {
	display: inline-block;
	margin-right: 30px !important;
}
.reservation .money p.coment{text-align: center; font-weight: bold; margin: 0 0 20px;}
.reservation .money h4{text-align: center; margin: 60px 10px 20px; font-size: 24px;}
.reservation .money h4 span{font-size: 16px; display: block; margin: 20px 0 0; font-weight: normal;}
.reservation .money dl{font-size: 12px; margin: 10px 0 0;}
/*.reservation .money dl dt{float: left;}*/
.reservation .money dl dd{}

.restaurant_table {
    table-layout: fixed;
}
.reservation .money .restaurant_table td {
	width: auto;
}

/* ----------------------------------------------------------
	pc用全要素
---------------------------------------------------------- */
@media screen and (min-width: 769px) {
 	.sp_br{
 	   display: none;
 	 }
	.wrapper{min-width: 1146px;}

	.tab_list .tab_area{}
/*
	.tab_list .tab_area{width: 1146px;}
*/
	.tab_list .tab_area label.none{
		background: none;
		width: 10px!important;
		border: none;
		cursor: auto;
	}
	.top_text{text-align: center;}
	.underlayer{width: 1146px; margin: auto; position: relative;}


	.breadCrumb li{float: left; margin: 0 30px 0 0; position: relative;}
	.breadCrumb li:after{content: ""; position: absolute; right: -18px; top: 0; bottom: 0; margin: auto; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.breadCrumb li:last-child{margin: 0;}
	.breadCrumb li:last-child:after{content: none;}
	.breadCrumb li a{color: #000; text-decoration: underline;}
	.breadCrumb li a:hover{text-decoration: none;}

	/*----------------------------
		予約・料金
	-----------------------------*/
	.reservation dl.coment{border: 1px solid #7f7974; margin: 0 0 30px; padding: 0 0 10px;}
	.reservation dl.coment dt{background: #494945; height: 45px; display: inline-block; color: #fff; padding: 10px; margin: 0 0 10px;}
	.reservation dl.coment dd{margin: 0 20px 30px;}
	.reservation dl.coment dd span a {
		text-decoration: underline;
	}
	.reservation ul.coment{background: #eee; padding: 30px; border-radius: 6px; margin: 0 0 50px;}
	.reservation ul.coment li{text-indent: -15px; margin: 0 0 0 15px;}
.reservation .money.tabblock{
	width: 1146px;
	margin: auto;
}
.reservation .tabblock{
	width: 960px;
	margin: auto;
}


	.info_txt {
		font-size: 20px;
		text-align: center;
		margin-bottom: 30px;
	}

	.tel_info_box {
		border: solid #ccc;
		border-width: 1px 0;
	}

	.tel_info {
		align-items: center;
		/*border: solid #ccc;
		border-width: 1px 0;*/
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		padding: 10px;
	}

	.tel_info p {
		margin: 0 50px;
	}

	.tel_info p:nth-child(2) {
		font-size: 25px;
		font-weight: bold;
	}

	.tel_info p:nth-child(3) span {
		color: #7d7d7d;
		display: block;
		font-size: 13px;
	}

	.cv_group_btn {
		margin-bottom: 50px!important;
	}

	.additional_cct {
		background-color: #fff2e9;
		padding: 10px 20px;
		margin: 0 0 20px;
	}

	.additional_cct p {
		color: #e95265;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.additional_cct p:first-child span {
		font-size: 18px;
		display: block;
		margin-bottom: 10px;
	}

	.bold_txt {
		color: #e95265;
		font-weight: bold;
	}

	.notes_infobox {
		position: relative;
		margin: 2em 0;
		padding: 55px 10px 7px;
		border: solid 1px #7f7974;
	}

	.notes_infobox .box_title {
		position: absolute;
		display: inline-block;
		top: -1px;
		left: -2px;
		padding: 10px;
		line-height: 25px;
		font-size: 16px;
		background: #494945;
		color: #ffffff;
		font-weight: bold;
	}




	/*----------------------------
		キャンプBBQ
	-----------------------------*/
	.camp{}
	.camp .wrapper{
		padding: 0!important;
	}
	.camp .panel_area .inner{width: 1100px;}
	.camp .tab_list {
	    background: #fff;
	}
	.camp .tab_list .panel_area{padding: 0;}
	.camp .tab_list .tab_area label{width: 260px;}
	.camp h3{font-size: 32px; text-align: center; margin: 0 0 40px;}
	.camp .main{position: relative; padding: 0 0 30px;}
	.camp .main h3{font-size: 24px; margin: 0 0 40px;}
	.camp .main div{width: 430px; height: 410px; position: relative; padding: 40px 40px 0; margin: 0 0 50px; background: #fff;}
	.camp .main div img{position: absolute; top: auto; bottom: -30px; left: 50px;}
	.camp .main img{position: absolute; top: 0; right: 0;}
	.camp .main img.bird{position: absolute; left: 180px; right: auto;}
	.camp .main img.bbqimage{position: absolute; top: auto; bottom: 40px; right: 200px;}
	.camp .main p{}
	.camp .main p span{display: block; margin: 20px 0; font-weight: bold; font-size: 14px;}

	.camp .webreserve div + p.coment{text-align: center;}
	.camp .attention{padding: 50px 0 60px;}
	.camp .attention img{width: 260px;}

	.camp .tab_area{width: auto; background: #fff2e9;}
	.camp .tab_area .sp ,
	.camp .tab_area .tab5_label {display: none!important;}
	.camp .standard{}
	.camp .map_step{text-align: center;}
	.camp .map_step img{width: 900px;}
	.camp .map_step span{display: block; margin: 20px 0 0; font-size: 18px;}
	.camp .standard .main{margin: 0 0 60px; position: relative;}
	.camp #panel1{}
	.camp .tabblock  h3{text-align: center; font-size: 30px; margin: 80px 0 40px;}
	.camp .tabblock  h3 img{margin: 40px 0 0;}
	.camp .tabblock  table + div{margin: 10px 0 0;}
	.camp .detail{margin: 0 0 80px;}
	.camp .detail > img{width: 550px;}
	.camp .detail p{float: right; width: 510px; font-size: 18px; line-height: 2;}
	.camp .detail p span{
		background-image: linear-gradient( rgba(255,224,165,1) 8px, transparent 0 );
	    background-size: auto 30px;
	    background-position: 0 -16px;
    }
    .camp .tabblock  h4{margin: 80px 0 10px; font-size: 28px; text-align: left; font-weight: normal;}
    .camp .tabblock  h4 span{font-size: 14px;margin: 0 0 0 20px; font-weight: normal;}
    .camp .tabblock  h4.cansell span{display: block; margin: 10px 0 0; font-size: 14px; font-weight: normal;}
	.camp .tabblock  h4.cansell{text-align: center;}
	.camp .detail p img{margin: 32px 0 0 auto; display: block; width: 180px;}
	.camp .bbq_slider{width: 1088px; margin: 0 auto 50px;}
	.camp .bbq_slider .slick-dots{display: none!important;}
	.camp .bbq_detail{
		display: flex;
		width: 880px;
		margin: 0 auto 30px;
	}
	.camp .bbq_detail + .summary h4{
	    margin: 80px 0 10px;
	    font-size: 28px;
	    text-align: left;
	    font-weight: normal;
	}
	.camp .bbq_detail > span{
		text-align: right;
		font-size: 13px;
		color: #7c7c7c;
	}
	.camp .bbq_detail > span img{
		width: 420px;
	}
	.camp .bbq_detail div{
	    margin: 0 0 0 30px;
	    text-align: left;
	}
	.camp .bbq_detail div p{
		font-size: 18px;
		margin: 0 0 20px;
	}
	.camp .bbq_detail div p span{
		display: block;
		margin: 20px 0 0;
	}

	.camp .bbq_menu {
		margin: 0 auto 100px;
		width: 880px;
	}

	.camp .bbq_menu dl{
	    background: #7f7973;
	    border-radius: 5px;
	    color: #fff;
	    padding: 10px 20px;
	    margin-bottom: 10px;
	}

	.camp .bbq_menu dl dt{
		font-weight: bold;
		margin: 0 0 10px;
	}


	.camp .summary{text-align: center; margin: 0 auto; width: 880px; padding: 0 0 80px;}
	.camp .summary table{}
	.camp .summary .cancel {
		text-align: center!important;
		font-weight: bold!important;
		margin: 80px 0 40px;
	}
	.camp .summary .cancel + div{

	}
	.camp .summary .cancel + div th{
		width: auto;
	}
	.camp .summary table sup{font-weight: normal;}
	.camp .summary td{font-weight: bold;}
	.camp .summary th{background: #ffe6d5; width: 210px;}
	.camp .summary sup{vertical-align: top; font-size: 10px;}
	.camp .summary p.coment{margin: 10px 0 0; text-align: left; font-size: 13px;}
	.camp .summary p.coment a{
		text-decoration: underline;
	}
	.camp .summary p.coment a:hover{
		text-decoration: none;
	}
	.camp .summary dl.bbq{text-align: left; margin: 0 0 50px;}
	.camp .summary dl.bbq dt{font-size: 16px; margin: 0 0 30px;}
	.camp .summary dl.bbq dt span{font-size: 24px; margin: 0 30px 0 0;}
	.camp .summary dl.bbq dd{background: #7f7f7f; color: #fff; border-radius: 6px; padding: 30px 40px; font-size: 16px; line-height: 1.8;}
	.camp .renta table tr:nth-of-type(1) th:last-child{width: 110px!important; padding: 0;}
	.camp .renta table th{width: 130px;}
	.camp .summary .cancel + div table tr td:nth-of-type(1){
		background: #ffe6d5;
	}
	.camp .webreserve{background: none; border: none; padding: 0;}
	.camp table + .webreserve{padding: 60px 0 0;}
	.camp .webreserve div{width: auto; margin: 0 0 10px;}
	.camp .webreserve div dl{width: 100%;}
	.camp .webreserve div dt{padding: 20px 30px;}
	.camp .webreserve div dl dd {display: table-cell; vertical-align: middle; padding: 20px 20px 20px 60px; text-align: left;}

	.camp .clm2{
		width: 880px;
		margin: auto;
	}
	.camp .clm2 h4{
		font-size: 14px;
		text-align: center;
		margin: 0 0 30px;
		font-weight: bold;
	}
	.camp .clm2 h4 span{
		font-size: 26px;
		font-weight: bold;
		display: block;
		margin: 0;
	}
	.camp .clm2 div{
		margin: 0 0 20px;
	}
	.camp .clm2 div span{
		float: left;
		width: 420px;
		text-align: right;
		font-size: 11px;
		color: #7c7c7c;
	}
	.camp .clm2 div span img{
		width: 420px;
	}
	.camp .clm2 div p{
		float: right;
		width: 420px;
	}
	.camp .clm2 div p strong{
		display: block;
		margin: 0 0 20px;
		font-size: 28px;
		font-weight: normal;
	}
	.camp .clm2 .reserve span{
		float: right;
	}
	.camp .clm2 .reserve p{
		float: left;
	}
	.camp .camp_money{
		
	}
	.camp .camp_money table th{
		font-size: 14px;
	}
	.camp .camp_money table tr td:nth-of-type(1) {
	    background: #ffe6d5;
	}
	.camp .online_reserve{
		background: #fff2e9;
		border-radius: 5px;
		padding: 20px 0;
	}
	.camp .online_reserve strong{
		display: block;
		margin: 0 0 20px;
		font-size: 24px;
	}
	.camp .online_reserve strong span{
		display: block;
	    font-size: 14px;
	    font-weight: normal;
	}
	.camp .online_reserve ul{
		display: flex;
		justify-content: center;
	}
	.camp .online_reserve li{
		margin: 0 40px;
		border-radius: 5px;
		font-size: 20px;
	}
	.camp .online_reserve li a{
		display: block;
		color: #fff;
		padding: 20px 0;
		width: 350px;
		border-radius: 5px;
		text-decoration: none;
		font-weight: bold;
	}
	.camp .online_reserve li a:hover{
		opacity: .8;
	}
	.camp .online_reserve li:nth-child(1) a{
		background: #011d45 url(../img/reserve/tab_arrow.png) no-repeat 92% / 16px;
	}
	.camp .online_reserve li:nth-child(2) a{
		background: #7ebaf9 url(../img/reserve/tab_arrow.png) no-repeat 92% / 16px;
	}
	.camp .online_reserve li p{
	    margin: 10px 0 0;
	    font-size: 14px;
	    text-align: left;
	}

	.clm_in_txt {
	 	font-size: 18px;
	 }

	.s_letter {
		font-size: 20px;
	}

	.ss_letter {
		display: inline!important;
		font-size: 12px!important;
		margin: 0!important;
	}

	.note_letter {
		font-size: 13px;
	}

	.note_letter a {
		text-decoration: underline;
	}

	.note_letter a:hover {
		text-decoration: none;
	}

	.red_word {
		color: #e94965;
		font-size: 16px;
		font-weight: bold;
		text-decoration: underline;
	}

	.red_word:hover {
		opacity: .8;
	}

	.camping_attention {
		background: no-repeat;
		color: #e94965;
		display: block;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.4;
		margin-top: 10px;
	}


	/*----------------------------
		館内施設
	-----------------------------*/
	.facility{}
	.facility .floor{background: #c9e4ce; margin: 0 0 80px; padding: 0 0 30px;}
	.facility .floor .inner{position: relative;}
	.facility .floor .floor_top{/*position: absolute;*/ top: 0; left: 0;}
	.facility .floor .floor_box{width: 32.86%; float: left; background: #fff; border-top: 3px solid #666; padding: 10px 15px; margin: 0 8px 8px 0;}
	.facility .floor .floor_box img{width: 100%;}
	.facility .floor .floor_box small{margin: 0 0 15px; display: block;}
	.facility .floor .floor_box h3{font-size: 18px; text-align: left;}
	.facility .floor .floor_box h3.floor_main span{background: #f15a40;}
	.facility .floor .floor_box h3.floor_side span{background: #407636;}
	.facility .floor .floor_box h3 span{border-radius: 20px; color: #fff; display: inline-block; font-size: 20px; width: 30px; height: 30px; margin: 0 5px 0 0; text-align: center;}
	.facility .floor .floor_box p{text-align: left; margin: 10px 0; font-size: 14px;}
	.facility .floor .floor_box p span{color: #666; display: block; font-size: 12px; margin: 20px 0 0;}
	.facility .floor .floor_box:nth-of-type(3n){margin: 0;}
	.facility .floor .area{padding: 80px 0 80px; position: relative; text-align: right;}
	.facility .floor .area ul.main{position: absolute; top: 120px; left: 10px; text-align: left; width: 280px;}
	.facility .floor .area ul.side{position: absolute; bottom: 100px; left: 10px; text-align: left;}
	.facility .floor .area ul span{color: #fff; margin: 0 5px 0 0; float: left; border-radius: 12px; width: 22px; height: 22px; text-align: center; line-height: 1.6;}
	.facility .floor .area ul.main span{background: #f15a40; vertical-align: middle;}
	.facility .floor .area ul.side span{background: #407636; vertical-align: middle;}
	.facility .floor .area ul li{margin: 0 0 8px; display: flex;}
	.facility .floor .area ul li dl{display: flex;}
	.facility .floor .area ul li dt{}
	.facility .floor .area ul li dd{}
	.facility .faq{text-align: center; margin: 0 0 30px;}
	.facility .map_modal {min-width: 1180px;}
	.facility .map_modal dt{font-size: 24px; font-weight: bold; margin: 0 0 30px;}
	.facility .map_modal dd{
		display: inline-block;
		background: #fff2e9;
		border-radius: 10px;
		border: 1px solid #ccc;
		margin: 0 20px;
	}
	.facility .map_modal dd a{
		display: block;
		padding: 20px;
	}
	.facility .map_modal dd img{width: 500px;}
	.facility .modal_box strong{text-align: left;}
	.facility .modal_box div > img{
		width: 800px;
	}

	/*----------------------------
		館内施設 - 下層ページ
	-----------------------------*/
	.faci_studio .detail,
	.faci_dome .detail,
	.faci_multi .detail,
	.faci_plaza .detail,
	.faci_hall .detail,
	.faci_forest .detail,
	.faci_hinoma .detail,
	.faci_meeting .detail,
	.faci_bath .detail{position: relative; width: 1200px; margin: 0 auto; 50px}
	.detail .slider{width: 776px;}
	.detail .summary{position: absolute; top: 50px; right: 0; background: #fff; padding: 30px; width: 550px;}
	.detail .summary p{font-size: 20px; margin: 29px 20px;}
	.detail .summary p strong{font-size: 30px; position: relative; display: inline-block; text-align: center; width: 100%;}
	.detail .summary p strong:before {
	    content: "";
	    position: absolute;
	    bottom: -18px;
	    left: 0;
	    right: 0;
	    width: 40px;
	    margin: auto;
	    border-bottom: 5px solid #ccc;
	}
	.detail .summary p span{text-align: center; display: block; margin: 30px 0 20px; font-size: 12px; font-weight: bold;}
	.detail img.posi_left{position: absolute; left: 20px; bottom: 60px;}
	.detail .text{margin: 80px 30px 0;}
	.detail .slick-dots{text-align: right;}
	.detail .slick-dots .slick-active button{background: #000;}
	.guidemap{	text-align: center; padding: 50px 0px 0px 0px;}
	.guidemap h2{font-size: 30px; padding-bottom: 30px;}
	.guidemap img{width: 1146px;}
	.guidemap img.sp{display:none;}

	.price {padding: 50px 0px 10px 0px;}
	.price h3{font-size: 28px; font-weight: normal;}
	.price_table{margin:0px 0px 10px;}
	.price_table table{text-align: center; table-layout: fixed;}
	.price_table td{background: #fff; font-weight: bold; text-align: center;}
	.price_table td span{display: block; font-size: 24px;}
	.price_table th{background: #ffe6d5; padding: 12px 20px;}

	.faci_meeting .caution a{
		text-decoration: underline;
	}
	.faci_meeting .caution a:hover{
		text-decoration: underline;
	}

	.webreserve{border: none; margin: 0 0 60px;}
	.other {padding-top: 120px;}
	.other h3{text-align: center; margin: 0 0 30px;}
	.other .floor_box {
		width: 32.75%;
		/*width: 280px; */
		/*float: left; */
		background: #fff; 
		border-top: 3px solid #666; 
		text-align: right; 
		padding: 18px; 
		margin: 0 8px 10px 0;
	}
	.other .floor_box img {
	    /*width: 245px;*/
	    width: 100%;
	}
	.other .floor_box h4{font-size: 18px; margin: 0 0 10px; text-align: left; line-height: 1.2;}
	.other .floor_box div{margin: 20px 0 0;}
	.other .floor_box:nth-child(3n) {
		margin: 0 0 10px; 
		/*float: right;*/
	}

	.caution a {
		font-weight: bold;
		text-decoration: underline;
	}

	.caution a:hover {
		opacity: .8;
	}

	.other_fa_list {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}

	/*----------------------------
		館内施設 - 火の間
	-----------------------------*/
	.faci_hinoma .other .floor_hinoma{border-top: 3px solid #fff;}
	.faci_hinoma .other .floor_hinoma a{pointer-events: none;}
	.faci_hinoma .other .floor_hinoma p{display: none;}

	/*----------------------------
		館内施設 - 森のホール
	-----------------------------*/
	.faci_forest .other .floor_forest{border-top: 3px solid #fff;}
	.faci_forest .other .floor_forest a{pointer-events: none;}
	.faci_forest .other .floor_forest p{display: none;}

	/*----------------------------
		館内施設 - 大広間
	-----------------------------*/
	.faci_hall .other .floor_hall{border-top: 3px solid #fff;}
	.faci_hall .other .floor_hall a{pointer-events: none;}
	.faci_hall .other .floor_hall p{display: none;}

	/*----------------------------
		館内施設 - ミーティングルーム
	-----------------------------*/
	.faci_meeting .other .floor_meeting{border-top: 3px solid #fff;}
	.faci_meeting .other .floor_meeting a{pointer-events: none;}
	.faci_meeting .other .floor_meeting p{display: none;}

	/*----------------------------
		館内施設 - フォレストプラザ
	-----------------------------*/
	.faci_plaza .other .floor_plaza{border-top: 3px solid #fff;}
	.faci_plaza .other .floor_plaza a{pointer-events: none;}
	.faci_plaza .other .floor_plaza p{display: none;}

	/*----------------------------
		館内施設 - ミニドーム
	-----------------------------*/
	.faci_dome .other .floor_dome{border-top: 3px solid #fff;}
	.faci_dome .other .floor_dome a{pointer-events: none;}
	.faci_dome .other .floor_dome p{display: none;}

	/*----------------------------
		館内施設 - スタジオ
	-----------------------------*/
	.faci_studio .other .floor_studio{border-top: 3px solid #fff;}
	.faci_studio .other .floor_studio a{pointer-events: none;}
	.faci_studio .other .floor_studio p{display: none;}

	/*----------------------------
		館内施設 - 多目的室
	-----------------------------*/
	.faci_multi .other .floor_multi{border-top: 3px solid #fff;}
	.faci_multi .other .floor_multi a{pointer-events: none;}
	.faci_multi .other .floor_multi p{display: none;}

	/*----------------------------
		館内施設 - 大浴場
	-----------------------------*/
	.faci_bath .other .floor_bath{border-top: 3px solid #fff;}
	.faci_bath .other .floor_bath a{pointer-events: none;}
	.faci_bath .other .floor_bath p{display: none;}


	/*----------------------------
		faq
	-----------------------------*/

	.faq .inner{
		width: 980px;
	}
	.faq .inner dl{
		width: 730px;
	    margin: 0 auto 60px;
	}
	.faq .floating_side.action{
		display: none!important;
	}
	.faq .inner dl.contact dd:nth-of-type(2):before{
		content: "";
		height: 50px;
		width: 2px;
		background: #ccc2ba;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -46px;
		margin: auto;
	}



	/*----------------------------
		合宿・研修
	-----------------------------*/
	.training{}
	.training .detail{letter-spacing: -6px; position: relative; margin: 0 0 80px;}
	.training .detail div{display: inline-block; letter-spacing: 0; vertical-align: middle; width: 400px; padding: 60px;}
	.training .detail img{vertical-align: middle;}
	.training .detail img.illust7{position: absolute; bottom: -20px; left: 330px;}

	.training .floor_top {
		display: flex;
	}
	.training .floor_box{width: 19.4%; background: #fff; border-top: 3px solid #666; text-align: right; padding: 18px; margin: 0 8px 0 0;}
	.training .floor_box:nth-child(5n) {
		margin: 0 0 10px; 
	}
	.training .floor_box:nth-child(3n) {
		margin: 0 10px 10px 0; 
	}
	.training .floor_box img{width: 245px;}
	.training .floor_box h3{font-size: 18px; text-align: left;}
	.training .floor_box h3.floor_main span{background: #f15a40;}
	.training .floor_box h3.floor_side span{background: #407636;}
	.training .floor_box h3 span{border-radius: 20px; color: #fff; display: inline-block; font-size: 20px; width: 30px; height: 30px; margin: 0 5px 0 0; text-align: center;}
	.training .floor_box p{text-align: left; margin: 10px 0 20px; font-size: 14px;}
	.training .floor_box p span{display: block; margin: 20px 0 0;}
	/*.training .floor_box:nth-of-type(4){margin: 0; opacity: .5;}*/





	/*----------------------------
		企業研修
	-----------------------------*/
	.company{}
	.company .detail{letter-spacing: -6px; position: relative; margin: 0 auto 80px;}
	.company .detail div{letter-spacing: 0; padding: 30px 30px 30px 50px; width: 500px; display: inline-block; vertical-align: middle; font-size: 20px;}
	.company .detail img{vertical-align: middle;}
	.company .detail img.illust7{position: absolute; bottom: -20px; left: 320px;}
	.company .features{text-align: center; padding: 0 0 60px;}
	.company .features h3{font-size: 24px; margin: 0 0 30px;}
	.company .features h3 span{font-size: 12px; font-weight: bold; border-bottom: 1px solid #000;}
	.company .features div{display: inline-block; width: 200px; margin: 0 10px;}
	.company .features div span{display: block; margin: 0 0 10px; line-height: 1;}
	.company .features div span:before{content: none;}
	.company .features div img{width: 200px;}
	.company .features div p{margin: 10px 0 0; line-height: 1.5;}
	.company .meeting{text-align: center; margin: 0 auto 50px; width: 800px;}
	.company .meeting h3{font-size: 24px; margin: 0 0 50px;}
	.company .meeting h3 span{font-size: 12px; font-weight: bold; border-bottom: 1px solid #000;}
	.company .meeting h4{font-size: 18px; font-weight: normal; margin: 8px 0;}
	.company .meeting div{text-align: left; width: 320px; display: inline-block; margin: 0 30px 30px; vertical-align: top;}
	.company .meeting div p{}
	.company .meeting div p span{display: block; border-top: 2px solid #000; border-bottom: 2px solid #000; margin: 0 0 10px; padding: 5px 0;}
	.company .price{width: 880px; margin: 0 auto 50px; text-align: center;}
	.company .price h3{font-size: 24px; margin: 0 0 50px;}
	.company .price h3 span{font-size: 12px; font-weight: bold; border-bottom: 1px solid #000;}
	.company .price table{text-align: left;}
	.company .price th{background: #7f7c7a; padding: 15px 30px;}
	.company .price th img{width: 180px;}
	.company .price td{background: #fff; font-size: 12px; padding: 12px 25px;}
	.company .day{
		text-align: center;
	}
	.company .day h3{
	
	}
	.company .day h3 span{
		font-size: 14px;
		border-bottom: 1px solid #000;
		display: inline-block;
		margin: 0 0 10px;
	}
	.company .day h3 + p{
		margin: 0 0 60px;
		font-size: 18px;
	}
	.company .day dl{
		letter-spacing: -6px;
		text-align: center;
		margin: 0 0 60px;
	}
	.company .acc .acc_toggle{
		display: inline!important;
	}
	.company .day dl dt{
		letter-spacing: 0;
		margin: 0 0 30px;
	}
	.company .day dl dt span{

		position: static;
		margin: 0;
	}
	.company .day dl dt span:before{
		content: none;
	}
	.company .day dl dd div.cf{
		background: #fff;
		border-radius: 6px;
		display: inline-block;
		width: 190px;
		padding: 20px 10px;
		margin: 0 1px 0 0;
		letter-spacing: 0;
	}
	.company .day dl dd div.acc{
		display: inline-block;
	}
	.company .day dl dd span{
		display: block;
		margin: 0 0 10px;
		font-size: 18px;
	}
	.company .day dl dd time{
		border-bottom: 1px solid #000;
	}
	.company .day dl dd img{
		width: 160px;
		margin: 20px 0;
	}
	.company .day dl dd p{
		text-align: left;
	}
	.company .webreserve{
		border: none;
	}




	/*----------------------------
		Restaurant 食事
	-----------------------------*/
	.restaurant{

	}
	.restaurant h3{
		margin: 0 0 50px;
	}
	.restaurant .detail{
		line-height: 1.8;
		margin: 0 0 50px;
		text-align: center;
		font-size: 16px;
	}

	.restaurant .detail a {
		text-decoration: underline;
	}

	.restaurant .detail span{
		display: block;
		font-size: 12px;
		margin: 10px 0 0;
	}
	.restaurant .buffet{
		display: -webkit-flex;
		display: flex;
		text-align: center;
		flex-flow: wrap;
		margin: 30px auto;
		width: 1000px;
		align-items: flex-start;
	}
	.restaurant .buffet h3{
		width: 100%;
		margin: 0 0 40px;
		font-size: 30px;
	}
	.restaurant .buffet .photo{
		vertical-align: middle;
		width: 55%;
	}
	.restaurant .buffet div{
		width: 42%;
		margin: 0 0 0 3%;
		text-align: left;
		justify-content: space-between;
		display: flex;
		flex-flow: column;
		height: 365px;
	}
	.restaurant .buffet div p{
		font-size: 17px;
	}
	.restaurant .buffet div img{
		width: 320px;
	}
	.restaurant .buffet div ul{

	}
	.restaurant .buffet div ul li{
		margin: 15px 0 0;
	}
	.restaurant ul.itemlist{
	    width: 100%;
	    margin: 30px 0 40px;
	    display: flex;
	    justify-content: space-between;
	}
	.restaurant ul.itemlist li{

	}
	.restaurant ul.itemlist li img{
		width: 328px;
	}

	.buffet_diesc {
		width: 50%;
	}

	.buffet_diesc ul {
		text-align: center;
	}

	.restaurant .bbq{
		width: 1000px;
		margin: auto;
		text-align: center;
	}
	.restaurant .bbq h3{
		font-size: 28px;
		font-weight: normal;
		margin: 0 0 10px;
		text-align: left;
	}
	.restaurant .bbq h3 span{
		font-size: 16px;
		font-weight: normal;
		display: block;
		margin: 20px 0 0;
	}
	.restaurant .bbq dl{
		background-color: #7f7973;
		border-radius: 5px;
		color: #fff;
		padding: 8px 16px;
	    text-align: left;
	    margin: 40px 0 0;
	}
	.restaurant .bbq dl dt{
		font-weight: bold;
	}
	.restaurant .bbq dl dd{

	}

	.restaurant .bbq h4 {
		font-size: 28px;
		font-weight: normal;
		text-align: left;
		margin-bottom: 10px;
	}

	.restaurant .bbq .price_box {
		margin-bottom: 10px;
	}

	.restaurant .bbq .price_box table {
		table-layout: fixed;
	}

	.restaurant .bbq .price_box th {
		background: #ffe6d5;
	}

	.restaurant .bbq .price_box td {
		background-color: #fff;
		font-weight: bold;
	}

	.restaurant .bbq .coment {
		font-size: 13px;
		text-align: left;
	}

	.restaurant .bbq .coment a {
		font-weight: bold;
		text-decoration: underline;
	}

	.restaurant .bbq .coment a:hover {
		opacity: .8;
	}

	.bbq_inner {
		display: -webkit-flex;
		display: flex;
		margin-bottom: 30px;
	}

	.bbq_inner ul li {
		font-size: 13px;
	}

	.bbq_inner img {
		width: 55%;
	}

	.bbq_diesc {
		text-align: left;
		margin: 0 0 0 50px;
		width: 42%;
	}

	.bbq_diesc p {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.restaurant .webreserve{
		border: none;
	}
	
	.application_form {
	    background-color: #fff;
	    border-radius: 6px;
	    margin: 40px auto 80px;
	    padding: 20px 30px;
	    width: 1000px;
	}

	.application_form > p {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.application_form_link {
		display: block;
		font-weight: bold;
	}

	.application_form_link a {
		color: #e94965;
		text-decoration: underline;
		margin: 0 10px;
	}

	.note a {
		text-decoration: underline;
	}

	.kokko_area {
		margin: 0 auto 80px;
		width: 80%;
	}

	.kokko_area a {
		display: inline-block;
		text-decoration: underline;
		margin-bottom: 10px;
	}

	.kokko_area img {
		width: 100%;
	}

	.kokko_details li {
		font-size: 13px;
	}

	.kokko_area a.bnr_sp {
		display: none;
	}

	.outline_box {
		margin-bottom: 40px;
	}




	/*----------------------------
		宿泊
	-----------------------------*/
	.stay{}
	/*.stay .tab_list .panel_area{padding: 0;}*/
	.stay h3{font-size: 24px; margin: 60px 0;}
	.stay .detail{position: relative; width: 1230px;}
	.stay .detail h4{font-size: 24px; margin: 0 0 20px;}
	.stay .detail div{width: 430px; height: 410px; position: relative; padding: 40px 40px 0; margin: 0 0 50px; background: #fff;}
	.stay .detail div img{position: absolute; top: auto; bottom: -20px; right: 10px;}
	.stay .detail img{position: absolute; top: 0; right: 0;}
	.stay .detail img.big_window {width: 65%;}
	.stay .detail img.bird{position: absolute; left: 180px; right: auto;}
	.stay .detail img.bird2{position: absolute; top: auto; bottom: 20px; right: 0;}
	.stay .detail p{}
	.stay .detail p span{display: block; margin: 20px 0; font-weight: bold; font-size: 14px;}
	.stay .detail time{text-align: left;}
	.stay .detail time span{font-size: 16px; font-weight: normal; font-style: normal; letter-spacing: 0; background: #ffff00;}
	.stay .detail time span:before{content: none;}
	.stay .tab_area{width: 600px;}
	.stay .standard{}
	.stay .map_step{text-align: center;}
	.stay .map_step img{width: 900px;}
	.stay .map_step span{display: block; margin: 20px 0 0; font-size: 18px;}
	.stay .standard .main{margin: 0 0 60px; position: relative;}
	.stay .standard .main span{position: absolute; bottom: -25px; right: 350px; font-size: 12px;}
	.stay .standard .main ul{float: left; width: 810px; margin: 0;}
	.stay .standard .main ul .slick-prev {left: 30px;}
	.stay .standard .main ul .slick-prev:before {content: ""; position: absolute; bottom: 8px; right: 0; left: 0; margin: auto; width: 25px; height: 25px; background: none; z-index: 1;
	border-left: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1;
	}
	.stay .standard .main ul .slick-next {right: 30px;}
	.stay .standard .main ul .slick-next:before {content: ""; position: absolute; bottom: 8px; right: 0; left: 0; margin: auto; width: 25px; height: 25px; background: none; z-index: 1;
	border-right: 3px solid #fff; border-top: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1;
	}
	.stay .standard .main .room_img {width: 100%;}
	.stay .standard .main img.posi_left{position: absolute; left: -20px; bottom: -20px;}
	.stay .standard .main div.coment{float: right; position: relative; width: 336px; height: 362px; padding: 50px 30px; background: #565656; color: #fff; font-size: 16px;}
	.stay .standard .main div.coment img{position: absolute; left: 50px; bottom: -20px;}
	.stay .standard .type{width: 850px; margin: 0 auto 80px;}
	.stay .standard .type h4{text-align: center; margin: 0 0 40px; font-size: 24px;}
	.stay .standard .type table{font-size: 14px; text-align: center; border-radius: 8px;}
	.stay .standard .type table tr{border-bottom: 1px solid #ccc;}
	.stay .standard .type table tr:nth-child(1){background: #fff2e9;}
	.stay .standard .type table tr:nth-child(2n+3){background: #ffe6d5;}
	.stay .standard .type th{width: 130px; border: none;}
	.stay .standard .type tr th:nth-of-type(1),
	.stay .standard .type tr th:nth-of-type(2),
	.stay .standard .type tr th:nth-of-type(3),
	.stay .standard .type tr td:nth-of-type(1),
	.stay .standard .type tr td:nth-of-type(2),
	.stay .standard .type tr td:nth-of-type(3){font-weight: bold;}
	.stay .standard .type tr td{border: none;}
	.stay .standard .type p{text-align: center; margin: 20px 0 0; font-size: 20px;}
	.stay .standard .summary {width: 850px; margin: 0 auto 80px; }
	.stay .standard .summary h4{text-align: center; margin: 0 0 40px; font-size: 24px;}
	.stay .standard .summary h4 span{display: block; font-size: 14px;}
	.stay .standard .summary table{border: solid #bfbdbd; border-width: 1px 0;}
	.stay .standard .summary th{width: 200px; border: none; padding: 0 0 0 40px; text-align: left;}
	.stay .standard .summary td{border: none;}
	.stay .standard .spa{width: 730px; margin: 0 auto 80px; letter-spacing: -6px;}
	.stay .standard .spa div{display: inline-block; letter-spacing: 0; width: 350px; vertical-align: middle; margin: 0 30px 0 0;}
	.stay .standard .spa img{vertical-align: middle;}
	.stay .standard .spa h4{font-size: 24px; margin: 0 0 20px;}
	.stay .standard .gallery{margin: 0 0 40px;}
	.stay .standard .gallery h4{text-align: center; margin: 0 0 30px; font-size: 24px;}
	.stay .standard .gallery .slider{}
	.stay .standard .gallery .slider .slick-dots li button{width: 8px; height: 8px;}
	.stay .standard .gallery .slider img{width: 100%;}
	.stay .standard .gallery .slider li{margin: 0 5px;}
	.stay .standard .gallery .slider .slick-dots{text-align: center;}

	.stay .floormap{width: 850px; margin: auto; position: relative;}
	.stay .floormap h4{text-align: center; font-size: 24px; margin: 0 0 20px;}
	.stay .floormap .floor{width: 850px;}
	.stay .floormap ul{}
	.stay .floormap li{position: absolute; background: none; border: none; margin: 0;}
	.stay .floormap li:nth-child(1){top: 420px; right: 270px;}
	.stay .floormap li:nth-child(2){top: 240px; left: 30px;}
	.stay .floormap li:nth-child(3){bottom: 140px; right: 70px;}
	.stay .floormap li:nth-child(4){top: 150px; left: 240px;}
	.stay .floormap li:nth-child(5){bottom: 160px; left: 110px;}
	.stay .floormap li:nth-child(5) img,
	.stay .floormap li:nth-child(6) img {width: 200px;}
	.stay .floormap li:nth-child(6){bottom: 40px; left: 130px;}
	.stay .floormap li:nth-child(7){top: 240px; right: 225px;}
	.stay .floormap li img{width: 160px;}
	.stay .floormap li a{padding: 0;}
	.stay .modal_box img{
		height: 500px;
	}

	.webreserve{background: #fff2e9; text-align: center; border-top: 2px solid #000; padding: 60px 0 0;}
	.webreserve div{width: 800px; margin: 0 auto 40px; background: #dddddd; border: 2px solid #cccccc; border-radius: 10px; overflow: hidden;}
	.webreserve div dl{display: table;}
	.webreserve div dt{display: table-cell; position: relative; height: 130px; background: #fff; text-align: left; padding: 20px;}
	.webreserve div dt:before{
	    content: ""; position: absolute; top: 0; right: -84px; box-sizing: border-box; width: 4px; height: 100%; border: 65px solid transparent; border-left: 20px solid #fff;
    }
	.webreserve div dt span{display: inline-block; margin: 0 0 10px; padding: 0 0 0 10px; font-size: 18px; border-left: 2px solid #ccc;}
	.webreserve div dd{display: table-cell; vertical-align: middle; padding: 20px 0 20px 40px; text-align: left;}
	.webreserve div dd a{display: block; text-align: center; text-decoration: underline; position: relative; font-weight: bold; background: #fff3a6; border-radius: 40px; padding: 25px 40px 25px 60px;}
	.webreserve div dd a span{position: relative;}
	.webreserve div dd a span:before{content: ""; position: absolute; top: 7px; bottom: 0; left: -23px; margin: auto; width: 10px; height: 10px; border-left: 2px solid #ddd;border-bottom: 2px solid #ddd;}
	.webreserve div dd a span:after{content: ""; position: absolute; top: 0; bottom: 0; left: -20px; margin: auto; width: 12px; height: 12px; background: #ddd;}
	.webreserve div dd p + span{display: block; font-size: 22px; font-weight: bold;}
	.webreserve div dd p img{width: 16px; vertical-align: middle;}



	/*----------------------------
		宿泊予約・料金
	-----------------------------*/
	.reservation{}
	.reservation .wrapper{padding: 0;}
	.reservation .money table.largetable {font-size: 14px;}


	/*----------------------------
		アクセス
	-----------------------------*/
	.access .gmap{margin: 0 0 60px; border: 2px solid #333; height: 450px; overflow: hidden;}
	.access .gmap h3{}
	.access .gmap iframe{margin: -250px 0 0; width: 1146px; height: 1000px;}
	.access .area{position: relative; margin: 0 0 80px;}
	.access .area .car{position: absolute; top: 225px; left: 0;}
	.access .area p{font-size: 22px; margin: 0 0 10px;}
	.access .parking{margin: 0 0 50px;}
	.access .parking p{font-size: 22px; margin: 0 0 5px;}
	.access .parking table{text-align: center; table-layout: fixed;}
	.access .parking table caption{text-align: right; font-size: 12px; margin: 0 0 5px;}
	.access .parking table th{background: #f2f2f2;}
	.access .parking table th img{width: 92px;}
	.access .parking table td{background: #fff;}
	.access .faq{text-align: center; margin: 60px 0 50px;}

	.table_in {
		display: block;
		font-size: 12px;
	} 




	.map_modal{
		text-align: center; margin: 0 0 40px;
	}
	.map_modal li{
		display: inline-block;
		background: #fff2e9;
		border-radius: 10px;
		border: 1px solid #ccc;
		margin: 0 20px;
	}
	.map_modal li a{
		display: block;
		padding: 20px;
	}

	.modal_box {
		display: none;
		margin: auto;
	    text-align: center;
	    background: #fff2e9;
	}

	.modal_box div{
		position: relative;
		padding: 50px 40px 20px;
	}
	.modal_box div p.text{
		font-size: 15px;
		text-align: left;
		margin: 20px 0 0;
	}
	.modal_box div a{
		line-height: 0;
		font-size: 60px;
		color: #aaa;
	}
	.modal_box div a:hover{
		text-decoration: none;
	}
	.stay .prevbtn{position: absolute; top: 50%; left: 10px; transform: translate(0,-50%);}
	.stay .nextbtn{position: absolute; top: 50%; right: 10px; transform: translate(0,-50%);}
	#modal-win .modal-close {
		position: absolute;
	    top: 20px;
	    right: 10px;
		text-align: center;
	}
	#modal-win {
		width: 100%;
		position: absolute;
	}
	#modal-win strong{
		display: block;
		margin: 0 0 20px;
		font-size: 23px;
	}
	#modal-win #modal-win-inner {
		margin: 0 auto; 
		position: relative;
		z-index: 103;
		text-align: center;
	}

	#modal-win #modal-bg {
		width: 100%;
		height: 100%;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 102;
		cursor: pointer;
	}

	.private_parking_box {
		margin: 10px 0;
	}

	.private_parking_box p:first-child {
		font-size: 16px;
		font-weight: bold;
	}

	.private_parking_box p:nth-child(n+2) {
		font-size: 15px;
	}

}



/* ----------------------------------------------------------
	SP用全要素
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

	body.over{overflow: hidden;}


	.breadCrumb{margin: 10px 10px 50px; overflow: hidden; font-size: 12px;}
	.breadCrumb li{float: left; margin: 0 22px 0 0; position: relative;}
	.breadCrumb li:after{content: ""; position: absolute; right: -13px; top: 0; bottom: 0; margin: auto; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.breadCrumb li:last-child{margin: 0;}
	.breadCrumb li:last-child:after{content: none;}
	.breadCrumb li a{color: #000; text-decoration: underline;}
	.breadCrumb li a:hover{text-decoration: none;}

	.contents {padding: 60px 0 0;}


	.tab_list .tab_area{font-size: 15px;}
	.tab_list .tab_area label{background-position: 98%; background-size: 10px;}

	.reservation .none {padding: 0!important;}

	.reservation dl.coment{border: 1px solid #7f7974; margin: 0 10px 30px; padding: 0 0 10px;}
	.reservation dl.coment dt{background: #494945; height: 45px; display: inline-block; color: #fff; padding: 10px; margin: 0 0 10px;}
	.reservation dl.coment dd{margin: 0 12px 20px;}
	.reservation ul.coment{background: #eee; padding: 20px 10px; border-radius: 6px; margin: 0 10px 50px;}
	.reservation ul.coment li{text-indent: -15px; margin: 0 0 0 15px;}

	.reservation .only.tabblock .only_btn li{
	    width: 80%;
	    float: none;
	    margin: 0 auto 30px;
	}
	.reservation .only.tabblock .only_btn li:nth-child(2){
	    float: none;
	    margin: auto;
	}
	.reservation .only.tabblock .only_btn li a{
		font-size: 20px;
	}
	.reservation .group.tabblock a{
		font-size: 20px;
		width: 80%;
	}

	.tab_list .tab_area label.none{
		background: none;
		width: 3%!important;
		border: none;
		padding: 0;
	}


	.info_txt {
		font-size: 18px;
		text-align: center;
	}

	.tel_info_box {
		border: solid #ccc;
		border-width: 1px 0;
		margin: 40px 10px;
	}

	.tel_info {
		/*border: solid #ccc;
		border-width: 1px 0;*/
		text-align: center;
		padding: 10px;
		/*margin: 40px 10px;*/
	}

	.tel_info p {
		margin-bottom: 10px;
	}

	.tel_info p:nth-child(2) {
		font-size: 25px;
		font-weight: bold;
	}

	.tel_info p:nth-child(3) span {
		color: #7d7d7d;
		display: block;
		font-size: 13px;
	}

	.tel_info p:last-child {
		margin-bottom: 0;
	}

	/*.cv_group_btn {
		margin-top: 30px!important;
	}*/

	.additional_cct {
		background-color: #fff2e9;
		padding: 10px;
		margin: 40px 10px 0;
	}

	.additional_cct p:first-child {
		color: #e94965;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.additional_cct p:first-child span {
		font-size: 16px;
		margin-bottom: 10px;
		display: block;
	}

	.additional_cct p:nth-child(2) span {
		display: block;
	}

	.bold_txt {
		color: #e95265;
		font-weight: bold;
	}

	.notes_infobox {
		position: relative;
		margin: 2em 10px;
		padding: 55px 10px 7px;
		border: solid 1px #7f7974;
	}

	.notes_infobox .box_title {
		position: absolute;
		display: inline-block;
		top: -1px;
		left: -2px;
		padding: 10px;
		line-height: 25px;
		background: #7f7974;
		color: #ffffff;
		font-weight: bold;
	}



	/*----------------------------
		キャンプBBQ
	-----------------------------*/
	.camp{}
	.camp .wrapper{
		background: none;
		padding: 0;!important
	}
	.camp .tab_list .tabblock {margin: 50px 0 0;}
	.camp h2.GillSans span{font-size: 32px;}
	.camp .tab_list .panel_area{padding: 0;}
	.camp h3{font-size: 28px; margin: 0 0 20px; text-align: center;}
	.camp .main div{margin: 30px 20px;}
	.camp .main{position: relative;}
	.camp .detail h4{font-size: 24px; margin: 0 0 20px;}
	.camp .main div{position: relative; padding: 40px 20px 20px; margin: 0 0 40px; background: #fff;}
	.camp .main div img{ max-width: 50%;}
	.camp .main img{top: 0; right: 0;}
	.camp .main img.bird{position: absolute; left: 66%; right: auto; width: auto; max-width: 20%;}
	.camp .main img.bbqimage{position: absolute; top: 0; right: 30%; width: auto; max-width: 25%; padding: 42% 0 0;}
	.camp .main p{margin: 0 0 20px;}
	.camp .main p span{display: block; margin: 20px 0; font-weight: bold; font-size: 14px;}
	.camp .tab_area{width: auto; background: #fff2e9; padding: 50px 0 0;}
	.camp .bbq_slider .slick-dots{text-align: center;}
	.camp .bbq_slider .slick-dots .slick-active button{background: #000;}


	.camp .tab_area {
	    width: 100%;
	}
	.camp .tab_area li:nth-child(4),
	.camp .tab_area li:nth-child(2){
		width: 5px;
	}
	.camp .tab_area li a span{
		font-size: 10px;
	}
	.camp .tab_area li a{
	    background-position: 98%;
	    background-size: 10px;
	    padding: 10px;
		height: 70px;
	}
	.camp .tabblock{
		width: auto;
	}


	.camp .tab_list .none{padding: 1px!important;}
	.camp .tab_list .tab_area label{width: 33.3%;}

	.camp .standard{}
	.camp .standard .main{margin: 0 0 60px; position: relative;}
	.camp .standard .main ul{margin: 0; overflow: hidden;}
	.camp .standard .main img.posi_left{position: absolute; left: 10px; top: 30%; width: auto; z-index: 1; max-width: 18%;}
	.camp .standard .main div.coment{position: relative;  padding: 30px 10px 20%; background: #565656; color: #fff; font-size: 16px;}
	.camp .standard .main div.coment img{position: absolute; right: 10px; bottom: -20px; max-width: 20%;}
	.camp .tab_area .pc {display: none!important;}

	.camp .detail{margin: 0 10px;}
	.camp .detail > img{}
	.camp .detail p{padding: 10px 0 20px; z-index: 1; background: #fff; position: relative;}
	.camp .detail p img{
	    margin: 0 0 0 auto;
	    width: auto;
	    display: block;
	    width: 180px;
	}
	.camp .detail p span {
	    background-image: linear-gradient( rgba(255,224,165,1) 8px, transparent 0 );
	    background-size: auto 20px;
	    background-position: 0 -10px;
	}
	.camp .clm2 {
		margin: 40px 10px 0;
	}
	.camp .clm2 h4{
		font-size: 14px;
		text-align: center;
		margin: 0 0 30px;
		font-weight: bold;
	}
	.camp .clm2 h4 span{
		font-size: 26px;
		font-weight: bold;
		display: block;
		margin: 0;
	}
	.camp .clm2 h4 span small{
		display: block;
		font-size: 16px;
	}

	.camp .clm2 div span{
		text-align: right;
		margin: 0 0 10px;
		display: block;
		font-size: 11px;
		color: #7c7c7c;
	}

	.camp .clm2 div p {
	    margin: 0 0 50px;
	}
	.camp .clm2 p.coment{
	    margin: -30px 0 50px;
	}
	.camp .clm2 div p strong {
	    display: block;
	    margin: 0 0 20px;
		font-size: 24px;
		font-weight: normal;
	}

	.camp .tab_panel h4{margin: 40px 10px 10px; font-weight: normal;}
	.camp .tab_panel h4 small{
		display: block;
		font-size: 16px;
	}
	.camp .summary div{overflow-x: auto; margin: 0 0 10px;}
	.camp .summary div::-webkit-scrollbar{
		width: 6px;
		height: 6px;
		background: #b0b0b0;
	}
	.camp .summary div::-webkit-scrollbar-thumb{
		background: #4f4f4f;
		border-radius: 2px;
	}
	.camp .summary div .pc{
		display: none;
	}
	.camp .summary table{text-align: center;}
	.camp .summary div table{width: 900px; margin: 0 0 20px 10px;}
	.camp .summary table td{
		font-weight: bold;
	}
	.camp .summary div p{margin: 0 0 10px 10px;}
	.camp .summary div + p.coment{margin: 10px 10px 80px; text-align: left; font-size: 12px;}
	.camp .summary div + p.coment a{
		text-decoration: underline;
	}
	.camp .summary h4{text-align: left; margin: 0 0 10px 10px; font-size: 24px; font-weight: normal;}
	.camp .summary h4 span{font-size: 16px; margin: 0 0 0 20px;}
	.camp .summary h4 span.block{font-size: 16px; margin: 10px 0 0; display: block;}
	.camp .summary h4 + table{margin: 0 10px; margin: auto; width: 97%;}
	.camp .summary .cansell_table th,
	.camp .summary .food_service th{
		width: 33.3%;
	}
	.camp .summary tr th{background: #ffe6d5;width: 210px;}
	.camp .summary .cancel + div th:nth-of-type(1){
		width: 15%;
	}
	.camp .summary tr th:nth-of-type(1),
	.camp .summary tr td:nth-of-type(1){position: -webkit-sticky; position: sticky; left: -1px; box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.15);}
	.camp .summary tr td:nth-of-type(1){background: #fff;}
	.camp .tab_panel table + div{margin: 10px 0 0; font-size: 12px;}
	.camp .summary sup {
	    vertical-align: top;
	    font-size: 10px;
	}
	.camp .summary tr th .pc{
		display: none;
	}
	.camp div.none_scroll table{
		width: auto;
		margin: 0 10px;
	}
	.camp .summary .position{position: static!important;}
	.camp .summary dl.bbq{text-align: left; margin: 50px 10px;}
	.camp .summary dl.bbq dt{font-size: 16px; margin: 0 0 20px;}
	.camp .summary dl.bbq dt span{font-size: 24px; margin: 0 30px 0 0; display: block;}
	.camp .summary dl.bbq dd{background: #7f7f7f; color: #fff; border-radius: 6px; padding: 20px; font-size: 16px; line-height: 1.8;}
	.camp .summary .cancel + div table tr td:nth-of-type(1){
		background: #ffe6d5;
		font-weight: bold;
	}
	.camp .camp_money table tr td:nth-of-type(1){
		background: #ffe6d5;
		font-weight: bold;
	}
	.camp .period table {width: 600px!important;}
	.camp .renta table tr:nth-of-type(1) th:last-child{width: 110px!important; padding: 0;}
	.camp .renta table th{width: 110px;}

	.camp .attention{padding: 40px 20%!important;}
	.camp .attention img{}
	.camp .webreserve{background: none; border: none;}
	.camp .bbq_detail + .summary h4 {
	    margin: 40px 10px 10px;
	    text-align: left;
	    font-weight: normal;
	}
	.camp .bbq_detail{
		margin: 0 0 50px;
	}
	.camp .bbq_detail > span{
	    text-align: right;
	    display: block;
	    font-size: 12px;
	    margin: 0 10px;
	}
	.camp .bbq_detail span span{
	    color: #7c7c7c;
	    font-size: 11px;
	}
	.camp .bbq_detail div{
	    margin: 20px 10px 0;
	    text-align: left;
	}
	.camp .bbq_detail div p{
		margin: 0 0 30px;
	}
	.camp .bbq_detail div p span{
		display: block;
		margin: 20px 0 0;
	}
	.camp .bbq_detail div dl{
	    background: #7f7973;
	    color: #fff;
	    padding: 10px 15px;
	    border-radius: 5px;
	}
	.camp .bbq_detail div dl dt{
		font-weight: bold;
		margin: 0 0 10px;
	}
	.camp .bbq_menu{
	    margin: 0 10px;
	}
	.camp .bbq_menu dl{
	    background: #7f7973;
	    border-radius: 5px;
	    color: #fff;
	    padding: 10px;
	    margin-bottom: 10px;
	}
	.camp .bbq_menu dl dt{
		font-weight: bold;
		margin: 0 0 10px;
	}

	.camp .online_reserve{
		background: #fff2e9;
		border-radius: 5px;
		padding: 20px 0;
		margin: 80px 10px!important;
	}
	.camp .online_reserve strong{
		display: block;
		margin: 0 0 20px;
		font-size: 24px;
		text-align: center;
	}
	.camp .online_reserve strong span{
		display: block;
	    font-size: 14px;
		font-weight: normal;
	}
	.camp .online_reserve ul{

	}
	.camp .online_reserve li{
		margin: 0 10px;
		border-radius: 5px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	.camp .online_reserve li a{
		display: block;
		color: #fff;
		padding: 20px 0;
		text-decoration: none;
		font-weight: bold;
		border-radius: 5px;
	}
	.camp .online_reserve li:nth-child(1) a{
		background: #011d45 url(../img/reserve/tab_arrow.png) no-repeat 92% / 16px;;
	}
	.camp .online_reserve li:nth-child(2) a{
		background: #7ebaf9 url(../img/reserve/tab_arrow.png) no-repeat 92% / 16px;;
	}
	.camp .online_reserve p{
	    margin: 10px 0 30px!important;
	    text-align: left;
	    font-size: 14px;
	    font-weight: normal;
	}

	.camp .summary .schema_box th {
		width: 30%;
	}

	.s_letter {
		font-size: 20px;
	}

	.ss_letter {
		display: inline!important;
		font-size: 11px;
		margin: 0!important;
	}

	.note_letter {
		font-size: 12px;
	}

	.note_letter a {
		text-decoration: underline;
	}

	.red_word {
		color: #e94965;
		text-decoration: underline;
	}

	.camping_attention {
		background: no-repeat;
		color: #e94965;
		display: block;
		font-size: 12px;
		font-weight: bold;
		margin-top: 10px;
	}


	/*----------------------------
		企業研修
	-----------------------------*/
	.company{}
	.company .detail{
		position: relative;
		margin: 0 0 80px;
	}
	.company .detail div{
		padding: 10px;
		font-size: 18px;
	}
	.company .detail img.illust7{
		position: absolute;
		top: 30%;
		right: 10px;
		width: 120px;
	}
	.company .features{text-align: center; padding: 0 0 60px;}
	.company .features h3{font-size: 24px; margin: 0 0 30px;}
	.company .features h3 span{font-size: 12px; font-weight: bold; border-bottom: 1px solid #000;}
	.company .features div{margin: 0 0 8px; padding: 10px 5%; background: #fff; text-align: right;}
	.company .features div span{display: block; margin: 0 0 10px; line-height: 1;}
	.company .features div span:before{content: none;}
	.company .features div img{width: 120px;}
	.company .features div p{float: left; text-align: left; margin: 0 0 20px; line-height: 1.5; width: calc(100% - 150px);}
	.company .meeting{text-align: center; margin: 0 0 30px;}
	.company .meeting h3{font-size: 24px; margin: 0 0 20px;}
	.company .meeting h3 span{font-size: 12px; font-weight: bold; border-bottom: 1px solid #000;}
	.company .meeting h4{font-size: 16px; font-weight: normal; margin: 8px 0;}
	.company .meeting div{
		text-align: left;
		width: 45%;
	    display: inline-block;
	    margin: 0 1% 30px;
	    vertical-align: top;
    }
	.company .meeting div p{}
	.company .meeting div p span{display: block; border-top: 2px solid #000; border-bottom: 2px solid #000; margin: 0 0 10px; padding: 5px 0;}
	.company .price{margin: 0 10px 50px; text-align: center;}
	.company .price h3{font-size: 24px; margin: 0 0 20px;}
	.company .price h3 span{font-size: 12px; font-weight: bold; border-bottom: 1px solid #000;}
	.company .price table{text-align: left;}
	.company .price th{background: #7f7c7a; padding: 15px 30px; display: block; text-align: center;}
	.company .price th img{width: 180px;}
	.company .price td{background: #fff; font-size: 12px; padding: 12px 25px; display: block;}
	.company .day{
		text-align: center;
	}
	.company .day h3{
	
	}
	.company .day h3 span{
		font-size: 14px;
		border-bottom: 1px solid #000;
		display: inline-block;
		margin: 0 0 10px;
	}
	.company .day h3 + p{
		margin: 0 10px 60px;
		font-size: 18px;
	}
	.company .day dl{
		text-align: center;
		margin: 0 0 60px;
	}
	.company .day dl:last-child{
		margin: 0;
	}
	.company .acc .acc_toggle{
		display: none;
	}
	.company .day dl dt{
		letter-spacing: 0;
		margin: 0 0 20px;
	}
	.company .day dl dt span{
		position: static;
		margin: 0;
	}
	.company .day dl dt span:before{
		content: none;
	}
	.company .day dl dd div.cf{
		background: #fff;
		border-radius: 6px;
		padding: 20px 10px;
		margin: 0 0 8px;
		text-align: left;
	}
	.company .day dl dd span{
		display: block;
		margin: 0 0 10px;
		font-size: 18px;
	}
	.company .day dl dd time{
		border-bottom: 1px solid #000;
	}
	.company .day dl dd img{
		width: 120px;
		margin: 0 0 20px 10px;
		float: right;
	}
	.company .day dl dd .acc_btn {
		text-align: center;
		border: 1px solid #000;
		border-radius: 30px;
		background: #fff;
		width: 80%;
		padding: 10px;
		margin: 20px auto 30px;
		position: relative;
	}
	.company .day dl dd .acc_btn:before{
	    content: "";
	    position: absolute;
	    top: 0;
	    bottom: 6px;
	    left: 10%;
	    margin: auto;
	    width: 10px;
	    height: 10px;
		border: solid #000;
	    border-width: 0 2px 2px 0;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.company .day dl dd .acc_btn.btn_close:before{
	    border-width: 2px 0 0 2px;
	    bottom: -6px;
	}

	.company .day dl dd p{
		text-align: left;
		margin: 20px 0 0;
	}
	.company .webreserve{
		border: none;
	}



	/*----------------------------
		館内施設
	-----------------------------*/
	.facility{}
	.facility .floor{margin: 0 0 40px; background: #c9e4ce;}
	.facility .floor .area{text-align: center; position: relative;}
	.facility .floor .area{position: relative; padding: 10px 0; margin: 0 0 10px;}
	.facility .floor .floor_top ,
	.facility .floor .floor_btm {margin: 0 10px;}
	.facility .floor .floor_box{width: 49%; float: left; background: #fff; border-top: 3px solid #666; text-align: right; padding: 8px; margin: 0 0 10px;}
	.facility .floor .floor_box:nth-child(2n){float: right;}
	.facility .floor .floor_box small{margin: 0 0 15px; display: block;}
	.facility .floor .floor_box h3{font-size: 15px; text-align: left;}
	.facility .floor .floor_box h3.floor_main span{background: #f15a40; float: left; line-height: 1.5;}
	.facility .floor .floor_box h3.floor_side span{background: #407636; float: left; line-height: 1.5;}
	.facility .floor .floor_box h3 span{border-radius: 20px; color: #fff; display: inline-block; width: 23px; height: 23px; margin: 0 5px 0 0; text-align: center;}
	.facility .floor .floor_box p{text-align: left; margin: 10px 0; font-size: 15px;}
	.facility .floor .floor_box a{font-size: 12px;}
	.facility .floor .floor_box p span{color: #666; display: block; font-size: 11px; margin: 20px 0 0;}
	/*.facility .floor .floor_box:nth-of-type(4){margin: 0;}*/
	.facility .floor .area ul.main{text-align: left; overflow: hidden; margin: 10px 10px 15px;}
	.facility .floor .area ul.side{text-align: left; overflow: hidden; margin: 0 10px;}
	.facility .floor .area ul span{color: #fff; margin: 0 5px 0 0; display: inline-block; border-radius: 12px; width: 22px; height: 22px; text-align: center;}
	.facility .floor .area ul.main span{background: #f15a40; float: left;}
	.facility .floor .area ul.side span{background: #407636;}
	.facility .floor .area ul li{line-height: 2; display: flex; float: left; width: 48%; font-size: 12px; margin: 15px 0 0;}
	.facility .floor .area ul li dl{}
	.facility .floor .area ul li dt{}
	.facility .floor .area ul li dd{}
	.facility .faq {text-align: center;}
	.facility .faq img{width: auto;}
	.facility #modal-win strong{
		text-align: left;
	}
	.facility #modal-win strong img{
		width: 60%;
	}
	.facility .map_modal dt{
		font-size: 24px;
		font-weight: bold;
		margin: 0 0 20px;
	}
	.facility .map_modal dd{
		background: #fff2e9;
		border-radius: 10px;
		border: 1px solid #ccc;
	    margin: 0 20px 20px;
	}
	.facility .map_modal dd a{
		display: block;
		padding: 20px;
	}

	/*----------------------------
		館内施設 - 下層ページ
	-----------------------------*/
	.faci_studio .detail,
	.faci_dome .detail,
	.faci_multi .detail,
	.faci_plaza .detail,
	.faci_hall .detail,
	.faci_forest .detail,
	.faci_hinoma .detail,
	.faci_meeting .detail,
	.faci_bath .detail{position: relative; margin: 0 0 30px;}
	.detail .slider{}
	.detail .summary{background: #fff; padding: 40px 10px 20px; margin: -35px 0 0;}
	.detail .summary p{text-align: center; line-height: 2;}
	.detail .summary p strong{font-size: 30px; position: relative; display: inline-block;}
	.detail .summary p strong:before {
	    content: "";
	    position: absolute;
	    bottom: -18px;
	    left: 0;
	    right: 0;
	    width: 40px;
	    margin: auto;
	    border-bottom: 5px solid #ccc;
	}
	.detail .summary p span{display: block; margin: 30px 0 20px; font-size: 12px;}
	.detail img.posi_left{position: absolute; left: 20px; top: 0; margin: 50% 0 0; width: auto; max-width: 20%;}
	.detail .text{margin: 30px 10px 0;}
	.detail .slick-dots{text-align: right;}
	.detail .slick-dots .slick-active button{background: #000;}
	.guidemap h2{font-size: 24px; text-align: center;}
	.guidemap img{padding: 20px 10px 30px 10px;}
	.guidemap img.pc{display:none;}
	.price_table {margin: 0 10px; overflow-x: auto; white-space: nowrap; padding: 0 0 20px;}

	.price_table::-webkit-scrollbar{
		width: 6px;
		height: 6px;
		background: #b0b0b0;
	}
	.price_table::-webkit-scrollbar-thumb{
		background: #4f4f4f;
		border-radius: 2px;
	}

	.price_table table{
/*
		table-layout: fixed;
*/
	width:800px;}
	.price h3{font-size: 24px; line-height: 1.4; margin: 0 10px 10px; font-weight: normal;}
	.price_table td{background: #fff; padding: 10px 20px; font-weight: bold; text-align: center;}
	.price_table td span{display: block; font-size: 18px;}
	.price_table th{padding: 10px 30px; background: #ffe6d5;}
	.caution{margin:10px; padding-bottom: 20px;}
	.faci_meeting .caution a{
		text-decoration: underline;
	}

	.webreserve {border: none; padding: 60px 10px;}
	.other {margin: 0 10px; padding-top: 60px;}
	.other h3{font-size: 24px; text-align: center; margin: 0 0 30px;}
	.other .floor_box{width: 48%; float: left; background: #fff; border-top: 3px solid #666; text-align: right; padding: 8px; margin: 0 0 10px;}
	.other .floor_box h4{font-size: 15px; margin: 0 0 10px; text-align: left; line-height: 1.2;}
	.other .floor_box div{margin: 10px 0 0; font-size: 12px;}
	.other .floor_box:nth-child(2n){float: right;}

	.caution a {
		font-weight: bold;
		text-decoration: underline;
	}

    /*----------------------------
		館内施設 - 火の間
	-----------------------------*/
	.faci_hinoma .other .floor_hinoma{border-top: 3px solid #fff;}
	.faci_hinoma .other .floor_hinoma a{pointer-events: none;}
	.faci_hinoma .other .floor_hinoma p{display: none;}

	/*----------------------------
		館内施設 - 森のホール
	-----------------------------*/
	.faci_forest .other .floor_forest{border-top: 3px solid #fff;}
	.faci_forest .other .floor_forest a{pointer-events: none;}
	.faci_forest .other .floor_forest p{display: none;}

	/*----------------------------
		館内施設 - ミーティングルーム
	-----------------------------*/
	.faci_meeting .other .floor_meeting{border-top: 3px solid #fff;}
	.faci_meeting .other .floor_meeting a{pointer-events: none;}
	.faci_meeting .other .floor_meeting p{display: none;}
	.faci_meeting .price_table {margin: 0 11px;}
	.faci_meeting .price_table table,
	.faci_meeting .price_table th,
	.faci_meeting .price_table td{
    border: none;
  }
	.faci_meeting .price_table table{
	  border-spacing: 0;
	  border-collapse: separate;
    border-top: 1px solid #ccc2ba;
    font-size: 12px;
	}
	.faci_meeting .price_table th,
	.faci_meeting .price_table td{
	  border-right: 1px solid #ccc2ba;
	  border-bottom: 1px solid #ccc2ba;
  }

	.faci_meeting .price_table th:first-child {
	  /* 横スクロール時に固定する */
	  position: sticky;
		left: 0;
		width: 100px;
		border: 1px solid #ccc2ba;
		border-top: none;
		padding: 10px;
	}
	/*----------------------------
		館内施設 - 大広間
	-----------------------------*/
	.faci_hall .other .floor_hall{border-top: 3px solid #fff;}
	.faci_hall .other .floor_hall a{pointer-events: none;}
	.faci_hall .other .floor_hall p{display: none;}

	/*----------------------------
		館内施設 - フォレストプラザ
	-----------------------------*/
	.faci_plaza .other .floor_plaza{border-top: 3px solid #fff;}
	.faci_plaza .other .floor_plaza a{pointer-events: none;}
	.faci_plaza .other .floor_plaza p{display: none;}

	/*----------------------------
		館内施設 - ミニドーム
	-----------------------------*/
	.faci_dome .other .floor_dome{border-top: 3px solid #fff;}
	.faci_dome .other .floor_dome a{pointer-events: none;}
	.faci_dome .other .floor_dome p{display: none;}

	/*----------------------------
		館内施設 - スタジオ
	-----------------------------*/
	.faci_studio .other .floor_studio{border-top: 3px solid #fff;}
	.faci_studio .other .floor_studio a{pointer-events: none;}
	.faci_studio .other .floor_studio p{display: none;}

	/*----------------------------
		館内施設 - 多目的室
	-----------------------------*/
	.faci_multi .other .floor_multi{border-top: 3px solid #fff;}
	.faci_multi .other .floor_multi a{pointer-events: none;}
	.faci_multi .other .floor_multi p{display: none;}
	.faci_multi .price_table {margin: 0 11px;}
	.faci_multi .price_table table,
	.faci_multi .price_table th,
	.faci_multi .price_table td{
    border: none;
  }
	.faci_multi .price_table table{
	  border-spacing: 0;
	  border-collapse: separate;
    border-top: 1px solid #ccc2ba;
	}
	.faci_multi .price_table th,
	.faci_multi .price_table td{
	  border-right: 1px solid #ccc2ba;
	  border-bottom: 1px solid #ccc2ba;
  }
	.faci_multi .price_table th:first-child {
	  /* 横スクロール時に固定する */
	  position: sticky;
	  left: 0;
	  width: 9em;
	  border: 1px solid #ccc2ba;
    border-top: none;
	}

	/*----------------------------
		館内施設 - 大浴場
	-----------------------------*/
	.faci_bath .other .floor_bath{border-top: 3px solid #fff;}
	.faci_bath .other .floor_bath a{pointer-events: none;}
	.faci_bath .other .floor_bath p{display: none;}


	/*----------------------------
		faq
	-----------------------------*/
	.faq .text{
		margin: 0 10px;
		text-align: left;
	}
	.faq .floating_side{
		top: auto;
		bottom: 0;
		right: 0;
	    margin: auto;
	    width: 90%;
	}
	.faq .floating_side #gnav li{
		width: 25%;
	}
	.faq .floating_side #gnav li a{
		margin: 0 2px 0 0;
		padding: 8px;
	}
	.faq .floating_side #gnav {
	    display: flex;
	    font-size: 14px;
	}
	.faq .inner h3{
		margin: 0 0 30px;
	}
	.faq .inner .faqBlock{
	    padding: 120px 10px 0;
	    margin: -50px 0 0;
	}
	.faq .inner .faqBlock dl span{
		font-size: 22px;
		line-height: 1.3;
	}
	.faq .inner .faqBlock dl dt{
		font-size: 18px;
	}
	.faq .inner .faqBlock dl dd div p{
		margin: 0 0 0 30px;
	}
	.faq .floating_side.action{
		display: none!important;
	}
	.faq .inner dl.contact{
		margin: 50px 0 0;
	}
	.faq .inner dl.contact dt{
		margin: 0 10px 30px;
	}
	.faq .inner dl.contact dd,
	.faq .inner dl.contact dd:nth-of-type(2){
		float: none;
		margin: 0 0 20px;
	}
	.faq .inner dl.contact dd img{
		width: 90%;
	}
	.faq .scrolltop{
		display: none!important;
	}

	/*----------------------------
		宿泊
	-----------------------------*/
	.stay{}
	/*.stay .tab_list .panel_area{padding: 0;}*/
	.stay h3{font-size: 24px; margin: 60px 0;}
	.stay .detail{position: relative;}
	.stay .detail h4{font-size: 24px; margin: 0 0 20px;}
	.stay .detail div{position: relative; padding: 40px 20px 0; margin: 0 0 50px; background: #fff;}
	.stay .detail div img{position: absolute; top: auto; bottom: -20px; right: 10px; width: auto; max-width: 18%;}
	.stay .detail img{top: 0; right: 0;}
	.stay .detail img.bird{position: absolute; left: 66%; right: auto; width: auto; max-width: 20%;}
	.stay .detail img.bird2{position: absolute; top: 25%; right: 0; width: auto; max-width: 25%;}
	.stay .detail p{}
	.stay .detail p span{display: block; margin: 20px 0; font-weight: bold; font-size: 14px;}
	.stay .detail time{text-align: left;}
	.stay .detail time span{font-size: 16px; font-weight: normal; font-style: normal; letter-spacing: 0; background: #ffff00;}
	.stay .detail time span:before{content: none;}
	.stay .tab_area{width: auto;}
	.stay .standard{}
	.stay .standard .main{margin: 0 0 60px; position: relative;}
	.stay .standard .main span{margin: 0 10px; display: block; font-size: 12px;}
	.stay .standard .main ul{margin: 0; overflow: hidden;}
	.stay .standard .main img.posi_left{position: absolute; left: 10px; top: 30%; width: auto; z-index: 1; max-width: 18%;}
	.stay .standard .main div.coment{position: relative;  padding: 30px 10px 20%; background: #565656; color: #fff; font-size: 16px; margin: 0 0 5px;}
	.stay .standard .main div.coment img{position: absolute; right: 10px; bottom: -20px; max-width: 20%;}
	.stay .standard .type {margin: 0 0 60px;}
	.stay .standard .type div{overflow-x: auto;}
	.stay .standard .type div table{width: 500px; margin: 0 10px 10px;}
	.stay .standard .type div::-webkit-scrollbar{
		width: 6px;
		height: 6px;
		background: #b0b0b0;
	}
	.stay .standard .type div::-webkit-scrollbar-thumb{
		background: #4f4f4f;
		border-radius: 2px;
	}
	.stay .standard .type h4{text-align: center; margin: 0 0 40px; font-size: 24px;}
	.stay .standard .type table{font-size: 14px; text-align: center; border-radius: 8px;}
	.stay .standard .type table tr{border-bottom: 1px solid #ccc;}
	.stay .standard .type table tr:nth-child(1),
	.stay .standard .type table tr:nth-child(1) th{background: #fff2e9;}
	.stay .standard .type table tr:nth-child(2n+3){background: #ffe6d5;}
	.stay .standard .type th{width: 130px; border: none;}
	.stay .standard .type tr th:nth-of-type(1),
	.stay .standard .type tr th:nth-of-type(2),
	.stay .standard .type tr th:nth-of-type(3),
	.stay .standard .type tr td:nth-of-type(1),
	.stay .standard .type tr td:nth-of-type(2),
	.stay .standard .type tr td:nth-of-type(3){font-weight: bold;}
	.stay .standard .type tr th:nth-of-type(1),
	.stay .standard .type tr td:nth-of-type(1){width: 160px; position: -webkit-sticky; position: sticky; left: -1px;}
	.stay .standard .type tr:nth-of-type(2n+2) td:nth-of-type(1){background: #fff;}
	.stay .standard .type tr:nth-of-type(2n+1) td:nth-of-type(1){background: #ffe6d5;}
	.stay .standard .type tr td{border: none;}
	.stay .standard .type p{margin: 20px 10px 0;}
	.stay .standard .summary {margin: 0 0 80px; }
	.stay .standard .summary h4{text-align: center; margin: 0 0 40px; font-size: 24px;}
	.stay .standard .summary h4 span{display: block; font-size: 14px;}
	.stay .standard .summary table{border: none;}
	.stay .standard .summary th{width: 200px; border: none; padding: 12px; text-align: left; display: block;}
	.stay .standard .summary td{border: none; display: block; border-bottom: 1px solid #bfbdbd; margin: 10px; padding: 0 0 15px;}
	.stay .map_step{margin: 0 10px; text-align: center;}
	.stay .map_step span{display: block; margin: 20px 0 10px;}
	.stay .standard .spa{margin: 0 10px 60px;}
	.stay .standard .spa div{margin: 0 0 10px;}
	.stay .standard .spa img{margin: 0 0 0 30%; width: 70%;}
	.stay .standard .spa h4{font-size: 18px; margin: 0 0 10px;}
	.stay .standard .gallery{margin: 0 0 40px;}
	.stay .standard .gallery h4{text-align: center; margin: 0 0 30px; font-size: 24px;}
	.stay .standard .gallery .slider{}
	.stay .standard .gallery .slider .slick-dots li button{width: 8px; height: 8px;}
	.stay .standard .gallery .slider img{width: 100%;}
	.stay .standard .gallery .slider li{margin: 0 2px;}
	.stay .standard .gallery .slider .slick-dots{text-align: center;}

	.stay .modal_box {width: 100%!important; margin: auto;}

	.stay .info_list{margin: 0 0 50px;}
	.stay .info_list li{margin: 0!important;}

	.stay .floormap{position: relative; margin: 0 10px;}
	.stay .floormap h4{
		text-align: center;
		margin: 0 0 20px;
		font-size: 24px;
	}
	.stay .floormap ul{}
	.stay .floormap li{position: absolute; background: none; border: none; width: 28%; margin: auto;}
	.stay .floormap li:nth-child(1){top: 63%; right: 30%;}
	.stay .floormap li:nth-child(2){top: 44%; left: 3%;}
	.stay .floormap li:nth-child(3){bottom: 15%; right: 5%;}
	.stay .floormap li:nth-child(4){top: 24%; left: 25%;}
	.stay .floormap li:nth-child(5){bottom: 20%; left: 8%; width: 33%;}
	.stay .floormap li:nth-child(6){bottom: 3%; right: 50%; width: 33%;}
	.stay .floormap li:nth-child(7){top: 40%; right: 15%;}
	.stay .floormap li a{padding: 0;}
	.stay .modal_box img{
		width: 50%;
	}

	.webreserve{background: #fff2e9; text-align: center; border-top: 2px solid #000; padding: 60px 10px 0;}
	.webreserve div{background: #dddddd; border: 2px solid #cccccc; border-radius: 10px; overflow: hidden; margin: 0 0 40px;}
	.webreserve div dl{}
	.webreserve div dt{position: relative; background: #fff; text-align: left; padding: 20px; margin: 0 0 30px; border-bottom: 2px solid #cccccc;}
	.webreserve div dt:before{
		content: ""; position: absolute; bottom: -25px;right: 0; box-sizing: border-box; width: 100%; height: 100%; background: url(../img/stay/reserve_arrow.gif) no-repeat 50% 100%;
	}
	.webreserve div dt span{display: inline-block; margin: 0 0 10px; padding: 0 0 0 10px; font-size: 18px; border-left: 2px solid #ccc;}
	.webreserve div dd{padding: 10px; text-align: center;}
	.webreserve div dd a{display: block; text-align: center; text-decoration: underline; position: relative; font-weight: bold; background: #fff3a6; border-radius: 40px; padding: 20px 0 20px 10px;}
	.webreserve div dd a span{position: relative;}
	.webreserve div dd a span:before{content: ""; position: absolute; top: 7px; bottom: 0; left: -24px; margin: auto; width: 10px; height: 10px; border-left: 2px solid #ddd;border-bottom: 2px solid #ddd;}
	.webreserve div dd a span:after{content: ""; position: absolute; top: 0; bottom: 0; left: -20px; margin: auto; width: 12px; height: 12px; background: #ddd;}
	.webreserve div dd p + span{display: block; font-size: 24px; font-weight: bold;}
	.webreserve div + a{display: block; margin: 0 40px;}
	.webreserve div dd p img{width: 16px; vertical-align: middle;}



	/*----------------------------
		宿泊予約・料金
	-----------------------------*/
	.reservation{}
	.reservation .tab_area {
	    width: 100%;
	}
	.reservation .tab_area li:nth-child(4),
	.reservation .tab_area li:nth-child(2){
		width: 5px;
	}
	.reservation .tab_area li a span{
		font-size: 10px;
	}
	.reservation .tab_area li a{
	    background-position: 98%;
	    background-size: 10px;
	    padding: 10px;
		height: 70px;
	}
	.reservation .tabblock{
		width: auto;
	}
	.reservation .wrapper{padding: 0;}
	.reservation .money h3 span{font-size: 16px;}
	.reservation .money h4 span{font-size: 14px;}
	.reservation .money ul{margin: 0 40px 50px;}
	.reservation .money ul li{display: block; margin: 20px 0 0 !important;}
	.reservation .money p.coment{margin: 0 10px 20px; font-size: 12px; text-align: left;}
	.reservation .money table{font-size: 14px; width: 96%; margin: auto;}
	.reservation .money table th{width: 1%;}
	.reservation .money .restaurant_table th {
    	width: 100px !important;
    }
	.reservation .money table + p{font-size: 12px; margin: 8px 20px 40px;}
	.reservation .money .cansell,
	.reservation .money .facility{padding: 0 10px 20px; overflow-x: auto;}
	.reservation .money .cansell table{width: 980px;}
	.reservation .money .facility table{width: 850px;}
	.reservation .money .cansell table td{width: 140px;}
	.reservation .money .cansell table th,
	.reservation .money .facility table th{width: auto; position: -webkit-sticky; position: sticky; left: -10px;}
	.reservation .money .facility table td{width: 170px;}
	.reservation .money .cansell::-webkit-scrollbar,
	.reservation .money .facility::-webkit-scrollbar{
		width: 6px;
		height: 6px;
		background: #b0b0b0;
	}
	.reservation .money .cansell::-webkit-scrollbar-thumb,
	.reservation .money .facility::-webkit-scrollbar-thumb{
		background: #4f4f4f;
		border-radius: 2px;
	}
	.reservation .money dl{margin: 10px 10px 0;}
	.reservation .money dl dt{float: none; margin: 0 0 10px;}
	.reservation .money dl dd{margin: 0;}


	/*----------------------------
		Restaurant 食事
	-----------------------------*/
	.restaurant{

	}
	.restaurant h3{
		margin: 0 0 50px;
	}
	.restaurant .detail{
		margin: 0 10px 50px;
	}

	.restaurant .detail a {
		text-decoration: underline;
	}

	.restaurant .detail span{
		display: block;
		margin: 10px 0 0;
		font-size: 12px;
	}
	.restaurant ul.itemlist{
		width: auto!important;
	}
	.restaurant .buffet{
		margin: 0 10px;
	}
	.restaurant .buffet h3{
		margin: 0 0 20px;
		text-align: center;
		font-size: 24px;
	}
	.restaurant .buffet .photo{
		float: left;
	}
	.restaurant .buffet div{
		float: right;
	}
	.restaurant .buffet p{
		margin: 10px 0 30px;
		font-size: 14px;
	}
	.restaurant .buffet ul{
		margin: 0 auto 30px;
		width: 70%
	}
	.restaurant .buffet ul li {
		margin: 0 0 20px;
	}
	.restaurant .bbq{
		margin: 0 10px;
	}
	.restaurant .bbq h3{
		font-size: 24px;
		margin: 0 0 20px;
		text-align: center;
	}
	.restaurant .bbq h3 span{
		display: block;
		margin: 20px 0 0;
		font-size: 14px;
	}

	.restaurant .bbq h4 {
		font-size: 24px;
		font-weight: normal;
		margin: 0 0 10px 10px;
	}

	.restaurant .bbq dl{
		background: #7f7973;
		border-radius: 5px;
		color: #fff;
		margin: 0 20px;
		padding: 5px 10px;
	}
	.restaurant .bbq dl dt{
		margin: 0 0 5px;
	}
	.restaurant .bbq dl dd{
	}

	.restaurant .bbq .price_box table {
		table-layout: fixed;
	}

	.restaurant .bbq .price_box th {
		background: #ffe6d5;
	}

	.restaurant .bbq .price_box td{
		background-color: #fff;
		font-weight: bold;
		text-align: center;
	}

	.restaurant .bbq .coment {
		font-size: 12px;
		margin: 0 0 20px;
	}

	.restaurant .bbq .coment a {
		font-weight: bold;
		text-decoration: underline;
	}

	.itemlist li {
		margin-bottom: 20px;
	}

	.bbq_inner {
		margin-bottom: 30px;
	}

	.bbq_inner img {
		margin-bottom: 10px;
	}

	.bbq_inner ul {
		margin: 20px 0;
	}

	.bbq_inner ul li {
		font-size: 12px;
	}

	.restaurant .webreserve{
		border: none;
	}

	.application_form {
		background-color: #fff;
		margin: 0 10px 50px;
		padding: 15px;
	}

	.application_form > p {
		font-weight: bold;
		margin-bottom: 20px;
	}

	.application_form_link {
		display: block;
		font-weight: bold;
	}

	.application_form_link a {
		color: #e94965;
		display: block;
		text-decoration: underline;
	}

	.note a {
		text-decoration: underline;
	}

	.kokko_details li {
		font-size: 12px;
	}

	.kokko_area a {
		text-decoration: underline;
	}

	.kokko_area {
		margin: 0 10px 60px;
	}

	.kokko_area .bnr_pc {
		display: none;
	}

	.kokko_area .bnr_sp {
		display: inline-block;
		margin-bottom: 10px;
	}

	.outline_box .price_table {
		margin: 0 0 10px;
	}



	/*----------------------------
		合宿・研修
	-----------------------------*/
	.training{}
	.training .detail{letter-spacing: -6px; position: relative; margin: 0 0 80px;}
	.training .detail div{display: inline-block; letter-spacing: 0; vertical-align: middle; width: 400px; padding: 60px;}
	.training .detail img{vertical-align: middle;}
	.training .detail img.illust7{position: absolute; bottom: -20px; left: 330px;}

	.training .floor_top {
		display: flex;
		flex-wrap: wrap;
		margin: 0 2%;
	}
	.training .floor_box:nth-of-type(2n){
		margin: 0 0 10px 2%;
	}
	.training .floor_box{
		width: 49%;
	    background: #fff;
	    border-top: 3px solid #666;
	    text-align: right;
	    padding: 10px 3%;
	    margin: 0 0 10px;
	}
	.training .floor_box h3{font-size: 18px; text-align: left;}
	.training .floor_box h3.floor_main span{background: #f15a40;}
	.training .floor_box h3.floor_side span{background: #407636;}
	.training .floor_box h3 span{border-radius: 20px; color: #fff; display: inline-block; font-size: 20px; width: 30px; height: 30px; margin: 0 5px 0 0; text-align: center;}
	.training .floor_box p{text-align: left; margin: 10px 0 20px; font-size: 14px;}
	.training .floor_box p span{display: block; margin: 20px 0 0;}
	.training .floor_box:nth-of-type(4){ opacity: .5;}


	/*----------------------------
		アクセス
	-----------------------------*/
	.access .gmap{margin: 0 10px 60px; border: 2px solid #333; height: 350px; overflow: hidden;}
	.access .gmap h3{}
	.access .gmap iframe{margin: -130px 0 0 ; width: 100%; height: 600px;}
	.access .area{position: relative; margin: 0 10px 60px;}
	.access .area .car{width: 29%; float: right;}
	.access .area p{font-size: 18px; margin: 0 0 5px; width: 60%; float: left;}
	.access .parking{font-size: 18px; margin: 0 0 5px;}
	.access .parking p{margin: 0 10px 10px;}
	.access .parking div{overflow-x: auto; padding: 10px;}
	.access .parking table{text-align: center; width: 1000px; table-layout: fixed;}
	.access .parking table caption{text-align: right; font-size: 12px; margin: 0 0 5px;}
	.access .parking table th{background: #f2f2f2;}
	.access .parking table tr:nth-of-type(1) th:nth-of-type(1),
	.access .parking table td:nth-of-type(1){z-index: 1; position: -webkit-sticky; position: sticky; left: -10px;}
	.access .parking table th img{width: 92px;}
	.access .parking table td{background: #fff;}
	.access .faq{text-align: center; margin: 60px 0 50px;}
	.access .parking div::-webkit-scrollbar{
		width: 6px;
		height: 6px;
		background: #b0b0b0;
	}
	.access .parking div::-webkit-scrollbar-thumb{
		background: #4f4f4f;
		border-radius: 2px;
	}
	.access .faq {text-align: center;}
	.access .faq img{width: auto;}
	.map_modal{
		text-align: center; margin: 0 0 30px;
	}
	.map_modal li{
		background: #fff2e9;
		border-radius: 10px;
		border: 1px solid #ccc;
	    margin: 0 20px 20px;
	}
	.map_modal li a{
		display: block;
		padding: 20px;
	}
	.map_modal img{

	}
	.modal_box {
		display: none;
		margin: auto;
	    text-align: center;
	}

	.modal_box div{
		position: relative;
		background: #fff2e9;
		padding: 50px 10px 10px;
	}
	.modal_box div p.text{
		font-size: 15px;
		text-align: left;
		margin: 20px 0 0;
	}
	.modal_box div p img{
		width: auto;
	    max-width: 60%;
	}
	.modal_box div a{
		line-height: 0;
		font-size: 60px;
		color: #aaa;
	}
	.modal_box div a:hover{
		text-decoration: none;
	}
	.stay .prevbtn{position: absolute; top: 50%; left: 10px; transform: translate(0,-50%);}
	.stay .nextbtn{position: absolute; top: 50%; right: 10px; transform: translate(0,-50%);}
	#modal-win .modal-close {
		position: absolute;
	    top: 20px;
	    right: 15px;
		text-align: center;
	}
	#modal-win {
		width: 100%;
		position: absolute;
	}
	#modal-win strong{
		display: block;
		font-size: 20px;
	    margin: 0 0 20px;
	}
	#modal-win #modal-win-inner {
		margin: 0 auto; 
		position: relative;
		z-index: 103;
	}

	#modal-win #modal-bg {
		width: 100%;
		height: 100%;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 102;
		cursor: pointer;
	}

	.private_parking_box {
		margin: 10px 0;
	}

	.private_parking_box p:first-child {
		font-size: 16px;
		font-weight: bold;
	}

	.private_parking_box p:nth-child(n+2) {
		font-size: 15px;
	}


}


/*----------------------------
		予約・料金_add
-----------------------------*/

.caution_reserv {
	color: #e95265;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto 0;
}

.caution_reserv .personal_reserv {
	background: no-repeat!important;
	color: #e95265!important;
	display: inline-block!important;
	font-size: 16px!important;
	padding: 0!important;
	text-decoration: underline!important;
	width: auto!important;
}

.goto_cpbox {
	border: solid 2px #e95264;
	margin: 10px 0 40px;
	padding: 50px 20px 10px;
	position: relative;
}

.goto_cpbox .cpbox_title {
	background: #e95263;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	height: 45px;
	left: -2px;
	letter-spacing: 1px;
	line-height: 25px;
	position: absolute;
	padding: 10px;
	top: -2px;
}

.goto_cpbox ul {
	margin: 10px 0 0;
}

.goto_cpbox li {
	display: inline-block;
	margin-right: 10px;
}

.goto_cpbox li a {
	text-decoration: underline;
}

.rakuten_btn a {
	background-color: #33bd33!important;
}

.jalan_btn a {
	background-color: #e77611!important;
}

.tel_info_note {
	color: #e95263;
	margin-bottom: 20px;
}

.tel_info_note a {
	color: #e95263;
	font-weight: bold;
	text-decoration: underline;
}

.already_box {
	background-color: #eee;
	margin: 30px 0 10px;
	padding:  10px 20px;
}

.already_title {
	color: #dc2035;
	font-weight: bold;
}

.already_box .particular_case {
	margin: 10px 0;
}

.already_box .particular_case span {
	background-color: #e95263;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	margin-bottom: 4px;
	padding: 0 10px;
}

.already_box .particular_case a {
	text-decoration: underline;
}



@media screen and (max-width: 768px) {
	.caution_reserv {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.restaurant_table {
		width: 880px !important;
	}

	.goto_cpbox {
		margin: 10px 10px 30px;
		padding: 50px 10px 10px;
	}

	.goto_cpbox li {
		margin-bottom: 10px;
	}

	.tel_info_note {
		margin: 0 10px 20px;
	}

	.already_box {
		padding: 10px;
	}
}


/*----------------------------
	  campaign_bnr_add
-----------------------------*/

.cp_bnr {
	margin: 0 auto 40px;
	width: 420px;
}

.cp_bnr a {
	background: none!important;
	padding: 0!important;
}

.cp_bnr img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.cp_bnr {
		margin: 0 10px 40px;
		width: auto;
	}
}


/*----------------------------
	  taxi_detail_add
-----------------------------*/
.taxi {
	margin: 30px 0;
}

.taxi .taxi_detail {
	font-size: 16px!important;
}

@media screen and (max-width: 768px) {
	.taxi {
		display: inline-block;
		margin: 30px 0 0;
	}

	.taxi p {
		width: 100%!important;
	}
}




/*----------------------------
contact_来年夏団体用btn_add
-----------------------------*/

.reserv_btn_g {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 60px 0;
}

.reserv_btn_g div {
	width: 48%;
}

.reserv_btn_g p {
	margin-bottom: 10px;
	font-weight: 600;
	text-align: center;
}

/*.reservation .group.tabblock a {
	width: 100%;
}*/

.reservation .group.tabblock a.next_y_btn {
	background-color: #86641c;
}

@media screen and (max-width: 768px) {
	.reserv_btn_g div {
		margin-bottom: 30px;
		width: 100%;
	}

	.reserv_btn_g {
		margin: 30px 10px 0;
	}
}



/*----------------------------
facility_info_add
-----------------------------*/

.facility_info {
	margin: 30px 0 0;
}

.facility_info p,
.facility_info a {
	color: #e95265;
	font-weight: 600;
}

.facility_info a {
	text-decoration: underline;
}

.facility_info a:hover {
	opacity: .8;
}

@media screen and (max-width: 768px) {
	.facility_info {
		margin: 0 10px 30px;
	}
}





.close_note {
	color: #d80b1b;
	font-weight: 600;
	margin-bottom: 20px;
}




/*--------------------
	searchCalWidget
--------------------*/

.searchCalWidget *{
	margin:0;
	padding:0;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
}

.searchCalWidget select{
	padding:.25em 1em;
	font-size:16px;
	outline:none;
	border:1px solid #999;
	border-radius:3px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}

.searchCalWidget select::-ms-expand{
	display:none;
}

.searchCalElement>ul{
	list-style:none;
	margin:0 0 1em;
	display:flex;
	justify-content:space-between;
}

.searchCalElement>ul>li{
	width:48%;
}

.searchCalElement>ul>li li{
	list-style:none;
	margin:0 0 .5em;
	padding:0 .5em .5em;
	border-bottom:1px solid #ddd;
}

.searchCalElement>ul>li li dl{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}

.searchCalElement>ul>li li dl dt{
	font-size:14px;
}

.searchCalElement>ul>li li dl dt span{
	margin-left:.25em;
	font-size:11px;
}

.searchCalElement>ul>li li dl dd{
	margin-left:auto;
}

.searchCalButton{
	padding:2em 0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.searchCalButton input{
	padding:1em 2em;
	font-size:14px;
	font-weight:700;
	color:#fff;
	background:#494945;
	border:none;
	border-radius:4px;
	cursor:pointer;
}

.searchCalSelectBox{
	padding:0 0 .5em;
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
}

.searchCalSelectBox>div>ol>li button{
	width: 28px;
	height: 27px;
}

.searchCalNote {
	/*display:flex;
	justify-content:space-between;*/
	padding:1em 0 3.6em;
}

.searchCalNote ol{
	list-style:none;
	display:flex;
	margin-bottom: 20px;
}

.searchCalNote li{
	margin-right:1.5em;
	font-size:13px;
	line-height:16px;
	display:flex;
}

.searchCalNote li svg{
	margin-right:5px;
	width:16px;
	height:16px;
	fill:#333;
}

.searchCalNote p{
	font-size:14px;
	line-height:16px;
	margin-bottom: 6px;
}

.searchCalSelect{
	margin-left:auto;
	padding:0 0 1em;
	display:flex;
	align-items:stretch;
}

.searchCalSelect ol{
	list-style:none;
	display:flex;
	align-items:stretch;
}

.searchCalSelect ol li{
	margin-left:5px;
}

.searchCalSelect ol li button{
	padding:5px 5px 4px;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;border:1px solid #999;
	border-radius:3px;
	background:transparent;
	cursor:pointer;
}

.searchCalSelect ol li button:disabled{
	opacity: .5;
}
.searchCalSelect ol li svg{
	width:16px;
	height:16px;
	fill:#666;
	pointer-events:none;
}

.searchCalAdult dt>span{
	color:#666666;
	margin-left:1em;
}

.searchCalChildren {
	font-size:14px;
}

.searchCalChildren dt>span{
	color:#666666;
	margin-left:1em;
}

.searchCalChildren dd>span{
	margin:0 2px;
}

#searchCal>dl>dt{
	padding:0 0 .5em;
	font-size:24px;
	font-weight:700;
	text-align: center;
}

#searchCal>dl>dd ul{
	list-style:none;
	display:flex;
}

#searchCal>dl>dd ul li{
	padding:.25em;
	font-size:11px;
	text-align:center;
	background:#f5f4e8;
	flex:1;
}

#searchCal>dl>dd ul li:first-child{
	color:#ff4d4d;
}

#searchCal>dl>dd ul li:last-child{
	color:#006dd9;
}

#searchCal>dl>dd ol{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	border:solid #ddd;
	border-width:1px 0 0 1px;
}

#searchCal>dl>dd ol li{
	width:14.28571%;
	min-height:70px;
	position:relative;
	border:solid #ddd;
	border-width:0 1px 1px 0;
}

#searchCal>dl>dd ol li.none {
	width:14.28571% !important;
	min-height:70px;
	position:relative;
	border:solid #ddd !important;
	border-width:0 1px 1px 0 !important;
	display: block !important;
	background-color: #fff !important;
}

#searchCal>dl>dd ol li dl{
	padding-bottom:1.25em;
}

#searchCal>dl>dd ol li dt{
	padding-top:.25em;
	font-size:18px;
	font-weight:700;
	text-align:center;
}

#searchCal>dl>dd ol li:nth-child(7n) dt{
	color:#006dd9;
}

#searchCal>dl>dd ol li:nth-child(7n-6) dt{
	color:#ff4d4d;
}

#searchCal>dl>dd ol li.none dl{
	opacity:.25;
	cursor:not-allowed;
}

#searchCal>dl>dd ol li dl dd{
	padding:.25em 0 .5em;
	display:flex;
	justify-content:center;
}

#searchCal>dl>dd ol li dl dd svg{
	width:20px;
	height:20px;
	fill:#333;
}

#searchCal>dl>dd ol li dd p{
	font-size:10px;
	font-weight:700;
	text-align:center;
	text-indent:-.4em;
	width:100%;
	position:absolute;
	bottom:5px;left:0;
}

.searchCalWidget h2 {
	text-align: center;
	margin: 60px 0 40px;
}

.searchCalWidget .reserve_info_txt {
	font-size: 20px;
	text-align: center;
	margin-bottom: 60px;
}


@media screen and (max-width:640px){
	.searchCalWidget {
		margin: 0 10px;
	}

	.searchCalWidget h2 {
		margin: 40px 0 20px;
	}

	.searchCalWidget .reserve_info_txt {
		font-size: 16px;
		margin-bottom: 40px;
	}

	.searchCalButton {
		padding: 0.6em 0 2em;
	}

	.searchCalElement>ul>li li dl dt{
		font-size:12px;
	}

	.searchCalElement>ul>li li dl dt span{
		font-size:10px;
	}

	#searchCal>dl>dd ol li dd p{
		transform:scaleX(.75);
	}
}




/*----------------------------
meetingroom修正_2023.01
-----------------------------*/

.each_detail_area {
	margin: 80px 0 60px;
}

.each_detail_area .detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 50px 50px 30px;
	background-color: #fff;
	margin-bottom: 30px;
	width: 1146px;
}

.each_detail_area .detail .img_box,
.each_detail_area .detail .txt_box {
	width: 48%;
}

.each_detail_area .detail .txt_box h3 {
	font-size: 22px;
	margin-bottom: 30px;
}

.each_detail_area .detail .txt_box ul {
	margin-bottom: 20px;
}

@media screen and (max-width:640px) {
	.each_detail_area {
		margin: 20px 10px 0;
	}

	.each_detail_area .detail {
		padding: 20px;
		margin-bottom: 20px;
		width: 100%;
	}

	.each_detail_area .detail .img_box,
	.each_detail_area .detail .txt_box {
		width: 100%;
	}

	.each_detail_area .detail .txt_box h3 {
		margin-bottom: 20px;
	}

	.each_detail_area .detail .txt_box ul {
		margin-bottom: 10px;
	}
}




/*----------------------------
Neighborhood追加_2023.03
-----------------------------*/
.neighborhood {
	padding: 80px 0;
}

.neighborhood_box .neighborhood_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.neighborhood_box .neighborhood_inner {
	width: 60%;
}

.neighborhood_box .neighborhood_img {
	width: 36%;
}

.neighborhood_box .neighborhood_img img {
	max-width: 100%;
}

.neighborhood_box .neighborhood_img p {
	font-size: 12px;
	color: #666;
	margin: 5px 0;
}

.neighborhood_box .neighborhood_list {
	margin: 0 0 40px;
}

.neighborhood_box .neighborhood_list a {
	text-decoration: underline;
	font-size: 18px;
	font-weight: 600;
}

.neighborhood_box .neighborhood_list a:hover {
	opacity: .7;
}

.neighborhood_box .neighborhood_list span {
	color: #666;
	margin: 0 20px;
}


@media screen and (max-width: 768px) {
	.neighborhood_box {
		margin: 0 10px 60px;
	}

	.neighborhood_box .neighborhood_inner {
		width: 100%;
	}

	.neighborhood_box .neighborhood_img {
		display: none;
	}
}


/*　LINE問い合わせボタン追加　*/
.reservation .group.tabblock .line_btn .line_link_btn {
	color: #fff;
    font-weight: bold;
    width: 420px;
    margin: auto;
    background: #00b900;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    padding: 25px 0;
    border-radius: 5px;
}

.reservation .group.tabblock .line_btn small {
	width: 420px;
    display: block;
    margin: 10px auto;
}

.reservation .group.tabblock .line_btn small a {
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.reservation .group.tabblock .cv_btn a,
	.reservation .group.tabblock .line_btn .line_link_btn {
		width: 100%;
	}
	
	.reservation .group.tabblock .line_btn small a {
		font-size: 12px;
	}
}


/*　stayページに同意書DL追加　*/
.info_box {
	width: 850px;
    margin: 0 auto 30px;
    background-color: #fff2e9;
    padding: 20px;
}

.info_box .info_box__ttl {
	font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.info_box a {
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.info_box {
		width: auto;
		margin: 10px;
	}
}