@charset "UTF-8";
/*

　トップページ
----------------------------------------------- */
/* ヘッダー */
body:not(.isOpenMenu) .header.unscrolled {
  color: #fff;
  background-color: transparent;
}
body:not(.isOpenMenu) .header.unscrolled .header-navi .header-navi-sub {
  background-color: transparent;
  box-shadow: none;
}
body:not(.isOpenMenu) .header.unscrolled .header-logo :not(.mark) {
  fill: #fff;
}
body:not(.isOpenMenu) .header.unscrolled .header-booking {
  color: #fff;
}
body:not(.isOpenMenu) .header.unscrolled .header-booking:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--color-header-black);
}
body:not(.isOpenMenu) .header.unscrolled .header-lang_switch {
  background-color: rgba(255, 255, 255, 0.2);
}
body:not(.isOpenMenu) .header.unscrolled .header-lang_switch .active {
  background-color: #fff;
  color: var(--color-header-black);
}

.main_contents {
  margin-top: 0;
}

/* ヒーロー */
.hero {
  position: relative;
  overflow-x: clip;
}
.hero .swiper {
  overflow: inherit;
}
.hero .swiper .swiper-pagination {
  display: flex;
  width: inherit;
}
.hero .swiper .swiper-pagination-bullet {
  margin: 0;
  opacity: 1;
}
.hero .swiper img {
  width: 100%;
}
.hero .swiper-pagination {
  position: absolute;
  left: inherit;
  display: flex;
  justify-content: center;
}
@media (width > 768px) {
  .hero .swiper-pagination {
    right: 3.2142857143vw;
    bottom: -2.5vw;
    gap: 1.1428571429vw;
  }
}
@media (width <= 768px) {
  .hero .swiper-pagination {
    margin: 0;
    right: 20px;
    left: 20px;
    bottom: -26px;
    gap: 16px;
  }
}
.hero .swiper-pagination-bullet {
  background: #DADADA;
  border-radius: 0;
  height: 2px;
}
.hero .swiper-pagination-bullet-active {
  background: var(--color-bland);
}
@media (width > 768px) {
  .hero .swiper-pagination-bullet {
    width: 6.7142857143vw;
  }
}
@media (width <= 768px) {
  .hero .swiper-pagination-bullet {
    width: 93px;
  }
}
.hero .catch {
  position: absolute;
  z-index: 2;
  display: grid;
  justify-items: end;
  color: #fff;
}
@media (width > 768px) {
  .hero .catch {
    bottom: 3.9285714286vw;
    right: 7.1428571429vw;
    gap: 1.7857142857vw;
  }
}
@media (width <= 768px) {
  .hero .catch {
    bottom: 22px;
    right: 10px;
    left: 10px;
    gap: 18px;
  }
}
@media (width > 768px) {
  .hero .catch-en img {
    width: 41.3571428571vw;
  }
}
@media (width <= 768px) {
  .hero .catch-en img {
    width: 350px;
  }
}
.hero .catch-ja {
  font-family: var(--font-min);
  font-weight: 600;
  line-height: 1.36;
  transform-origin: right top;
}
@media (width > 768px) {
  .hero .catch-ja {
    font-size: 2vw;
  }
}
@media (width <= 768px) {
  .hero .catch-ja {
    font-size: 19rem;
  }
}
.hero {
  /* .booking {
  	@include overTab {
  		display: none;
  	}
  	@include tab {
  		position: absolute;
  		z-index: 5;
  		bottom: 22px;
  		left: 20px;
  		@include center;
  		padding: 6px 10px;
  		border: 1px solid currentColor;
  		border-radius: 999px;
  		color: #fff;
  		font-size: 18rem;
  		font-family: var(--font-en);
  	}
  } */
}

/* About */
@media (width > 768px) {
  .sec-about {
    padding-inline: 6.8571428571vw;
  }
}
@media (width <= 768px) {
  .sec-about {
    padding-inline: 20px;
  }
}
.sec-about {
  display: grid;
}
@media (width > 768px) {
  .sec-about {
    padding-top: 7.8571428571vw;
    grid-template-columns: 1fr 60%;
  }
}
@media (width <= 768px) {
  .sec-about {
    padding-top: 90px;
    gap: 40px;
  }
}
.sec-about .heading {
  display: none;
}
.sec-about .lead {
  margin-right: -10%;
  font-weight: 600;
}
@media (width > 768px) {
  .sec-about .lead {
    padding-right: 2.8571428571vw;
    font-size: 3.3571428571vw;
    line-height: 1.15;
  }
}
@media (width <= 768px) {
  .sec-about .lead {
    font-size: 36rem;
    line-height: 1.38;
  }
}
@media (width > 768px) {
  .sec-about .image {
    grid-column: 1/-1;
    margin-top: 5.7142857143vw;
  }
}
@media (width <= 768px) {
  .sec-about .image {
    margin-top: 20px;
    margin-inline: -20px;
  }
}

/* Floor */
@media (width > 768px) {
  .sec-floor {
    padding-inline: 6.8571428571vw;
  }
}
@media (width <= 768px) {
  .sec-floor {
    padding-inline: 20px;
  }
}
.sec-floor {
  display: grid;
}
@media (width > 768px) {
  .sec-floor {
    padding-top: 7.1428571429vw;
    grid-template-columns: 10.7142857143vw 1fr;
  }
}
@media (width <= 768px) {
  .sec-floor {
    margin-top: 90px;
  }
}
@media (width > 768px) {
  .sec-floor .heading {
    grid-row: 1/4;
  }
}
@media (width <= 768px) {
  .sec-floor .heading {
    margin-bottom: 25px;
  }
}
.sec-floor .lead {
  font-weight: 600;
}
@media (width > 768px) {
  .sec-floor .lead {
    margin-bottom: 2.5714285714vw;
    font-size: 3.3571428571vw;
    line-height: 1.15;
  }
}
@media (width <= 768px) {
  .sec-floor .lead {
    margin-bottom: 35px;
    font-size: 36rem;
    line-height: 1.38;
    margin-right: -13%;
  }
}
.sec-floor .desc > *:not(:first-child) {
  margin-top: 1em;
}
.sec-floor .map {
  width: fit-content;
  margin-inline: auto;
}
@media (width > 768px) {
  .sec-floor .map {
    grid-column: 1/-1;
    margin-top: 5vw;
  }
}
@media (width < 768px) {
  .sec-floor .map {
    margin-top: 35px;
  }
}
@media (width >= 768px) {
  .sec-floor .map figure + figure {
    margin-top: 5vw;
  }
  .sec-floor .map figure img {
    display: block;
    max-width: 35.7142857143vw;
  }
}
@media (width < 768px) {
  .sec-floor .map figure + figure {
    margin-top: 35px;
  }
  .sec-floor .map figure img {
    max-width: 320px;
  }
}
.sec-floor .map figcaption {
  margin-bottom: 0.5em;
}
@media (width >= 768px) {
  .sec-floor .map figcaption {
    font-size: 1.2857142857vw;
  }
}
@media (width < 768px) {
  .sec-floor .map figcaption {
    font-size: 14rem;
  }
}

/* Room Type */
@media (width > 768px) {
  .sec-rooms {
    padding-inline: 6.8571428571vw;
  }
}
@media (width <= 768px) {
  .sec-rooms {
    padding-inline: 20px;
  }
}
@media (width > 768px) {
  .sec-rooms {
    margin-top: 1.4285714286vw;
    padding-top: 7.8571428571vw;
  }
}
@media (width <= 768px) {
  .sec-rooms {
    padding-top: 90px;
  }
}

/* Gallery */
@media (width > 768px) {
  .sec-gallery {
    padding-inline: 6.8571428571vw;
  }
}
@media (width <= 768px) {
  .sec-gallery {
    padding-inline: 20px;
  }
}
.sec-gallery {
  overflow: clip;
}
@media (width > 768px) {
  .sec-gallery {
    margin-top: 1.4285714286vw;
    padding-top: 7.8571428571vw;
  }
}
@media (width <= 768px) {
  .sec-gallery {
    padding-top: 90px;
  }
}
@media (width > 768px) {
  .sec-gallery .images {
    margin-top: 2.5714285714vw;
  }
}
@media (width <= 768px) {
  .sec-gallery .images {
    margin-top: 36px;
  }
}
.sec-gallery .images figcaption {
  margin-top: 0.8em;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
@media (width >= 768px) {
  .sec-gallery .images figcaption {
    font-size: 1vw;
  }
}
@media (width < 768px) {
  .sec-gallery .images figcaption {
    font-size: 13rem;
  }
}
.sec-gallery .swiper {
  overflow: visible;
}
.sec-gallery .swiper-slide {
  width: auto;
  cursor: pointer;
}
.sec-gallery .swiper-slide img {
  width: auto;
}
@media (width > 768px) {
  .sec-gallery .swiper-slide {
    padding-right: 0.7142857143vw;
  }
  .sec-gallery .swiper-slide img {
    height: 27.1428571429vw;
  }
}
@media (width <= 768px) {
  .sec-gallery .swiper-slide {
    padding-right: 10px;
  }
  .sec-gallery .swiper-slide img {
    height: 300px;
  }
}