/** 【TW 1.0】 Start サムネイル画像を正方形に修正 */
.thumbnailImage{
  width: 100%!important;
  object-fit: cover;
}

.modalErrText{
	color: red!important;
}
/** 【TW 1.0】 End サムネイル画像を正方形に修正  */

/** amazonPayボタン デザイン変更 **/
#AmazonPayButton{
    pointer-events: none;
    display: contents;
    max-width: fit-content;
}
button.product-amazonpay-button {
    overflow: visible;
}

@media (min-width :767px) and (max-width :1200px) {
    /** 読み込み順によってbase.jsでオーバーライドされるためimportant付与 **/
    .p-product-show-detail__conversion-area--quantity > .p-product-show-detail__conversion-button.c-button--secondaryA-blue {
        margin-bottom: 30px !important;
    }
}

.p-common-item-slider__slide > a.c-panel-select {
    background-color: #e5f6fc;
}

/** 最短お届け日注意文言**/
.deliverydate-attention {
    font-size: 12px;
    margin: 10px 0;
    color: #7f7f7f;
}

/** 購入上限数表示**/
.tx-product-purchase-limit {
    margin-top: 10px;
}

/** 【TW 1.0】 #22638 AmazonPayボタンの修正 Start. */
/*.c-button--secondaryA-blueで背景が青くなるため白にする*/
.product-amazonpay-button {
    background-color: #fff!important;
}
.product-amazonpay-button::before {
    display: none;
}
/** 【TW 1.0】 #22638 AmazonPayボタンの修正 End. */

/** 【TW 1.0】 #19639 商品画像モーダルのデザイン修正 Start. */
.p-products-show__sliderimage-modal {
    height: 750px !important;
}

.p-products-show__sliderimage-modal .modaal-gallery-item-wrap {
    height: 650px !important;
    justify-content: center;
}

.p-products-show__sliderimage-modal .modaal-gallery-item.is_active {
    display: flex !important;
    align-items: center;
    justify-content:center;
    height: 650px !important;
}
.p-products-show__sliderimage-modal .modaal-gallery-item.is_active img {
    max-height: -webkit-fill-available;
    object-fit: contain;
    font-family: 'object-fit: contain;';
}

/** 暫定： スマホを横表示した場合の対応 **/
@media (max-height :500px) {
    .p-products-show__sliderimage-modal {
         height: 240px !important;
    }
    .p-products-show__sliderimage-modal .modaal-gallery-item.is_active {
        height: 50% !important;
    }
}
/** 【TW 1.0】 #19639 商品画像モーダルのデザイン修正 End. */

/** 【TW 1.0】 #19638 レビューエリアのデザイン修正 Start. */
@media screen and (min-width: 768px) {
    .p-product-show-review__section .p-product-show-review__inner .p-product-show-review__contents {
        margin-bottom: 90px;
    }
    .p-product-show-review__section .p-product-show-review__inner .p-product-show-question__contents {
        margin-top: 0px;
    }
    /** 【TW 1.0】#33222（ECPF-2481）対応 商品画像の複数枚追加とUI改善 Start. */
    .p-products-show__sliderimage-modal {
        padding: 50px;
    }
    /** 【TW 1.0】#33222（ECPF-2481）対応 商品画像の複数枚追加とUI改善 End. */
}
/** 【TW 1.0】 #19638 レビューエリアのデザイン修正 End. */

/** 【TW 1.0】#33222（ECPF-2481）対応 商品画像の複数枚追加とUI改善 Start. */
@media screen and (max-width: 767px) {
    .p-products-show__sliderimage-modal {
        height: auto!important;
    }
}
/** 【TW 1.0】#33222（ECPF-2481）対応 商品画像の複数枚追加とUI改善 End. */

/** 【TW 1.0】 #28789（ECPF-2062） ARコンテンツのQRコードのスタイル調整 Start. */
/*デザインはimg タグだが、実装はdiv でQRコードを表示*/
.qr-img {
    margin-top: 30px;
    margin-bottom: 20px;
}
/** 【TW 1.0】 #28789（ECPF-2062） ARコンテンツのQRコードのスタイル調整 End. */
/** 【TW 1.0】#33831（ECPF-2634）対応 同時購入商品に商品詳細へのリンクを設置する  Start. */
/*商品詳細ページ内のセット品詳細リンクは非表示とし、モーダル内に表示した場合のみ表示する。*/
.block3 .p-products-show__changeitme-modal-detail-link {
    display: none;
}
/** 【TW 1.0】#33831（ECPF-2634）対応 同時購入商品に商品詳細へのリンクを設置する  End. */