@charset "UTF-8";
/* =====================================================================
*
*    LDC作成　マイページ用CSS
*
* =================================================================== */
/* breakpoint
---------------------- */
/* 購入商品＆次回発送商品詳細
------------------------------ */
.ldc {
  /* 通常のオーダーヘッダー */
  /* 5列用のオーダーヘッダー */
  /* 通常のオーダー表示 */
  /* 5列用のオーダー表示 */
  /* スマートフォン表示時のスタイル調整 (max-width: 767px) */
}
.ldc__order-wrap {
  margin-bottom: 10px;
}
.ldc__order-list {
  border-bottom: 1px dashed #c0c0c0;
  margin-bottom: 30px;
}
.ldc__nextpay-title {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .ldc__nextpay-title {
    margin-bottom: 1rem;
  }
}
.ldc__grand-total--text {
  font-weight: bold;
  color: #e60000;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .ldc__grand-total--text {
    margin-top: 10px;
  }
}
.ldc__nextpay-info {
  font-size: 1.6rem;
  color: #666;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .ldc__nextpay-info {
    font-size: 1.3rem;
  }
}
.ldc__order-header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  background: #f8f8f8;
  padding: 20px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ldc__order-header {
    /* SP時ヘッダーを非表示 */
    display: none;
  }
}
.ldc__order-header-5col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: #fffce5;
}
@media screen and (max-width: 767px) {
  .ldc__order-header-5col {
    /* SP時ヘッダーを非表示 */
    display: none;
  }
}
.ldc__order {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 20px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .ldc__order {
    display: block;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .ldc__order li {
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .ldc__order li:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .ldc__order > li::before {
    font-weight: bold;
    margin-right: 8px;
    color: #272727;
  }
}
.ldc__order-5col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 767px) {
  .ldc__order-5col {
    display: block;
    background-color: #fffce5;
  }
}
@media screen and (max-width: 767px) {
  .ldc__noborder li {
    margin: 0;
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .ldc__noborder li {
    margin: 0;
    border: none;
  }
  .ldc__noborder .combined-3cell {
    padding: 0 0 0 1rem;
  }
  .ldc__orderNum::before {
    content: "ご注文番号:";
  }
  .ldc__orderDate::before {
    content: "ご購入日:";
  }
  .ldc__paymentTotal::before {
    content: "総合計:";
  }
  .ldc__orderStatus::before {
    content: "ご注文状況:";
  }
  .ldc__creditStatus::before {
    content: "与信状況:";
  }
  .ldc__shippingDate::before {
    content: "配送希望日:";
  }
  .ldc__orderName {
    border: none;
  }
  .ldc__orderName::before {
    content: "商品名:";
  }
  .ldc__itemCount::before {
    content: "注文数:";
  }
  .ldc__item-total::before {
    content: "商品合計:";
  }
  .ldc__coupon-discount::before {
    content: "クーポン割引額:";
  }
  .ldc__points-used::before {
    content: "ポイント利用額:";
  }
  .ldc__subscription-discount::before {
    content: "定期購入割引額:";
  }
  .ldc__grand-total::before {
    content: "総合計(税込):";
  }
  .ldc__subtotal::before {
    content: "小計（税込）:";
  }
  .ldc__unitprice::before {
    content: "単価（税込）:";
  }
}

/* 2列結合セル */
.combined-2cell {
  grid-column: span 2;
}

/* 3列結合セル */
.combined-3cell {
  grid-column: span 3;
}