/** Shopify CDN: Minification failed

Line 24:16 Unexpected "{"
Line 24:25 Expected ":"
Line 24:32 Unexpected "{"
Line 29:16 Unexpected "{"
Line 29:25 Expected ":"

**/
/* 750px以上で Dawn がスライドを消すのを無効化 */
@media screen and (min-width: 750px) {
  .mc-gallery-swiper .product__media-item {
    display: block !important;
  }
}

/* Dawn標準の虫眼鏡アイコンを非表示 */
.mc-gallery-swiper .product__media-icon {
  display: none !important;
}


/* 絶対配置の基準を作る */
#GalleryViewer-{{ section.id }} {
  position: relative;
}

/* メイン画像の矢印ボタンをスライドより前面に */
#GalleryViewer-{{ section.id }} .slider-buttons {
  z-index: 20;
}


/*サムネイル---------------------------------------------*/
/* ===== サムネイル共通 ===== */
.mc-thumbs-wrapper {
  position: relative;
  align-items: center;
  gap: 5px;
  margin-bottom: 1rem ;
}

.mc-gallery-thumbs {
  margin-top: 1rem;
  flex: 1;
}

/* サムネイル画像 */
.mc-thumb-slide {
  width: 100%;
  /* height:auto はsafari環境で効かないことがあるので削除 */
  position: relative; /*safari環境でも中の画像を確実に.mc-thumb-slideに収めるため */
  aspect-ratio: 1 / 1; /* 正方形にしたい場合 */
  
  overflow: hidden;
  cursor: pointer;
  opacity: 0.6;
}

/* 中の画像をセルにフィットさせる */
.mc-thumb-slide img {
  position: absolute;   /* safari環境でも画像を確実に.mc-thumb-slideに収めるため */
  inset: 0;          /* safari環境でも画像を確実に.mc-thumb-slideに収めるため */

  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.mc-thumb-slide.is-active {
  opacity: 1;
}






/* サムネイル矢印：SVG */
.mc-thumb-button .svg-wrapper {
  display: inline-block;
}

.mc-thumb-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  background: none;
  box-shadow: none;
  border-style: none;
}

.mc-thumb-button--prev{
  left: -15px;
  z-index: 30;

}

.mc-thumb-button--next{
  right: -15px;
  z-index: 30;

}

/* 右矢印だけ反転（同じSVGを流用しているので） */
  .mc-thumb-button--next .svg-wrapper > svg{
    transform: scaleX(-1);
    transform-origin: center;
  }

/* SVG本体をwrapperにフィット */
.mc-thumb-button .svg-wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  background: none;
  box-shadow: none;
}

/* サムネイルボタン制御 */
.mc-thumb-button--prev[aria-disabled="true"],
.mc-thumb-button--next[aria-disabled="true"] {
  display: none;
  
}


/* PC / タブレットでは サムネイルボタン非表示 */
@media (min-width: 750px) {
  .mc-thumb-button {
    display: none;
  }
}


/* ===== PC・タブレット：Swiperを無効化してグリッド表示 ===== */
@media (min-width: 750px) {
  .mc-gallery-thumbs .swiper-wrapper {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
    transform: none !important;   /* Swiperのtranslateを殺す */
  }
  
}