@charset 'utf-8';

/* ---------- スマートフォン ----------*/
@import 'https://raimudou.itembox.cloud/item/css/common-device.css?t=20261103001044' screen and (max-width: 767px);
@import 'https://raimudou.itembox.cloud/item/css/fs.css?t=20261103001044' screen and (max-width: 767px);
@import 'https://raimudou.itembox.cloud/item/css/group.css?t=20261103001044' screen and (max-width: 767px);
@import 'https://raimudou.itembox.cloud/item/css/item.css?t=20261103001044' screen and (max-width: 767px);



/* ---------- PC ----------*/
@import 'https://raimudou.itembox.cloud/item/css/common.css?t=20261103001044' screen and (min-width: 768px);
@import 'https://raimudou.itembox.cloud/item/css/fs.css?t=20261103001044' screen and (min-width: 768px);
@import 'https://raimudou.itembox.cloud/item/css/group.css?t=20261103001044' screen and (min-width: 768px);
@import 'https://raimudou.itembox.cloud/item/css/item.css?t=20261103001044' screen and (min-width: 768px);


.fs-body-product .fs-c-productShippingDateNote{color:#cc0000;}


/* 注文画面の商品名が縦長になる問題の改善 */
@media screen and (min-width: 768px) {
  .fs-c-cartTable {
    width: 100%;
    table-layout: auto;
  }

  .fs-c-cartTable__dataCell--product {
    width: 75%;
    min-width: 320px;
  }

  .fs-c-cartTable__productInfo {
    min-width: 0;
  }

  .fs-c-listedProductName__name {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }
}



/* 注文画面の備考欄を横長に表示 */
.fs-body-checkout .fs-c-checkout-communicationInfo
.fs-c-checkout-previewAndEdit {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* 備考欄の表示エリア */
.fs-body-checkout .fs-c-checkout-communicationInfo__info {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 150px;
  padding: 14px;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-sizing: border-box;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* 変更ボタンを右下に配置 */
.fs-body-checkout .fs-c-checkout-communicationInfo
.fs-c-checkout-previewAndEdit__button {
  align-self: flex-end;
  width: auto;
  margin-top: 12px;
}