@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: -20px auto 0;letter-spacing:normal;}
.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:#303030;width:100vw;left: 50%;transform: translate(-50%, 0);position: relative;font-family: "Noto Serif JP", serif;}
#cus_page img {max-width: 100%;}
#cus_contents {width: 100%!important;margin:0 auto;}
img {height: auto;vertical-align: bottom;object-fit: cover;}
a{text-decoration:none!important;}
p{font-size: 20px;font-weight: 400;line-height: 180%;}
ul{list-style: none;}
.vertical{ writing-mode: vertical-rl;font-size: 40px;font-weight: 500;line-height: 1.2; text-indent: -5em;margin-top: 5em;letter-spacing: .1em;}
#cus_contents h2{font-size: 32px;font-weight: 400;line-height: 180%;letter-spacing: 1.6px;margin-bottom: 64px;}
#cus_contents h2 span{font-size: 20px;font-weight: 400;line-height: 180%;letter-spacing: 1px;display: inline-block;}
/* --------------KV-----------------*/
.kv{position: relative;overflow: hidden;width:100vw;height:800px;margin: 0 auto;display:flex;align-items: center;justify-content: center;background-color: #161312;left: 50%;transform: translate(-50%, 0);z-index: 1;}
.kv .slide{height:800px;width: 100%;}
.kv .slide::before {content: '';background-color: rgba(0, 0, 0, .2);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;}
.kv .logo{width:auto;position: absolute;color: #ffffff;right:145px;top:250px; text-align: center;min-width:125px;z-index: 2;}
/* --------------ナビゲーション-----------------*/
.header_nav {width:100%;margin: 100px auto;overflow: hidden;height: 100%;display: flex;justify-content: center;height: 86px;}
.header_nav ul {width:1080px;height: 58px;margin: auto;display: flex;align-items: center;justify-content:space-between;}
.header_nav ul li {text-align: center;display: flex;position: relative;height: 100%;align-items: center;justify-content: center;width:auto;}
.header_nav ul li::before {background:#303030;content: '';width: 80%;height: 1px;position: absolute;left: calc(50% - 40%);bottom: 23px; margin: auto; transform-origin: left top; transform: scale(0, 1);transition: transform .3s;}
.header_nav ul li:hover::before {transform-origin: left top;  transform: scale(1, 1);}
.header_nav ul li::after {content: '';position:relative;display:block;width:1px;height:22px;background-color: #303030;right: -35px;}
.header_nav ul li:last-child:after{content: none;}
.header_nav ul li a {color:#303030 !important;text-align: center;font-size: 20px;font-style: normal;font-weight: 400;line-height: 180%;width:auto;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
.header_nav ul li a span{text-align: center;font-size: 12px;font-style: normal;font-weight: 400;line-height: 180%;width:auto; display: inline-block;}
.header_nav a:hover {text-decoration: none;}
/* --------------FOOTER-----------------*/
footer {left: 50%;width: 1920px;height: 423px;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);overflow: hidden;position: relative;background-color: #FFFAF6;}
footer .inner {width:1080px;color:#303030;display:flex;justify-content:space-between;align-items: center;margin:80px auto;}
footer #name {font-size: 16px;font-weight: 400;line-height: 180%;letter-spacing: 0.8px;}
footer #name img{width: auto;}
footer #adress {font-size: 16px;font-weight: 400;line-height:180%;letter-spacing: 0.8px;margin-bottom: 16px;}
footer dl{display: flex;align-items: center;margin-bottom: 40px;}
footer dl dt{border: 1px solid #303030;padding: 4px 8px;margin-right: 16px;}
/* --------------slide-----------------*/
.slide{ position:relative; overflow:hidden;margin:auto; display:flex;align-items: center;justify-content: center;}
.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-----------------*/
.btn{position: relative;}
.btn a{display:inline-block;cursor:pointer;position: relative;text-decoration: none;font-size: 20px;font-weight: 700;color: #303030 !important;}
.btn a::after{content:"";display: block;position: absolute;top:0;left:100%;width: 97px;height: 26px;border: none;background-image: url(../img/btn_deco.png); transition: .3s;}
.btn a:hover::after {position: absolute;top:0;left:100%;width: 157px;height: 26px;background-image: url(../img/btn_deco_hover.png);}
/**::::::::::::::::
      TOP
:::::::::::::::**/
/* --------------lead-----------------*/
.lead{background-image:url(../img/top_lead_bg.png) ;background-position: right top;background-repeat: no-repeat;}
.lead{height:900px;width:100%;height: 1077px;margin: 0 auto 160px;padding: 0 calc((100% - 1080px) / 2);}
.lead{position:relative;right: 0;
      &:after {position: absolute;bottom: 0;left: 0;content: '';width: 100%;height: 100%;background: linear-gradient(270deg, rgba(16, 2, 2, 0.00) 50%, #100202 85%);}
    }
.lead .text{width:440px;position: absolute;color: #ffffff;left: 420px;top:283px;z-index: 2;}
.lead .text h3{font-size:56px;font-weight: 400;line-height: 100%;margin-bottom:32px;letter-spacing: 2.8px;color: #ffffff;}
.lead .text p{font-size:20px;font-weight: 400;line-height: 180%;margin-bottom: 80px;color: #ffffff;text-align: left;}
/* --------------ROOMS-----------------*/
.top_rooms{padding-left:calc((100% - 1080px) / 2);display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 160px;}
.top_rooms .text{width:30%;}
.top_rooms .text p{margin-bottom: 64px;letter-spacing: 1;}
.top_rooms .slide{width: 848px;height: 637px;margin: 0;max-width: 58%;margin-left: 20px;}
/* --------------SPA-----------------*/
.top_spa{background-image: url(../img/top_spa_bg.png);background-position: top center;background-repeat: no-repeat;background-size: cover;height: 720px;padding: 65px 0 0 47.5%;display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 160px;}
.top_spa .text{margin-left: 42px;width: 450px;}
.top_spa .text p{margin-bottom: 64px;letter-spacing: 1;}
/* --------------RESTAURANT-----------------*/
.top_rest{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 160px;}
.top_rest .text{width: 45.4%;}
.top_rest .text h2{width:50.5%;margin-bottom: 64px;margin-left: auto;}
.top_rest .text p{width: 50.5%;margin-bottom: 64px;margin-left: auto;}
.top_rest .text .btn{width: 50.5%;margin-bottom: 73px;margin-left: auto;}
.top_rest .text .collage{width:100%;position: relative;}
.top_rest .vertical{min-width: 102px;white-space: nowrap;}
.top_rest .img{margin-top: 306px;width:44.2%;}
/* --------------SALON-----------------*/
.top_salon{background-image: url(../img/top_salon_bg.png);background-position: top center;background-repeat: no-repeat;background-size: cover;height: 720px;padding: 40px 0 0 460px;margin-bottom: 160px;}
.top_salon .text h2{margin-bottom: 40px !important;}
.top_salon .text p{margin-bottom: 40px;}
/* --------------OTHER-----------------*/
.top_other{margin-bottom: 160px;}
.top_other ul{display: flex;justify-content: space-between;}
.top_other ul li{display: flex;flex-direction: column;align-items: center;width: 30.7%;}
.top_other ul li h2{margin-bottom: 16px !important;}
.top_other ul li .img{margin-bottom: 16px;}
.top_other ul li p{margin-bottom: 24px;}
.top_other ul li .btn{margin-right: 100px;}
/* --------------ACCESS-----------------*/
.top_access{padding-left:calc((100% - 1080px) / 2);display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 160px;}
.top_access .text{width:30%;}
.top_access .text p{margin-bottom: 64px;letter-spacing: 1;}
.top_access .text dl{display: flex;align-items: center;margin-bottom: 40px;}
.top_access .text dl dt{border: 1px solid #303030;padding: 4px 8px;margin-right: 16px;}
.top_access .map{width:75.3%;height:520px;margin: 0;}