/** Shopify CDN: Minification failed

Line 26:0 Unexpected "{"
Line 26:1 Expected identifier but found "%"
Line 26:65 Expected identifier but found "%"

**/
/* カート画面 */
.cart-item.option-item .cart-item-image,
.cart-item.option-item .cart-item-original-price,
.cart-item.option-item .cart-item__quantity .cart-item-col-wrapper {
  display: none;
}
.cart-item.option-item .cart-item-detail {
  margin-left: 20px;
}
.cart-item td {
  border-top: 1px solid var(--nh-black-200);
  border-bottom: 1px solid var(--nh-black-200);
}
.cart-item.option-item td,
.cart-item.assort-item td {
  border: none !important;
  padding: 1rem 0.25rem !important;
}
{% comment %}配送日時アプリコンポーネント調整用{% endcomment %}
.shopify-section.section .page-width {
  max-width: var(--column-full-middle);
  padding: 0 16px;
  margin: 0 auto;
}

/* =========================================================
  delivery-datetime
  DOM変更なし / 既存delivery.css完全上書き版
  ========================================================= */

/* ---------- 変数（ここだけ触れば全体調整できる） ---------- */
#delivery-datetime--isRender{
  --dd-label: 240px; /* 左ラベル幅 */
  --dd-gap: 24px;    /* 左右の隙間 */
  --dd-row: 16px;    /* 行間 */
}

/* ---------- 外枠（400px縛り解除） ---------- */
#delivery-datetime--isRender.delivery-container{
  max-width: none !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  text-align: left !important;

  border: 1px solid var(--color-border, #e5e5e5);
  border-radius: 4px;
}

/* ---------- 中身をGrid化 ---------- */
#delivery-datetime--isRender .delivery_box{
  padding: 24px 16px !important;

  display: grid;
  grid-template-columns: var(--dd-label) 1fr;
  column-gap: var(--dd-gap);
  row-gap: var(--dd-row);
  align-items: center;
}

/* ---------- タイトル（お届け希望日時） ---------- */
#delivery-datetime--isRender .delivery-title{
  margin: 0 !important; /* 既存の margin-top:20px 等を殺す */
}

#delivery-datetime--isRender .delivery-title.title-border{
  grid-column: 1 / -1;
  border-bottom: 1px solid #ccc !important;
  padding: 12px 0 16px !important;
  margin-bottom: 8px !important;
}

/* ---------- 通常ラベル（左カラム） ---------- */
#delivery-datetime--isRender .delivery-title:not(.title-border){
  grid-column: 1;
  font-weight: 600;
}

/* ---------- 入力・select（右カラム） ---------- */
#delivery-datetime--isRender .delivery-title + .amp-text__field,
#delivery-datetime--isRender .delivery-title + div{
  grid-column: 2;
}

#delivery-datetime--isRender input[type="tel"],
#delivery-datetime--isRender select,
#delivery-datetime--isRender .delivery-select-container__select{
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ---------- 空div対策 ---------- */
#delivery-datetime--isRender .delivery_box > div:empty{
  display: none !important;
}

/* ---------- react-loading-skeletonが邪魔するのを防ぐ ---------- */
#delivery-datetime--isRender .react-loading-skeleton{
  display: block !important;
  width: 100% !important;
}

/* =========================================================
  🚨 アラート（郵便番号入力後に〜）専用調整
  縦1文字問題を根本解決
  ========================================================= */

/* 余計なマージンを完全リセット */
#delivery-datetime--isRender .statement__wrapper--warning{
  margin: 0 !important;
  max-width: none !important;
}

/* アラートを含む行だけ「全幅」にして右カラム位置から表示 */
#delivery-datetime--isRender .delivery-title:has(.statement__wrapper--warning){
  grid-column: 1 / -1;
  padding-left: calc(var(--dd-label) + var(--dd-gap));
  margin-top: -8px !important; /* 郵便番号入力欄との距離調整 */
}

/* アラート本体の幅を自然に */
#delivery-datetime--isRender
  .delivery-title:has(.statement__wrapper--warning)
  .statement__wrapper--warning{
  width: min(560px, 100%);
  box-sizing: border-box;
}

/* ---------- 下部注意文は全幅 ---------- */
#delivery-datetime--isRender .delivery-caution__statement{
  grid-column: 1 / -1;
  margin: 0 !important;
}

/* =========================================================
  SP（<=749px）
  ========================================================= */
@media screen and (max-width: 749px){
  #delivery-datetime--isRender{
    --dd-label: 1fr;
    --dd-gap: 0px;
    --dd-row: 12px;
  }

  #delivery-datetime--isRender .delivery_box{
    grid-template-columns: 1fr;
  }

  #delivery-datetime--isRender .delivery-title,
  #delivery-datetime--isRender .delivery-title + .amp-text__field,
  #delivery-datetime--isRender .delivery-title + div{
    grid-column: 1;
  }

  #delivery-datetime--isRender
    .delivery-title:has(.statement__wrapper--warning){
    padding-left: 0;
    margin-top: 0 !important;
  }
}  

/* 商品ページ */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP {
  /* ブロック全体の余白はお好みで */
  margin: 12px 0 0;
}

/* AMP側が .delivery-container を使い回すので、ここだけ見た目を上書き */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-container{
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

/* 1) 1行目（都道府県select + へお届けの場合）を “フォーム行” に寄せる */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-mindate-wrapper{
  color: inherit !important;
}

#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .flex-center{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  /* inline styleを潰す */
  font-size: 14px !important;
  color: inherit !important;

  margin: 0 !important;
}

/* selectの外枠（amp-select-allow付き） */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-select-container{
  width: 220px !important;            /* 170px→少し広めに（要調整） */
  position: relative !important;
}

/* select本体 */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-select-container__select{
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;

  border: 1px solid var(--color-border, #d0d0d0) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: inherit !important;

  padding: 0 36px 0 12px !important;  /* 右に矢印分の余白 */
  font-size: 14px !important;
  box-sizing: border-box !important;
}

/* 右の矢印（amp-select-allow ::after）を theme に合わせて少し整える */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .amp-select-allow::after{
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-135deg) !important;
  border-top: 2px solid var(--nh-black-400, #666) !important;
  border-left: 2px solid var(--nh-black-400, #666) !important;
}

/* 「へお届けの場合」の文言（flex-center内のテキスト） */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .flex-center{
  line-height: 1.4 !important;
}

/* 2) 2行目（最短お届け可能日 + (?)）をカード風に */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .flex-modifier{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  margin-top: 8px !important;
  font-size: 14px !important;
  color: inherit !important;

  padding: 10px 12px !important;
  background: #fff !important;
  border: 1px solid var(--color-border, #e5e5e5) !important;
  border-radius: 4px !important;
}

/* 最短お届け可能日テキスト */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-mindate-caution{
  text-align: left !important; /* 元はcenter寄せだった */
  margin: 0 !important;
  padding: 0 !important;

  color: var(--nh-black-700, #111) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* (xx時間以内...) */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-mindate-help{
  display: block !important;
  margin-top: 4px !important;
  padding-top: 0 !important;

  color: var(--nh-black-500, #666) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* popoverの(?)アイコン位置を安定させる */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .pop-over__container{
  display: flex !important;
  align-items: flex-start !important;
  margin-top: 2px;
}

#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .pop-over__label{
  cursor: pointer;
  opacity: 0.9;
}
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .pop-over__label:hover{
  opacity: 0.6;
}

/* popover本体（黒枠→テーマに寄せる） */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .pop-over__content{
  border: 1px solid var(--color-border, #e5e5e5) !important;
  border-radius: 6px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
  color: var(--nh-black-700, #111) !important;
  background: #fff !important;
}

/* popover中の注意文（delivery-caution__statement） */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-caution__statement{
  margin: 0 !important;
  flex-basis: auto !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--nh-black-600, #333) !important;
}

/* 3) もしこのブロックの中で .title-border や .delivery-title が勝手に当たる事故があるなら保険で無効化 */
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .title-border{
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-title{
  margin: 0 !important;
}

/* =========================================================
   SP: 幅狭い時は縦積み
   ========================================================= */
@media screen and (max-width: 749px){
  #shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .flex-center{
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  #shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-select-container{
    width: 100% !important;
  }

  #shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .flex-modifier{
    flex-direction: row !important;
  }
}
@media screen and (max-width: 749px){
  /* 1行固定（折り返さない） */
  #shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .flex-center{
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* select外枠を狭く（お好みで数値調整） */
  #shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-select-container{
    width: clamp(150px, 48vw, 200px) !important;
    flex: 0 0 auto !important;
  }

  /* select本体も外枠に追従 */
  #shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .delivery-select-container__select{
    width: 100% !important;
  }

  /* 「へお届けの場合」が潰れないように */
  #shopify-block-AbDh6bWN0RE4rSUpaT__amp_min_delivery_date_block_FRLrqP .flex-center{
    overflow: hidden;              /* 画面が極端に狭い時の保険 */
    text-overflow: ellipsis;
  }
}