@charset "UTF-8";/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/**::::::::::::::::
      共通
:::::::::::::::**/
/* --------------全体-----------------*/
* {margin: 0;padding: 0; box-sizing:border-box;}
html{overflow-x:hidden;scroll-behavior: smooth;}
body {font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,"Helvetica Neue",メイリオ,Meiryo,sans-serif;background-color: #fff!important;line-height: 1.6;font-size:16px;min-width: 1200px;margin: 0 auto 0;letter-spacing: .02em;}
.single-column .travel__tab {position: relative;}
#htlContents {min-width: auto !important;margin: 0 auto !important;width: 1200px;font-family:"Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,"Helvetica Neue",メイリオ,Meiryo,sans-serif;}
#htlHeader, #htlMainContent {width: 100% !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:#4D4C4C;width:100vw;left: 50%;transform: translate(-50%, 0);position: relative;background-image: linear-gradient(180deg, rgba(243, 240, 234, 1) 500px, rgba(243, 240, 234, 0) 500px);}
#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: 12px;}
ul{list-style: none;}
#bn_slider{text-align: center;margin: auto;width:1920; height:200px;margin-bottom: 50px;border-bottom: none;}
.con{width: 1080px;margin: 0 auto 120px;}
.con h3{color: #E26D00;font-size: 32px;font-weight: 700; margin-bottom:30px;}
.con h3 span{color: #4D4C4C;font-size: 16px;font-weight: 400;}
.con .subheading{color: #4D4C4C;font-size: 20px;font-weight: 700;text-align: center;margin-bottom: 32px;}
.bg1 + .con{margin-top: 120px;}
ul.list{display: flex;flex-wrap: wrap;justify-content: center;}
ul.list li{display: flex;justify-content: center;flex-direction: column;align-items: center;margin-right: 15px;width: 350px;margin-bottom: 24px;}
ul.list li:nth-of-type(3n){margin-right: 0px;}
ul.list li img{border-radius: 16px;}
ul.list li p{font-size: 16px;font-weight: 700;line-height: 200%;margin: 8px auto 0;}
/* --------------ヘッダー-----------------*/
.header{width: 100%;position:relative;top: 0;z-index: 9999;height: 150px;}
.logo{text-align: center;}
.logo img{max-width: 100%;object-fit: cover;}
.header_inner{display: flex;justify-content:space-between;align-items: center;position: relative;margin:0 calc((100% - 1080px) / 2);height: 150px;}
.header_inner .rsv_btn1{background-color: #EA5300;display: flex;width: 180px;justify-content: center;align-items: center;border-radius: 30px;padding:10px 32px;}
.header_inner .rsv_btn1 p{color:#ffffff;font-size: 16px;font-weight: 700;text-align: center;}
.header_inner .rsv_btn1:hover{opacity: 0.7;}
/* --------------KV-----------------*/
.top_kv{position: relative;overflow: hidden;width: 100%;height:451px;margin: 0 auto;display:flex;align-items: center;justify-content: center;background-color: #F3F0EA;}
.kv{position: relative;overflow: hidden;width:100vw;height:351px;margin: 0 auto;display:flex;align-items: center;justify-content: center;background-color: #F3F0EA;left: 50%;transform: translate(-50%, 0);}
.kv:before{content: '';background-image: url(../images/kv_before.png);position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-position: center;background-size: contain;}
.kv h2{font-family: Montserrat;font-size: 40px;font-weight: 700;position: absolute;color: #ffffff;text-align: center;}
.kv h2 span{display: block;font-family: "Noto Sans JP";font-size: 16px;font-weight: 700;line-height: 200%;}
/* --------------ナビゲーション-----------------*/
.header_title_nav{width: 1080px;background-color:#F3F0EA;margin: auto;overflow: hidden;top: 0;z-index: 9999;margin: 120px auto;border-radius: 16px;}
.header_title_nav .header_nav {overflow: hidden;height: 100%;display: flex;justify-content: center;height: 80px;background-color: #F3F0EA;}
.header_title_nav .header_nav ul li a {color:#4D4C4C !important;text-align: center;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;width:auto; height:70px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.header_title_nav .header_nav ul li a span{font-size: 12px;font-weight: 700;line-height:20px;letter-spacing: 1.1px; display:block;color:#7CD7EB;}
.header_nav a:hover {opacity: 0.7;}
.header_title_nav .header_nav a:hover {text-decoration: none;}
.header_title_nav .header_nav ul {width: 960px;margin: auto;display: flex;align-items: center;justify-content:space-evenly;}
.header_title_nav .header_nav ul li {text-align: center;display: flex;position: relative;align-items: center;}
.header_nav ul li::before {display: inline-block;margin:0 40px;width: 10px;height: 10px;content: '';border-radius: 100%;border: 1px solid #EA5300;}
.header_nav ul li:first-child:before {content:none;}
/* --------------lead-----------------*/
.lead{padding:0 0 100px 0;text-align:center;width: 100%;position: relative; box-sizing:border-box;}
.lead:before {position: absolute;inset: 185px 0px 0px 0px;background-color:#F3F0EA;content: '';z-index: -1;border-radius:40px 40px 0 0;}
.lead p{color:#4D4C4C;text-align: center;font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;margin-bottom: 40px;}
.lead .img img{border-radius: 24px;}
.lead .container .text {line-height: 1.8;font-size: 16px;color:#4D4C4C;font-weight: 700;text-align:left;letter-spacing: 0.1;margin: auto;text-align: center;}
/* --------------FOOTER-----------------*/
#footer{background-color:#F3F0EA;width: 100%;left: 50%;transform: translate(-50%,0);position: relative; box-sizing:border-box; height:263px;display: flex;align-items: center;margin-top: 120px;}
#footer .inn{width:1080px;margin: auto;display: flex;justify-content: space-between;align-items: center;}
#footer .inn .logo{width: 215px;}
#footer .inn p{color: #E26D00;text-align:left;font-style: normal;font-weight: 700;}
#footer .inn .name{font-size: 32px;margin-bottom: 8px;font-weight: 700;line-height: 200%;}
#footer .inn .info{font-size: 20px;font-weight: 400;line-height: 200%;}
/**::::::::::::::::
      コンテンツ
:::::::::::::::**/
/* --------------TOP-----------------*/
p#ttl{color:#EA5300;font-size: 20px;font-weight: 700;line-height: 200%;position: absolute;left: calc(50% - 122px);top: 60px;}
.concept{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 120px;margin-top: 40px;}
.concept .img{width: 51%;display: flex;justify-content: center;align-items: center;}
.concept .img img{border-radius: 24px;}
.concept .detail{width: 43%;}
.concept .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;}
.bg_img{background-image:url(../images/bg_img.png);position: relative;width: 100%;padding: 80px 0 0;background-position: center top 10px;background-repeat: no-repeat;margin-bottom: 120px;}
.bg_img .con{margin-bottom: 0px;}
.point h3{text-align: center;width: 100%;}
.point{display: flex;flex-wrap: wrap;justify-content: space-between;}
.point dl{width: 49%;background-color: #ffffff;border-radius: 16px;overflow: hidden;margin-bottom: 24px;}
.point dl dt{height: 200px;overflow: hidden;}
.point dl dt img{width: 100%;}
.point dl dd:first-of-type{color: #E26D00;font-size: 20px;font-weight: 700;line-height: 160%;margin: 16px 0 4px 24px;}
.point dl dd:last-of-type{font-size: 16px;font-weight: 700;line-height: 160%;margin: 0 0 16px 24px;}
.point p{font-family: Montserrat;font-size: 55px;font-weight: 700;line-height: 170%;color:#ffffff;margin-top: -24px;width:1230px;text-align: center;margin-left: -75px;margin-right: -75px;}
.top_con{display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 120px;}
.top_con .detail{width: 32%;}
.top_con .img{width: 63%;}
.top_con .img img{border-radius:24px 24px 0px 0px;}
.top_con .img:has(> :nth-child(2)) img{width: 50%;}
.top_con .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;margin-bottom: 30px;margin-bottom:40px;}
.more_btn{background-color:#ffffff;display: flex;width: 261px;justify-content: center;align-items: center;border-radius: 30px;padding:10px 32px;color:#4D4C4C !important;font-size: 16px;font-weight: 700;line-height: 200%;text-align: center;border: 1px solid #4D4C4C;}
.more_btn:hover{background-color: rgba(226, 109, 0, 0.10);;}
.bg1 .top_con .img{width: 54%;display: flex;justify-content: center;align-items: center;}
.top_con .img:has(> :nth-child(2)) img:first-of-type {border-radius: 24px 0px 0px 24px;}
.top_con .img:has(> :nth-child(2)) img:last-of-type {border-radius: 0px 24px 24px 0px;}
.access{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin-bottom: 120px;margin-top: 40px;}
.access .map{width:550px;height:350px;border-radius: 24px;overflow: hidden;margin-bottom: 50px;}
.access .detail{width: 48%;margin-bottom: 40px;}
.access .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;}
.access .detail dl{display: flex;flex-direction: column;align-items: flex-start;margin: 18px 0 0;}
.access .detail dl dt{padding: 8px 0; display: flex;align-items: center;justify-content:flex-start;font-size: 16px;font-weight: 400;line-height: 200%;}
.access .detail dl dt img{margin-right: 8px;}
.access .detail dl dd{padding: 8px 0;display: flex;align-items:flex-start;border-top: 1px solid;justify-content:flex-start;flex-direction: column;font-family: Montserrat;line-height: 200%;}
.access .detail h4{position: relative;font-size: 16px;font-weight: 700;line-height: 200%;display: flex;align-items: center;border-bottom: 1px solid;padding-bottom: 8px;margin-bottom: 16px;}
.access .detail h4::before{content: "";display: inline-block;width: 28px;height: 28px;background-repeat: no-repeat;margin-right: 10px;}
.access .detail h4#train::before{background-image: url(../images/top_icon_train.png);}
.access .detail h4#bus::before{background-image: url(../images/top_icon_bus.png);}
.access .detail h4#car::before{background-image: url(../images/top_icon_car.png);}
.access .detail .strong{font-size: 20px;}
.access .detail .parking{width:250px;}
.access .detail .parking dl{display: flex;margin:0;align-items: center;flex-direction: row;justify-content: flex-start;border-top: 1px solid;}
.access .detail .parking dl:first-of-type{margin-top: 8px;}
.access .detail .parking dl dt{padding: 8px 0; display: flex;align-items: center;justify-content:flex-start;font-size: 16px;font-weight: 400;line-height: 200%;margin-right: 40px;}
.access .detail .parking dl dd{padding: 8px 0;display: flex;align-items:flex-start;justify-content:flex-start;flex-direction: column;font-family:inherit;line-height: 200%;border:none;}
.access .detail .way{width:100%;}
.access .detail .way dl{display: flex;margin:0;align-items: flex-start;flex-direction: column;justify-content: flex-start;border-top: none;margin-bottom: 30px;}
.access .detail .way dl:first-of-type{margin-top: 8px;}
.access .detail .way dl dt{padding:0; font-size: 16px;font-weight: 400;line-height: 200%;}
.access .detail .way dl dd{padding:0;font-family:inherit;line-height: 200%;border:none;font-weight: 700;}
.access .detail p.note{font-size: 16px;font-style: normal;font-weight:400;line-height: 200%;margin-top: 24px;}

/* --------------Rooms-----------------*/
.tab{margin: 80px auto 150px;display: flex;width: 1000px;justify-content: space-between;align-items: center;}
.roomlist{display: flex;width: 1080px; margin: 0 auto;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.roomtype{width: 524px; margin-bottom:40px;}
.roomtype h4{width: 100%;font-family: Montserrat;color: #E26D00; font-size: 20px;font-weight: 700;margin-bottom: 16px;}
.roomtype h4 span{font-family: "Noto Sans JP";font-size: 12px;font-weight: 700;color:#4D4C4C;display: block;}
.roomtype .img{width:100%;height: auto;overflow: hidden;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}
.roomtype p{font-size: 16px;font-weight: 700;margin-bottom: 32px;}
.roomtype .detail{margin-bottom: 10px;width: 100%;}
.roomtype .detail dl{display: flex;align-items: center;width: 100%;height: 48px; border-bottom: 1px solid #4D4C4C;}
.roomtype .detail dl:last-of-type{border: none;}
.roomtype .detail dl dt{width:37%;font-size: 16px;font-weight: 400;}
.roomtype .detail dl dd{text-align: left;width:auto;font-size: 16px;font-weight: 400;}
.roomtype .small{color:#4D4C4C !important;font-size: 12px;font-weight: 700;display: flex;align-items: center;margin-bottom: 16px;padding-left: 22px;position: relative;}
.roomtype .small:before{content: url(../images/arrow.png);position: absolute;top: 4px;left:3px;}
.bg1{background-color: #F3F0EA;left: 50%;position: relative;width: 100%;padding: 80px 0 52px;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.bg1 .con{margin-bottom: 0px;}
.ame{display: flex;}
.ame .ame_list{width: 68%;}
.ame .ame_list ul{display:flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 32px;flex-wrap: wrap;}
.ame .ame_list ul li{width: 80px;margin-right: 36px;margin-bottom: 18px;}
.ame .ame_list ul li:nth-of-type(6n){margin-right: 0px;}
.ame .ame_list ul li p{font-size: 12px;font-weight: 700;text-align: center;}
.ame .exp{width: 32%;}
.ame .exp p{font-size: 16px;font-weight: 400;}
/* --------------Public Bath-----------------*/
.bath{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 120px;}
.bath .img{width: 54%;display: flex;justify-content: center;align-items: center;}
.bath .img img{width: 50%;}
.bath .img img:first-of-type{border-radius: 24px 0px 0px 24px;}
.bath .img img:last-of-type{border-radius: 0px 24px 24px 0px;}
.bath .detail{width: 40%;}
.bath .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;}
.bath .detail p.note{font-size: 16px;font-style: normal;font-weight:400;line-height: 200%;}
.bath .detail dl{display: flex;flex-direction: column;align-items: flex-start;margin: 18px 0 0;}
.bath .detail dl dt{padding: 8px 0; display: flex;align-items: center;justify-content:flex-start;font-size: 16px;font-weight: 400;line-height: 200%;}
.bath .detail dl dt img{margin-right: 8px;}
.bath .detail dl dd{padding: 8px 0;display: flex;align-items: center;border-top: 1px solid;justify-content:flex-start;font-family: Montserrat;line-height: 200%;}
/* --------------Breakfast-----------------*/
.bf{margin-top: -140px;}
.bf .detail{margin:0 auto 64px}
.bf .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;}
.bf .detail p.note{font-size: 16px;font-style: normal;font-weight:400;line-height: 200%;}
.bf .detail dl{display: flex;align-items: center;justify-content:flex-start;margin:0;border-bottom: 1px solid;width:60%;}
.bf .detail dl:last-of-type{margin-bottom: 8px;}
.bf .detail dl dt{padding: 8px 0; display: flex;align-items: center;justify-content:flex-start;font-size: 16px;font-weight: 400;line-height: 200%;width: 100px;margin-right: 40px;}
.bf .detail dl dt img{margin-right: 8px;}
.bf .detail dl dd{padding: 8px 0;display: flex;align-items: center;justify-content:flex-start;font-family: Montserrat;}
.bf .img{display: flex;justify-content: space-between;margin-bottom: 30px;}
.bf .img img{border-radius: 24px;width: 528px;}
.bf1f{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 120px;}
.bf1f .detail{width: 40.3%;}
.bf1f .detail h3{font-size: 20px;}
.bf1f .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;}
.bf1f .detail p.note{font-size: 16px;font-style: normal;font-weight:400;line-height: 200%;}
.bf1f .detail dl{display: flex;justify-content: space-between;margin: 18px 0 0;border-bottom: 1px solid;width: 311px;}
.bf1f .detail dl dt{padding: 8px 0; display: flex;align-items: center;justify-content:flex-start;font-size: 16px;font-weight: 400;line-height: 200%;}
.bf1f .detail dl dt img{margin-right: 8px;}
.bf1f .detail dl dd{padding: 8px 0;display: flex;align-items: center;justify-content:flex-start;font-family: Montserrat;line-height: 200%;}
.bf1f .img{width: 54%;display: flex;justify-content: center;align-items: center;}
.bf1f .img img{width:100%;}
/* --------------Facility-----------------*/
.lead.community:before{display: none;}
.faci{display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 120px;}
.faci .detail{width: 43%;display: flex;flex-direction: column;justify-content: space-between;}
.faci .img{width: 54%;margin-bottom: 50px;}
.faci .img img{border-radius: 24px;}
.faci .detail .img{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0;}
.faci .detail .img img{width: 48%;border-radius:8px;}
.faci .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;margin-bottom: 30px;}
.faci .detail:last-child p,.faci .detail:last-child h3{padding-left: 25px;}
.faci .detail:first-child p{padding-right: 25px;}
/* --------------Access-----------------*/
.access .detail h3 span{margin-top: 40px;display: block;margin-bottom: -30px;}
.access .detail p{font-size: 32px;font-style: normal;font-weight: 700;line-height: 200%;}
.access .detail p.note{font-size: 16px;font-style: normal;font-weight:400;line-height: 200%;}
.access .img{width: 54%;display: flex;justify-content: center;align-items: center;}
.access .img img{width:100%;}
.explore{display: flex;justify-content:flex-start;align-items: stretch;margin-bottom: 120px;}
.explore .detail{margin-right: 56px;}
.explore p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;margin-bottom: 30px;margin-bottom:40px;}
/******▽ スライダー ▽******/
.slider{width: 100%;margin: 0 auto 120px;}
/* スライドする要素 */
.content_slide {width: 350px;height: 320px;margin: 0 16px;}
.content_slide img {max-width: 100%;height: auto;vertical-align: bottom;border-radius: 16px;}
.content_slide p {margin: 20px 0;text-align: center;font-size: 20px;color: #767373;}
.content_slide span {font-size: 16px;color: #767373;}
/* スライドレールの枠 */
.wrap {overflow: hidden;display: flex;align-items: center;height: 320px;margin-bottom: 60px;}
/* content4つをまとめたスライドブロック */
.slideshow_2 {display: flex;-webkit-animation: loop-slide 30s infinite linear 1s both;animation: loop-slide 30s infinite linear 1s both;}
@-webkit-keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
@keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
/* ホバー時に動きを止める */
.slide-paused:hover .slideshow_2 {-webkit-animation-play-state: paused;animation-play-state: paused;}
/******△ スライダー △******/
.spot{display: flex;justify-content:space-between;align-items: stretch;margin-bottom: 120px;}
.spot .detail{width: 40.3%;}
.spot .detail p{font-size: 16px;font-style: normal;font-weight: 700;line-height: 200%;margin-bottom: 30px;margin-bottom:40px;}
.spot .img{width: 53.8%;display: flex;justify-content: center;align-items: center;}
.spot .img img:first-of-type {border-radius: 24px 0px 0px 24px;}
.spot .img img:last-of-type {border-radius: 0px 24px 24px 0px;}
.spot .detail dl{display: flex;align-items: center;width: 100%;padding: 8px 0;border-bottom: 1px solid #4D4C4C;}
.spot .detail dl:last-of-type{border: none;}
.spot .detail dl dt{width:37%;font-size: 16px;font-weight: 400;}
.spot .detail dl dd{text-align: left;width:auto;font-size: 16px;font-weight: 400;}
/* --------------Model Corse-----------------*/
.day h3{text-align: center;font-size: 40px;font-family: Montserrat;}
.day .spend{display: flex;justify-content:space-between;align-items: stretch;padding: 16px 0 40px;position: relative;}
.day .spend:after{content: "";background-image: linear-gradient(to bottom, #E26D00 5px, transparent 5px, transparent 5px);background-size: 2px 10px;background-repeat: repeat-y;position: absolute;top: 190px;bottom: 0;left: 0;right: 0;}
.day .spend .detail{width:45.4%;}
.day .spend .time{font-family: Montserrat;color: #E26D00;font-size: 20px;font-weight: 700;line-height: 200%;}
.day .spend .ttl{font-size: 20px;font-weight: 700;line-height: 200%;margin-bottom: 16px;}
.day .spend .text{font-size: 16px;font-weight: 400;line-height: 200%;}
.day .spend .img{width: 51%;}
.day .spend .img img{border-radius: 24px;}