@charset "utf-8";
/* CSS Document */

.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;
}
.mt_100{
	margin-top: 100px;
}
@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;   /* 収める（切り抜かない） */
}
}