/** Shopify CDN: Minification failed

Line 25:3 Expected ":"

**/

.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    margin: 0;
    padding: 0px!important;
}

.skip-to-content-link {
  display:none !important ;
}

.product-media-container.constrain-height.media-fit-contain{
  --preview-ratio: 0.8888888888888888!important;
}
.swiper-wrapper.product__media-list{
  overflow: visible !important;
}

.media>*:not(.zoom):not(.deferred-media__poster-button), .media.model-viewer {
    width:100%;
　 display: block;
    margin: auto;
}

.product-media-container.constrain-height .media {
   aspect-ratio: 324/ 408;
    width: 100%;
    padding-top: 0;
}


@media screen and (min-width: 750px) {
 .product-media-container.constrain-height .media {
    width: 90%;
 }
}

.product-media-container.constrain-height.media-fit-contain {
    width: 100%;
}
.thumbnail-slider .thumbnail-list.slider {
    flex-wrap: wrap;
    padding: 0 10px;
    margin: auto;
    width: 90%;
}


.thumbnail-list .swiper-slide{
    width: 35.875px!important;
}
  .thumbnail-list .swiper-slide {
    aspect-ratio: 324/ 408;
  
}


.thumbnail-list .swiper-slide img{
  height: 100%;
  width: 100%;
}

  .slider-thumbnail {
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    height: auto;
    max-height: 0; /* 初期状態では最大高さを0に */
  }

.multipleImg_btn.ft-serif {
  cursor: pointer;
  position: relative; /* 既に設定されています */
  text-align: center;
  font-family: "Noto Serif Japanese", sans-serif;
  font-size: smaller;
  width: 100px; /* ボタンの幅 */
  display: block;
  margin: 0 auto; /* 中央揃え */
}

.multipleImg_btn.ft-serif::after {
  content: "";
  position: absolute; /* 絶対位置指定 */
  top: 150%; /* 上端から50%の位置 */
  left: 50%; /* 左端から50%の位置 */
  transform: translate(-50%, -50%) rotate(-135deg); /* 中心に移動してから上向き矢印 */
  display: inline-block;
  margin-left: 0; /* この設定はもう不要なので0に */
  border: solid black;
  border-width: 0 2px 2px 0;
  padding: 5px;
  transition: transform 0.1s ease-in-out;
}

.multipleImg_btn.ft-serif.open::after {
  transform: translate(-50%, -50%) rotate(45deg); /* 中心に移動してから下向き矢印 */
}


  .product__media-item.product__media-item--variant {
    display: block;
 }

  .thumbnail[aria-current] {
    box-shadow: none;
    border-color: unset;
 }