/* CSS Document */
/*ページタイトル*/
.page_title.hotspring h1::before{
  content: "Natural Hot Spring";
}
.page_title.accommodation h1::before{
  content: "Accommodation";
}
.page_title.restaurant h1::before{
  content: "Reataurant";
}
.page_title.store h1::before{
  content: "Store";
}
/*営業時間*/
.f_busi_time{
  display: flex;
  background-color: #fbf3ea;
  border-radius: 2rem;
  padding: 2px;
  box-sizing: border-box;
  width: fit-content;
  align-items: center;
  margin: 0 auto;
}
body[wc-view-type="sp"] .f_busi_time{
  max-height: 200px;
  width: 100%;
}
body:not([wc-view-type="sp"]) .f_busi_time{
  max-width: 300px;
}
.f_busi_time dt{
  min-width: 4.9rem;
  margin-right: 0.5rem;
  flex: none;
}
.f_busi_time.check dt{
  width: 7.8rem;
}
.f_busi_time.check.min dt{
  width: 5.2rem;
}
.f_busi_time dt span{
  display: table;
  font-size: 0.9rem;
  color: #a38c78;
  padding: 0.5rem 0.75rem;
  border-radius: 2rem;
  font-weight: 500;
  background-color: #fff;
  box-sizing: border-box;
}
.f_busi_time.check dt span{
  width: 100%;
}
.f_busi_time dd{
  box-sizing: border-box;
  padding-right: 0.75rem;
}
.f_busi_time.check dd{
  width: calc(100% - 8rem);
}
.f_busi_time.check.min dd{
  width: calc(100% - 5.2rem);
  font-size: 0.93rem;
}
.lo{
  display: inline-block;
  margin-left: 0.5rem;
}
/*○○について*/
.faci_about{
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body[wc-view-type="sp"] .faci_about{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] .faci_about,
body[wc-view-type="tb-l"] .faci_about{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .faci_about{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.faci_about .contents_title.about::before{
  content: "About";
}
.faci_about .about_box{
  display: flex;
}
body[wc-view-type="sp"] .faci_about .about_box{
  flex-direction: column;
}
.faci_about .about_box .about_text{
  box-sizing: border-box;
  opacity: 0;
  filter: blur(5px);
  transition: opacity ease 600ms,filter ease 600ms;
}
.faci_about .about_box .about_text[inview-state="true"]{
  opacity: 1;
  filter: blur(0);
}
body[wc-view-type="tb"] .faci_about .about_box .about_text,
body[wc-view-type="sp"] .faci_about .about_box .about_text{
  padding: 0 1rem 1rem 1rem;
}
body[wc-view-type="tb-l"] .faci_about .about_box .about_text{
  padding: 1rem;
}
body[wc-view-type="pc"] .faci_about .about_box .about_text{
  padding: 2rem 2rem 2rem;
}
body:not([wc-view-type="sp"]) .faci_about .about_box .about_text{
  width: 50%;
}
.faci_about .about_box .about_text > p{
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
.faci_about .about_box figure{  
  opacity: 0;
  filter: blur(5px);
  transition: opacity ease 600ms,filter ease 600ms;
}
.faci_about .about_box figure[inview-state="true"]{
  opacity: 1;
  filter: blur(0);
}
body:not([wc-view-type="sp"]) .faci_about .about_box figure{
  width: 50%;
}
.faci_about .about_box figure img{
  aspect-ratio:1.414/1;
  border-radius: 1rem;
}
.faci_about .concect_deco{
  position: absolute;
  z-index: -1;
  height: fit-content;
}
body[wc-view-type="sp"] .faci_about .concect_deco{
  width: 85vw;
}
.faci_about .concect_deco.top_deco{
  top: var(--headerHeight);
}
body[wc-view-type="sp"] .faci_about .concect_deco.top_deco{
  right: 0;
}
body[wc-view-type="tb"] .faci_about .concect_deco.top_deco{
  width: 60vw;
  height: 17vw;
  right: 0;
  top: 2rem;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.top_deco{
  width: 45vw;
  height: 12vw;
  right: 0;
  top: 0;
}
body[wc-view-type="pc"] .faci_about .concect_deco.top_deco{
  width: 680px;
  height: 193px;
  top: 0;
  right: 0;
}
.faci_about .concect_deco.bottom_deco{
}
body[wc-view-type="sp"] .faci_about .concect_deco.bottom_deco{
  top: calc(var(--headerHeight) * 3.8);
  left: 0;
}
body[wc-view-type="tb"] .faci_about .concect_deco.bottom_deco{
  top: calc(var(--headerHeight) * 3);
  width: 50vw;
  height: 7vw;
  left: 0;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.bottom_deco{
  width: 45vw;
  height: 12vw;
  top: calc(var(--headerHeight) * 2.5);
  left: 0;
}
body[wc-view-type="pc"] .faci_about .concect_deco.bottom_deco{
  bottom: calc(var(--headerHeight) * 2.1);
  width: 550px;
  height: fit-content;
  left: 0;
}
.faci_about .concect_deco .wind{
  width: 100vw;
  height: 28vw;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #d5ecf9;
  transition: -webkit-clip-path 1s cubic-bezier(0.36, 0.19, 0.34, 1);
  transition: clip-path 1s cubic-bezier(0.36, 0.19, 0.34, 1);
  transition: clip-path 1s cubic-bezier(0.36, 0.19, 0.34, 1), -webkit-clip-path 1s cubic-bezier(0.36, 0.19, 0.34, 1);
}
.faci_about .concect_deco.top_deco .wind{
  -webkit-clip-path: polygon(100% -10%, 100% -10%, 100% 110%, 100% 110%);
  clip-path: polygon(100% -10%, 100% -10%, 100% 110%, 100% 110%);
}
.faci_about .concect_deco.top_deco .wind[inview-state="true"]{
  -webkit-clip-path: polygon(0 -10%, 100% -10%, 100% 110%, 0 110%);
  clip-path: polygon(0 -10%, 100% -10%, 100% 110%, 0 110%);
}
.faci_about .concect_deco.bottom_deco .wind{
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.faci_about .concect_deco.bottom_deco .wind[inview-state="true"]{
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
body[wc-view-type="tb"] .faci_about .concect_deco.top_deco .wind{
  width: 60vw;
  height: 17vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.top_deco .wind{
  width: 45vw;
  height: 12vw;
  top: 15vw;
}
body[wc-view-type="pc"] .faci_about .concect_deco.top_deco .wind{
  width: 680px;
  height: 193px;
}
body[wc-view-type="tb"] .faci_about .concect_deco.bottom_deco .wind{
  width: 58vw;
  height: 17vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.bottom_deco .wind{
  width: 45vw;
  height: 12vw;
  bottom: 10vw;
}
body[wc-view-type="pc"] .faci_about .concect_deco.bottom_deco .wind{
  width: 550px;
  height: 156px;
}
.faci_about .concect_deco.top_deco .wind{
  -webkit-mask-image: url("/img/svg/left_down_wind.svg");
  mask-image: url("/img/svg/left_down_wind.svg");
}
.faci_about .concect_deco.bottom_deco .wind{
  -webkit-mask-image: url("/img/svg/right_down_wind.svg?202410161853");
  mask-image: url("/img/svg/right_down_wind.svg?202410161853");
}
.faci_about .concect_deco figure{
  position: absolute;
  z-index: -1;
}
body[wc-view-type="pc"] .faci_about .concect_deco.top_deco figure{
  width: 60px;
}
body[wc-view-type="pc"] .faci_about .concect_deco.bottom_deco figure{
  width: 45px;
}
.faci_about .concect_deco.top_deco > figure{
  width: 9.3vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.top_deco > figure{
  width: 40px;
}
.faci_about .concect_deco.bottom_deco > figure{
  width: 8.75vw;
}
.faci_about .concect_deco.top_deco > figure.l_01{
  bottom: 14vw;
  right: 11vw;
  transition: all .9s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-property: opacity,transform;
  transform: translate(-3rem) rotate(30deg);
}
.faci_about div.concect_deco.top_deco > figure.l_01[inview-state="true"]{
  opacity: 1;
  transform: translate(0) rotate(0);
  bottom: 10vw;
}
body[wc-view-type="tb"] .faci_about .concect_deco.top_deco > .l_01{
  top: -5vw;
  right: 5vw;
  width: 45px;
  bottom: inherit;
}
body[wc-view-type="tb"] .faci_about .concect_deco.top_deco > .l_01[inview-state="true"]{
  top: 0;
  right: 15vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.top_deco > .l_01{
  bottom: 7vw;
  right: 17vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.top_deco > .l_01[inview-state="true"]{
  right: 20vw;
  bottom: 5vw;
}
body[wc-view-type="pc"] .faci_about .concect_deco.top_deco > .l_01{
  top: 0;
  right: calc((100vw - 1100px) / 2);
}
body[wc-view-type="pc"] .faci_about .concect_deco.top_deco > .l_01[inview-state="true"]{
  top: 50px;
  bottom: inherit;
}
.faci_about div.concect_deco.top_deco > .l_02{
  left: 7vw;
  bottom: -12vw;
  transition: all .9s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-property: opacity,transform;
  transform: translate(3rem) rotate(30deg);
  opacity: 0;
}
.faci_about div.concect_deco.top_deco > .l_02[inview-state="true"]{
  bottom: -10vw;
  transform: translate(0) rotate(0);
  opacity: 1;
}
body[wc-view-type="tb"] .faci_about .concect_deco.top_deco > .l_02{
  left: 16vw;
  bottom: 5vw;
  width: 35px;
}
body[wc-view-type="tb"] .faci_about .concect_deco.top_deco > .l_02[inview-state="true"]{
  bottom: 0;
  left: 13vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.top_deco > .l_02{
  left: 7vw;
  bottom: 2vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.top_deco > .l_02[inview-state="true"]{
  bottom: -3vw;
  left: 4vw;
}
body[wc-view-type="pc"] .faci_about .concect_deco.top_deco > .l_02{
  left: 280px;
  bottom: 45px;
  width: 50px;
}
body[wc-view-type="pc"] .faci_about .concect_deco.top_deco > .l_02[inview-state="true"]{
  left: 0;
}
.faci_about .concect_deco.bottom_deco > .l_03{
  transition: all .9s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0;
}
.faci_about div.concect_deco.bottom_deco > .l_03[inview-state="true"]{
  opacity: 1;
}
body[wc-view-type="sp"] .faci_about .concect_deco.bottom_deco > .l_03{
  bottom: 50px;
  right: 11vw;
  transform: translate(-2rem) rotate(30deg);
}
body[wc-view-type="sp"] .faci_about .concect_deco.bottom_deco > .l_03[inview-state="true"]{
  bottom: 20px;
  transform: translate(0) rotate(0);
  opacity: 1;
}
body[wc-view-type="tb"] .faci_about .concect_deco.bottom_deco > .l_03{
  bottom: 0;
  right: 0;
  width: 30px;
}
body[wc-view-type="tb"] .faci_about .concect_deco.bottom_deco > .l_03[inview-state="true"]{
  bottom: -6vw;
  right: 4vw;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.bottom_deco > .l_03{
  width: 40px;
  right: 0;
  top: 45px;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.bottom_deco > .l_03[inview-state="true"]{
  right: -45px;
  top: 90px;
}
body[wc-view-type="pc"] .faci_about .concect_deco.bottom_deco > .l_03{
  top: 50px;
  right: 50px;
}
body[wc-view-type="pc"] .faci_about .concect_deco.bottom_deco > .l_03[inview-state="true"]{
  top: 80px;
  right: 0;
}
.faci_about .concect_deco.bottom_deco > .l_04{
  transition: all .9s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-property: opacity,transform;
  transform: translate(2rem) rotate(75deg);
  opacity: 0;
}
.faci_about .concect_deco.bottom_deco > .l_04[inview-state="true"]{
  opacity: 1;
  transform: translate(0) rotate(0);
}
body[wc-view-type="sp"] .faci_about .concect_deco.bottom_deco > .l_04{
  left: 35vw;
  bottom: -50vw;
}
body[wc-view-type="sp"] .faci_about .concect_deco.bottom_deco > .l_04[inview-state="true"]{
  bottom: -20px;
}
body[wc-view-type="tb"] .faci_about .concect_deco.bottom_deco > .l_04{
  left: 33vw;
  bottom: -6vw;
  width: 35px;
}
body[wc-view-type="tb"] .faci_about .concect_deco.bottom_deco > .l_04[inview-state="true"]{
  bottom: -14vw;
  left: 14vw;
  transform: rotate(85deg);
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.bottom_deco > .l_04{
  left: 28vw;
  bottom: -31vw;
  width: 45px;
}
body[wc-view-type="tb-l"] .faci_about .concect_deco.bottom_deco > .l_04[inview-state="true"]{
  left: 25vw;
  bottom: -50px;
  transform: rotate(85deg);
}
body[wc-view-type="pc"] .faci_about .concect_deco.bottom_deco > .l_04{
  bottom: 0;
  left:calc((100vw - 950px) / 2);
}
body[wc-view-type="pc"] .faci_about .concect_deco.bottom_deco > .l_04[inview-state="true"]{
  left:calc((100vw - 1000px) / 2);
  bottom: -70px;
}
/*成分について*/
.component{
  box-sizing: border-box;
  background-color: #fbf3ea;
}
body[wc-view-type="sp"] .component{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] .component,
body[wc-view-type="tb-l"] .component{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .component{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.component .contents_title::before{
  content: "Component";
}
.component .component_block{
  display: flex;
  column-gap: 1.5rem;
}
body[wc-view-type="sp"] .component .component_block{
  flex-direction: column;
}
.component .component_block > dl{
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  margin-bottom: 1rem;
  opacity: 0;
  filter: blur(5px);
  transition: opacity ease 600ms,filter ease 600ms;
}
.component .component_block > dl[inview-state="true"]{
  opacity: 1;
  filter: blur(0);
}
body:not([wc-view-type="sp"]) .component .component_block > dl{
  width: calc((100% / 3) - 1rem);
}
.component .component_block > dl dt{
}
.component .component_block > dl dt p{
  font-size: 1.25rem;
  text-align: center;
  box-sizing: border-box;
  font-weight: 500;
  background-color: #fbf3ea;
  border-radius: 1rem;
  padding: 0.5rem;
}
.component .component_block > dl dd{
  padding: 1rem 1rem 0 1rem;
  box-sizing: border-box;
}
.component .component_block > dl dd ul{
  list-style-position: outside;
  padding-left: 1rem;
  box-sizing: border-box;
}
.component .component_block > dl dd ul li{
  margin-bottom: 0.75rem;
}
/*施設紹介*/
.facility_intro{
  box-sizing: border-box;
}
body[wc-view-type="sp"] .facility_intro{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] .facility_intro{
  padding: var(--headerHeight) 0;
}
body[wc-view-type="tb-l"] .facility_intro{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .facility_intro{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.facility_intro.pale_orange{
  background-color: #fbf3ea;
}
.facility_intro > h1.contents_title::before{
  content: "Introduction";
}
.facility_intro article{
  display: flex;
  margin-bottom: var(--headerHeight);  
  opacity: 0;
  filter: blur(5px);
  transition: opacity ease 600ms,filter ease 600ms;
}
.facility_intro article[inview-state="true"]{
  opacity: 1;
  filter: blur(0);
}
.facility_intro article:last-of-type{
  margin-bottom: 0;
}
body[wc-view-type="sp"] .facility_intro article{
  flex-direction: column;
}
body:not([wc-view-type="sp"]) .facility_intro article:nth-of-type(even){
  flex-direction: row-reverse;
}
.facility_intro article .faci_text{
  box-sizing: border-box;
}
body:not([wc-view-type="sp"]) .facility_intro article div.faci_text{
  width: 50%;
}
body[wc-view-type="tb"] .facility_intro article .faci_text,
body[wc-view-type="tb-l"] .facility_intro article .faci_text{
  padding: 1rem;
}
body[wc-view-type="pc"] .facility_intro article:nth-of-type(odd) div.faci_text{
  padding: 2rem 2rem 2rem;
}
body[wc-view-type="pc"] .facility_intro article .faci_text{
  padding: 2rem 0 2rem 2rem;
}
.facility_intro article .faci_text > h1{
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1rem;
  border-bottom: solid 1px #a38c78;
  padding: 0.75rem;
  border-top: solid 1px #a38c78;
}
.facility_intro  div.faci_text > p{
  line-height: 1.8rem;
  width: calc(100% - 2rem);
  margin: 0 auto 1rem auto;
}
.facility_intro article .faci_intro_slider{
}
body:not([wc-view-type="sp"]) .facility_intro article .faci_intro_slider{
  width: 50%;
}
.facility_intro article .faci_intro_slider .comboslider-slide .comboslider .cs_item img:not(.wcexclusion),
.facility_intro article .faci_intro_slider .comboslider-slide .comboslider .cs_item video:not(.wcexclusion){
  width: 100% !important;
}
/*料金表*/
.price{
  box-sizing: border-box;
  background-color: #fbf3ea;
}
body[wc-view-type="sp"] .price{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] .price,
body[wc-view-type="tb-l"] .price{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="pc"] .price{
  padding: var(--headerHeight) calc((100vw - 850px) / 2);
}
.price .contents_title::before{
  content: "Price";
}
.price_flex{
  display: flex;
  gap:1.5rem;
}
body[wc-view-type="sp"] .price_flex{
  flex-direction: column;
}
.price_flex .price_box{
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  opacity: 0;
  filter: blur(5px);
  transition: opacity ease 600ms,filter ease 600ms;
}
.price_flex .price_box[inview-state="true"]{
  opacity: 1;
  filter: blur(0);
}
body:not([wc-view-type="sp"]) .price_flex .price_box{
  width: calc(50% - 0.75rem);
}
.price_flex .price_box h2{
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.price_flex .price_box > dl{
  display: flex;
  background-color: #fbf3ea;
  border-radius: 2rem;
  padding: 2px;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  align-items: center;
}
.price_flex .price_box > dl dt{
  width: 7.5rem;
}
.price_flex .price_box > dl dt > span{
  display: table;
  padding: 0.5rem 0.75rem;
  border-radius: 2rem;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
}
.price_flex .price_box > dl dt > span .age{
  display: block;
  font-size: 0.9rem;
}
.price_flex .price_box > dl dd{
  width: calc(100% - 7.5rem);
}
.price_flex .price_box > dl dd p{
  padding-left: 0.75rem;
  box-sizing: border-box;
  font-weight: 500;
}
body:not([wc-view-type="sp"]) .price_flex .price_box > dl dd p{
  padding-right: 0.75rem;
  text-align: right;
}
.price_flex .price_box > dl dd p span.tani{
  font-size: 0.85rem;
  font-weight: 500;
}
/*お部屋紹介*/
.stay_room{
  background-color: #fbf3ea;
  box-sizing: border-box;
}
body[wc-view-type="sp"] .stay_room{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] .stay_room{
  padding: var(--headerHeight) 0;
}
body[wc-view-type="tb-l"] .stay_room{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .stay_room{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.stay_room h1.contents_title::before{
  content: "Room Introduction";
}
.stay_room article{
  margin-top: var(--headerHeight);
  opacity: 0;
  filter: blur(5px);
  transition: opacity ease 600ms,filter ease 600ms;
}
.stay_room article[inview-state="true"]{
  opacity: 1;
  filter:blur(0);
}
.stay_room article:first-of-type{
  margin-top: 0;
}
.stay_room article .room_title{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
body[wc-view-type="pc"] .stay_room article .room_title{
  margin-bottom: 1.5rem;
}
.stay_room article .room_title h1{
  font-size: 1.35rem;
  font-weight: 500;
}
.stay_room article .room_title span.r_eg{
  font-size: 1.2rem;
  line-height: 1em;
  font-family: "JosefinSans";
  margin-bottom: 0.25rem;
  display: table;
  font-weight: 500;
  letter-spacing: 1px;
}
.stay_room article .s_r_inner{
  display: flex;
}
body[wc-view-type="sp"] .stay_room article .s_r_inner{
  flex-direction: column-reverse;
}
body:not([wc-view-type="sp"]) .stay_room article:nth-of-type(even) .s_r_inner{
  flex-direction: row-reverse;
}
.stay_room article .s_r_inner .s_r_text{
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 0 0 1rem 1rem;
}
body:not([wc-view-type="sp"]) .stay_room article .s_r_inner .s_r_text{
  width: 50%;
}
body[wc-view-type="tb-l"] .stay_room article:nth-of-type(odd) .s_r_inner .s_r_text{
  padding: 1rem 1rem 1rem 0;
}
body[wc-view-type="tb-l"] .stay_room article:nth-of-type(even) .s_r_inner .s_r_text{
  padding: 1rem 0 1rem 1rem;
}
body[wc-view-type="pc"] .stay_room article:nth-of-type(odd) .s_r_inner .s_r_text{
  padding: 2rem 2rem 2rem 0;
}
body[wc-view-type="pc"] .stay_room article:nth-of-type(even) .s_r_inner .s_r_text{
  padding: 2rem 0 2rem 2rem;
}
.stay_room article .s_r_inner .s_r_text > p{
  line-height: 1.8rem;
}
body[wc-view-type="pc"] .stay_room article .s_r_inner .s_r_text > p{
  width: calc(100% - 2rem);
  margin: 0 auto 1rem auto;
}
body[wc-view-type="pc"] .stay_room article .s_r_inner .s_r_text > p:last-of-type{
  margin-bottom: 0;
}
.stay_room article .s_r_inner .s_r_text > .s_r_type{
  background-color: rgba(255,255,255,0.75);
  border-radius: 1rem;
  box-sizing: border-box;
  margin-top: 1rem;
  padding-bottom: 1rem;
}
.stay_room article .s_r_inner .s_r_text > .s_r_type > .room_info{
  text-align: center;
  width: 100%;
  border-bottom: 2px solid #fbf3ea;
  padding: 0.75rem;
  font-size: 1.15rem;
  font-weight: 500;
  box-sizing: border-box;
}
.stay_room article .s_r_inner .s_r_text > .s_r_type dl{ 
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  width: calc(100% - 2rem);
  margin: 1rem auto 0;
}
body[wc-view-type="sp"] .stay_room article .s_r_inner .s_r_text > .s_r_type dl{ 
}
.stay_room article .s_r_inner .s_r_text > .s_r_type dl dt{ 
}
.stay_room article .s_r_inner .s_r_text > .s_r_type dl dt span{ 
  display: table;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  background-color: #fbf3ea;
  line-height: 1em;
  color: #a38c78;
}
.stay_room article .s_r_inner .s_r_text > .s_r_type dl dd{
  padding: 0.5rem 1rem 0;
  box-sizing: border-box;;
}
.stay_room article .s_r_inner .s_r_text > .s_r_type dl dd ul{
  list-style-position: outside;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap:0 2rem;
}
body[wc-view-type="sp"] .stay_room article .s_r_inner .s_r_text > .s_r_type dl dd ul{
  flex-direction: column;
  gap:1rem;
}
.stay_room article .s_r_inner .s_r_text > .s_r_type dl dd ul li{
  margin-bottom: 0.5rem;
}
.stay_room article .s_r_inner .s_r_text > .s_r_type dl dd ul li:last-of-type{
  margin-bottom: 0;
}
.stay_room article .s_r_inner .s_r_text .btn{
  margin-top: 1rem;
}
.stay_room article .s_r_inner .s_r_text .btn a{
  background-color: #DD935F;
}
.t_r_slider{
  position: relative;
  z-index: 1;
}
body:not([wc-view-type="sp"]) .t_r_slider{
  width: 50%;
}
.stay_room article .t_r_slider .comboslider-slide .comboslider .cs_item img:not(.wcexclusion),
.stay_room article .t_r_slider .comboslider-slide .comboslider .cs_item video:not(.wcexclusion){
  width: 100% !important;
}
/*設備・アメニティ*/
.amenities{
  box-sizing:border-box; 
}
body[wc-view-type="sp"] .amenities{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] .amenities,
body[wc-view-type="tb-l"] .amenities{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .amenities{
  padding: var(--headerHeight) calc((100vw - 850px) / 2);
}
.amenities > h1.contents_title::before{
  content: "Amenities & Facilities";
}
.amenities > p{
  margin-bottom: 1.5rem;
  line-height: 1.8rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] .amenities > p{
  padding: 0 1rem;
}
body:not([wc-view-type="sp"]) .amenities > p{
  text-align: center;
}
.amenities div.a_flex_block{
  display: flex;
  gap:1.5rem;
}
body[wc-view-type="tb"] .amenities .a_flex_block,
body[wc-view-type="sp"] .amenities .a_flex_block{
  flex-direction: column;
}
.amenities .a_flex_block > dl{
  background-color: #fbf3ea;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  opacity: 0;
  filter: blur(5px);
  transition: opacity ease 600ms,filter ease 600ms;
}
.amenities .a_flex_block > dl[inview-state="true"]{
  opacity: 1;
  filter:blur(0);
}
body[wc-view-type="tb-l"] .amenities .a_flex_block > dl,
body[wc-view-type="pc"] .amenities .a_flex_block > dl{
  width: calc(50% - 1rem);
}
.amenities .a_flex_block > dl dt{
  background-color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}
.amenities .a_flex_block > dl dt span.a_title{
  display: flex;
  line-height: 1em;
  font-size: 1.15rem;
  font-weight: 500;
  box-sizing: border-box;
  margin: 0 auto;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
.amenities .a_flex_block > dl dt span.a_title::before,
.amenities .a_flex_block > dl dt span.a_title::after{
  content: "";
  width: 30px;
  height: 30px;
  background-color:#DD935F;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.amenities .a_flex_block > dl dt span.a_title::before{
  margin-right: 0.75rem;
}
.amenities .a_flex_block > dl dt span.a_title::after{
  margin-left: 0.75rem;
}
.amenities .a_flex_block > .room_facility dt span.a_title::before{
  -webkit-mask-image: url("/img/icon/facility_right.webp?202410291840");
  mask-image: url("/img/icon/facility_right.webp?202410291840");
}
.amenities .a_flex_block > .room_facility dt span.a_title::after{
  -webkit-mask-image: url("/img/icon/facility_left.webp?202410291840");
  mask-image: url("/img/icon/facility_left.webp?202410291840");
}
body.safari .amenities .a_flex_block > .room_facility dt span.a_title::before{
  -webkit-mask-image: url("/img/icon/facility_right.png?202410291840");
  mask-image: url("/img/icon/facility_right.png?202410291840");
}
body.safari .amenities .a_flex_block > .room_facility dt span.a_title::after{
  -webkit-mask-image: url("/img/icon/facility_left.png?202410291840");
  mask-image: url("/img/icon/facility_left.png?202410291840");
}
section.amenities .a_flex_block > .amenity dt span.a_title::before{
  -webkit-mask-image: url("/img/icon/amenity_right.webp?202410291840");
  mask-image: url("/img/icon/amenity_left.webp?202410291840");
}
section.amenities .a_flex_block > .amenity dt span.a_title::after{
  -webkit-mask-image: url("/img/icon/amenity_left.webp?202410291840");
  mask-image: url("/img/icon/amenity_left.webp?202410291840");
}
body.safari .amenities .a_flex_block > .amenity dt span.a_title::before{
  -webkit-mask-image: url("/img/icon/amenity_right.png?202410291840");
  mask-image: url("/img/icon/amenity_right.webp?202410291840");
}
body.safari .amenities .a_flex_block > .amenity dt span.a_title::after{
  -webkit-mask-image: url("/img/icon/amenity_left.png?202410291840");
  mask-image: url("/img/icon/amenity_left.webp?202410291840");
}
.amenities .a_flex_block > dl dd{
  padding: 1rem 0 0 0;
}
.amenities .a_flex_block > dl dd ul{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  list-style: none;
  box-sizing: border-box;
}
body[wc-view-type="sp"] .amenities .a_flex_block > dl dd ul{
  padding: 0 1rem;
  flex-direction: column;
}
.amenities .a_flex_block > dl dd ul li{
  width: calc(50% - 0.5rem);
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  border-bottom: 1px solid #a38c78;
  font-size: 0.95rem;
}
body[wc-view-type="sp"] .amenities .a_flex_block > dl dd ul li{
  width: 100%;
}
/*メニュー単体*/
.menu_box{
  flex: none;
  margin-right: 1.5rem;
  background-color: #fff;
  padding: 1rem;
  display: flex;
  border-radius: 1rem;
}
body[wc-view-type="sp"] .menu_box{
  flex-direction: column-reverse;
}
.menu_box.back_dif{
  background-color: #fbf3ea;
}
.menu_box.column_revers{
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.menu_box div.menu_t_box{
  box-sizing: border-box;
}
body:not([wc-view-type="sp"]) .menu_box div.menu_t_box{
  width: 50%;
}
.menu_box.column_revers .menu_t_box{
  width: 100% !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.menu_box .menu_t_box > h1{
  font-size: 1.25rem;
  border-bottom: 1px solid #a38c78;
  padding: 0.75rem 1rem;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  text-align: center;
}
.menu_box .menu_t_box > .m_text{
  font-size: 0.95rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  word-break: break-all;
  padding: 0.75rem 1rem 0 1rem;
  box-sizing: border-box;
  height: 3.5rem;
}
.menu_box .menu_t_box > .money{
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 1rem 0;
}
.menu_box .menu_t_box > .money .amount{
  font-size: 2rem;
  line-height: 1em;
  font-weight: 700;
  font-family: "ZenMaruGothic";
}
.menu_box .menu_t_box > .money .unit{
  font-size: 0.85rem;
  font-weight: 700;
  font-family: "ZenMaruGothic";
  display: table;
  margin-left: 0.25rem;
}
.menu_box figure{
}
body:not([wc-view-type="sp"]) .menu_box figure{
  width: 50%;
}
.menu_box.column_revers figure{
  width: 100% !important;
}
.menu_box figure img{
  aspect-ratio:1.414/1;
  border-radius: 1rem;
}
/*おすすめメニュー・商品*/
.recommendation{
  box-sizing: border-box;
  background-color: #fbf3ea;
  padding: var(--headerHeight) 0;
}
body[wc-view-type="tb-l"] .recommendation{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .recommendation{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.recommendation > .contents_title::before{
  content: "Recommendation";
}
.recommendation.back_white{
  background-color: #fff;
}
.recommendation > p{
  box-sizing: border-box;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
body[wc-view-type="sp"] .recommendation > p{
  padding: 0 7vw;
}
body:not([wc-view-type="sp"]) .recommendation > p{
  text-align: center;
}
.recommendation_block{
  display: flex;
  overflow: hidden;
}
body:not([wc-view-type="pc"]) .recommendation_block{
  overflow-x: auto;
  -ms-overflow-style: none;
}
body[wc-view-type="sp"] .recommendation_block{
  width: 93vw;
  margin-left: auto
}
body[wc-view-type="tb"] .recommendation_block{
  width: 90vw;
  margin-left: auto
}
body[wc-view-type="sp"] .recommendation_block .menu_box{
  width: 70vw;
}
body[wc-view-type="tb"] .recommendation_block .menu_box{
  width: 550px;
}
body[wc-view-type="tb-l"] .recommendation_block .menu_box{
  width: 600px;
}
body[wc-view-type="pc"] .recommendation_block .menu_box{
  width: 700px;
}
.recommendation.back_white .recommendation_block .menu_box{
  background-color: #fbf3ea;
}
/*メニュー一覧*/
.menu_list{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
}
.menu_list .contents_title::before{
  content: "Menu";
}
.menu_list > p{
  box-sizing: border-box;
  margin-bottom: 1.5rem;
}
body[wc-view-type="sp"] .menu_list > p{
  padding: 0 7vw;
}
body:not([wc-view-type="sp"]) .menu_list > p{
  text-align: center;
}
body[wc-view-type="tb"] .menu_list > p,
body[wc-view-type="tb-l"] .menu_list > p{
  padding: 0 10vw;
}
body[wc-view-type="pc"] .menu_list > p{
  padding: 0 calc((100vw - 1100px) / 2);
}
.menu_list .swipemainbtn{
  margin: 0 auto;
}
body[wc-view-type="sp"] .menu_list .swipemainbtn{
  width: calc(100vw - 2rem);
}
.menu_swipe_in_block{
  display: flex;
  gap:1.5rem;
  box-sizing: border-box;
  margin-top: 1.5rem;
}
body[wc-view-type="sp"] .menu_swipe_in_block{
  flex-direction:column;
  padding: 0 7vw;
}
body[wc-view-type="tb"] .menu_swipe_in_block,
body[wc-view-type="tb-l"] .menu_swipe_in_block{
  padding: 0 10vw;
}
body:not([wc-view-type="sp"]) .menu_swipe_in_block{
  flex-wrap: wrap;
}
body[wc-view-type="pc"] div.menu_swipe_in_block{
  width: 1100px;
  margin: 1.5rem auto 0 auto;
}
.menu_swipe_in_block article{
  margin: 0;
}
body[wc-view-type="tb"] .menu_swipe_in_block article{
  width: calc(50% - 2.75rem);
}
body[wc-view-type="tb-l"] .menu_swipe_in_block article,
body[wc-view-type="pc"] .menu_swipe_in_block article{
  width: calc((100% / 3) - 3rem);
}