/* ==================================
  対象：注文手続きに関する部分
  ・カート内表示
  ・注文手続き画面
 　 ……など。
================================== */

@charset "UTF-8";

/* ご注文手続きページの幅（PCのみ） */
.fs-l-main:has(.fs-l-checkout__mainColumn) {
    max-width: 750px;
}

/* ご注文手続きページの項目間のスペースと背景設定 */
.fs-l-checkout__mainColumn>div {
    margin-bottom: 15px;
    padding: 3%;
    background-color: #f0f7f3;
}

/* ご注文手続きページの注文内容「変更」をボタンに見せる */
.fs-c-checkout-preview__button a span {
    background-color: #d5a95c;
    color: #000;
    padding: 2px 14px;
    border-radius: 30px;
}
@media screen and (max-width: 750px) {
    .fs-c-checkout-preview__button a span {
        color: #fff;
        padding: 7px 34px;
    }
}

/* 小計の金額が改行しないようセル幅を調整（PCのみ） */
.fs-c-cartTable__headerCell--subtotal {
    width: 110px;
}

/* ご注文手続きページで「変更」などを押した後の画面内のボタン間のスペース（PCのみ） */
@media screen and (min-width: 751px) {
   .fs-c-inputInformation__button button {
       margin-bottom: 10px;
   }
}

/* ご注文手続きページで「お届け先リストから選ぶ」を押した後の画面内のボタン間のスペース */
.fs-c-buttonContainer {
 margin-top: 6px;
}

/* ご注文手続き画面の配送方法欄を非表示に-- */
#fs-deliveryInfo-container {
    display: none;
}

/* ご注文手続きページ代引手数料デフォルト表記を非表示に-- */
.fs-c-checkout-paymentMethod--cashOnDelivery .fs-c-checkout-paymentMethod__setting {
    display: none;
}

/* 楽天ペイ支払い時に一番下に表示されるボタンのデフォルト背景色を消す */
button.fs-c-button--confirmOrder--rakutenPay {
    background: none;
}

/* 注文手続き画面の項目の文字サイズ-- */
h2.fs-c-checkout-preview__title {
    font-size: 1.4em;
    margin-bottom: 10px;
}

/* 注文手続き画面のお客様名のサイズ-- */
.fs-c-checkout-customerInfo__name,
.fs-c-checkout-destination__name {
    font-size: 1.3em;
}
@media screen and (max-width: 750px) {
    .fs-c-checkout-customerInfo__name,
    .fs-c-checkout-destination__name {
        font-size: initial;
    }
}

/* 通信欄の表示幅-- */
.fs-c-inputTable--inModal {
    width: 100%;
}

/* 注文手続き画面の利用ポイント、ギフト指定有無 の文字サイズ-- */
dd.fs-c-checkout-confirmationList,
.fs-c-checkout-confirmationList__value {
    font-size: 1.6em;
}
@media screen and (max-width: 750px) {
    dd.fs-c-checkout-confirmationList,
    .fs-c-checkout-confirmationList__value {
        font-size: initial;
    }
}

/* 注文手続き画面でのクーポン割引-- */
.fs-c-checkout-couponList__couponDiscount {
    color: #e76b34; /*文字色*/
    display: flex; /*1行表示にする*/
    align-items: baseline;
    column-gap: 8px;　/*値引き額の両端に余白*/
}
.fs-c-checkout-couponList__couponDiscount .fs-c-price--inline {
    font-size: 120%; /*値引き額を少し大きく*/
}
.fs-c-checkout-couponList {
    margin: 25px 0 8px 0;
}

/* 「お届け先リストから選ぶ」ボタンを押したときのモーダル内 */
li.fs-c-checkout-addressee {
    margin-bottom: 20px;
}

/* 注文手続き画面の返品特約部分のみ背景色透明＆下線-- */
.fs-l-checkout__mainColumn .fs-c-returnedSpecialContract {
    background-color: transparent;
    text-decoration: underline;
}

/*選択できない支払方法の説明文の余白調整*/
.fs-c-checkout-paymentMethod__disabledMessage {
    margin-left: 15px;
    padding-bottom: 10px;
}

/*選択できない支払方法の説明文の項目名の背景色　★設定中！
.fs-c-checkout-paymentMethodList summary.accordion-heading,
.fs-c-checkout-paymentMethodList
    details.accordion-QA[open]
    summary.accordion-heading {
    background-color: #e3efe8;
}*/