/* 共通設定 */
html body.fs-body-checkout div.fs-c-checkout-shippingDetail div.fs-c-checkout-shippingDetail__deliveryDetail {
    grid-template-columns: 1fr !important;
}

html body.fs-body-checkout div.fs-c-checkout-shippingDetail div.fs-c-checkout-shippingDetail__button {
    grid-column: 1 !important;
}

html body.fs-body-checkout div.fs-c-checkout-shippingDetail button.fs-c-button--change--small {
    background: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    padding: 15px 0px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

/* PC版表示（1025px以上）でのラベル変更 */
@media screen and (min-width: 1025px) {
  .fs-c-checkout-delivery_method__button .fs-c-button__label {
      font-size: 0 !important;
  }
  .fs-c-checkout-delivery_method__button .fs-c-button__label::before {
      content: "お届け希望日／時間を設定する";
      font-size: 16px !important;
      display: inline-block;
  }
}

/* スマホ向け（767px以下）でのレイアウト調整 */
@media screen and (max-width: 767px) {
    html body.fs-body-checkout div.fs-c-checkout-shippingDetail div.fs-c-checkout-shippingDetail__deliveryDetail {
        display: block !important;
    }
    html body.fs-body-checkout div.fs-c-checkout-shippingDetail div.fs-c-checkout-shippingDetail__button {
        margin-top: 20px !important;
    }

    /* スマホでもラベルを変更する場合は下記も有効化 */
    .fs-c-checkout-delivery_method__button .fs-c-button__label {
        font-size: 0 !important;
    }
    .fs-c-checkout-delivery_method__button .fs-c-button__label::before {
        content: "お届け希望日／時間を設定する";
        font-size: 16px !important;
        display: inline-block;
    }
}


.fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-button__label {
    font-size: 0 !important;
}

.fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-button__label::before {
    content: "お届け希望日／時間を設定する" !important;
    font-size: 16px !important;
    display: inline-block !important;
}

.fs-c-checkout-note__textarea {
  height: 300px !important;
}