html,body,p,h1,h2,h3,h4,h5,ul{margin:0;padding:0}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
img{max-width:100%;height:auto;vertical-align:middle}
html{font-size:100%;}
*::before, *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{position:relative;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a{text-decoration:none;cursor:pointer;color:initial;}
html,body{width:100%;height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
.dis_ipd{display:none!important}
.dis_res{display:none!important}
.dis_se{display:none!important;}



h2{font-size:36px;margin-bottom:30px;line-height:1.2em;letter-spacing:2px;font-weight:300;}
h3{font-size:20px;line-height: 1.4em;letter-spacing:1px;}
p{font-size:18px;line-height:1.67em;font-weight:400;}

/*-- header --*/
header{position:fixed;background:#fff;z-index:2;width:100%;height:80px;top:0;border-bottom:solid 1px #f3f3f3;padding: 15px 35px;text-align:right;}
.logo{position: absolute; left: 35px; top: 15px;}
#global-nav ul li{display:inline-block;padding:0 20px;color:#000;font-size:18px;line-height:50px;}
nav span{background:#666;height:2px;display:block;position:relative;width:50px;left:0;}

/*-- ボタン --*/
#nav-toggle{display:none;position:absolute;right:12px;top:14px;width:25px;height:36px;cursor:pointer;z-index:101;}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;height:1px;width:100%;background:#fff;left:0;-webkit-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out;}
#nav-toggle span:nth-child(1) {top:2px;}
#nav-toggle span:nth-child(2) {top:10px;}
#nav-toggle span:nth-child(3) {top:18px;}

/*-- スマホ --*/
@media screen and (max-width: 767px) {

header ul{float:none;margin-top:-60px;}
#top-head.fixed{padding-top:0;background-color:#fff;height:65px;}
#global-nav{position: absolute;top:-500px;background:#3b3b3b;width:100%;text-align:center;padding:10px 0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;display: flex;-webkit-box-pack:center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
#global-nav ul li{float:none;text-align:center}
#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a{width:100%;display:block;color:#fff;padding:18px 0;font-size:20px;}
#nav-toggle {display:block;right:17px;top:22px;}
#nav-toggle span{background:#000;}
.open #nav-toggle span{background:#000;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}
.open #global-nav{-moz-transform:translateY(556px);-webkit-transform:translateY(556px);transform:translateY(556px);}

#top-head.fixed{padding-top:0;}
#mobile-head{position:relative;}
#top-head.open{z-index:101;}
#top-head.open .logo{z-index:20;}
#global-nav{position: absolute;top:-700px;background:#fff;width:100%;text-align:center;padding:10px 0;-webkit-transition:.7s ease-in-out;-moz-transition:.7s ease-in-out;transition:.7s ease-in-out;height:0;left:0;}
#global-nav ul li{padding:5px;display:block;color:#fff}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {width:100%;display:block;color:#000;padding: 8px 0;}
#nav-toggle{display:block;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}
.open #global-nav {
-moz-transform:translateY(700px);-webkit-transform:translateY(700px);transform:translateY(700px);height:100vh;}
#top-head.fixed{top:0;}
}


.top{background-image: url(../img/top_bg02.jpg);position:relative; background-size:cover;background-position:center;position:relative;height:calc(100% - 80px);margin-top: 80px;min-height:500px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;background-color:#000;}
.top h1{font-size:118px;color:#fff;font-weight:400;margin-bottom:10px;letter-spacing:0.02em}
.top h2{font-size:32px;color:#fff;font-weight:600;}
.top button{font-size:18px;color:#eaff00;font-weight:600;border:solid 2px #eaff00;padding:10px 50px;line-height:1.3em;background:none;border-radius:50px;}
.top_box{width:100%;padding-left: 100px;margin:0 auto;text-align:right;}
.top_box p{color:#fff;font-size:18px;line-height:1.67em;padding-bottom: 60px;}
.top_bn{position:absolute;bottom:0;left:0;width:100%;background:#eaff00;padding:10px 0;display:block;}
.top_bn a{margin-bottom:0;color:#000;font-size:18px;}



.concept{background:#fff;padding:130px 0;text-align: center;}
.concept h2{font-size:36px;font-weight:400;}
.concept p{font-size:20px;letter-spacing:0.06em;line-height:2.2em;}
.inner{width:100%;max-width:1080px;margin:0 auto;display:table;}
.top_facility{background-image: url(../img/facility_bg.jpg);background-size:cover;background-position:center;padding:180px;text-align: center;border: solid 60px #fff;border-top: 0;transition:0.3s;}
.top_facility:hover{background-color: rgba(0,0,0,0.3);background-blend-mode: multiply;}
.top_facility h2{color:#fff;}

.news_bg{ width: 100%;background: #fafafa;}
.news{text-align:center;padding:80px 0 120px;width:100%;max-width:760px;margin:0 auto;display: table;text-align: left;}
.news h2{font-size:34px;width:50%;display:inline-block;vertical-align:top}
.news .news_main{width:50%;display: inline-block;}
.news h3{margin-bottom:5px;}
.news .news_main p{margin-bottom:1.5em;}

.about_top{background-image: url(../img/about_top.jpg);background-size:cover;background-position:center;padding:180px;text-align: center;margin-top:80px;}
.about_top h2{color:#fff;margin-bottom:0;}
.about_main{width:100%;padding:120px 0;}
.about_main table{max-width:1080px;margin:0 auto;}
.about_main table td{padding:5px 20px;vertical-align: top;font-size: 16px;}

.facility_top{background-image: url(../img/facility_top_bg.jpg);background-size:cover;background-position:center;padding:180px;text-align: center;margin-top:80px;}
.facility_top h2{color:#fff;margin-bottom:0;}
.facility_main{width:100%;max-width:860px;margin:0 auto;text-align:center;padding-bottom:120px}
.facility_main h2{margin-bottom:1em;font-size: 32px;}
.facility_text{width:100%;padding: 15px 50px;position:relative;}
.facility_text h3{text-align:left;line-height: 1.9em;font-size: 22px;}
.hotle_link{border:solid 1px #111;border-radius:20px;position: absolute;right: 50px;top: 15px;padding: 8px 18px;transition:0.3s;font-size:14px;}
.hotle_link:hover{background:#111;color:#fff;}
.hotel_other{width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.hotel_other_box{width: 32%;display:inline-block;}
.hotel_other_box h3{text-align: left;margin-top: 15px;}
h3.coming{font-size:28px;margin-top: 60px;margin-bottom: 1em;}

.contact_top{background-image: url(../img/contact_top_bg.jpg);background-size:cover;background-position:center;padding:150px;text-align: center;margin-top:80px;}
.contact_top h2{color: #fff;margin-bottom:0;}
.contact_box{width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.contact_boxs{width:48%;display:inline-block;}
.small_text{ margin: 0 auto; padding-bottom: 100px;; width:100%;max-width:700px;}
.small_text p{font-size:15px;}
.small_text a{font-size:15px;text-decoration:underline;padding-top: 10px;display: block;cursor: pointer;}

form#mail_form dl dt{color:#000;font-size:17px;}
#thanks{width:100%;padding:120px;text-align:center;margin-top:80px;}

.privacy{width: 100%;padding: 100px 15px;max-width: 800px;margin: 0 auto;margin-top: 80px;}
.privacy h2{text-align:center;margin-bottom: 1.1em;}
.privacy h3{font-size: 18px;font-weight: 300;line-height: 1.67em;margin-bottom:1em;}
.privacy h4{ font-weight: bold;font-size: 18px;color: #000;margin-top:1.5em;}
.privacy p{font-size:16px;margin-bottom:0.6em;}
.privacy ul{list-style-type: disc;padding-left: 1em;}

footer{transition:1s;position:relative;width:100%;background:#222;padding:20px;text-align: center;}
footer p{color: rgba(255, 255, 255, 0.5);font-size:14px;}

.concept_res{display:none;}

@media (max-width:1280px){

}
@media (max-width:1200px){

}

@media (max-width:1160px){

.top h1{font-size: 32px;}
.top h2{font-size:40px;}
.top_box p{font-size:16px;}

}
@media (max-width:1060px){

}

@media only screen and (max-width: 813px) and (min-width: 568px){
header{}
.header_content{}

}





@media (max-width:770px){
.dis_ipd{display:block!important}
.dis_pipd{display:none!important}

}


@media (max-width:568px){
header{height:65px;padding: 15px 15px;}
.logo{left:15px;}
.logo img{width:120px;}
.dis_pc{display:none!important}
.dis_res{display:block!important}
.dis_ipd{display:none!important}
.dis_pipd{display:block!important}
.top{min-height: initial;height: 320px;margin-top: 65px;background-position: left center;background-color: rgba(0,0,0,0.1);background-blend-mode: multiply;}
.top_box{padding-left:10px;text-align:left;}
.top_box img{width: 120px;}
.top h1{font-size:21px;}
.top h2{font-size:27px;margin-bottom:0.8em;}
.concept{padding:75px 15px;}
.concept h2{font-size:26px;margin-bottom: 20px;}
.concept p{font-size:16px;letter-spacing: 0.01em;line-height: 1.6em;}
.top_facility{border: solid 15px #fff;padding: 60px 0;border-top: 0;background-color: rgba(0,0,0,0.1);background-blend-mode: multiply;}
.top_facility h2{font-size:26px;margin-bottom:0;}
.news{padding:55px 15px 35px;}
.news h2{font-size:26px;width: 100%;}
.news .news_main{width:100%;}
.news h3{font-size:15px;}
.news p{font-size:16px;}
.facility_main{padding-bottom:75px;}
.facility_main h2{font-size:26px;}
.facility_text{padding: 8px 15px;}
.facility_text h3{font-size: 16px;}
.hotle_link{font-size: 12px;right: 15px;top: 10px;padding: 3px 10px;}
footer p{font-size:12px;}
.about_top,.contact_top{margin-top:65px;padding:75px 0;}
.about_top h2,.contact_top h2,.privacy h2{font-size:26px;}
.about_main{padding: 55px 10px;}
.about_main table td{font-size:13px;padding:5px;min-width: 100px;}
form#mail_form dl dt{font-size:14px;}
.small_text{padding:0 15px 50px;}
.small_text p,.small_text a{font-size:13px;}
.privacy{padding:75px 15px;margin-top: 65px;}
.privacy h3{font-size:15px;}
.privacy h4{font-size:15px;}
.privacy p{font-size:13px;}
}

.animation{opacity: 0;
-webkit-transform: translateY(1.5vh);
transform: translateY(1.5vh);
-webkit-transition: opacity 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.215,.61,.355,1);
transition: opacity 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.215,.61,.355,1);
-o-transition: transform 700ms cubic-bezier(.215,.61,.355,1),opacity 700ms cubic-bezier(.694,0,.335,1);
transition: transform 700ms cubic-bezier(.215,.61,.355,1),opacity 700ms cubic-bezier(.694,0,.335,1);
transition: transform 700ms cubic-bezier(.215,.61,.355,1),opacity 700ms cubic-bezier(.694,0,.335,1),-webkit-transform 700ms cubic-bezier(.215,.61,.355,1);
-webkit-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;}
.animation.on{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}


@media (max-width:400px){
	
}
@media (max-width:321px){
.dis_se{display:block!important;}

}