@charset "utf-8";
/* CSS Document */
.container {
  padding: 0 !important;
}
.pane-main {
  margin-top: 30px;
}
#goodsdetail-pane-contents--body .item_size h2 {
  font-size: 1.8rem;
  margin-bottom: 5px;
}
#goodsdetail-pane-contents--body .item_size p {
  font-size: 1.8rem;
  letter-spacing: 2.2px;
}
#goodsdetail-pane-contents--body .item_size p.unisex {
  font-size: 1.3rem;
  letter-spacing: 1.5px;
  margin-top: 15px;
  color: gray;
}
#goodsdetail-pane-contents--body .yen p {
  font-size: 3.1rem;
  letter-spacing: 3px;
  font-weight: 500;
  font-family: "Jost", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 35px 0 0;
}
#goodsdetail-pane-contents--body .yen p span {
  font-size: 1.5rem;
}
/* メインエリアの矢印 */
.gd-prev, .gd-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
  cursor: pointer;
}
.gd-prev {
  left: 8px;
}
.gd-next {
  right: 8px;
}
/* スライド内の画像 */
.gd-main {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gd-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gd-slide img {
  max-width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .pane-main {
    margin-top: 0;
  }
  .goodsdetail-accordion-section > dd {
    display: none;
  }
  .goodsdetail-accordion-section > dt.st__open + dd {
    display: block;
  }
  .pane-main {
    margin-top: 35px !important;
  }
  .goodsdetail-mv-main.swiper {
    position: relative;
    overflow: hidden;
  } /* 念のため */
  .swiper-button-prev, .swiper-button-next {
    z-index: 10;
  }
  /* スライドの縦位置を中央寄せ */
  #goodsdetail-gallery .swiper-wrapper {
    align-items: center; /* 重要 */
  }
  /* 画像は枠に“収める” */
  #goodsdetail-gallery .swiper-slide img {
    width: 100%;
    height: auto; /* まずはこれでOK（縦長画像なら縦長のまま） */
    display: block;
    object-fit: contain; /* 収める（切り抜かない） */
  }
  .pane-goods-center .container {
    /* 重要：全幅 + 余白ゼロ（スマホ優先） */
    width: 100% !important;
    max-width: none;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
  #product-item {
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
  }
}