@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

* {margin:0; padding:0; font-size:100%; line-height: 1.3em; }
body{margin:0; padding:0; text-align:center; position: relative; color:#000000; font-size:14px; -webkit-text-size-adjust: 100%; font-family :'Noto Serif JP', sans-serif ,"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","メイリオ", Meiryo, serif;}

p{text-align:left; font-size:14px; margin:0 0 15px 0; line-height:1.6em;}
img { -ms-interpolation-mode: bicubic; border:none; margin:0; padding:0;}
a{text-decoration:none; color: #669900; font-weight:bold; outline:none;}
a:hover{}
hr{ clear:both; margin:0; padding:0; visibility:hidden; height:0px; border:none;}
h1{ text-align:right; font-size:12px; font-weight:normal; color:#fff; margin:25px 0;}
h2{ margin:0 0 15px 0;}

a:hover img {opacity: .5;-webkit-opacity: .5;-moz-opacity: .5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=50)";}
a img {-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-ms-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}

a.ov:hover img {opacity:0;-webkit-opacity:0;-moz-opacity:0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";}
a.ov img {-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-ms-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}

/*メインメニュー*/

.index_header{height: 100vh; overflow: hidden; position: relative;}
.index_header video{position: absolute; bottom:0; z-index: 0; min-width: 1670px;}


.index_menu_wrap{ width:100%; height: 100vh; position: absolute; top:0; left: 0; z-index: 100;
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%);
}

.index_menu_box{ width:1100px; margin:0 auto; padding:40px 0 0 0;}
.index_menu{margin:20px 0 0 0;}
.index_menu ul{display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.index_menu li{width:auto; overflow: hidden; list-style:none; }

.multirollover-image{text-align: center;}
.multirollover-image-on{width:80%; margin:0 auto; left:10%!important;} 

.btn01 .multirollover-image-on{width:90%; margin:0 auto; left:10%!important;} 
.btn02 .multirollover-image-on{width:65%; margin:0 auto; left:10%!important;} 
.btn03 .multirollover-image-on{width:75%; margin:0 auto; left:10%!important;} 

.page_menu_box{width:1300px; margin:0 auto; padding: 10px 0; display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.page_menu_box ul{width:900px; display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.page_menu_box ul.fix{width:1050px;}
.page_menu_box li{width:auto; overflow: hidden; list-style:none; }
.page_menu_box a img{display: block;}

.header_img_box{height: 50vh; background: #eee; display: flex; align-items: center;}
.header_img_box .titleimg{width:100%; margin:0; padding: 0;}
.header_img_box.onsen{background: url("../img/onsen_head_bg.jpg") no-repeat center center /cover}
.header_img_box.yasumu{background: url("../img/yasumu_head_bg.jpg") no-repeat center center /cover}
.header_img_box.mitasu{background: url("../img/mitasu_head_bg.jpg") no-repeat center center /cover}
.header_img_box.access{background: url("../img/access_head_bg.jpg") no-repeat center center /cover}
.header_img_box.fee{background: url("../img/fee_head_bg.jpg") no-repeat center center /cover}
.header_img_box.news{background: url("../img/news_head_bg.jpg") no-repeat center center /cover}
.header_img_box.qa{background: url("../img/qa_head_bg.jpg") no-repeat center center /cover}

.header_img_box.english{position: relative; overflow: hidden; height: 80vh;}
.header_img_box.english .titleimg{font-size:28px; position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.30); z-index: 5000; display:flex; align-items: center;}
.header_img_box.english .titleimg h2{color:#fff; font-weight: normal; margin:0 auto;}
.header_img_box.english video{position: absolute; width:auto; height: 100%;}

/*メインメニュー*/
#menu_wrap{}
#menu{ width:1200px; margin:0 auto;}
#menu ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
#menu li{width:auto; overflow: hidden; list-style:none; }

/*ヘッダー*/

header{min-width:1300px;}
#header_box{width:1200px; height:200px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content:space-between;}
#header_left{width:400px; text-align: left;}
#header_right{width:400px; text-align: right;}

.bg_wrap{background: #353535;}

/*フッター*/

footer{min-width:1300px; padding: 80px 0; 
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(238,245,238,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(238,245,238,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50% ,rgba(238,245,238,1) 100%);}
#footer_box{margin:0 auto; width:1200px;}
#footer_box a{color:#000000;}
#footer_box p{text-align: center;}
#footer_box .name{ text-align:center; font-size:16px; margin:0 0 5px 0; color:#000;}
#footer_box .submenu{width:800px; margin:0 auto 40px auto; display: flex; flex-wrap: wrap; justify-content:space-between;}
#footer_box .footer_logo{margin:0 0 40px 0;}

.side_banner{position:fixed; left:20px; bottom:20px;}

.sp_bottom_banner{display: none!important;}	

.sp_head_logo{display: none!important;}



/*ベース*/

#wrapper{min-width:1300px;}
#main_contents{}

#headbar {position: fixed; top: 0px; left: 0px; width: 100%; height:auto; color:#000; background: #fff; padding: 0; z-index:5000; min-width:1300px; 
}

/* コンテンツ */

.index_intro{height:60vh; min-height: 800px; padding:0; position: relative; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.index_intro p{text-align: center;}
.index_intro .box{width:100%;}
.index_intro .title{margin:0 0 60px 0;}
.index_intro .point{position: absolute; top:30%; right:30%; width:auto;}
.index_intro .bg01{width:auto; position: absolute; left:0; top:13%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg02{width:auto; position: absolute; left:0; bottom:2%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg03{width:auto; position: absolute; left:0; bottom:-3%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg04{width:auto; position: absolute; left:0; top:44%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg05{width:auto; position: absolute; right:0; top:13%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg06{width:auto; position: absolute; right:0; bottom:-6%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg07{width:auto; position: absolute; right:0; bottom:-5%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg08{width:auto; position: absolute; right:0; top:37%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .point_bg img{width:100%; height: auto;}

.index_point01{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; min-width: 1300px;}
.index_point01 .img_box{width:50%; height: 50em; background:url("../img/index_hitaru_bg.jpg") no-repeat center /cover; display:flex; align-items: center;}
.index_point01 .img_box .title{width:100%; text-align: center;}
.index_point01 .text_box{width:50%; height: 50em; background: url("../img/index_hitaru_bg.png") no-repeat center 30%; display:flex; align-items: center;}
.index_point01 .text_box .box{width:100%;}
.index_point01 .text_box .box p{text-align: center;}
.index_point01 .text_box .box h3{text-align: center; margin:0 0 30px 0;}
.index_point01 .text_box .box .btn{margin:40px 0 0 0;}
.index_point01 .hover {
	width:100%;
	height: 100%;
	opacity: 0;
	display:flex; align-items: center;
	background:rgba(0,0,0,0.40);
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.index_point01 .hover:hover{
	opacity: 1;
	background:rgba(0,0,0,0.40);
}

.index_point02{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; min-width: 1300px;}
.index_point02 .img_box{width:50%; height: 50em; background:url("../img/index_yasumu_bg.jpg") no-repeat center /cover; display:flex; align-items: center;}
.index_point02 .img_box .title{width:100%; text-align: center;}
.index_point02 .text_box{width:50%; height: 50em; background: url("../img/index_yasumu_bg.png")no-repeat center 30%; display:flex; align-items: center;}
.index_point02 .text_box .box{width:100%;}
.index_point02 .text_box .box p{text-align: center;}
.index_point02 .text_box .box h3{text-align: center; margin:0 0 30px 0;}
.index_point02 .text_box .box .btn{margin:40px 0 0 0;}
.index_point02 .hover {
	width:100%;
	height: 100%;
	opacity: 0;
	display:flex; align-items: center;
	background:rgba(0,0,0,0.40);
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.index_point02 .hover:hover{
	opacity: 1;
	background:rgba(0,0,0,0.40);
}

.index_point03{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; min-width: 1300px;}
.index_point03 .img_box{width:50%; height: 50em; background:url("../img/index_mitasu_bg.jpg") no-repeat center /cover; display:flex; align-items: center;}
.index_point03 .img_box .title{width:100%; text-align: center;}
.index_point03 .text_box{width:50%; height: 50em; background:url("../img/index_mitasu_bg.png")no-repeat center 30%; display:flex; align-items: center;}
.index_point03 .text_box .box{width:100%;}
.index_point03 .text_box .box p{text-align: center;}
.index_point03 .text_box .box h3{text-align: center; margin:0 0 30px 0;}
.index_point03 .text_box .box .btn{margin:40px 0 0 0;}
.index_point03 .hover {
	width:100%;
	height: 100%;
	opacity: 0;
	display:flex; align-items: center;
	background:rgba(0,0,0,0.40);
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.index_point03 .hover:hover{
	opacity: 1;
	background:rgba(0,0,0,0.40);
}

.plan{background:url("../img/plan_bg.jpg") top center; background-size: cover; padding:120px 0; display:flex; align-items: center; min-width: 1300px;}
.plan .box{margin:0 auto;}
.plan .box .btn{text-align: right;}
.plan_btn{margin:80px 0 0 0;}

.news_box{ padding:80px 0;}
.news_box h2{margin:0 0 40px 0;}

.topics{width:1100px; margin:0 auto 40px auto; display:flex; flex-wrap: wrap; justify-content:space-between;}
.topics .main{width:600px;}
.topics .main h3{text-align: left; font-size:16px; border-bottom: #000 3px double; padding:0 0 10px 0; margin:0 0 15px 0;}
.topics .fb{width:425px; background: #eeeeee; }

.grid-item .thumb_box{height: 350px; margin:0 0 15px 0;}
.grid-item .box a {color:#000;}

.news_list{width:1100px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:flex-start;}
.news_list .post{width:350px; margin:0 25px 20px 0;}
.news_list .post:nth-child(3n){margin:0 0 20px 0;}
.news_list .post img{width:100%; height: auto;}
.news_list .post h3{text-align: left; font-size:16px; border-bottom: #000 3px double; padding:0 0 10px 0; margin:0 0 15px 0;}


.onsen_contents01{background: url("../img/onsen_contents_bg.jpg") no-repeat top /cover; min-height: 1000px; padding: 80px 0 80px 0;}
.onsen_contents01 .section_box{width:1000px; margin:0 auto;}
.onsen_contents01 .section_box .img_box{margin:0 auto 60px auto; width:1000px;}
.onsen_contents01 .section_box .text_box{text-align: left; width:800px; margin:0 auto;}
.onsen_contents01 .section_box .text_box h3{margin:0 0 20px 0;}
.onsen_contents01 .section_box .text_box p{margin:0 0 30px 0; line-height: 1.8em;}

.onsen_contents02{}
.onsen_contents02 .section_box{width:1100px; margin:0 auto 80px auto;}
.onsen_contents02 .section_box .img_box{margin:0 auto 60px auto; width:1000px;}
.onsen_contents02 .section_box .text_box{text-align: left;  display:flex; flex-wrap: wrap; justify-content:space-between;}
.onsen_contents02 .section_box .text_box .left{width:48%;}
.onsen_contents02 .section_box .text_box .right{width:48%;}
.onsen_contents02 .section_box .text_box h3{margin:0 0 40px 0; font-size:28px;}
.onsen_contents02 .section_box .text_box h4{margin:20px 0; font-size:18px; font-weight: normal;}
.onsen_contents02 .section_box .text_box p{margin:0 0 30px 0; line-height: 1.8em;}
.onsen_contents02 .section_box .text_box table{border: 0; padding: 0; }
.onsen_contents02 .section_box .text_box table th{padding: 15px 0 0 0; ine-height: 1.8em; text-align: left; font-weight: normal; vertical-align: top;}
.onsen_contents02 .section_box .text_box table td{padding: 10px; line-height: 1.8em; vertical-align: top;}

.onsen_contents03{}
.onsen_contents03 .section_box{margin:0 auto 120px auto; width:1250px; }

.jigoku_intro{padding:0 0; position: relative; display:flex; align-items: center; background: url("../img/jigoku_intro_bg.jpg") no-repeat top center /cover; min-width: 1300px;}
.jigoku_intro p{text-align: center;}
.jigoku_intro h2{margin:0 0 60px 0;}
.jigoku_intro .wrap{width:100%; text-align: center; padding: 100px 0;}
.jigoku_intro .title{margin:0 0 90px 0; position: relative; z-index: 200;}
.jigoku_intro .point{position: absolute; top:30%; right:30%; width:auto;}
.jigoku_intro .img_box{z-index: 200; position: relative; width:1200px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:space-between;}
.jigoku_intro .img_box a{margin:0 0 5px 0;}
.jigoku_intro .img_box img{display: block;}

.jigoku_intro .bg01{width:auto; position: absolute; left:0; z-index:0; top:5%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .bg02{width:auto; position: absolute; right:0; z-index:0; top:10%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .bg03{width:auto; position: absolute; left:0; z-index:0; bottom:10%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .bg04{width:auto; position: absolute; right:0; z-index:0; bottom:10%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .point_bg img{width:100%; height: auto;}

.jigoku_okite{padding:120px 0; background: url("../img/jigoku_okite_bg.jpg") no-repeat top center /cover; min-width:1300px;}
.jigoku_okite h2{margin:40px 0;}
.jigoku_okite p{text-align: center; color: #fff;}
.jigoku_okite ul{width:330px; margin:40px auto; list-style: none;} 
.jigoku_okite ul li{color:#fff; text-align: left; margin:0 0 30px 0;  padding-left:2em; text-indent:-2em; line-height: 1.8em;}

.jigoku_thanks{padding:120px 0;background: url("../img/jigoku_thanks_left_bg.png") no-repeat left top,url("../img/jigoku_thanks_right_bg.png") no-repeat right bottom; min-width:1300px;}
.jigoku_thanks .box h2{margin:0 0 40px 0;}
.jigoku_thanks .box .list{text-align: center; margin:0 0 30px 0;}
.jigoku_thanks .box .list p{text-align: center;}
.jigoku_thanks .box .list h3{font-size:20px; color:#604c3f; font-weight: normal; margin:0 0 15px 0;}
.jigoku_thanks .box .list a{color:#604c3f; font-weight: normal;}

.yasumu_contents01{margin:100px auto 60px auto; width:640px;}
.yasumu_contents01 h2{margin:0 0 40px 0; font-size:28px;}
.yasumu_contents01 .text_box{margin:0;}
.yasumu_contents01 .text_box p{text-align: center;}

.yasumu_contents02{width:1100px; margin:0 auto 80px auto; display:flex; flex-wrap: wrap; justify-content:space-between;}
.yasumu_contents02 .img_box{width:200px;}

.yasumu_contents03{margin:180px auto 80px auto; width:600px;}
.yasumu_contents03 h2{margin:0 0 40px 0; text-align: center;}
.yasumu_contents03 h3{font-size:18px; margin:0 0 20px 0; text-align: left;}
.yasumu_contents03 .text_box{margin:0;}
.yasumu_contents03 .text_box p{}

.yasumu_contents04{margin:80px auto 40px auto; width:800px;}
.yasumu_contents04 h2{margin:0 0 40px 0; text-align: center;}
.yasumu_contents04 h3{font-size:18px; margin:0 0 20px 0; text-align: left;}
.yasumu_contents04 .text_box{margin:0;}
.yasumu_contents04 .text_box p{}
.yasumu_contents04 .img_box{margin:0 0 30px 0;}

.yasumu_contents05{}
.yasumu_contents05 .contents_box{width:1100px; margin:0 auto 40px auto; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.yasumu_contents05 .contents_box .text_box{width:30%;}
.yasumu_contents05 .contents_box .img_box{width:65%;}
.yasumu_contents05 .contents_box .img_box img{width:100%; height: auto;}
.yasumu_contents05 .contents_box h2{margin:0 0 40px 0; text-align: center;}
.yasumu_contents05 .contents_box h3{font-size:18px; margin:0 0 20px 0; text-align: left;}

.yasumu_contents06{margin:80px auto 80px auto; width:800px;}
.yasumu_contents06 h2{margin:0 0 40px 0; text-align: left;}
.yasumu_contents06 h3{font-size:18px; margin:0 0 20px 0; text-align: left;}
.yasumu_contents06 .text_box{margin:0;}
.yasumu_contents06 .text_box p{}
.yasumu_contents06 .text_box .img_box{margin:0 0 40px 0;}
.yasumu_contents06 .table_box td{ text-align: left;}

.yasumu_contents07{margin:80px auto 80px auto; width:1200px; display:flex; flex-wrap: wrap; justify-content:space-between;}
.yasumu_contents07 .box{width:380px; margin:0 0 30px 0;}
.yasumu_contents07 .box h3{font-size:18px; text-align:center; margin:0 0 10px 0;}
.yasumu_contents07 .box .img_box{margin:0 0 20px 0;}
.yasumu_contents07 .box .img_box img{width:100%; height: auto;}


.yasumu_map01{background: #eee; padding:120px 0;}
.yasumu_map01 .box{width:1000px; margin:0 auto;}

.yasumu_map02{margin:0 0 60px 0;}
.yasumu_map02 .box{width:1000px; margin:0 auto;}

.yasumu_honkan_room01{margin:80px auto; width:800px;}
.yasumu_honkan_room01 .img_box{margin:0 0 40px 0;}
.yasumu_honkan_room01 h3{font-size:18px; margin:0 0 20px 0; text-align:center;}

.yasumu_movie_box{width:800px; margin:80px auto 0 auto;}



.mitasu_contents01{padding: 120px 0 60px 0;  background: url("../img/mitasu_contents_bg03.png") no-repeat bottom left; min-width: 1300px;}
.mitasu_contents01 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents01 .flex .img_box{width:50%;}
.mitasu_contents01 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents01 .flex .text_box{width:50%;}
.mitasu_contents01 .flex .text_box .box{width:480px; margin:0 60px 0 auto;}
.mitasu_contents01 .flex .text_box .box h2{text-align: left;}

.mitasu_contents02{padding:0;  background: url("../img/mitasu_contents_bg01.png") no-repeat bottom right 40px; min-width: 1300px;}
.mitasu_contents02 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents02 .flex .img_box{width:50%;}
.mitasu_contents02 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents02 .flex .text_box{width:50%;}
.mitasu_contents02 .flex .text_box .box{width:480px; margin:0 auto 0 60px;}
.mitasu_contents02 .flex .text_box .box h2{text-align: left;}
.mitasu_contents02 .flex .text_box .box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}

.mitasu_contents02-2{padding:0; margin:0 0 60px 0;  background: url("../img/mitasu_contents_bg04.png") no-repeat bottom right 40px; min-width: 1300px;}
.mitasu_contents02-2 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents02-2 .flex .img_box{width:50%;}
.mitasu_contents02-2 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents02-2 .flex .text_box{width:50%;}
.mitasu_contents02-2 .flex .text_box .box{width:480px; margin:0 auto 0 60px;}
.mitasu_contents02-2 .flex .text_box .box h2{text-align: left;}
.mitasu_contents02-2 .flex .text_box .box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}

.mitasu_contents03{padding: 60px 0 0 0; margin:0 0 60px 0;  background: url("../img/mitasu_contents_bg02.png") no-repeat bottom left; min-width: 1300px;}
.mitasu_contents03 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents03 .flex .img_box{width:50%;}
.mitasu_contents03 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents03 .flex .text_box{width:50%;}
.mitasu_contents03 .flex .text_box .box{width:500px; margin:0 60px 0 auto;}
.mitasu_contents03 .flex .text_box .box h2{text-align: left;}
.mitasu_contents03 .flex .text_box .box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}

.mitasu_contents04{ margin:0 0 60px 0;}
.mitasu_contents04 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; width:1100px; margin:0 auto;}
.mitasu_contents04 .flex .img_box{width:45%;}
.mitasu_contents04 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents04 .flex .text_box{width:45%;}
.mitasu_contents04 .flex .text_box h2{text-align: left;}
.mitasu_contents04 .flex .text_box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}
.mitasu_contents04 .notice{font-size:16px; color:#F03134;}

.mitasu_contents05{ margin:0 0 120px 0;}
.mitasu_contents05 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; width:1100px; margin:0 auto;}
.mitasu_contents05 .flex .img_box{width:45%;}
.mitasu_contents05 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents05 .flex .text_box{width:45%;}
.mitasu_contents05 .flex .text_box h2{text-align: left;}
.mitasu_contents05 .flex .text_box h3{text-align: left; font-size:18px; margin:30px 0 10px 0;}
.mitasu_contents05 .notice{font-size:16px; color:#F03134;}

.access_map{margin:60px 0;}
.access_map h2{margin:0 0 40px 0; font-size:28px;}	


.access_route{display: flex; flex-wrap: wrap; justify-content:space-around; margin:0 auto 100px auto; width:1000px; }
.access_route .box{width:40%; }
.access_route .box h3{font-size:18px; border-bottom:#000 2px solid; padding:0 0 10px 0; margin:0 0 20px 0;}
.access_route .box p{text-align: center; font-size:16px;}
.access_route .box span{font-size:16px; margin:0 40px 0 0; position: relative;}
.access_route .box span::after {content:url(../img/map_icon01.png); position: absolute; right:-30px;}
.access_route .box .point{padding:10px 0; margin:0 0 50px 0; background:#082548; color:#fff;  position: relative;}
.access_route .box .point::after{content:url(../img/map_icon01.png); position: absolute; left:50%; bottom:-40px;}
.access_route .box .route{padding:10px 0; margin:0 0 50px 0;  border:#000 1px solid; position: relative;}
.access_route .box .route::after{content:url(../img/map_icon01.png); position: absolute; left:50%; bottom:-40px;}
.access_route .box .finish{padding:10px 0; background: #29211a; color:#fff; font-size:18px;}

.sightseeing_list{width:1100px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:space-between;}	
.sightseeing_list .box{width:23%;}
.sightseeing_list .box h3{text-align: left; margin:0 0 10px 0; font-size:16px;}
.sightseeing_list .box .img_box{margin:0 0 20px 0;}	
.sightseeing_list .box .img_box img{width:100%; height: auto;}

.single_header{background: #000; position: relative; width:100%;}
.single_header .title_box{position: absolute; z-index: 8000; width:100%; height: 300px; display: block; display:flex; align-items: center; text-align: center; }
.single_header .title_box .box{width:auto; margin:0 auto;}
.single_header .title_box .box .logo{margin:0 0 15px 0; display: block;}
.single_header .title_box .box .logo img{width:200px!important;}
.single_header .title{width:100%;}
.single_header .title h2{font-size:24px; margin:0 0 10px 0;; color:#fff; font-weight: normal;}
.single_header .title .date{text-align: center; color:#fff; margin:0 ;}
.single_header_bg{background-size:cover!important; height: 300px; background-position: center center!important; opacity: 0.5;}

.post_contents_single{width:800px; margin:0 auto;}
.post_contents_single .post_box{padding:80px 0;}
.post_contents_single .post_box h2{font-size:21px; margin:0 0 20px 0;}

.reserve_btn{margin:80px 0 0 0;}

.fee_01{margin:80px auto; width:800px; }
.fee_01 h2{margin:0 0 40px 0; font-size:28px;}
.fee_01 h3{margin:0 0 30px 0; text-align: left; font-size:18px;}
.fee_01 .text_box{margin:40px 0 0 0;}
.fee_01 .course_detail{text-align: left;}
.fee_01 .table_box{margin:0 0 20px 0;}

.fee_02{margin:80px auto; width:600px; }
.fee_02 h2{margin:0 0 40px 0; font-size:28px;}
.fee_02 h3{margin:0 0 30px 0; text-align: center; font-size:18px;}
.fee_02 .text_box{margin:40px 0;}
.fee_02 .course_detail{text-align: left;}

.fee_03{margin:80px auto; width:800px; }
.fee_03 h2{margin:0 0 40px 0; font-size:28px;}
.fee_03 h3{margin:0 0 30px 0; text-align: left; font-size:18px;}
.fee_03 .text_box{margin:40px 0 0 0;}
.fee_03 .table_box{margin:0 0 40px 0;}
.fee_03 .booking_box{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.fee_03 .booking_box a{ border:#000 1px solid; width:18%; height: 70px; color:#000; font-weight: normal; display: flex; justify-content: center; align-items: center;}

.english_contents01{padding: 80px 0 80px 0;}
.english_contents01 .section_box{width:1000px; margin:0 auto;}
.english_contents01 .section_box .img_box{margin:0 auto 60px auto; width:1000px;}
.english_contents01 .section_box .text_box{text-align: left; width:800px; margin:0 auto;}
.english_contents01 .section_box .text_box h3{margin:0 0 20px 0;}
.english_contents01 .section_box .text_box p{margin:0 0 30px 0; line-height: 1.8em;}
.english_contents01 h3{font-size:28px;}

.contents_03-3{margin:0 auto 30px auto; max-width:1100px;}
.contents_03-3 .box{margin:0 0 0 0;}
.contents_03-3 .box p{}
.contents_03-3 .box h3{font-size:16px; padding:20px;}
.contents_03-3 .date{margin:0 0 0 0;}

.contents_03-3 .grid{display: flex; flex-wrap: wrap; justify-content:space-between; position: relative;}
.contents_03-3 .grid-item {width:31%; margin:0 0 8px 0; position: relative;}
.contents_03-3 .grid-item .grid_box{}
.contents_03-3 .title_box{}
.contents_03-3 .title_box h3{padding:20px; color:#000; font-size:16px;}
.contents_03-3 .thumb_box{margin:0 0 20px 0; background-size:cover!important; background-position: bottom center!important; background-repeat: no-repeat!important; height: 250px;}
.contents_03-3 .box1{ float:left; width:166px; overflow:hidden;}
.contents_03-3 .box2{ float:left; width:166px; overflow:hidden;}
.contents_03-3 .box p{color:#000; font-weight: normal; font-size:13px;}
.contents_03-3 .box h4{color:#000; font-weight: normal; font-size:18px; margin:0 0 20px 0; padding:0 0 10px 0; text-align: left; border-bottom: #000 3px double;} 



/* グリッドレイアウトのコンテナ */
 
.grid {
  position: relative;
}
.item {
  display: block;
  position: absolute;
  width: 300px;
height: 200px;
  overflow: hidden;
  margin: 5px;
  z-index: 1;
  background: #000;
  color: #fff;
}

.item img{width:100%; height: auto;}

.item.muuri-item-dragging {
  z-index: 3;
}
.item.muuri-item-releasing {
  z-index: 2;
}
.item.muuri-item-hidden {
  z-index: 0;
}
.item-content {
  position: relative;
  width: 100%;
  height: 100%;
}

 
/* 640ピクセル幅以下になったら2カラム化 */
@media ( max-width : 767px ){
  .item{
    width:calc(50% - 10px);
    height:calc(50vw - 10px);
  }
	.item img{width:inherit; height:inherit;}

}


.contents_01{margin:0 0 0 0;padding:0 0 30px 0;}
.contents_01 .box{padding:0 0 0 0;}

.contents_02{margin:0 0 0 0; padding:0 0 30px 0;}
.contents_02 .box{padding:0 0 0 0px;}
.contents_02 p{padding:0 0 0 0; margin:0 0 0 0;border-bottom:#CCCCCC 1px dashed; width:237px;}

.contents_03{margin:0 0 0 0;}
.contents_03 .box{}
.contents_03 .box p{}

.contents_04{margin:0 0 0 0;}
.contents_04 .box{}

.contents_05{margin:0 0 0 0; padding:0 0 0 0;}
.contents_05 p{margin:5px 0 0 0;}
.contents_05 h2{ border-bottom:#000000 1px solid;}
.contents_05 h3{color:#993300}
.contents_05 h4{ font-weight:bold}
.contents_05 .box{padding:0;}

.contents_11{ margin:0; display:flex; flex-wrap: wrap; justify-content:space-between;}
.contents_11 .section_box{  flex:1; overflow:hidden;}
.contents_11 section figure{width:100%; margin:0 auto; position:relative; overflow:hidden;background:#000; }
.contents_11 section figure .bg{transition: all 2s ease-out 0.1s; height:300px; position: relative; z-index: 2000; opacity: .6;}
.contents_11 section figure:hover .bg {opacity:1; transform: scale(1.05);}
.contents_11 section figcaption{position: absolute; top:0; width: 100%; height: 100%; display:flex; align-items: center;  z-index:3000; transition: all 1s ease-in 0.3s;}
.contents_11 section figcaption div{width: 100%;}
.contents_11 section figure:hover figcaption{}
.contents_11 section h3{ text-align: center; font-size:21px; font-weight: normal;}
.contents_11 section a{color:#fff; font-weight: normal;}
.contents_11 section p{ color:#fff; font-weight:normal; font-size:12px;}
.contents_11 section .title_box{ }

.room_modal{margin:0 0 40px 0; width:800px; }
.room_modal h3{margin:0 0 20px 0; font-size:21px; font-weight:normal;}
.room_modal p{text-align: center;}
.room_modal .img_box{margin:0 0 40px 0;}

.recruit_box{display:flex; flex-wrap: wrap; justify-content:center; margin:60px 0 40px 0;}
.recruit_box a{margin:0 10px;}

.yt_banner_box{display:flex; flex-wrap: wrap; justify-content:center; margin:0 0 40px 0;}
.yt_banner_box a{display:block;}
.yt_banner_box a img{max-width:100%;}

/* プランRSS */

.a_2 {margin:40px 0; padding:0; display:flex; flex-wrap: wrap; justify-content:center;}
.a_2 .mini {margin:0 20px; width:300px;}
.a_2 .mini h3{ text-align:left; color:#8c3838; font-size:16px; margin:10px 0 5px 0;}
.a_2 .mini h3 a{margin:0; padding:0; color:#8c3838;}
.a_2 .plan_img img{width:100%; height: auto;}


/* 新着情報 */

.e_1 {margin:0; padding:0;}
.e_1 .sheetbox {margin:0; padding:0;}
.e_1 .sheetbox p {margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:#BFB6AF 1px solid;}
.e_1 .sheetbox p span {font-weight:normal; margin:0; padding:0 0 0 8px;}


/* 共通パーツ */

.table_box table{ border-left:#000000 1px solid; border-top:#000000 1px solid; width:100%; padding:0px; margin:0 auto 0 auto; border-collapse: collapse; border-spacing: 0;}
.table_box table td{ border-bottom:#000000 1px solid; border-right:#000000 1px solid; padding:15px; text-align:center;}
.table_box table th{ border-bottom:#000000 1px solid; border-right:#000000 1px solid; padding:15px; text-align:center; color:#000000; font-weight:bold; background:#dbdbdb; }

.copy{ font-size:10px}

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

.titleimg{margin:0 0 20px;}
.titleimg_center{margin:0 0 20px; text-align:center;}

.text_center{text-align:center;}

.link_icon{background: url(../img/link_icon01.png) no-repeat left #5c3b2a; background-position:10px;  padding:5px 10px 5px 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#fff; width:auto; text-align:right}

.w600{width:600px; margin:0 auto;}
.w880{width:800px; margin:0 auto;}
.w800{width:800px; margin:0 auto;}
.w880{width:880px; margin:0 auto;}
.w900{width:900px; margin:0 auto;}
.w945{width:945px; margin:0 auto;}
.w1000{width:1000px; margin:0 auto;}
.w1100{width:1100px; margin:0 auto;}
.w1125{width:1125px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}

.plan_form{width:275px; margin:0 auto; padding:10px 0 0 0; text-align: center; padding: 20px 40px; background: rgba(255,255,255,0.80);}
.plan_form p{margin:0;padding:0; text-align: center;}
.plan_form span{margin:0 10px 0 0;}
.plan_form select{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form input{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form .w150{width:150px;}
.plan_form .title{font-size:14px; margin:0 0 5px 0;  color:#000; font-weight:bold}
.plan_form .box{margin:0 0 10px 0;}
.plan_form .frex{display: flex; flex-wrap: wrap; justify-content:space-between;}
.plan_form .check_in {width:130px;}
.plan_form .check_in input{width:105px;}
.plan_form .undecided {width:130px; position: relative;}
.plan_form .undecided input{margin:13px 0 0 -20px;}
.plan_form .guests{width:130px;}
.plan_form .guests select{width:130px;}
.plan_form .type {width:130px;}
.plan_form .type select{width:130px;}
.plan_form .price {}
.plan_form .price select{width:120px;}
.plan_form .price span{color:#000; width:auto; margin:0 5px;}
.plan_form .search_btn .btn{width:150px; margin:20px auto; padding:15px 0 15px 0; background:url("../img/link_icon01.png") no-repeat right #330301; background-position:right 15px center; border:none; color:#fff; font-size:18px; cursor: pointer;}
.plan_form .option-input{position: relative;	margin: 0 1rem 0 0;	cursor: pointer;}
.plan_form .option-input:before { position: absolute; z-index: 1; top: 0.125rem; left: 0.1875rem; width: 0.75rem; height: 0.375rem; content: ''; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); border: 2px solid #330301; border-top-style: none; border-right-style: none;}
.plan_form .option-input:checked:before { -webkit-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1);}.plan_form .option-input:after { position: absolute; top: -0.125rem; left: 0; width: 1rem; height: 1rem; content: ''; cursor: pointer; border: 2px solid #330301; background: #ffffff;}

.plan_form_l{width:auto; margin:0 auto; padding: 20px 40px; background: rgba(255,255,255,0.80);}
.plan_form_l p{margin:0 0 5px 0;padding:0; text-align: center; font-weight: bold;}
.plan_form_l span{margin:0 10px 0 0;}
.plan_form_l select{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form_l input{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form_l .w150{width:150px;}
.plan_form_l .frex{display: flex; flex-wrap: wrap; justify-content:space-between;}
.plan_form_l .check_in {width:150px;}
.plan_form_l .check_in input{width:130px;}
.plan_form_l .undecided {width:auto;  text-align: center;}
.plan_form_l .undecided input{margin:14px 0 0 -20px;}
.plan_form_l .guests{width:120px;}
.plan_form_l .guests select{width:120px;}
.plan_form_l .type {width:120px;}
.plan_form_l .type select{width:120px;}
.plan_form_l .price {width:280px;}
.plan_form_l .search_btn .btn{width:150px; margin:20px auto; padding:15px 0 15px 0; background:url("../img/link_icon01.png") no-repeat right #330301; background-position:right 15px center; border:none; color:#fff; font-size:18px; cursor: pointer; text-align: center;}
.plan_form_l .option-input{position: relative;	margin: 0 1rem 0 0;	cursor: pointer;}
.plan_form_l .option-input:before { position: absolute; z-index: 1; top: 0.125rem; left: 0.1875rem; width: 0.75rem; height: 0.375rem; content: ''; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); border: 2px solid #330301; border-top-style: none; border-right-style: none;}
.plan_form_l .option-input:checked:before { -webkit-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1);}
.plan_form_l .option-input:after { position: absolute; top: -0.125rem; left: 0; width: 1rem; height: 1rem; content: ''; cursor: pointer; border: 2px solid #330301; background: #ffffff;}

.drawer-hamburger{z-index: 9999!important; background-color: #fff!important; display: block!important;}
.drawer-overlay{z-index: 6000!important;}
.drawer-nav{z-index: 7000!important;}
.drawer-nav .logo{padding:20px 0;}	
.drawer-nav ul{padding:20px;}	
.drawer-nav ul li{margin:0 0 20px 0;}
.drawer-nav ul li a{ font-size:18px; font-weight: 500; color:#000;}	


.sp_on{display: none;}
.pc_on{display: block;}



@media only screen and (max-width: 1360px){
#wrapper{min-width:auto;}	
	
.index_intro{height:60vh; min-height: 700px; padding:0; position: relative; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}

.index_intro .point{position: absolute; top:30%; right:30%; width:auto;}
.index_intro .bg01{width:35%; position: absolute; left:0; top:13%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg02{width:35%; position: absolute; left:0; bottom:8%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg03{width:38%; position: absolute; left:0; bottom:5%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg04{width:25%; position: absolute; left:0; top:46%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg05{width:35%; position: absolute; right:0; top:13%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg06{width:38%; position: absolute; right:0; bottom:10%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg07{width:26%; position: absolute; right:0; bottom:5%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg08{width:30%; position: absolute; right:0; top:39%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .point_bg img{width:100%; height: auto;}
	
.mitasu_contents01{padding: 120px 0 60px 0;  background: url("../img/mitasu_contents_bg03_2.png") no-repeat bottom left;}
.mitasu_contents02{padding:0;  background: url("../img/mitasu_contents_bg01_2.png") no-repeat bottom right 40px;}
.mitasu_contents02-2{padding:0;  background: url("../img/mitasu_contents_bg04_2.png") no-repeat bottom right 40px;}
.mitasu_contents03{padding: 60px 0 0 0; margin:0 0 60px 0;  background: url("../img/mitasu_contents_bg02_2.png") no-repeat bottom left;}

	
	
	
}

@media only screen and (max-width: 767px){
	
.sp_on{display: block;}	
.pc_on{display: none;}	
	
header{min-width:auto; overflow: hidden; position: relative;}
header video{height:auto; width:100%; position: absolute!important; bottom:0; left: 0; z-index: -100;}	
	
header .header_bg{position: absolute; 
background: -moz-linear-gradient(top, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); 
height: 40%; width:100%; z-index: 0;}
	
.index_header{min-height: 700px;}
	
footer{min-width:auto; padding: 80px 0;}
#footer_box{margin:0 auto; width:auto;}
#footer_box a{color:#000000;}
#footer_box p{text-align: center;}
#footer_box .name{ text-align:center; font-size:16px; margin:0 0 5px 0; color:#000;}
#footer_box .submenu{width:auto; margin:0 auto 40px auto; display: block; }
#footer_box .submenu a{width:100%; display: block; font-size:18px; margin:0 0 20px 0;}	
#footer_box .footer_logo{margin:0 0 40px 0;}	
.sp_head_logo{padding: 20px; position: absolute; top:0; left:0;  width: auto; display:block!important; z-index: 2000;}	
	
.index_header{width:100%; height: 100vh; overflow: hidden; position: relative;}
.index_header video{position: relative; z-index: -200; min-width: inherit;}	
	
.sp_bg{background:#000; width: 100%; height:100%; top:0; position: absolute; z-index: -300;}	
	
	
.drawer-toggle{display:block;}	
	
.page_header{display: none;}
	
.index_menu_wrap{background: url("../img/index_intro_bg_left.png") no-repeat left top,; width:100%; height: 100vh;
position: absolute; top:0; left: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);	
}
.index_menu_box{ width:auto; margin:0 auto; padding:40px 0 0 0;}
.index_menu{margin:20px 0 0 0;}
.index_menu ul{display:block; margin:40px auto; padding: 40px; width:auto;}
.index_menu li{width:100%; margin:0 0 20px 0; overflow: hidden; list-style:none; text-align: left; font-size:18px;}	
	
.index_intro{height:100vh; min-height: 700px; padding:0; position: relative; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.index_intro p{text-align: center;}
.index_intro h2 img{width:90%; height: auto;}	
.index_intro .box{width:100%;}
.index_intro .title{margin:0 0 60px 0;}	
	
.index_intro p{text-align: center;}
.index_intro .box{width:100%;}
.index_intro .title{margin:0 0 60px 0;}
.index_intro .title img{width:60%; height: auto;}
.index_intro .point{position: absolute; top:44%; right:5%; width:auto;}
.index_intro .bg01{width:50%; position: absolute; left:0; top:13%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg02{width:50%; position: absolute; left:0; bottom:2%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg03{width:70%; position: absolute; left:0; bottom:10%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg04{width:50%; position: absolute; left:0; top:44%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg05{width:50%; position: absolute; right:0; top:21%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg06{width:50%; position: absolute; right:0; bottom:12%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg07{width:50%; position: absolute; right:0; bottom:-2%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .bg08{width:50%; position: absolute; right:0; top:23%; z-index: -200; transition: transform 5s cubic-bezier(0,1,.5,1);}
.index_intro .point_bg img{width:100%; height: auto;}
.index_intro .btn{text-align: center; height: auto;}	
.index_intro .btn img{width:50%; height: auto; margin:0 auto; display: block;}	

	
.index_point01{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; min-width: inherit;}
.index_point01 .img_box{width:100%; height: 50vh; background:url("../img/index_hitaru_bg.jpg") no-repeat center /cover; display:flex; align-items: center; order:1;}
.index_point01 .img_box .title{width:100%; text-align: center;}
.index_point01 .text_box{width:100%; height:100vh; background: url("../img/index_hitaru_bg.png") no-repeat center 30%; display:flex; align-items: center; order:2;}
.index_point01 .text_box .box{width:auto; padding: 20px;}
.index_point01 .text_box .box p{text-align:left;}
.index_point01 .text_box .box h3{text-align: center; margin:0 0 30px 0;}
.index_point01 .text_box .box .btn{margin:40px 0 0 0; text-align: center;}
.index_point01 .hover {opacity: 1;}		

.index_point02{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; min-width: inherit;}
.index_point02 .img_box{width:100%; height: 50vh; background:url("../img/index_yasumu_bg.jpg") no-repeat center /cover; display:flex; align-items: center; order:1;}
.index_point02 .img_box .title{width:100%; text-align: center;}
.index_point02 .text_box{width:100%; height:100vh; background: url("../img/index_yasumu_bg.png")no-repeat center 30%; display:flex; align-items: center; order:2;}
.index_point02 .text_box .box{width:auto; padding: 20px;}
.index_point02 .text_box .box p{text-align:left;}
.index_point02 .text_box .box h3{text-align: center; margin:0 0 30px 0;}
.index_point02 .text_box .box .btn{margin:40px 0 0 0; text-align: center;}
.index_point02 .hover {opacity: 1;}		

.index_point03{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; min-width: inherit;}
.index_point03 .img_box{width:100%; height: 50vh; background:url("../img/index_mitasu_bg.jpg") no-repeat center /cover; display:flex; align-items: center; order:1;}
.index_point03 .img_box .title{width:100%; text-align: center;}
.index_point03 .text_box{width:100%; height: 100vh; background:url("../img/index_mitasu_bg.png")no-repeat center 30%; display:flex; align-items: center; order:2;}
.index_point03 .text_box .box{width:auto; padding: 20px;}
.index_point03 .text_box .box p{text-align: left;}
.index_point03 .text_box .box h3{text-align: center; margin:0 0 30px 0;}
.index_point03 .text_box .box .btn{margin:40px 0 0 0; text-align: center;}
.index_point03 .hover {opacity: 1;}	

.plan{background:url("../img/plan_bg.jpg") top center; background-size: cover; padding:120px 0; display:flex; align-items: center; min-width: inherit;}
.plan .box{margin:0 auto;}
.plan .box .btn{text-align:center;}
.plan_btn{margin:80px 0 0 0;}
.plan_btn img{width:80%; height: auto;}

.news_box{ padding:80px 0;}
.news_box h2{margin:0 0 40px 0;}

.topics{width:auto; margin:0 auto 40px auto; padding: 0 20px; display:flex; flex-wrap: wrap; justify-content:space-between; min-width: inherit;}
.topics .main{width:auto; order: 2;}
.topics .main h3{text-align: left; font-size:16px; border-bottom: #000 3px double; padding:0 0 10px 0; margin:0 0 15px 0;}
.topics .main img{width:100%; height: auto;}	
.topics .fb{width:auto; background: #eeeeee; margin:0 0 40px 0; order:1;}
.topics .fb img{width:100%; height: auto;}	

.news_list{width:auto; margin:0 auto; padding: 0 20px; display:flex; flex-wrap: wrap; justify-content:flex-start;}
.news_list .post{width:auto; margin:0 0 20px 0;}
.news_list .post:nth-child(3n){margin:inherit}
.news_list .post img{width:100%; height: auto;}
.news_list .post h3{text-align: left; font-size:16px; border-bottom: #000 3px double; padding:0 0 10px 0; margin:0 0 15px 0;}	
	
.onsen_contents01{background: url("../img/onsen_contents_bg.jpg") no-repeat top /cover; min-height: inherit; padding: 80px 0 80px 0;}
.onsen_contents01 .section_box{width:auto; margin:0 auto;}
.onsen_contents01 .section_box .img_box{margin:0 0 60px 0; width:auto;}
.onsen_contents01 .section_box .img_box img{width:100%; height: auto;}
	
.onsen_contents01 .section_box .text_box{text-align: left; width:auto; margin:0 auto; padding: 0 20px;}
.onsen_contents01 .section_box .text_box h3{margin:0 0 20px 0;}
.onsen_contents01 .section_box .text_box p{margin:0 0 30px 0; line-height: 1.8em;}

.onsen_contents02{}
.onsen_contents02 .section_box{width:inherit; margin:0 auto 80px auto;}
.onsen_contents02 h3 img{width:90%; height: auto;}
.onsen_contents02 .section_box .img_box{margin:0 0 60px 0; width:auto;}
.onsen_contents02 .section_box .img_box img{width:100%; height: auto;}

.onsen_contents02 .section_box .text_box{text-align: left; padding:0 20px;}
.onsen_contents02 .section_box .text_box .left{width:100%;}
.onsen_contents02 .section_box .text_box .right{width:100%;}
.onsen_contents02 .section_box .text_box h3{margin:0 0 40px 0;}
.onsen_contents02 .section_box .text_box h4{margin:20px 0; font-size:18px; font-weight: normal;}
.onsen_contents02 .section_box .text_box p{margin:0 0 30px 0; line-height: 1.8em;}
.onsen_contents02 .section_box .text_box table{border: 0; padding: 0; }
.onsen_contents02 .section_box .text_box table th{padding: 15px 0 0 0; ine-height: 1.8em; text-align: left; font-weight: normal; vertical-align: top;}
.onsen_contents02 .section_box .text_box table td{padding: 10px; line-height: 1.8em; vertical-align: top;}


.onsen_contents03{}
.onsen_contents03 .section_box{margin:0 auto 120px auto; width:inherit; }
	
.access_route{display:inherit; margin:0 0 0 0; width:100%;}
.access_route .box{width:auto; margin:0 0 40px 0; padding: 0 20px; }
.access_route .box h3{font-size:18px; border-bottom:#000 2px solid; padding:0 0 10px 0; margin:0 0 20px 0;}
.access_route .box p{text-align: center; font-size:16px;}
.access_route .box span{font-size:16px; margin:0 40px 0 0; position: relative;}
.access_route .box span::after {content:url(../img/map_icon01.png); position: absolute; right:-30px;}
.access_route .box .point{padding:10px 0; margin:0 0 50px 0; background:#082548; color:#fff;  position: relative;}
.access_route .box .point::after{content:url(../img/map_icon01.png); position: absolute; left:50%; bottom:-40px;}
.access_route .box .route{padding:10px 0; margin:0 0 50px 0;  border:#000 1px solid; position: relative;}
.access_route .box .route::after{content:url(../img/map_icon01.png); position: absolute; left:50%; bottom:-40px;}
.access_route .box .finish{padding:10px 0; background: #29211a; color:#fff; font-size:18px;}
	
.access_map img{width:100%; height: auto;}
    
.jigoku_intro{padding:0 0; position: relative; display:flex; align-items: center; background: url("../img/jigoku_intro_bg.jpg") no-repeat top center /cover; min-width: inherit;}
.jigoku_intro p{text-align: center;}
.jigoku_intro h2{margin:0 0 60px 0;}
.jigoku_intro .wrap{width:100%; text-align: center; padding: 100px 0;}
.jigoku_intro .title{margin:0 0 90px 0; position: relative; z-index: 200;}
.jigoku_intro .point{position: absolute; top:30%; right:30%; width:auto;}
.jigoku_intro .img_box{z-index:0; position: relative;}
.jigoku_intro .bg01{width:auto; position: absolute; left:0; z-index:0; top:5%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .bg02{width:auto; position: absolute; right:0; z-index:0; top:30%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .bg03{width:auto; position: absolute; left:0; z-index:0; bottom:5%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .bg04{width:auto; position: absolute; right:0; z-index:0; bottom:30%; transition: transform 5s cubic-bezier(0,1,.5,1);}
.jigoku_intro .point_bg img{width:100%; height: auto;}
.jigoku_intro .sp_text{margin:0 0 80px 0; padding:0 40px; position: relative; z-index: 1000;}
.jigoku_intro .sp_text p{}
.jigoku_intro .img_box{z-index: 200; position: relative; width:auto; margin:0 auto; padding: 20px; display:flex; flex-wrap: wrap; justify-content:space-between;}
.jigoku_intro .img_box a{margin:0 0 10px 0; width:49%;}
.jigoku_intro .img_box span{margin:0 0 10px 0; width:49%;}
.jigoku_intro .img_box img{display: block; width:100%; height: auto;}

.jigoku_okite{padding:120px 0; background: url("../img/jigoku_okite_bg.jpg") no-repeat top center /cover; min-width: inherit;}
.jigoku_okite p{text-align: center; color: #fff;}
.jigoku_okite ul{width:330px; margin:40px auto; list-style: none;} 
.jigoku_okite ul li{color:#fff; text-align: left; margin:0 0 30px 0;  padding-left:2em; text-indent:-2em; line-height: 1.8em;}	
	
.jigoku_thanks{padding:120px 0;background: url("../img/jigoku_thanks_left_bg.png") no-repeat left top,url("../img/jigoku_thanks_right_bg.png") no-repeat right bottom; background-size: 70%; min-width:inherit;}
.jigoku_thanks .box{padding:0 40px;}	
.jigoku_thanks .box h2{margin:0 0 40px 0;}
.jigoku_thanks .box h2 img{width:100%; height: auto;}

.jigoku_thanks .box .list{text-align: center; margin:0 0 30px 0;}
.jigoku_thanks .box .list p{text-align: center;}
.jigoku_thanks .box .list h3{font-size:20px; color:#604c3f; font-weight: normal; margin:0 0 15px 0;}	
	
.mitasu_contents01{padding: 30px 0 0 0;  background: url("../img/mitasu_contents_bg03_2.png") no-repeat bottom left; min-width:inherit;}
.mitasu_contents01 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents01 .flex .img_box{width:100%;}
.mitasu_contents01 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents01 .flex .text_box{width:100%; padding:30px;}
.mitasu_contents01 .flex .text_box .box{width:auto; margin:0;}
.mitasu_contents01 .flex .text_box .box h2{text-align: left;}
.mitasu_contents01 .flex .text_box .box h2 img{width:90%; height: auto;}	

.mitasu_contents02{padding:0;  background: url("../img/mitasu_contents_bg01_2.png") no-repeat bottom right 40px; min-width:inherit;}
.mitasu_contents02 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents02 .flex .img_box{width:100%; order:2;}
.mitasu_contents02 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents02 .flex .text_box{width:100%; padding: 30px;}
.mitasu_contents02 .flex .text_box .box{width:auto; margin:0;}
.mitasu_contents02 .flex .text_box .box h2{text-align: left;}
.mitasu_contents02 .flex .text_box .box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}
.mitasu_contents02 .flex .text_box .box h2 img{width:90%; height: auto;}
	
.mitasu_contents02-2{padding:0;  background: url("../img/mitasu_contents_bg01_2.png") no-repeat bottom right 40px; min-width:inherit;}
.mitasu_contents02-2 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents02-2 .flex .img_box{width:100%; order:2;}
.mitasu_contents02-2 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents02-2 .flex .text_box{width:100%; padding: 30px;}
.mitasu_contents02-2 .flex .text_box .box{width:auto; margin:0;}
.mitasu_contents02-2 .flex .text_box .box h2{text-align: left;}
.mitasu_contents02-2 .flex .text_box .box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}
.mitasu_contents02-2 .flex .text_box .box h2 img{width:90%; height: auto;}	

.mitasu_contents03{padding: 0 0 0 0; margin:0 0 0 0;  background: url("../img/mitasu_contents_bg02_2.png") no-repeat bottom left; min-width:inherit;}
.mitasu_contents03 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.mitasu_contents03 .flex .img_box{width:100%;}
.mitasu_contents03 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents03 .flex .text_box{width:100%; padding: 30px;} 
.mitasu_contents03 .flex .text_box .box{width:auto; margin:0;}
.mitasu_contents03 .flex .text_box .box h2{text-align: left;}
.mitasu_contents03 .flex .text_box .box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}
.mitasu_contents03 .flex .text_box .box h2 img{width:90%; height: auto;}

.mitasu_contents04{ margin:0 0 20px 0;}
.mitasu_contents04 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; width:inherit; margin:0 auto;}
.mitasu_contents04 .flex .img_box{width:100%; order: 2;}
.mitasu_contents04 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents04 .flex .text_box{width:auto; order: 1; padding:60px 30px;}
.mitasu_contents04 .flex .text_box h2{text-align: left;}
.mitasu_contents04 .flex .text_box h3{text-align: left; font-size:18px; margin:30px 0 0 0;}
.mitasu_contents04 .notice{font-size:16px; color:#F03134;}

.mitasu_contents05{ margin:0 0 60px 0;}
.mitasu_contents05 .flex{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; width:inherit; margin:0 auto;}
.mitasu_contents05 .flex .img_box{width:100%;}
.mitasu_contents05 .flex .img_box img{width:100%; height: auto;}
.mitasu_contents05 .flex .text_box{width:auto; padding:30px;}
.mitasu_contents05 .flex .text_box h2{text-align: left;}
.mitasu_contents05 .flex .text_box h2 img{width:90%; height: auto;}	
.mitasu_contents05 .flex .text_box h3{text-align: left; font-size:18px; margin:30px 0 10px 0;}
.mitasu_contents05 .notice{font-size:16px; color:#F03134;}	
	
.reserve_btn{margin:80px 0 0 0; width:auto;}
.reserve_btn img{margin:80px 0 0 0; width:80%; height: auto;}
	
.yasumu_contents01{margin:60px auto 60px auto; width:auto;}
.yasumu_contents01 h2{margin:0 0 40px 0;}
.yasumu_contents01 .text_box{margin:0; padding: 0 20px;}
.yasumu_contents01 .text_box p{text-align:left;}
.yasumu_contents01 .text_box img{width:90%; height: auto;}	

.yasumu_contents02{width:auto; margin:0 auto 80px auto; display:flex; flex-wrap: wrap; justify-content:space-between;}
.yasumu_contents02 .img_box{width:49%;}
.yasumu_contents02 .img_box img{width:100%; height: auto; margin:0 0 5px 0;}	

.yasumu_contents03{margin:80px auto 80px auto; width:auto;}
.yasumu_contents03 h2{margin:0 0 40px 0; text-align: center;}
.yasumu_contents03 h2 img{width:90%; height: auto;}
.yasumu_contents03 h3{font-size:18px; margin:0 0 20px 0; text-align: left;}
.yasumu_contents03 h3 img{width:90%; height: auto;}

.yasumu_contents03 .text_box{margin:0; padding: 0 20px;}
.yasumu_contents03 .text_box p{}

.yasumu_contents04{margin:80px auto 40px auto; width:auto;}
.yasumu_contents04 h2{margin:0 0 40px 0; text-align: center;}
.yasumu_contents04 h2 img{width:90%; height: auto;}
	
	
.yasumu_contents04 h3{font-size:18px; margin:0 0 20px 0; text-align: left;}
.yasumu_contents04 .text_box{margin:0; padding: 0 20px;}
.yasumu_contents04 .text_box p{}
	
.yasumu_movie_box{width:auto; margin:40px auto 0 auto; padding: 0;}	
.yasumu_movie_box video{width:100%!important; height: auto; background: #fff; border: none; }	
	.video-js{width:100%; height:250px;}	

.yasumu_contents05{}
.yasumu_contents05 .contents_box{width:auto; margin:0 auto 0 auto; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.yasumu_contents05 .contents_box .text_box{width:100%; padding: 0 20px; margin:0 0 20px 0;}
.yasumu_contents05 .contents_box .img_box{width:100%; margin:0 0 20px 0;}
.yasumu_contents05 .contents_box h2{margin:0 0 40px 0; text-align: center;}
.yasumu_contents05 .contents_box h3{font-size:18px; margin:0 0 20px 0; text-align: left;}

.yasumu_contents06{margin:80px auto 80px auto; width:auto; padding: 0 20px;}
.yasumu_contents06 h2{margin:0 0 40px 0; text-align: left;}
.yasumu_contents06 h3{font-size:18px; margin:0 0 20px 0; text-align: left;}
.yasumu_contents06 .text_box{margin:0;}
.yasumu_contents06 .text_box p{}
.yasumu_contents06 .text_box .img_box{margin:0 0 40px 0;}
.yasumu_contents06 .text_box .img_box img{width:100%; height: auto;}
	
.yasumu_contents07{margin:80px auto 80px auto; padding: 0 20px;  width:auto; display:flex; flex-wrap: wrap; justify-content:space-between;}
.yasumu_contents07 .box{width:100%;}
.yasumu_contents07 .box h3{font-size:18px; text-align:center; margin:0 0 10px 0;}
.yasumu_contents07 .box .img_box{margin:0 0 20px 0;}
.yasumu_contents07 .box .img_box img{width:100%; height: auto;}	

.yasumu_map01{background: #eee; padding:120px 0;}
.yasumu_map01 .box{width:auto; margin:0 auto;}
.yasumu_map01 .box img{width:90%; height: auto;}

.yasumu_map02{margin:0 0 60px 0;}
.yasumu_map02 .box{width:auto; margin:0 auto;}
.yasumu_map02 .box img{width:90%; height: auto;}

.fee_01{margin:80px auto; padding: 0 20px; width:auto;}
.fee_01 h2{margin:0 0 40px 0;}
.fee_01 h3{margin:0 0 30px 0; text-align: left; font-size:18px;}
.fee_01 .text_box{margin:40px 0 0 0;}
.fee_01 .course_detail{text-align: left;}
.fee_01 .table_box{margin:0 0 40px 0;}
.fee_01 .sp_table table{margin:0 0 20px 0;}
	

.fee_02{margin:80px auto; padding: 0 20px;  width:auto; }
.fee_02 h2{margin:0 0 40px 0;}
.fee_02 h3{margin:0 0 30px 0; text-align: center; font-size:18px;}
.fee_02 .text_box{margin:40px 0;}
.fee_02 .course_detail{text-align: left;}
.fee_02 .table_box{margin:0 0 40px 0;}
	
.fee_03{margin:80px auto; padding: 0 20px; width:auto; }
.fee_03 h2{margin:0 0 40px 0;}
.fee_03 h3{margin:0 0 30px 0; text-align: left; font-size:18px;}
.fee_03 .text_box{margin:40px 0 0 0;}
.fee_03 .table_box{margin:0 0 40px 0;}
.fee_03 .booking_box{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.fee_03 .booking_box a{ border:#000 1px solid; width:80%; height: 70px; color:#000; font-weight: normal; display: flex; justify-content: center; align-items: center; margin:0 auto 10px auto; font-size:18px;}


    
.yasumu_honkan_room01{margin:80px auto; padding: 0 20px; width:auto;}
.yasumu_honkan_room01 .img_box{margin:0 0 40px 0;}
.yasumu_honkan_room01 .img_box img{width:100%; height: auto;}
.yasumu_honkan_room01 h3{font-size:18px; margin:0 0 20px 0; text-align:center;}
	
.contents_11{ margin:0; display:flex; flex-wrap: wrap; justify-content:space-between;}
.contents_11 .section_box{  flex:inherit; width:100%; overflow:hidden;}
.contents_11 section figure{width:100%; margin:0 auto; position:relative; overflow:hidden;background:#000;}
.contents_11 section figure .bg{transition: all 2s ease-out 0.1s; height:300px; position: relative; z-index: 2000; opacity: 0.6; }
.contents_11 section figure:hover .bg {opacity: 1; transform: scale(1.05);}
.contents_11 section figcaption{position: absolute; top:0; width: 100%; height: 100%; display:flex; align-items: center; opacity: 100; z-index:3000; transition: all 1s ease-in 0.3s;}
.contents_11 section figcaption div{width: 100%;}
.contents_11 section figure:hover figcaption{opacity:100;}
.contents_11 section h3{ text-align: center; font-size:21px}
.contents_11 section a{color:#fff; font-weight: normal;}
.contents_11 section p{ color:#fff; font-weight:normal; font-size:12px;}
.contents_11 section .title_box{ }

.room_modal{margin:0 0 40px 0; padding:0; width:auto; }
.room_modal h3{margin:0 0 20px 0;}
.room_modal p{text-align: center;}
.room_modal .img_box{margin:0 0 40px 0;}	
.room_modal .img_box img{width:100%; height: auto;}	

.sightseeing_list{width:auto; margin:0 0 20px 0; padding: 0 20px; display:flex; flex-wrap: wrap; justify-content:space-between;}	
.sightseeing_list .box{width:100%; margin: 0 0 20px 0;}
.sightseeing_list .box h3{text-align: left; margin:0 0 10px 0; font-size:16px;}	
.sightseeing_list .box .img_box{margin:0 0 20px 0;}	
.sightseeing_list .box .img_box img{width:100%; height: auto;}
	
.contents_03{padding:0 10px 0 20px; max-width:inherit;}
.contents_03-2{margin:0 auto 30px auto; max-width:inherit;}
.contents_03-2 .box{margin:0 0 0 0;}
.contents_03-2 .box p{}
.contents_03-2 .box h3{font-size:16px; padding:20px;}
.contents_03-2 .date{width:80px; height: 80px;position: absolute; top:10px; right:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  background: rgba(35,24,21,0.9); }
.contents_03-2 .date .year{text-align: center; color:#fff; display:block; border-bottom:#fff 1px solid; padding:7px 0 7px 0;}
.contents_03-2 .date .day{text-align: center; color:#fff; display: block; padding:10px; font-size:18px;}
.contents_03-2 .grid{display: flex; flex-wrap: wrap; justify-content:space-between; position: relative;}
.contents_03-2 .grid-item {width:48%; margin:0 0 8px 0; position: relative;  -webkit-column-break-inside:inherit;  page-break-inside:inherit;  break-inside:inherit;}
.contents_03-2 .grid-item .grid_box{background-size:cover!important; background-position:bottom center!important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; height: 100%;}
.contents_03-2 .title_box{background:rgba(255,255,255,0.80); position: absolute; bottom:0; width:100%; color:#000;}
.contents_03-2 .title_box h3{padding:20px; color:#000; font-size:16px;}
.contents_03-2 .box1{ float:left; width:166px; overflow:hidden;}
.contents_03-2 .box2{ float:left; width:166px; overflow:hidden;}
.contents_03-2 section{width:100%; height:100%; margin:0 auto; position:absolute; z-index: 999; overflow:hidden; background:#000; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity:0;transition: all 2s ease 0.1s;}
.contents_03-2 section:hover{color:#fff;width: 100%;height: 100%;line-height: 1;overflow: hidden;transition: all 2s ease 0.1s;top:0;left:0;opacity: 1;background:rgba(0,0,0,0.80);}
.contents_03-2 section .box{padding:20px; background:url("../img/more_icon.png") no-repeat top 10px right 10px;}
.contents_03-2 section .box p{color:#fff; font-weight: normal; font-size:13px;}
.contents_03-2 section .box h4{color:#fff; font-weight: normal; font-size:18px; margin:0 0 20px 0;}    
 
.contents_03-3{margin:0 auto 40px auto; padding:0 20px; width:auto;}
.contents_03-3 .grid{display: flex; flex-wrap: wrap; justify-content:space-between; position: relative;}
.contents_03-3 .grid-item {width:100%; margin:0 0 8px 0; position: relative;}
.contents_03-3 .grid-item .grid_box{}
.contents_03-3 .title_box{}
.contents_03-3 .title_box h3{padding:20px; color:#000; font-size:16px;}
.contents_03-3 .thumb_box{margin:0 0 20px 0; background-size:cover!important; background-position: bottom center!important; background-repeat: no-repeat!important; height: 250px;}
.contents_03-3 .box1{ float:left; width:166px; overflow:hidden;}
.contents_03-3 .box2{ float:left; width:166px; overflow:hidden;}
.contents_03-3 .box p{color:#000; font-weight: normal; font-size:13px; width:100%; overflow: hidden!important;}
.contents_03-3 .box h4{color:#000; font-weight: normal; font-size:18px; margin:0 0 20px 0; padding:0 0 10px 0; text-align: left; border-bottom: #000 3px double;} 
	
.contents_03-4{margin:0 auto 60px auto; max-width:inherit;}
.contents_03-4 .box{margin:0 0 0 0;}
.contents_03-4 .box p{}
.contents_03-4 .box h3{font-size:16px; padding:20px; text-align: left;}
.contents_03-4 .date{width:80px; height: 80px;position: absolute; top:10px; right:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  background: rgba(35,24,21,0.9); }
.contents_03-4 .date .year{text-align: center; color:#fff; display:block; border-bottom:#fff 1px solid; padding:7px 0 7px 0;}
.contents_03-4 .date .day{text-align: center; color:#fff; display: block; padding:10px; font-size:18px;}
.contents_03-4 .grid{display: flex; flex-wrap: wrap; justify-content:space-between; position: relative;}
.contents_03-4 .grid-item {width:48%; margin:0 0 8px 0; position: relative;  -webkit-column-break-inside:inherit;  page-break-inside: inherit;  break-inside: inherit;}

.contents_03-4 .grid-item .grid_box{background-size:cover!important; background-position:bottom center!important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; height: 100%;}
.contents_03-4 .title_box{background:rgba(255,255,255,0.80); position: absolute; bottom:0; width:100%; color:#000;}
.contents_03-4 .title_box h3{padding:20px; color:#000; font-size:16px;}
.contents_03-4 .box1{ float:left; width:166px; overflow:hidden;}
.contents_03-4 .box2{ float:left; width:166px; overflow:hidden;}
.contents_03-4 section{width:100%; height:100%; margin:0 auto; position:absolute; z-index: 999; overflow:hidden; background:#000; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity:0;transition: all 2s ease 0.1s;}
.contents_03-4 section:hover{color:#fff;width: 100%;height: 100%;line-height: 1;overflow: hidden;transition: all 2s ease 0.1s;top:0;left:0;opacity: 1;background:rgba(0,0,0,0.80);}
.contents_03-4 section .box{padding:20px; background:url("../img/more_icon.png") no-repeat top 10px right 10px;}
.contents_03-4 section .box p{color:#fff; font-weight: normal; font-size:13px;}
.contents_03-4 section .box h4{color:#fff; font-weight: normal; font-size:18px; margin:0 0 20px 0;}	
	
.english_contents01{padding: 80px 0 80px 0;}
.english_contents01 .section_box{width:auto; margin:0 auto;}
.english_contents01 .section_box .img_box{margin:0 auto 60px auto; width:auto;}
.english_contents01 .swiper-slide img{width:100%; height: auto;}
.english_contents01 .section_box .text_box{text-align: left; width:auto; margin:0 auto; padding: 0 20px;}
.english_contents01 .section_box .text_box h3{margin:0 0 20px 0;}
.english_contents01 .section_box .text_box p{margin:0 0 30px 0; line-height: 1.8em;}
.english_contents01 h3{font-size:28px;}	
	
.single_header{background: #000; position: relative; width:100%; overflow: hidden;}
.single_header .title_box{position: absolute; z-index: 5000; width:100%!important; height: 300px; margin:0!important; padding: 0!important; display: block; display:flex; justify-content:center; align-items: center; text-align: center; }
.single_header .title{width:100%!important; padding: 0; margin:0 auto;}
.single_header .title h2{font-size:24px; margin:0 0 10px 0;; color:#fff; font-weight: normal;}
.single_header .title .date{text-align: center; color:#fff; margin:0 ;}
.single_header_bg{background-size:cover!important; height: 300px; background-position: center center!important; opacity: 0.5;}	
	
.single_header .logo{width:auto; margin:0 0 30px 0; display: block;}	
	
.post_contents_single{width:auto; margin:0 auto; padding: 0 20px;}
.post_contents_single .post_box{padding:80px 0;}
.post_contents_single .post_box h2{font-size:21px; margin:0 0 20px 0;}
	
.recruit_box{display:flex; flex-wrap: wrap; justify-content:center; margin:60px 0 40px 0;}
.recruit_box a{margin:0 10px 10px 10px;}	
	
.yt_banner_box{width:auto; padding:10px;}
	
	
	.sp_wrap{overflow:scroll;}	
	.sp_wrap .tablenav{min-width:400px;}	
	
.side_banner{display: none!important;}	

.sp_bottom_banner{background:#111e39; padding:10px 10px 10px 10px; position: fixed; bottom:0; left:0; z-index: 100;  width:100%; display: block!important;}	
.sp_bottom_banner a img{display:block; margin:0 auto;}		
	
	
}

/*feeページ改定	*/
/*    grid_table*/
    
    .grid_table_wrap{
        
    }    
    .grid_table{
        display: grid;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
    }
    .grid_table tr,
    .grid_table tbody{
        display: contents;
    }
    
    .grid_table th,
    .grid_table td{
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 15px;
    }
    .grid_table th{
        background: #dbdbdb;
        text-align: center;
    }
    .grid_table th,
    .grid_table td{
        display: grid;
        place-items: center;
    }
    .grid_table th > span,
    .grid_table td > span{
        align-self: center;
    }
    .child-fee{
        
    }
    .grid_table td{
        text-align: left;
    }
    .grid_table td.price_waku{
        text-align: center;
    }
.fee_detail > span{
    justify-self: start; 
}

.stay-fee{
    
}
.text_box p > span{
    display: inline-block;
    padding-left: 1em;
}
/*
.text_box p > span:first-of-type{
    padding-left: 1em;
}
*/
@media screen and (min-width: 768px){
    .child-fee{
        grid-template-columns: 1fr 2fr 1fr;
    }
    .child-fee:last-of-type{
        margin-bottom: 20px;
    }
    .stay-fee{
        grid-template-columns: 1fr 2fr;
    }
    .dinner-fee{
        grid-template-columns: 1fr 2.3fr 0.7fr;
    }
    .pc-row-span2{
        grid-row: span 2;
    }
    .pc-row-span3{
        grid-row: span 3;
    }
    .grid_table th.sp_t_sub{
        display: none;
    }
    .sp_on{
        display: none;
    }
    .grid_table th > span span,
    .grid_table td > span span{
        display: none;
    }
    .grid_table.child-fee:nth-of-type(n+2),
    .grid_table.dinner-fee:nth-of-type(n+2){
        border-top: none;
    }
}
@media screen and (max-width: 767px){
    .child-fee{
        grid-template-columns: 1fr 1fr;
        margin-bottom: 40px;
    }
    .stay-fee{
        grid-template-columns: 1fr 1fr;
    }
    .dinner-fee{
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }
    .grid_table .pc_title > th,
    .grid_table .pc_title > td{
        display: none;
    }
    .grid_table .sp_t{
        background: #dbdbdb;
        font-weight: bold;
    }
    .grid_table th.pc_t{
        background: #fff;
        font-weight: normal;
    }
    .grid_table.child-fee .sp_t{
        grid-column: 1 / -1;
    }
    .dinner-fee td.fee_detail{
        order: 4;
    }
    .sp_no{
        display: none;
    }
}


.qa_title{font-size:clamp(32px, 2vw, 42px); color:#fff; text-align: center; margin: 0 auto; letter-spacing: 5px;}
.qa_list_box{max-width: 800px; margin: 4rem auto; padding: 0 2rem; box-sizing: border-box; display: block;}

.qa_list_box table{width:100%; margin-bottom: 1rem; border-left:#000 1px solid; border-top:#000 1px solid; border-collapse: collapse; border-spacing: 0;}
.qa_list_box table td{ border-bottom:#000 1px solid; border-right:#000 1px solid; padding:10px; text-align:center;}
.qa_list_box table th{ border-bottom:#000 1px solid; border-right:#000 1px solid; padding:10px; text-align:center;}

.qa_list_box h3{margin-bottom: 2rem; font-size:1.6rem;}
.qa_list_box .qa_list{ text-align: left; list-style: none; }
.qa_list_box .qa_list h4{color:#082548; padding-left: 1.5em; background: url("../img/qa_list_icon.svg") no-repeat left 0 center/ 8px; font-size: 1.1rem;}
.qa_list_box .qa_list li{margin-bottom: 2rem;}
.qa_list_box .qa_cat{margin-bottom: 2rem;}

.contact_info{max-width: 800px; margin: 0 auto; padding: 0 2rem; display: block;}
.contact_info p{text-align: center; font-size: 1.2rem;}
.contact_info p a{padding: 0 0.5rem; color: #082548; display: inline-block;}

.qa_anchor{max-width:1000px; margin: 4rem auto 4rem auto; display:flex; flex-wrap: wrap; justify-content:center;}
.qa_anchor a{margin: 0 1rem 2rem 1rem; padding-bottom: 0.5rem; border-bottom: #000 1px solid; color:#000; font-size: 1.1rem;}

.staynavi_box{max-width:920px; text-align: center; margin: 0 auto 4rem auto; padding: 0 2rem; box-sizing: border-box;}
.staynavi_box a img{width:100%;}

.staynavi_box_footer{max-width:300px; text-align: center; margin: 4rem auto; box-sizing: border-box;}
.staynavi_box_footer a img{width:100%;}

.staynavi_box_yoyaku{max-width:920px; text-align: center; margin: 4rem auto 0 auto; padding: 0 2rem; box-sizing: border-box;}
.staynavi_box_yoyaku a img{width:100%;}

.staynavi_box_yoyaku_sp{max-width:920px; text-align: center; margin:0 auto 0 auto; padding: 0 2rem; box-sizing: border-box;}
.staynavi_box_yoyaku_sp a img{width:100%;}