@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Noto+Serif+JP:wght@300;600&display=swap");
.gallery-contents { margin: 8rem 0 4rem; max-width: 1100px; position: relative; margin-inline: auto; --swiper-navigation-color: #898989; --swiper-navigation-size: 40px; }
.gallery-contents .swiper-button-prev, .gallery-contents .swiper-button-next { z-index: 10; top: 30% !important; }
.gallery-contents .swiper-button-prev { left: -6rem !important; right: inherit !important; }
.gallery-contents .swiper-button-next { right: -6rem !important; left: inherit !important; }
@media screen and (max-width: 930px) { .gallery-contents { --swiper-navigation-size: 30px; }
  .gallery-contents .swiper-button-prev, .gallery-contents .swiper-button-next { top: 32% !important; }
  .gallery-contents .swiper-button-prev { left: 1rem !important; }
  .gallery-contents .swiper-button-next { right: 1rem !important; } }
@media screen and (max-width: 640px) { .gallery-contents .swiper-button-prev, .gallery-contents .swiper-button-next { top: 22% !important; }
  .gallery-contents .swiper-button-prev { left: 0 !important; }
  .gallery-contents .swiper-button-next { right: 0 !important; } }

.slider .swiper-slide .cap {       /*display: block;
			font-size: 1.2em; background-color: #fff;*/ font-size: 2rem; letter-spacing: .05em; line-height: 1; color: #fff; text-shadow: 0 0 10px #000; }
@media screen and (max-width: 640px) { .slider .swiper-slide .cap { font-size: 1.4rem; } }

.thumbnail-block { background-color: #eff0e8; padding: 4rem; margin-top: 3rem; }

.slider-thumbnail { margin-inline: auto; }
.slider-thumbnail .img { background-color: #000000; display: block; cursor: pointer; }
.slider-thumbnail .img img { opacity: 0.4; transition: 0.3s linear; }
.slider-thumbnail .img:hover img, .slider-thumbnail .img.swiper-slide-thumb-active img { opacity: 1; }

@media screen and (max-width: 930px) { .thumbnail-block { margin-top: 2rem; padding: 3rem; } }
@media screen and (max-width: 640px) { .gallery-contents { margin-top: 3rem; }
  .thumbnail-block { padding: 2rem; } }