/** product datail **/
.pdp .pdpMain {
    max-width: 1104px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.pdp .pdpContentDetail {
    display: flex;
    margin-bottom: 50px;
}
.pdp .pdpUnderContentDetail {
    display: flex;
    margin-bottom: 50px;
}
.pdp .productImageContainer {
    width: 100%;
    position: sticky;
    top: 100px;
    /* SP表示とPC表示で崩れないようにdisplay flex とblock を使い分ける */
    display: flex;
    /* 2025/03/13 IPSA_SFCC_OMS-1874 商品詳細ページの改修依頼 */
    flex-flow: column wrap;
    flex-wrap: nowrap;
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .productImageContainer {
        display: block;
        margin-bottom: 7.72946vw;
    }
}
.pdp .hide {
    display: none !important;
}
  
@media print, screen and (min-width: 48.06125em) {
    .pdp .productImageContainer {
        width: 50%;
    }
    .pdp .productDetailContener {
        width: 50%;
        max-width: 506px;
    }
    .pdp .pdpContentDetail {
        margin-top: 50px;
        font-size: 14px;
        align-items: start;
    }
    .pdp a.c-link__line-a {
        border-radius: 0;
        background: linear-gradient(currentColor, currentColor) no-repeat left 0% bottom 0px/100% 1px;
        text-decoration: none !important;
        transition: background-size .3s ease; 
    }
    .pdp a.c-link__line-a:hover {
        background-position: left 100% bottom 0px;
        background-size: 0% 1px; 
    } 
    .pdp .pdpUnderContentDetail {
        padding-top: 55px;
        border-top: 1px solid #d6d6d6;
    }
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .pdpMain {
        max-width: 1104px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .pdp .productImageContainer {
        margin-top: 0;
        position: relative;
        top: 0;
    }
    .pdp .pdpContentDetail {
        margin-bottom: 0px;
        display: block;
    }
    .pdp a.c-link__line-a {
        text-decoration: underline;
    }
    .pdp .pdpUnderContentDetail {
        margin-bottom: 0px;
        display: block;
    }
}

/** product datail imagecontent **/
.pdp .productImageContent {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 100%;
}
@media print, screen and (min-width: 48.06125em) {
    .pdp .productImageContent {
        max-width: 414px;
    }
}
@media print, screen and (min-width: 48.06125em) {
    .pdp .thumbnailswiper {
        max-width: 365px;
    }
    .pdp .productThumbnails .slick-list {
        width: 352px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 4px;
    }
    .pdp .productThumbnails .slick-slider {
        width: 414px;
    }
    .pdp .productThumbnails {
        padding: 16px 0 0 0
    }
}
.slick-prev:before,
.slick-next:before {
    font-family: 'icomoon';
    font-size: 40px;
    line-height: 1;
    opacity: 0.75;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pdp .productThumbnails .slick-vertical .slick-prev,
.pdp .productThumbnails .slick-vertical .slick-next {
    position: static;
    width: 100%;
    height: 42px;
    margin: 0;
    opacity: 1; 
    transform: none;
}
.pdp .productThumbnails .slick-vertical .slick-prev::before,
.pdp .productThumbnails .slick-vertical .slick-next::before {
    font-size: 12px;
 }

.pdp .productThumbnails .slick-vertical .slick-prev {
    padding-bottom: 14px;
}
.pdp .productThumbnails .slick-vertical .slick-next {
    padding-top: 4px;
}
.pdp .productThumbnails .slick-vertical .slick-slide {
    display: block;
    border: 1px solid transparent; 
}
.pdp .productThumbnails .slick-vertical .slick-prev:before {
    color: #646464;
    content: '\e905';
}
.pdp .productThumbnails .slick-vertical .slick-next:before {
    color: #646464;
    content: '\e904';
}
.pdp .slick-prev-button {
    margin-right: 20px;
}
.pdp .slick-next-button {
    /* #33382対応 矢印の開始位置と、カラーパレットの左端の要素の位置がそろうようにスタイル調整 */
    margin-left: 20px;
}
.pdp .productThumbnails .slick-dots {
    top: 35px !important;
    width:auto !important;
}
.pdp .productThumbnails .slick-dots li  {
    display: list-item !important;
    width: 78px !important;
    height: 78px !important;
}
.pdp .favoriteIcon {
    position: absolute;
    right: 14px;
    bottom: 14px;
    box-sizing: inherit;
}
.pdp .favoriteIcon button {
    padding: 10px 10px;
    border: 0;
    background: transparent;
    opacity: 1;
}
.pdp .wishListSvg {
    width: 28px;
    height: 30px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' opacity='0.2' d='M23.7451 1.32131C22.0051 0.154353 19.9389 -0.258399 17.9289 0.158105C16.774 0.398251 15.2215 1.00612 13.684 2.48827C10.3803 -0.708673 6.32668 -0.487288 3.62674 1.32131C-0.434421 4.04172 -0.53567 8.72832 1.44429 11.7789L10.0391 24.5967L12.3116 21.2197L4.58672 9.70391C3.25175 7.64766 4.14798 5.50511 5.71919 4.45447C6.34543 4.03421 7.10292 3.76405 7.9204 3.76405C9.26287 3.76405 10.7703 4.49199 12.1353 6.47319L13.684 8.72081L15.2327 6.47319C17.4302 3.28751 19.9876 3.34004 21.6488 4.45071C23.2201 5.50511 24.1163 7.64766 22.8001 9.67389L13.6728 23.2459L11.4003 26.6192L13.669 30L25.9425 11.7489C27.9075 8.72081 27.8062 4.03421 23.7451 1.31381V1.32131Z' fill='%23323232'/%3E%3C/svg%3E");
}
.pdp .savedWishListSvg {
    width: 28px;
    height: 30px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 30' fill='none'%3E%3Cpath opacity='0.8' d='M13.4839 30.0026L25.7563 11.7439C27.7217 8.71334 27.6167 4.03242 23.5509 1.30188C21.8255 0.146652 19.7551 -0.258428 17.7447 0.161655C16.5895 0.401702 15.0442 1.01682 13.4989 2.48711C10.1982 -0.708518 6.13243 -0.483473 3.43189 1.31688C-0.618908 4.03242 -0.723928 8.72835 1.25646 11.7739L13.4839 30.0026Z' fill='%23323232'/%3E%3C/svg%3E");
}
.pdp .productThumbnails {
    padding-left: 35px;
    width: 414px;
    flex: 0 0 16.66667%;
}
.pdp .productthumbnail {
    transition: transform .4s ease;
    overflow: hidden;
    margin-bottom: 6px; 
}
.pdp .valiationValue {
    margin: 0;
    padding-top: 20px;
    width: 100%;
}
.pdp .paletteUl {
    width: 100%;
}
.pdp .paletteLi {
    margin: 0 5px 9px;
    padding: 2px;
    width: 30px;
    float: left;
}
.pdp .paletteBtn {
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    background: transparent;
}
.pdp .paletteImg {
    width: 100%;
    height: 100%;
    border: 1px solid #d6d6d6
}
.pdp .productPrimaryImages {
   position: relative; 
}
.pdp .valiationValue .paletteUl .paletteLi img {
    display: block;
}

@media screen and (max-width: 48em) {
    .productThumbnails .slick-vertical .slick-prev::before,
    .productThumbnails .slick-vertical .slick-next::before {
        font-size: 2.89855vw;
    } 
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .productPrimaryImages {
        width: 100%;
    }
    .pdp .productPrimaryImage {
        transition: transform .4s ease;
        overflow: hidden;
        width: 100%;
        height: 100%; 
    }
    .pdp .primaryImage {
        width: 100%;
    }
    .pdp .thumbnailswiper {
        max-width: 71.49758vw;
    }
    .pdp .productThumbnails {
        padding: 3.86473vw 0 0 0
    }
    .pdp .productThumbnails .slick-prev {
        left: 10px;
        z-index: 100;
    }
    .pdp .productThumbnails .slick-next {
        right: 10px;
        z-index: 100;
    }
    .pdp .productThumbnails .slick-list {
        width: 67.87439vw;
        max-height: 15.94202vw;
        margin-left: auto;
        margin-right: auto;
    }
    .pdp .productThumbnails .slick-track {
        display: flex;
    }
    .pdp .productThumbnails .slick-dots {
        margin-bottom: 0 !important;
        position: absolute !important;
        top: 91.9565vw !important;
        bottom: 5.07246vw !important;
        display: flex !important;
        justify-content: center !important;
        width:100% !important;
    }
    .pdp .productThumbnails .slick-dots li  {
        display: block !important;
        width: 1.44928vw !important;
        height: 1.44928vw !important;
        margin: 0 0.96618vw !important;
    }
    .pdp .favoriteIcon {
        /* 2025/03/13 IPSA_SFCC_OMS-1874 商品詳細ページの改修依頼 Start */
        right: 3.64009vw;
        bottom: 3.38164vw;
        /* 2025/03/13 IPSA_SFCC_OMS-1874 商品詳細ページの改修依頼 End */
    }
    .pdp .favoriteIcon button {
        padding: 2.41545vw 2.41545vw;
    }    
    .pdp .wishListSvg {
        width: 6.76329vw;
        height: 7.24638vw;
    }    
    .pdp .savedWishListSvg {
        width: 6.76329vw;
        height: 7.24638vw;
    }
    .pdp .valiationValue {
        text-align: center;
        padding-top: 4.10628vw;
    }
    .pdp .productThumbnails {
        width: 80.19323vw;
        max-width: 100%;
        height: 19.80677vw;
        margin-left: auto;
        margin-right: auto;
    }
    .pdp .productthumbnail {
        transition: transform .4s ease;
        overflow: hidden;
        margin-right: 1.93336vw;
        margin-bottom: 0px;
        width: 100%;
        height: 100%; 
    }
    .pdp .paletteUl {
        float: none;
        display: inline-flex;
        flex-wrap: wrap;
        width: auto;
        margin: 0;
        padding-top: 0;
        padding-left: 2.41546vw;
    }
    .pdp .paletteLi {
        margin: 1.08696vw 1.20773vw;;
        padding: 0.28309vw;
        width: 7.24637vw;
        float: none;
    }    
}
@media print, screen and (min-width: 48.0625em) {
    .pdp .productPrimaryImage {
        max-width: 414px;
        padding: 30px 0 0 0;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .pdp .primaryImage {
        width: 100%;
    }
    .pdp .productthumbnailImg {
        border: 1px solid #fff;
        max-width: 100%;
    }
    .pdp .paletteUl {
        height: auto;
    }
    .pdp .favoriteIcon button:hover {
        border: 0;
        background: transparent;
        opacity: 1;
    }
    .pdp .wishListSvg:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 30' fill='none'%3E%3Cpath opacity='0.8' d='M13.4839 30.0026L25.7563 11.7439C27.7217 8.71334 27.6167 4.03242 23.5509 1.30188C21.8255 0.146652 19.7551 -0.258428 17.7447 0.161655C16.5895 0.401702 15.0442 1.01682 13.4989 2.48711C10.1982 -0.708518 6.13243 -0.483473 3.43189 1.31688C-0.618908 4.03242 -0.723928 8.72835 1.25646 11.7739L13.4839 30.0026Z' fill='%23323232'/%3E%3C/svg%3E");
    }
    .pdp .savedWishListSvg:hover {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' opacity='0.2' d='M23.7451 1.32131C22.0051 0.154353 19.9389 -0.258399 17.9289 0.158105C16.774 0.398251 15.2215 1.00612 13.684 2.48827C10.3803 -0.708673 6.32668 -0.487288 3.62674 1.32131C-0.434421 4.04172 -0.53567 8.72832 1.44429 11.7789L10.0391 24.5967L12.3116 21.2197L4.58672 9.70391C3.25175 7.64766 4.14798 5.50511 5.71919 4.45447C6.34543 4.03421 7.10292 3.76405 7.9204 3.76405C9.26287 3.76405 10.7703 4.49199 12.1353 6.47319L13.684 8.72081L15.2327 6.47319C17.4302 3.28751 19.9876 3.34004 21.6488 4.45071C23.2201 5.50511 24.1163 7.64766 22.8001 9.67389L13.6728 23.2459L11.4003 26.6192L13.669 30L25.9425 11.7489C27.9075 8.72081 27.8062 4.03421 23.7451 1.31381V1.32131Z' fill='%23323232'/%3E%3C/svg%3E");
    }        
}

/** product detail content **/
.pdp .productTitle {
    font-family: "Hiragino Kaku Gothic W5 JIS2004", sans-serif;
}
.pdp .productSubFx {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 7px;
    row-gap: 5px;
}
.pdp .productSubFx .productSubTag {
    display: inline-block;
    color: #323232;
    text-align: center;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: 1;
    border-radius: 2px;
    border: 1px solid #d6d6d6;
    background: #FFF;
    margin-right: 8px;
    /* Figmaでは4pxだが、border込みで4pxになっているため、border分引いている */
    padding: 3px;
    letter-spacing: 0;
}
.pdp .productSubFx .productSubIconQuasi {
    border-color: #F9F9F9;
    background-color: #F9F9F9;
}
.pdp .productSubFx .productSubName {
    color: #AAA;
    font-size: 12px;
    font-style: normal;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    line-height: 20px;
    margin-left: 0px;
}
.pdp .productName {
    color: #323232;
    font-size: 20px;
    font-style: normal;
    font-family: "Hiragino Kaku Gothic W5 JIS2004", sans-serif;
    line-height: 30px;
}
.pdp .productCatchCopy {
    color: #323232;
    font-size: 15px;
    font-style: normal;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    line-height: 22px;
    margin-bottom: 16px;
}
.pdp .pdp-promo-block {
    margin: -8px 0 40px;
    color: #323232;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
}
.pdp .pdp-promo-block .pdpShippingExplanation {
    color: #969696;
    font-size: 12px;
}
.pdp .pdp-promo-block .pro-promo {
    color: #888;
    margin: 0;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 14px;
    -webkit-font-feature-settings: 'palt' on, 'pkna' on;
    font-feature-settings: 'palt' on, 'pkna' on;
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .pdp-promo-block {
        margin: -1.93236vw 0 9.66183vw;
    }
    .pdp .pdp-promo-block .pdpShippingExplanation {
        font-size: 2.89855vw;
    }
    .pdp .pdp-promo-block .pro-promo {
        font-size: 3.38164vw;
    }    
}
/* #33450対応でSGのstyle.css に定義されたスタイルを追加。
スタイル適用の優先順位が変わる恐れがあるため、.pdp でクラス名を指定せずにスタイルを適用する */
p a {
    text-decoration: underline;
}

@media print, screen and (max-width: 48.06125em) {
    .pdp .productTitle {
        flex: 1 1 0px;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        min-width: 0;
        margin-top: 3.38164vw;
        margin-bottom: 1.20773vw;
    }
    .pdp .productSubIcon {
        font-size: 2.41546vw;
        border-radius: 0.48309vw;
        border: 0.24155vw solid #d6d6d6;
    }
    .pdp .productSubIconQuasi {
        font-size: 2.41546vw;
        border-radius: 0.48309vw;
        border: 0.24155vw solid #d6d6d6;
    }
    .pdp .productSubName {
        font-size: 2.89855vw;
        line-height: 4.83092vw;
    }
    .pdp .productName {
        font-size: 4.83092vw;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 4.10628vw;
    }
}
@media print, screen and (min-width: 48.06125em) {
    .pdp .productName {
        margin: 0 0 16px;
        margin-left: 0;
    }
    .pdp .productTitle {
        margin-bottom: 6px;
        padding-top: 30px;
        padding-right: 0;
        padding-left: 17px;
    }
    .pdp .pdp-promo-block {
        font-size: 14px;
        letter-spacing: 0.03em;
    }    
}

/** product detail price **/
.pdp .productPrice {
    display: flex;
    margin-right: 1.5em;
    margin-bottom: 6px;
    font-size: 16px;
    align-items: baseline;
    letter-spacing: 0;    
}
.pdp .taxPrice {
    font-family: "Hiragino Kaku Gothic W5 JIS2004", sans-serif;
    color: #323232;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    display: flex;
    align-items: baseline;    
}
.pdp .taxPrice .sub {
    margin-left: 5px;
    font-size: 10px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    font-feature-settings: "palt";
    opacity: 0.5;    
}
.pdp .priceText {
    margin-left: 12px;
    margin-right: 5px;
}
.pdp .noTaxPrice {
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 13px;
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .productPrice {
        margin-left: 0.96618vw;
        margin-right: 0;
        font-size: 4.10628vw;
    }
    .pdp .taxPrice {
        font-size: 3.86473vw;
        line-height: 1.4;
        align-items: flex-end;    
    }
    .pdp .taxPriceWrap {
        white-space: nowrap;
    }
    .pdp .taxPrice .sub {
        margin-left: 1.20773vw;
        padding-bottom: 0.96618vw;
        font-size: 2.41546vw;
        line-height: 1.2;
        letter-spacing: -0.04em;
        display: flex;
        align-items: flex-end;
    }    
    .pdp .priceText {
        margin-left: 3.86473vw;
        margin-right: 1.93236vw;
        font-size: 2.89855vw;
    }
    .pdp .noTaxPrice {
        margin-bottom: -0.24155vw;
        font-size: 3.1401vw;
        white-space: nowrap;
    }
}

/** product detail variations color **/
.pdp .productSelectAttributeColor {
    font-size: 14px;
    letter-spacing: 0.03em;
    flex-wrap: wrap;
    width: 100%;
}
.pdp .productSelectAttributeColor .vaColor {
    margin-bottom: 12px;
    margin-top: 11px;
    margin-right: 19px;
    font-size: 12px;
    /* 2025/03/13 IPSA_SFCC_OMS-1874 商品詳細ページの改修依頼 */
    position: relative;
}
.pdp .productSelectAttributeColor .pdpVars {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.pdp .productSelectAttributeColor .attributeVariant {
    margin: 0;
    overflow: hidden;
    display: flex;
    position: relative;
    margin: 0;
    padding: 0;
    align-items: center;
}
.pdp .productSelectAttributeColor .labelVarColor {
    margin: 0 10px 0 0;
    white-space: nowrap;
    color: rgba(50, 50, 50, 0.5);
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 1.667;
}
.pdp .productSelectAttributeColor .variantValue {
    margin: 0;
    width: 100%;
    /* 2025/03/13 IPSA_SFCC_OMS-1874 商品詳細ページの改修依頼 */
    height: 40px;
}
.pdp .productSelectAttributeColor .variationSelect {
    width: 262px;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 14px;
    height: 36px;
    padding: 6px 20px 6px 10px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    appearance: none;
    background-size: 8px;
    color: #323232;
    box-sizing: border-box;
    line-height: 1.15;
    margin: 0;
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .productSelectAttributeColor .vaColor {
        width: 100%;
        margin-bottom: 1.93237vw;
        margin-top: 2.17391vw;
        font-size: 2.89855vw;
        padding-left: 0;
        padding-right: 0;
    }
    .pdp .productSelectAttributeColor .pdpVars {
        font-size: 2.89855vw;
    }
    .pdp .productSelectAttributeColor .attributeVariant {
        margin: 0;
        flex-direction: row;
        align-items: center;
    }
    .pdp .productSelectAttributeColor .labelVarColor {
        padding-left: 0.24155vw;
        margin-right: 0;
        padding-right: 2.17391vw;
        flex: 0 0 auto;
        margin: 0;
        font-size: 2.89855vw;
        margin-left: 0.72464vw;
    }
    .pdp .productSelectAttributeColor .variantValue {
        max-width: 64.7343vw;
        height: 8.69565vw;
    }
    .pdp .productSelectAttributeColor .variationSelect {
        width: 100%;
        height: 8.69565vw;
        font-size: 3.38164vw;
        padding: 1.44928vw 4.83092vw 1.44928vw 2.41546vw;
    }
}
@media print, screen and (min-width: 48.06125em) {
    .pdp .productSelectAttributeColor .attributeVariant {
        max-width: 360px;
    }    
}

/** product detail select **/
.pdp .productSelect {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 24px;
}
.pdp .inventory {
    margin-right: 0;
    margin-top: 7px;
    white-space: nowrap;
}
.pdp .inventory .quantity {
    display: flex;
    align-items: center;
}
.pdp .quantitylabel {
    margin-right: 10px;
    white-space: nowrap;
    color: rgba(50, 50, 50, 0.5);
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 1.667;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
}
.pdp .quantitylabel.mgr {
    margin-right: 23px;
}
.pdp .quantityvalue {
    margin-right: 19px;
    position: relative;
    width: 100%;
    height: 36px;
    font-size: 14px;
    letter-spacing: 0.03em;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #323232;
}
.pdp .quantityvalueselect {
    width: 105px;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 14px;
    height: 36px;
    padding: 6px 20px 6px 10px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    appearance: none;
    background-size: 8px;
}
.pdp .productVariations {
    margin-top: 7px;
    margin-right: 19px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.pdp .pdpVars {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.pdp .attributeVariant {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0;
}
.pdp .labelVarSize {
    margin: 0 10px 0 0;
    white-space: nowrap;
    color: rgba(50, 50, 50, 0.5);
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 1.667;
}
.pdp .variantValue {
    margin: 0;
    width: 100%;
    height: 36px;
}
.pdp .variationSelect {
    min-width: 105px;
    width: auto;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 14px;
    height: 36px;
    padding: 6px 20px 6px 10px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    appearance: none;
    background-size: 8px;
    color: #323232;
    box-sizing: border-box;
    line-height: 1.15;
    margin: 0;
}
.pdp .variationLabel {
    width: 100%;
    height: 100%;
    padding: 6px 20px 6px 10px;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 14px;
    border-radius: 2px;
    background-color: #fff;
    background-size: 8px;
    color: #323232;
}
@media print, screen and (min-width: 48.0625em) {
    .pdp .inventory {
        display: inline;
    }    
    .pdp .attributeVariant {
        max-width: 360px;
    }
}
@media print, screen and (max-width: 48.0625em) {
    .pdp .inventory {
        margin-top: 1.44928vw;
    }    
    .pdp .productSelect {
        margin-bottom: 9.42029vw;
    }
    .pdp .quantitylabel {
        margin-top: 0;
        margin-left: 0.72464vw;
        margin-right: 0;
        padding-left: 0.24155vw;
        padding-right: 5.07246vw;
        font-size: 2.89855vw;
    }
    .pdp .quantitylabel.mgr {
        margin-right: 0;
    }
    .pdp .quantityvalue {
        margin-right: 2.657vw;
        width: 26.57005vw;
        height: 8.69565vw;
    }
    .pdp .quantityvalueselect {
        width: 26.57005vw;
        height: 8.69565vw;
        font-size: 3.1401vw;
    }
    .pdp .productVariations {
        width: auto;
        padding-left: 0;
        padding-right: 3.62319vw;
        margin: 1.44928vw 0 0;
        font-size: 2.89855vw;
    }
    .pdp .pdpVars {
        font-size: 2.89855vw;
    }
    .pdp .attributeVariant {
        flex-direction: row;
        align-items: center;
    }
    .pdp .labelVarSize {
        flex: 0 0 auto;
        margin: 0;
        font-size: 2.89855vw;
        margin-right: 2.41546vw;
        margin-left: 0.72464vw;
    }
    .pdp .variantValue {
        height: 8.69565vw;
    }    
    .pdp .variationSelect {
        min-width: 26.57005vw;
        width: 100%;
        font-size: 3.1401vw;
        height: 8.69565vw;
        padding: 1.44928vw 4.83092vw 1.44928vw 2.41546vw;
        line-height: 1.4;
    }
    .pdp .variationLabel {
        max-width: 64.7343vw;
        height: 8.69565vw;
        font-size: 3.1401vw;
        padding: 1.94928vw 4.83092vw 1.44928vw 2.41546vw;
    }
}

/** product detail addcart **/
.pdp .buttonArea {
    width: 100%;
}
.pdp .productAddToCart {
    display: block;
}
@media print, screen and (min-width: 48.0625em) {
    .pdp .productAddToCart {
        overflow: hidden;
    }
}
.pdp .productAddToCartRow {
    max-width: none;
    display: flex;
    flex-flow: row wrap;
}
.pdp .productAddToCartCol {
    flex: 1 1 0;
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    min-width: 0;
}
.pdp .ppdBottomButton {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pdp .productFormActions {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: row;
    column-gap: 12px;
    width: 100%;
}
.pdp .productAddToCart button {
    border-color: #323232;
    background-color: #323232;
    position: relative;
    border-radius: 2px;
    color: #FFFCF4;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
}
.pdp .productAddToCart button.refill {
    border: 1px solid #d6d6d6;
    background-color: #fff;
    color: #323232;
}
.pdp .ppdBottomNoadd {
    color: #C81414;
    text-align: center;
    -webkit-font-feature-settings: 'palt' on, 'pkna' on;
    font-feature-settings: 'palt' on, 'pkna' on;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    border: 0;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -31px;
    margin-bottom: 35px;
}
@media print, screen and (max-width: 48.0625em) {
    .pdp .ppdBottomButton {
        flex-flow: column;
        align-items: center
    }
    .pdp .productFormActions {
        width: 100vw;
        margin-bottom: 8.69565vw;
        padding-top: 8.69565vw;
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
        flex-wrap: wrap;
    }
    .pdp .productAddToCart button {
        width: 76.3285vw;
        margin: auto;
        height: 11.5942vw;
        border-radius: 0.48309vw;
        padding: 0;
        font-size: 3.1401vw;
    }
    .pdp .productAddToCart button:hover {
        /* SP表示でボタン押下時、chakra-ui で設定されたスタイルが適用されてボタンの色が変わらないように、ボタンの色を設定 */
        background-color: #323232;
    }
    .pdp .productAddToCart button.refill:hover {
        /* SP表示時、ボタンホバー時にボタンの色が黒くならないようにスタイル設定 */
        background-color: #fff;
    }

    .pdp .productAddToCart button.refill {
        margin-top: 2.89855vw;
        width: 76.3285vw;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        height: 11.5942vw;
        border-radius: 0.48309vw;
        padding: 0;
    }  
}
@media print, screen and (min-width: 48.0625em) {
    .pdp .buttonArea {
        padding-left: 17px;
    }
    .pdp .productAddToCartRow {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }
    .pdp .productAddToCartCol {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }
    .pdp .productFormActions {
        margin-right: 0;
    }  
    .pdp .productAddToCart button {
        max-width: 240px;
        width: 100%;
        height: 48px;
        padding: 9px 0;
        margin: 0;
    }
    .pdp .productFormActions button:hover, .pdp .productFormActions .button:hover {
        background-color: #323232;
        opacity: 0.5;
    }
    .pdp .productAddToCart button:hover {
        border: 0;
        background-color: #323232;
        opacity: 0.7;
    }
    .pdp .productAddToCart button.refill:hover {
        background-color: #fff;
        opacity: 0.5;
    }
}

.pdp .ppdBottomButton > * {
    margin-bottom: 39px;
    padding-top: 39px;
    border-top: 1px solid #d6d6d6;
}
@media screen and (max-width: 48em) {
    .pdp .ppdBottomButton > * {
        margin-bottom: 8.69565vw;
        padding-top: 8.69565vw;
    }
}
.pdp .ppdBottomButton .productFormActions {
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
}

/** product detail supplement **/
.pdp .supplement_productInfo {
    font-size: 14px;
}
.pdp .supplement_productInformation {
    padding: 30px 17px;
    background: #F9F9F9;
    border-top: 1px solid #d6d6d6;
}
.pdp .supplement_productInformationText {
    color: #888;
    font-feature-settings: 'palt' on, 'pkna' on;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
}
/* 20240930 IPSA_SFCC_OMS-1761 Start */
.pdp .supplement_productInfo .supplement_productInformation div{
    margin-bottom: 10px;
}
.pdp .supplement_productInfo .supplement_productInformation ul {
    list-style-type: none;
    margin: 10px 0 0;
    padding-left: 14.5px;
}
.pdp .supplement_productInfo .supplement_productInformation ul li {
    position: relative;
}
.pdp .supplement_productInfo .supplement_productInformation ul li.attention {
    color: #C81414;
}
.pdp .supplement_productInfo .supplement_productInformation ul li::before {
    content: '※';
    position: absolute;
    font-size: 12px;
    top: 0;
    left: -14px;
}
@media screen and (max-width: 48em) {
    .pdp .supplement_productInformation {
        padding: 7.24637vw 4.10628vw;
    }    
    .pdp .supplement_productInformationText {
        font-size: 2.89855vw;
    }
    .pdp .supplement_productInfo .supplement_productInformation div{
        margin-bottom: 2.41546vw;
    }
    .pdp .supplement_productInfo .supplement_productInformation ul {
        margin-top: 2.41546vw;
        padding-left: 3.50242vw;
    }
    .pdp .supplement_productInfo .supplement_productInformation ul li::before {
        font-size: 2.89855vw;
        left: -3.38164vw;
    }
}
/* 20240930 IPSA_SFCC_OMS-1761 End */
@media print, screen and (min-width: 48.06125em) {
    .pdp .supplement_productInfo {
        padding-left: 17px;
    }
}

/** product detail free html **/
.pdp .freehtml_productInformation {
    border-top: 1px solid #d6d6d6;
}
.pdp .freehtml_productInformationText {
    margin: 32px 40px 50px;
    padding: 0;
    color: #323232;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    font-feature-settings: 'palt';
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
}
@media print, screen and (min-width: 48.06125em) {
    .pdp .freehtml_productInfo {
      padding-left: 17px;
    }  
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .freehtml_productInformationText {
        font-size: 3.38164vw;
        line-height: 5.31400vw;
    }    
}
.pdp .pdpMain p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.pdp .productAddToCartFixed p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
/** product detail accordion **/
.pdp .accordion_productInfo .accordion {
    background-color: #fffae7;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin: -1px 0 0;
}
.pdp .accordionHeader {
    font-size: 15px;
    color: #282828;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    line-height: 60px;
    letter-spacing: 1.5px;
}
.pdp .productDescDetail {
    padding: 40px 40px 0 40px;
    font-feature-settings: 'palt';
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .accordion_productInfo .accordion {
        padding: 0 4.34783vw;
        font-size: 3.62319vw;
        margin-right: -0.9375rem;
        line-height: 14.49275vw;
        margin-left: -0.9375rem;
    }
    .pdp .accordionHeader {
        font-size: 3.62319vw;
        line-height: 14.49275vw;
    }
    .pdp .productDescDetail {
        padding: 7.72947vw 0 0;
        letter-spacing: 0.5px;
    }    
}
.pdp .frameGroup1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}
.pdp .accordionTitle {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 24px;
    border-top: 1px solid #d6d6d6;
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .accordionTitle {
        margin-top: 5.7971vw;
    }
}
.pdp .accordionAccordion {
    align-self: stretch;
    height: 1px;
    position: relative;
    border-top: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.pdp .chevronAccordion {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    align-items: center;
    line-height: 1.667;
    margin-top: 14px;
    margin-bottom: 9px;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-size: 12px;
    color: #323232;
    text-align: center;
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .chevronAccordion {
        font-size: 2.89855vw;
        margin-top: 3.38164vw;
        margin-bottom: 2.17391vw;
    }
}
.pdp .accordionTxt {
    position: relative;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    text-align: left;
    flex: 1;
    font-size: 14px;
    line-height: 22px;
    color: #323232;
    display: inline-block;
    max-width: 100%;
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .accordionTxt {
        font-size: 3.38164vw;
        line-height: 1.571;
    }
}
.pdp .accordionButton {
    align-self: stretch;
    display: flex;
    justify-content: center;
    flex: 1;
}
.pdp .accordionchevron {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-weight: bold;
    color: #fffcf4;
    height: 45px;
    width: 316px;
    border-radius: 2px;
    background-color: #323232;
}
.pdp .productSubDesc {
    margin: 0 0 50px 0;
    color: #888;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    font-feature-settings: 'palt';
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .accordionchevron {
        border-radius: 0.48309vw;
        height: 11.5942vw;
        width: 100%;
        font-size: 3.1401vw;
    }
    .pdp .accordionchevron:hover {
        /* SP表示でボタン押下時、chakra-ui で設定されたスタイルが適用されてボタンの色が変わらないように、ボタンの色を設定 */
        background-color: #323232;
    }
    .pdp .productSubDesc {
        margin-bottom: 8.69565vw;
        font-size: 2.89855vw;
    }    
}
@media print, screen and (min-width: 48.06125em) {
    .pdp .accordion_productInfo {
        padding-left: 17px;
        letter-spacing: 0.03em;
    }  
    .pdp .accordionchevron:hover {
        background-color: #323232;
        opacity: 0.7;
    } 
}
@media print, screen and (max-width: 48.06125em) {
    .pdp .accordion_productInfo {
        padding-right: 4.10628vw;
        padding-left: 4.10628vw;
    }  
}
/** product detail localize **/
.pdp .charactorChange {
    width: 100%;
    max-width: 1084px;
    margin: 0 auto;
    padding-bottom: 16px;
}
.pdp .charactorChange .charactor {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 0;
    margin-top: 32px;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    list-style-type: disc;
}
.pdp .charactorChange .charactor li {
    list-style-type: none;
    margin: 0 15px;
}
.pdp .charactorChange .charactor li a {
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0;
}
.pdp .charactorChange ul {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.pdp li {
    display: list-item;
    text-align: -webkit-match-parent;
}
@media print, screen and (max-width: 48.0625em) {
    .pdp .charactorChange {
        padding-bottom: 3.86473vw;
    }
    .pdp .charactorChange .charactor {
        margin-top: 7.72946vw;
    }
    .pdp .charactorChange .charactor li {
        margin: 0 3.62319vw;
    }
    .pdp .charactorChange .charactor li a {
        font-size: 3.38164vw;
        text-decoration: underline;
    }
}
@media print, screen and (min-width: 48.0625em) {
    .pdp .charactorChange {
        padding-left: 17px;
    }  
    .pdp .charactorChange .charactor li a {
        border-radius: 0;
        background: linear-gradient(currentColor, currentColor) no-repeat left 0% bottom 0px / 100% 1px;
        text-decoration: none !important;
        transition: background-size .3s ease;
    }
    .pdp .charactorChange .charactor li a:hover {
        background-position: left 100% bottom 0px;
        background-size: 0% 1px;
    }
}

/** product detail contentzone **/
.pdp .pdp-content-section {
    margin-top: 40px;
    text-align: justify;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
}
.pdp .pdp-content-inner {
    margin: 0 auto;
}
.pdp .pdp-content-inner .column {
    font-size: 14px;
    padding-right: 0;
    padding-left: 0;
}
@media print, screen and (max-width: 48.0625em) {
    .pdp .pdp-content-section {
        margin-top: 10.38647vw;
    }    
}
@media print, screen and (min-width: 48.0625em) {
    .pdp .pdp-content-inner {
        max-width: 1036px;
        width: 100%;
    }
    .pdp .pdp-content-inner .column {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

/** icon font **/
/* @font-faceはimportするとSVGでエラーになるため、Helmet読み込みだけにする */

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
.icon-info:before {
    content: "\e918";
}

.icon-close:before {
    content: "\e913";
}
  
/** product detail bottom button **/
.pdp .productAddToCartFixed {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 23px 0;
    background-color: #fff;   
}
.pdp .productAddToCartFixed .productAddToCartFixedWrap {
    width: 100%;
    max-width: 1036px;
    margin-left: auto;
    margin-right: auto;
}
.pdp .productAddToCartFixed .productAddToCart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    margin-left: 50%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.pdp .productAddToCartFixed .productPriceSelect {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
    flex: 0 1 auto;
    position: relative;
    width: 100%;
    max-width: 310px;
    min-width: 170px;
    margin-right: 1.15em;
    padding-left: 16px;
    padding-right: 40px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-size: 14px;
    cursor: pointer;
}
.pdp .productAddToCartFixed .productPriceSelect img {
    width: 6.76329vw;
    height: 6.76329vw;
    margin-right: 2.35507vw;
}
.pdp .productAddToCartFixed .productPriceSelect::after {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
    pointer-events: none;
    width: 6px;
    height: auto;
    transform: rotate(90deg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
@media screen and (max-width: 48em) {
    .pdp .productAddToCartFixed .productPriceSelect::after {
        right: 2.17391vw;
        width: 1.44928vw;
    }
}
.pdp .productAddToCartFixed .productPriceSelect > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 48em) {
    .pdp .productAddToCartFixed .productPriceSelect > span {
        font-size: 2.89855vw;
        padding-left: 0;
        padding-top: 1.20773vw;
        padding-bottom: 0.96618vw;
    }
}
.pdp .productAddToCartFixed .productPriceSelect .productPriceSelectPrice {
    display: block;
    color: rgba(50, 50, 50, 0.5);
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif
}
.pdp .productAddToCartFixed .productPriceSelect .productPriceSelectPrice .productPriceSelectTax {
    font-size: 10px;
    font-style: normal;
    line-height: normal;
}
.pdp .productAddToCartFixed .productPrice {
    flex: 0 0 auto;
    margin-right: 2em;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-size: 18px;
}
.pdp .productAddToCartFixed .priceSales {
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-size: 18px;
}
.pdp .productAddToCartFixed .productPriceTaxinc {
    display: block;
    font-size: 10px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
}
.pdp .productAddToCartFixed .ppdBottomButton {
    flex: 0 2 auto;
    width: 100%;
    max-width: 360px;
    min-width: 136px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pdp .productAddToCartFixed .productAddToCartFixedWrap .productFormActions {
    border-top: 0;
    padding: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: row;
    column-gap: 12px;
}
.pdp .productAddToCartFixed .ppdBottomButton > * {
    margin-bottom: 0;
}
.pdp .productAddToCartFixed .productAddToCart button {
    width: 100%;
    height: 54px;
    margin-right: 0;
    border-color: #323232;
    background-color: #323232;
    position: relative;
    border-radius: 2px;
    color: #FFFCF4;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    display: inline-block;
}
.variantModal {
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 3, 3, 0.5);
    transform: scale(0);
    transition: transform 0.25s ease;
}
.variantModal.show {
    transform: scale(1);
    transition-duration: 0.35s;
}
.variantModal.show .variantModalInner {
    opacity: 1;
    pointer-events: auto;
    transition-duration: 0.2s;
    transition-delay: 0.2s;
}
.variantModalInner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 800px;
    padding: 16px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s ease 0s;
}
.variantModalInner h2 {
    margin: 0;
    padding: 16px 8px 32px;
    font-family: "Hiragino Kaku Gothic W4 JIS2004", sans-serif;
    font-size: 20px;
}
.variantModalSelect {
    max-height: 790.031px;
}
.variantModal .variantModalSelect {
    overflow-y: auto;
}
.variantModal .variantModalSelect ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.variantModal .variantModalSelect li {
    list-style: none;
    width: calc(50% - 16px);
    margin: 0 8px 16px;
}
.variantModal .variantModalSelect li a.selected {
    background-color: rgba(50, 50, 50, 0.04);
}
.variantModal .variantModalSelect li a {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 10.5px 20px 15px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 1.571;
}
.variantModal .variantModalSelect li img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    vertical-align: bottom;
}
.variantModal .variantModalClose {
    position: absolute;
    top: 24px;
    right: 14px;
    margin: 0;
    width: 11px;
    height: 11px;
    cursor: pointer;
    z-index: 1;
}
.variantModal .variantModalClose img {
    max-width: 11px;
}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    border-style: none;
}
@media print, screen and (max-width: 48.0625em) {
    .pdp .productAddToCartFixed {
        display: block;
        padding: 0;
        border-top: 0.24155vw solid #d6d6d6;
        border-bottom: 0.24155vw solid #d6d6d6;
    }
    .pdp .productAddToCartFixed .productAddToCart {
        width: 100%;
        margin-left: 0;
        padding-left: 4.10628vw;
        padding-right: 4.10628vw;
        padding-top: 4.10628vw;
        padding-bottom: 3.1401vw;
        margin-bottom: -0.48309vw;
    }
    .pdp .productAddToCartFixed .productPriceSelect {
        flex: 0 1 auto;
        margin-right: 0;
        padding-left: 2.71739vw;
        padding-right: 7.24638vw;
        max-width: 51.69082vw;
    }
    .pdp .productAddToCartFixed .productPriceSelect .productPriceSelectPrice {
        font-size: 2.89855vw;
    }
    .pdp .productAddToCartFixed .productPriceSelect .productPriceSelectPrice .productPriceSelectTax {
        font-size: 2.41546vw;
        margin-right: 1.20773vw;
    }
    .pdp .productAddToCartFixed .productPrice {
        margin-right: 0.8em;
        font-size: 4.34783vw;
        margin-bottom: -1.44928vw;
    }
    .pdp .productAddToCartFixed .priceSales {
        font-size: 4.34783vw;
    }    
    .pdp .productAddToCartFixed .productPriceTaxinc {
        font-size: 2.41546vw;
    }
   .productAddToCartFixed .ppdBottomButton {
        max-width: none;
        flex-flow: column;
    }
    .productAddToCartFixed .productFormActions {
        padding-left: 0.96618vw !important;
    }
    .pdp .productAddToCartFixed .productAddToCart button {
        width: 60.86957vw;
        height: 11.5942vw;
        margin: auto;
        border-radius: 0.48309vw;
        padding: 0;
        font-size: 3.1401vw;
        margin-right: 0;
        /* chakra-ui で設定されたデフォルトのスタイルでuser agent styleseet のスタイルが当たらないため、明示的に設定 */
        font-weight: 400;
        letter-spacing: 0.05em;
    }
    .variantModal {
        transition-duration: 0s;
        transition-delay: 0.27s;
    }
    .variantModal.show {
        transition-duration: 0s;
        transition-delay: 0s;
        fill: rgba(50, 50, 50, 0.5);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
    .variantModal.show .variantModalInner {
        transition-duration: 0.3s;
        transition-delay: 0.1s;
        transform: translateY(0);
    }
    .variantModalInner {
        top: auto;
        left: 0;
        bottom: 0;
        padding: 0 4.10628vw;
        padding-right: 2.41546vw;
        max-height: calc(100vh - 80px);
        transition-property: opacity, transform;
        transition-duration: 0.3s;
        transform: translateY(100%);
    }
    .variantModalInner h2 {
        padding: 4.34783vw 0 3.38164vw;
        font-size: 4.10628vw;
        line-height: 1.588;
    }
    .variantModalSelect {
        max-height: 70vh;
    }
    .variantModal .variantModalSelect ul {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 7.24638vw;
        padding-right: 1.69082vw;
    }
    .variantModal .variantModalSelect li {
        width: 100%;
        margin: 0;
        border-top: 0.24155vw solid #d6d6d6;
    }
    .pdp .variantModal .variantModalSelect li:last-child {
        border-bottom: 0.24155vw solid #d6d6d6;
    }
    .variantModal .variantModalSelect li a {
        display: flex;
        align-items: center;
        height: 16.18357vw;
        padding: 0.48309vw 0 0 2.53623vw;
        font-size: 3.38164vw;
    }
    .variantModal .variantModalSelect li img {
        width: 6.76329vw;
        height: 6.76329vw;
        margin-right: 2.41546vw;
    }
    .variantModal .variantModalClose {
        top: 2.657vw;
        right: 2.657vw;
        padding: 4.83092vw;
        background-size: 2.657vw 2.657vw;
    }
}
@media print, screen and (min-width: 48.0625em) {
    .pdp .productAddToCartFixed .productAddToCart button {
        max-width: 240px;
        width: 100%;
        height: 48px;
        padding: 9px 0;
        margin: 0;
    }
    .variantModal {
        display: none;
    }
    .variantModal .variantModalSelect li a {
        border: 1px solid #eee;
    }
}
/* BMに設定されたコンテンツでslickを使う場合の定義を記載
サムネイルのslick でのみ適用したいスタイルがある場合は、 productThumbnails をセレクタに含めること */
.pdp .slick-prev:before {
    content: '\e903';
}
.pdp .slick-next:before {
    content: '\e906';
}
.pdp .slick-prev {
    left: 0;
}
.pdp .slick-next {
    right: 0;
}
.pdp .slick-dots {
    display: block;
    width: 100%;
    padding-left: 0px !important;
    list-style: none;
    text-align: center;
}
/* .pdp li に設定されたcss でデザインが崩れないようにするために追加 */
.pdp .slick-dots li {
    display: inline-block;
}