@charset "UTF-8";/* CSS Document */
/**::::::::::::::::
      共通
:::::::::::::::**/
/* --------------楽天-----------------*/
* {margin: 0;padding: 0; box-sizing:border-box;}
html{overflow-x:hidden !important;scroll-behavior: smooth;}
body {background-color: #fff!important;line-height: 170%;font-size:16px;min-width: 1200px;margin:0 auto 0;letter-spacing:0.05em;}
.single-column .travel__tab {position: relative;}
#htlContents {min-width: auto !important;margin: 0 auto !important;width: 1200px;}
#htlHeader, #htlMainContent {width: 1920px !important;min-width: 0;max-width: 100%;margin: 0 auto!important;}
#RthCustomizeW {width: auto !important;margin-top: -40px !important;}
/* --------------全体-----------------*/
#cus_page {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;margin:0 auto;padding:0;color:#1D1D1D;;width:100vw;left: 50%;transform: translate(-50%, 0);position: relative;font-family: "Noto Sans JP", sans-serif;line-height: 1.8;font-feature-settings:"palt"1;letter-spacing: normal;}
#cus_page img {max-width: 100%;}
a{text-decoration:none!important;}
ul{list-style: none;}
.con{width:100%;margin: 0 auto;}
#cus_page .bg1{background-color: #1A4A6B;padding: 80px calc((100% - 1080px) / 2);color: #fff;}
#cus_page .bg1 > *{color: #fff;}
#cus_page .bg2{background: linear-gradient(109deg, #F8F8F6 -0.75%, #DEDCD4 100%);padding: 80px calc((100% - 1080px) / 2);}
#cus_page .bg3{background:#F8F8F6;padding: 80px calc((100% - 1080px) / 2);}
/* --------------header-----------------*/
.header{display: flex;justify-content: flex-end;position: fixed;width: 100%;  height: 56px;margin-left: auto;z-index: 200;left: 0;top: 0;}
.header .btn{position: relative;}
.header .btn a {display: flex;justify-content: center;align-items: center;background: #8A7F45;color: #fff;width: 160px;height: 56px;font-size: 17px;}
.header .btn.close::before {content: '';position: absolute;background: #303030;opacity: 0.5;width: 160px;height: 56px;}
/* --------------KV-----------------*/
#cus_page .kv{position: relative;overflow: hidden;width:100vw;height:657px;margin: 0 auto;display:flex;flex-direction: column;align-items: center;left: 50%;transform: translate(-50%, 0);justify-content:center;}
#cus_page .kv .page_ttl{position:absolute;left: 420px;}
#cus_page .kv h2{text-align: left;font-size: 64px;font-weight: 700;letter-spacing: 2.56px;position:relative;color: #FFF;line-height: normal;margin-bottom: 9px;}
#cus_page .kv h2 span{color: #FFF;font-family: Montserrat;text-align: left;font-size: 16px;font-weight: 700;letter-spacing: 6.4px;margin-bottom: 14px;display: block;line-height: normal;}
#cus_page .kv::before {content: '';background-color:rgba(0, 0, 0, 0.28);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#cus_page .kv img{height: 100%;}
#cus_page .kv p{position:relative;display: block;color: #FFF;font-size: 16px;font-weight:400;line-height:normal;letter-spacing: 0.96px;}
/* --------------ナビゲーション-----------------*/
#cus_page .header_nav {overflow: hidden;height: 100px;display: flex;justify-content: center;width:100vw;margin: auto;overflow: hidden;background-color: #1A4A6B;position: relative;left: 50%;transform: translate(-50%,0);}
#cus_page .header_nav ul {width: 1600px;margin: auto;display: flex;align-items: center;justify-content: center;}
#cus_page .header_nav ul li {text-align: center;display: flex;position: relative;}
#cus_page .header_nav ul li:nth-child(1) { border-left: none; }
#cus_page .header_nav ul li a {display: block;color: #fff !important;font-size: 20px;text-decoration: none;padding: 0px 80px;line-height:42px;font-weight: 700;text-align: center;display: block;width: 260px;height: 42px;}
#cus_page .header_nav a:hover { text-decoration: underline; opacity: 0.7;}
#cus_page .header_nav ul li::before {background: #fff;content: "";width: 0.5px;height: 42px;position: absolute;left:0;bottom:calc(50% - 21px);}
#cus_page .header_nav ul li:first-of-type:before{content: none;}
/* --------------slide-----------------*/
.slide_wrap{ position:relative; overflow:hidden; width:900px; height:360px; margin:auto; display:flex;align-items: center;justify-content: center;}
.slide-l{position: relative;overflow: hidden;width:850px;height: 460px;margin: 0 auto;display:flex;align-items: center;justify-content: center;left: 50%; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.slide-s{position: relative;overflow: hidden;width:425px;height: 230px;margin: 0 auto;display:flex;align-items: center;justify-content: center;left: 50%; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.slide-m{position: relative;overflow: hidden;width:435px;height: 290px;margin: 0 auto;display:flex;align-items: center;justify-content: center;left: 50%; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.slide img {display: block;position : absolute; width: inherit;height: inherit;opacity: 0;object-fit: cover;}
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 6s }
.slide img:nth-of-type(3) { animation-delay: 12s }
.slide img:nth-of-type(4) { animation-delay: 18s }
.slide img:nth-of-type(5) { animation-delay: 24s }
.slide2 img{animation: slide2 12s ease infinite;}
@keyframes slide2{
   0% { opacity: 0 }
   5% { opacity: 1 }
  50% { opacity: 1 }
  55% { opacity: 0 }
 100% { opacity: 0 }
}
.slide3 img{animation: slide3 18s ease infinite;}
@keyframes slide3{
   0% { opacity: 0 }
   3% { opacity: 1 }
  33% { opacity: 1 }
  36% { opacity: 0 }
 100% { opacity: 0 }
}
.slide4 img{animation: slide4 24s ease infinite;}
@keyframes slide4{
   0% { opacity: 0 }
   2% { opacity: 1 }
  25% { opacity: 1 }
  27% { opacity: 0 }
 100% { opacity: 0 }
}
.slide5 img{animation: slide5 30s ease infinite;}
@keyframes slide5{
   0% { opacity: 0 }
   2% { opacity: 1 }
  20% { opacity: 1 }
  22% { opacity: 0 }
 100% { opacity: 0 }
}
/* --------------button-----------------*/
.view{font-family: Montserrat;color:#1A4A6B !important;font-size: 13px;font-weight: 700;width: 220px;height: 44px;display: flex;background-color: #fff;align-items: center;justify-content: center;margin: auto;}
.view:hover{opacity: .7;}
.more{font-family: Montserrat;color:#1A2744 !important;font-size: 14px;font-weight: 700;width: 160px;height: 40px;display: flex;background-color:transparent;border: 1px solid #1A2744;align-items: center;justify-content: center;}
/* --------------footer-----------------*/
#cus_page footer{background-color: #000C27;color: #fff;text-align: center;}
#cus_page footer > div{padding: 44px 0;}
#cus_page footer .name{font-size: 20px;font-weight: 700;letter-spacing: 1px;margin-bottom: 16px;}
#cus_page footer .address{font-size: 16px;font-weight: 500;letter-spacing: 0.8px;}
#cus_page footer .footer_nav{display: flex;justify-content: center;}
#cus_page footer .footer_nav li{margin: 40px 28px 0;}
#cus_page footer .footer_nav li a{color: #fff !important;text-decoration: none;font-size: 14px;font-weight: 400;}
#cus_page footer .footer_nav li:hover{text-decoration: underline #fff;text-underline-offset: 5px;}
/**::::::::::::::::
      TOP
:::::::::::::::**/
#cus_page .top_kv{height:796px;}
#cus_page .top_kv .page_ttl{position:absolute;left: 420px;top: 120px;}
#cus_page .top_kv h2{text-align: left;font-size:56px;font-weight: 700;line-height: normal;line-height: 160%;}
#cus_page .top_kv h2 span{color: #FFF;text-align: left;font-size: 32px;font-weight: 500;letter-spacing: 4.8px;text-transform: uppercase;opacity: 0.65;margin-bottom: 14px;line-height: normal;}
#cus_page .top_kv p{display: block;color: #FFF;font-size: 20px;font-weight: 500;line-height: 160%;border-left: 1px solid #fff;padding-left: 18px;}
#cus_page .top .lead{display: flex;height: 800px;position: relative;}
#cus_page .top .lead img{width: 100%;object-fit: cover;}
#cus_page .top .lead .textbox{padding: 40px;background-color: rgba(255, 255, 255, 0.85);border-radius: 8px;position: absolute;right:60px;bottom: 60px;}
#cus_page .top .lead .textbox .ttl{color: #1A4A6B;font-size: 32px;font-weight: 700;line-height: 160%;}
#cus_page .top .lead .textbox .sentence{color: #444;font-size: 16px;font-weight: 400;line-height: 170%;}
#cus_page .top .top_rooms{color: #fff;}
#cus_page .top .top_rooms h3{color: #fff;font-size:56px;font-weight: 700;line-height:normal;padding-bottom: 16px;border-bottom: 1px solid; margin-bottom:64px;position: relative;text-align:left;font-family: Montserrat;}
#cus_page .top .top_rooms .type{display: flex;justify-content: space-between;margin-bottom: 40px;}
#cus_page .top .top_rooms .type .img{width: 460px;overflow: hidden;}
#cus_page .top .top_rooms .type:nth-of-type(odd) .img{border-radius: 48px 0 0 0;}
#cus_page .top .top_rooms .type:nth-of-type(even) .img{border-radius: 0 0 0 48px;}
#cus_page .top .top_rooms .type .img img{width: 100%;height: 100%;object-fit: cover;}
#cus_page .top .top_rooms .type .text{width: 560px;}
#cus_page .top .top_rooms .type .text .ttl{font-size: 32px;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 18px;}
#cus_page .top .top_rooms .type .text .ttl span{font-family: Montserrat;font-size: 13px;font-weight: 700;letter-spacing: 3.9px;display: block;}
#cus_page .top .top_rooms .type .text .sentence{font-size: 16px;font-weight: 400;line-height: 32px; padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #fff;    letter-spacing:1.6;}
#cus_page .top .top_rooms .type .text dl{display: flex;margin-bottom: 16px;}
#cus_page .top .top_rooms .type .text dl dt{font-size: 16px;font-weight: 700;letter-spacing: 3.2px;margin-right: 40px;}
#cus_page .top .top_rooms .type .text dl dd{font-size: 16px;font-weight: 400;letter-spacing:1.6;}
#cus_page .top .top_rooms .btn_box{margin: 56px auto 40px;}
#cus_page .top .top_common{color: #1A2744;}
#cus_page .top .top_common h3{color: #1A2744;font-size:56px;font-weight: 700;line-height:normal;padding-bottom: 16px;border-bottom: 1px solid #DDDDDD; margin-bottom:64px;position: relative;text-align:left;font-family: Montserrat;}
#cus_page .top .top_common .type{display: flex;justify-content: space-between;margin-bottom: 40px;background-color: #fff;align-items: center;}
#cus_page .top .top_common .type:nth-of-type(odd){flex-flow: reverse;}
#cus_page .top .top_common .type:nth-of-type(even){flex-flow: row-reverse;}
#cus_page .top .top_common .type .img{width: 440px;height:360px;}
#cus_page .top .top_common .type .img img{width: 100%;height: 100%;object-fit: cover;}
#cus_page .top .top_common .type .text{width:496px;margin: 0 72px;}
#cus_page .top .top_common .type .text .ttl{font-size: 32px;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 18px;color: #1A2744;}
#cus_page .top .top_common .type .text .ttl span{font-family: Montserrat;font-size: 13px;font-weight: 700;letter-spacing: 3.9px;display: block;color: #C1C1C1;}
#cus_page .top .top_common .type .text .sentence{font-size: 16px;font-weight: 400;line-height: 32px;margin-bottom: 24px;letter-spacing:1.6;color: #666;}
#cus_page .top .top_common .type .text .note{color: #2A7A6F;font-size: 16px;font-weight: 700;letter-spacing: 1.6px;position: relative;}
#cus_page .top .top_common .type .text .note::before{content: "";background-color: #2A7A6F;width: 28px;height: 1px;display: inline-block;bottom:6px;position: relative;margin-right: 12px;}
#cus_page .top .top_common .btn_box{margin: 56px auto 40px;}
#cus_page .top .top_access{color: #1A2744;margin-bottom: 60px;}
#cus_page .top .top_access h3{color: #1A2744;font-size:56px;font-weight: 700;line-height:normal;padding-bottom: 16px;border-bottom: 1px solid #DDDDDD; margin-bottom:40px;position: relative;text-align:center;font-family: Montserrat;}
#cus_page .top .top_access > div{display: flex;justify-content: space-between;align-items: flex-end;}
#cus_page .top .top_access .info{width: 520px;}
#cus_page .top .top_access .info .name{color: #1A2744;font-size: 22px;font-weight: 700;letter-spacing: 0.88px;margin-bottom: 20px;line-height: normal;}
#cus_page .top .top_access .info .address_jp{color: #555;font-size: 16px;font-weight: 400;line-height: 32px;margin-bottom: 8px;}
#cus_page .top .top_access .info .address_en{color: #888;font-size: 14px;font-weight: 400;line-height: 26px;margin-bottom: 16px;}
#cus_page .top .top_access .info dl{background-color: #fff;border-left: 3px solid #2A7A6F;padding: 12px 18px;}
#cus_page .top .top_access .info dl dt{color: #2A7A6F;font-size: 13px;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 10px;line-height: normal;}
#cus_page .top .top_access .info dl dd{color: #555;font-size: 16px;font-weight: 400;line-height: normal;}
#cus_page .top .top_access .btn_box{margin: 32px auto 0;}
/**::::::::::::::::
      客室
:::::::::::::::**/
#cus_page .rooms{padding:0;}
#cus_page .rooms h3{color: #1A2744;font-size:56px;font-weight: 700;line-height:normal;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;position: relative;text-align:center;font-family: Montserrat;margin: 80px calc((100% - 1080px) / 2);}
#cus_page .rooms h3 span{display: block;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 8px;}
#cus_page .rooms .roomtype{padding: 0 calc((100% - 1080px) / 2);display: flex;justify-content: space-between;align-items: center;}
#cus_page .rooms .roomtype .img{width: 600px; height: 700px;overflow: hidden;}
#cus_page .rooms .roomtype .img img{width: 100%; height: 100%;object-fit: cover;}
#cus_page .rooms .roomtype .detail{width: 384px;}
#cus_page .rooms .roomtype .detail .type{font-size: 44px;font-weight: 700;line-height: normal;letter-spacing: 1.76px;margin-bottom: 32px;}
#cus_page .rooms .roomtype .detail .type span{font-size: 16px;font-weight: 700;line-height: normal;letter-spacing: 4px;display: block;margin-bottom: 16px;font-family: Montserrat;}
#cus_page .rooms .roomtype .detail .explanation{font-size: 16px;font-weight: 400;line-height: 36px;padding-bottom:24px;margin-bottom: 24px;border-bottom: 1px solid;}
#cus_page .rooms .roomtype .detail dl{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 24px;}
#cus_page .rooms .roomtype .detail dl dt{font-size: 16px;font-weight: 700;line-height: 28px;margin-right: 40px;}
#cus_page .rooms .roomtype .detail dl dd{font-size: 16px;font-weight: 400;line-height: 28px;}
#cus_page .rooms .roomtype:nth-of-type(2n+1) {background-color: #fff;flex-direction: row;}
#cus_page .rooms .roomtype:nth-of-type(2n+1) .type{color: #1A4A6B;}
#cus_page .rooms .roomtype:nth-of-type(2n+1) .type span{color: #8C8C8C;}
#cus_page .rooms .roomtype:nth-of-type(2n+1) .explanation{color: #545454;border-color: #DDDDDD;}
#cus_page .rooms .roomtype:nth-of-type(2n+1) dt{color: #1A4A6B;}
#cus_page .rooms .roomtype:nth-of-type(2n+1) dd{color: #545454;}
#cus_page .rooms .roomtype:nth-of-type(2n) {background-color:#1A4A6B;flex-direction: row-reverse;}
#cus_page .rooms .roomtype:nth-of-type(2n) > *{color: #fff;}
/**::::::::::::::::
   施設・設備
:::::::::::::::**/
#cus_page .faci{padding:0;}
#cus_page .faci .bg1,#cus_page .faci .bg2,#cus_page .faci .bg3{padding-top:100px;padding-bottom: 0;}
#cus_page .faci h3{color: #1A2744;font-size:56px;font-weight: 700;line-height:normal;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;position: relative;text-align:center;font-family: Montserrat;margin: 80px calc((100% - 1080px) / 2);letter-spacing: 2.24px;}
#cus_page .faci h3 span{display: block;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 8px;}
#cus_page .faci .faci_box{padding: 0 calc((100% - 1080px) / 2) 100px;}
#cus_page .faci .faci_box h4{font-size: 44px;font-weight: 700;line-height: normal;letter-spacing: 1.76px;margin-bottom: 56px;}
#cus_page .faci .faci_box h4 span{font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 4.8px;display: block;}
#cus_page .faci .bg2 .faci_box h4,#cus_page .faci .bg3 .faci_box h4{color: #1A4A6B;}
#cus_page .faci .bg2 .faci_box h4 span,#cus_page .faci .bg3 .faci_box h4 span{color: #8C8C8C;}
#cus_page .faci .bg2 .faci_box p,#cus_page .faci .bg3 .faci_box p{color: #545454;}
#cus_page .faci .faci_box ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#cus_page .faci .faci_box ul li{width: 48%;}
#cus_page .faci .faci_box ul li h5{color: #1A2744;font-size: 22px;font-weight: 700;line-height: normal;letter-spacing: 0.44px;border-bottom: 1px solid #DDDDDD;padding-bottom: 14px;margin-bottom: 20px;}
#cus_page .faci .faci_box ul li p{margin-bottom: 32px;font-size: 16px;font-weight: 400;line-height: 34px;}
#cus_page .faci .faci_box p .bold{font-weight: 700;}
#cus_page .faci .faci_box ul li img{margin-bottom: 40px;}
#cus_page .faci .faci_box ul li .note{background-color: #fff;padding: 20px 24px;margin-bottom: 20px;}
#cus_page .faci .faci_box ul li .note .ttl{color: #1A2744;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid #DDDDDD;}
#cus_page .faci .faci_box ul li .note .detail{color: #545454;font-size: 16px;font-style: normal;font-weight: 400;line-height: 32px;margin-bottom: 0;}
/**::::::::::::::::
   アクセス
:::::::::::::::**/
#cus_page .access{padding:0;}
#cus_page .access .bg1,#cus_page .access .bg2,#cus_page .access .bg3{padding-top:100px;padding-bottom: 0;}
#cus_page .access .bg3{padding-bottom: 120px;}
#cus_page .access h3{color: #1A2744;font-size:56px;font-weight: 700;line-height:normal;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;position: relative;text-align:center;font-family: Montserrat;margin: 80px calc((100% - 1080px) / 2);letter-spacing: 2.24px;}
#cus_page .access h3 span{display: block;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 8px;}
#cus_page .access .map{text-align: center;margin-bottom: 93px;}
#cus_page .access .info{display: flex;padding-bottom: 90px;justify-content: space-between;}
#cus_page .access .info .text{width:440px;}
#cus_page .access .info .text .name{font-size: 22px;font-weight: 700;letter-spacing: 0.88px;margin-bottom: 20px;line-height: normal;}
#cus_page .access .info .text .address_jp{font-size: 16px;font-weight: 400;line-height: 32px;margin-bottom: 8px;}
#cus_page .access .info .text .address_en{font-size: 14px;font-weight: 400;line-height: 26px;margin-bottom: 16px;}
#cus_page .access .info .text dl{background-color: #fff;border-left: 3px solid #2A7A6F;padding: 12px 18px;}
#cus_page .access .info .text dl dt{color: #2A7A6F;font-size: 13px;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 10px;line-height: normal;}
#cus_page .access .info .text dl dd{color: #555;font-size: 16px;font-weight: 400;line-height: normal;}
#cus_page .access .way{display: flex;justify-content: space-between;}
#cus_page .access .way .route{width: 48%;display: flex;flex-direction: column;}
#cus_page .access .way .route h4{color: #1A2744;font-size: 28px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.56px;padding-bottom: 12px;border-bottom: 1px solid #DDDDDD;margin-bottom: 40px;position: relative;display: flex;align-items: center;}
#cus_page .access .way .route.plane h4::before{content: "";background: url(../img/icon_plane.png);width: 34px;height: 34px;display: inline-block;margin-right: 10px;}
#cus_page .access .way .route.ship h4::before{content: "";background: url(../img/icon_ship.png);width: 34px;height: 34px;display: inline-block;margin-right: 10px;}
#cus_page .access .way .route .place1{background-color: #1A2744;width: 360px; height:70px;color: #fff;font-size: 18px;font-weight: 700;line-height: normal;letter-spacing: 0.36px;display: flex;align-items: center;justify-content: center;margin:0 auto 20px;}
#cus_page .access .way .route .place2{background-color:#fff;border: 1px solid #DDD;width: 360px; height:70px;color: #1A2744;font-size: 18px;font-weight: 700;line-height: normal;letter-spacing: 0.36px;display: flex;align-items: center;justify-content: center;margin:0 auto 20px;}
#cus_page .access .place3{background-color: #1A2744;width: 920px; height:70px;color: #fff;font-size: 18px;font-weight: 700;line-height: normal;letter-spacing: 0.36px;display: flex;align-items: center;justify-content: center;margin:0 auto;}
#cus_page .access .way .route .duration1{width: 360px; min-height:70px;color: #545454;font-size: 16px;font-weight: 400;line-height: normal;display: flex;align-items: center;justify-content:flex-start;margin:0 auto 20px;position: relative;padding-left: 110px;}
#cus_page .access .way .route .duration1::before{position: absolute;bottom: 0;left: 90px;transform: translateX(-16px);content: '';width:2px;height: 100%;border-right: 2px solid #2A7A6F;}
#cus_page .access .way .route .duration1::after {position: absolute;bottom: -1px;left: 70px;content:"";color:#2A7A6F;background: url(../img/arrow.png);width: 14px;height: 8px;background-repeat: no-repeat;}
#cus_page .access .way .route .duration2{width: 360px;height:260px;color: #545454;font-size: 16px;font-weight: 400;line-height: normal;display: flex;align-items: center;justify-content:flex-start;margin:0 auto 20px;position: relative;padding-left: 110px;}
#cus_page .access .way .route .duration2::before{position: absolute;bottom: 0;left: 90px;transform: translateX(-16px);content: '';width: 2px;height: 100%;border-right: 2px solid #2A7A6F;}
#cus_page .access .way .route .duration2::after {position: absolute;bottom: -1px;left: 70px;content:"";color:#2A7A6F;background: url(../img/arrow.png);width: 14px;height: 8px;background-repeat: no-repeat;}