@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp.min.css");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*=======================================================================

 モデルルーム

========================================================================*/
@media (min-width: 768px) {
  .page-modelroom .common-hero {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .page-modelroom .c-heading {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .modelroom-sec01 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .slick-slider.--sp_full {
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }
}
.slick-slider .slick-slide {
  position: relative;
}
.slick-slider .slick-slide figure {
  position: relative;
}
.slick-slider .slick-slide figure figcaption {
  position: absolute;
  bottom: 2%;
  right: 1.5%;
  font-size: 4rem;
  font-family: "Cinzel", YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #fff;
  text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .slick-slider .slick-slide figure figcaption {
    font-size: 40px;
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .slick-slider .slick-slide figure figcaption {
    font-size: 40px;
    font-size: 4vw;
    text-shadow: 0px 0px 5px rgb(0, 0, 0);
    bottom: 3%;
    right: 2.5%;
  }
}
.slick-slider .slick-slide figure figcaption:has(+ figcaption) {
  right: 52%;
}
.slick-slider .slick-slide figure figcaption:has(+ figcaption) + figcaption {
  right: 2%;
}

.slick_thumb {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .slick_thumb {
    margin-top: 15px;
  }
}
.slick_thumb .slick-list {
  overflow: visible;
}
.slick_thumb .slick-track {
  -webkit-transform: unset !important;
          transform: unset !important;
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
@media screen and (max-width: 767px) {
  .slick_thumb .slick-track {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 6px;
  }
}
.slick_thumb .slick-track:before,
.slick_thumb .slick-track:after {
  content: none;
}
.slick_thumb .slick-slide {
  position: relative;
  cursor: pointer;
  width: calc((100% - 56px) / 8) !important;
  height: auto;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .slick_thumb .slick-slide {
    width: 100% !important;
  }
}
.slick_thumb .slick-slide img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.4;
}
.slick_thumb .slick-slide.slick-active img, .slick_thumb .slick-slide:hover img {
  opacity: 1;
}
.slick_thumb .slick-slide.slick-cloned {
  display: none;
}
.slick_thumb .slick-slide.slick-active {
  opacity: 1;
}/*# sourceMappingURL=page-modelroom.css.map */