@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanmp.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400&display=swap");
.c-button.--main {
  background-color: #0072bc;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.c-button.--sub {
  background-color: #f7d2d7;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.font-eng__garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/*=======================================================================

 ギャラリー

========================================================================*/
.page-gallery .l-main .c-content__txt {
  padding-bottom: clamp(25px, 5vw, 50px);
}
.page-gallery .l-main .copy {
  font-size: clamp(18px, 2.8vw, 28px);
  font-weight: 500;
  line-height: 1.625;
  margin-bottom: clamp(10px, 2vw, 20px);
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1000.98px) {
  .page-gallery .l-main .copy {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.page-gallery .l-main .txt {
  font-size: clamp(14px, 1.8vw, 18px);
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .page-gallery .l-main .txt {
    line-height: 1.75;
  }
}
.page-gallery .slider {
  position: relative;
}
.page-gallery .slider .slider__photo {
  position: relative;
  background-color: #222;
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider .slider__photo {
    margin-left: -3.5vw;
    margin-right: -3.5vw;
  }
}
.page-gallery .slider .slider__photo .slick-slide {
  position: relative;
  height: auto !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -ms-touch-action: auto;
      touch-action: auto;
}
.page-gallery .slider .slider__photo .slick-slide:not(:first-child) {
  display: none;
}
.page-gallery .slider .slider__photo.slick-initialized .slick-slide {
  display: block !important;
}
.page-gallery .slider .slick-arrow {
  z-index: 20;
  line-height: 1;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border: 3px solid #fff;
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider .slick-arrow {
    top: 47%;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
  }
}
.page-gallery .slider .slick-arrow:before {
  content: "";
}
.page-gallery .slider .slick-arrow:hover {
  opacity: 0.5;
}
.page-gallery .slider .slick-prev {
  left: 30px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: none !important;
  border-right: none !important;
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider .slick-prev {
    left: 3.5%;
  }
}
.page-gallery .slider .slick-next {
  right: 30px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-left: none !important;
  border-bottom: none !important;
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider .slick-next {
    right: 3.5%;
  }
}
.page-gallery .slider .slider__thum {
  margin-top: 10px;
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider .slider__thum {
    margin-top: 7px;
  }
}
.page-gallery .slider .slider__thum .slick-list {
  overflow: visible;
}
.page-gallery .slider .slider__thum .slick-track {
  width: 100% !important;
  -webkit-transform: unset !important;
          transform: unset !important;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 10px;
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider .slider__thum .slick-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 7px;
  }
}
.page-gallery .slider .slider__thum .slick-track:before,
.page-gallery .slider .slider__thum .slick-track:after {
  content: none;
}
.page-gallery .slider .slider__thum .slick-slide {
  position: relative;
  cursor: pointer;
  max-width: 162px;
  width: auto !important;
  height: auto;
  background-color: #222;
}
.page-gallery .slider .slider__thum .slick-slide img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.3;
}
.page-gallery .slider .slider__thum .slick-slide.slick-active img, .page-gallery .slider .slider__thum .slick-slide:hover img {
  opacity: 1;
}
.page-gallery .slider .slider__thum .slick-slide.slick-cloned {
  display: none;
}
.page-gallery .slider .slider__thum .slick-slide.slick-active {
  opacity: 1;
}
.page-gallery .slider__photo__capt {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 10px;
  padding-bottom: 8px;
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-family: "EB Garamond", serif;
}
@media screen and (min-width: 768px), print {
  .page-gallery .slider__photo__capt {
    font-size: min(1.9047619048vw, 2.4rem);
  }
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider__photo__capt {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 767.98px) {
  .page-gallery .slider__photo__capt {
    padding-right: 5px;
    padding-bottom: 3px;
  }
}
.page-gallery .slider__photo__capt.--white {
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.page-gallery .slider__photo__capt.--capt2-1 {
  right: 50.8%;
}
.page-gallery .slider__photo__capt.--capt3-1 {
  right: 67.2%;
}
.page-gallery .slider__photo__capt.--capt3-2 {
  right: 33.6%;
}/*# sourceMappingURL=page-gallery.css.map */