@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,600&family=Shippori+Mincho:wght@500;600&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
/* 地球人倶楽部 ご注文サイト デザイン統一(2026-10-17〜)
   プレビュー中(クッキー __cjcdz=on)の人だけが読む。すべて html.cjc-dz の下に書くこと(他の人には効かない)。
   設計書: 秘書\葵（相談役）ノート\デザイン統一\地球人倶楽部_デザイン統一案_20261017.html
   井上さんの決定: 本文16px以上・ボタン高44px以上・場所と操作手順は今と同じ・左カテゴリ欄は残す・WEB ORDER/MEMBERS ONLYバッジ廃止。
   触らない: フォームの送信項目(見た目だけ)。既存CSSが !important だらけなので、こちらも !important で上書きする。 */

html.cjc-dz{
  --dz-paper:#FAF8F1; --dz-card:#FFFDF8; --dz-sand:#F3EEE1; --dz-line:#E4DDCB;
  --dz-ink:#2B2723; --dz-sub:#6B655A; --dz-green:#3C4A2C; --dz-green2:#4D5E39; --dz-leaf:#E2ECD6;
  --dz-caramel:#946032; --dz-caramel2:#7C4F26; --dz-wine:#8C3B4A;
  --dz-cold-bg:#E3ECEF; --dz-cold-fg:#3E5E6B;
  --dz-serif:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --dz-sans:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;
  --dz-script:"Cormorant Garamond","Garamond","Times New Roman",serif;
  /* 既存の変数(ヘッダーのお知らせ等)も新しい色へ */
  --forest:#3C4A2C; --ochre:#946032; --ink:#2B2723; --parchment:#F3EEE1; --parchment-deep:#E4DDCB;
}

/* ---------- 全体 ---------- */
html.cjc-dz body{ background:var(--dz-paper) !important; color:var(--dz-ink) !important; font-family:var(--dz-sans) !important; font-size:16px !important; }
html.cjc-dz .container, html.cjc-dz .wrapper, html.cjc-dz #wrap{ background:transparent !important; }
html.cjc-dz h1, html.cjc-dz h2, html.cjc-dz h3.ttl, html.cjc-dz h2.ttl, html.cjc-dz #cate .cate-header h2{ font-family:var(--dz-serif) !important; color:var(--dz-green) !important; font-weight:500 !important; letter-spacing:.04em; }
html.cjc-dz input, html.cjc-dz select, html.cjc-dz textarea, html.cjc-dz button{ font-family:var(--dz-sans) !important; }
html.cjc-dz a:focus-visible, html.cjc-dz button:focus-visible, html.cjc-dz input:focus-visible, html.cjc-dz select:focus-visible{ outline:2px solid var(--dz-green) !important; outline-offset:2px !important; }

/* ---------- ヘッダー(PC) ---------- */
html.cjc-dz header#hd{ background:var(--dz-paper) !important; border-bottom:1px solid var(--dz-line) !important; box-shadow:none !important; }
html.cjc-dz header#hd .gnav-wrap{ background:transparent !important; }
/* ロゴ: 「CHIKYU-JIN CLUB WEB ORDER」「MEMBERS ONLY」→ 筆記体の Chikyujin Club ＋ 地球人倶楽部 ご注文サイト */
html.cjc-dz #logo > a .logo-sub, html.cjc-dz #logo > a .members-badge, html.cjc-dz #cjc-members-inline{ display:none !important; }
html.cjc-dz #logo > a{ display:inline-flex !important; flex-direction:column !important; justify-content:center !important; text-decoration:none !important; line-height:1 !important; }
html.cjc-dz #logo > a::before{ content:"Chikyujin Club"; font-family:var(--dz-script); font-style:italic; font-weight:600; font-size:32px; color:var(--dz-green); letter-spacing:.01em; line-height:1; white-space:nowrap; }
html.cjc-dz #logo > a::after{ content:"地球人倶楽部　ご注文サイト"; font-family:var(--dz-sans); font-size:12px; font-weight:500; letter-spacing:.16em; color:var(--dz-sub); margin-top:5px; white-space:nowrap; }
/* PICK UP の帯は残す(場所を変えない)。色だけ */
/* PICK UP(10/17夜 井上さん「デザインが合わない」→ 枠つきボタン風をやめ、控えめな文字リンクに。場所・リンク先は同じ) */
html.cjc-dz #logo .cjc-pickups{ display:flex !important; flex-direction:column !important; justify-content:center !important; gap:0 !important; background:transparent !important; border:0 !important; padding:0 !important; margin-left:40px !important; border-left:0 !important; }
html.cjc-dz #logo .cjc-pickups a#pickup-ranyu, html.cjc-dz #logo .cjc-pickups a#pickup-sf{ display:flex !important; align-items:center !important; gap:10px !important; min-height:44px !important; height:auto !important; width:-moz-fit-content !important; width:fit-content !important; max-width:none !important; justify-content:flex-start !important; padding:0 4px !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-decoration:none !important; }
html.cjc-dz #logo .cjc-pickups a .pk-p{ background:transparent !important; border:0 !important; padding:0 !important; color:var(--dz-caramel) !important; font-family:var(--dz-sans) !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.14em !important; }
html.cjc-dz #logo .cjc-pickups a .pk-nm{ color:var(--dz-green) !important; font-family:var(--dz-sans) !important; font-size:16px !important; font-weight:700 !important; letter-spacing:.02em !important; border:0 !important; background:transparent !important; }
html.cjc-dz #logo .cjc-pickups a .pk-ar{ margin:0 !important; position:static !important; color:var(--dz-green) !important; border:0 !important; background:transparent !important; font-size:15px !important; padding:0 !important; transition:transform .15s ease; }
html.cjc-dz #logo .cjc-pickups a:hover .pk-nm{ text-decoration:underline !important; text-underline-offset:4px; }
html.cjc-dz #logo .cjc-pickups a:hover .pk-ar{ transform:translateX(3px); }
html.cjc-dz #logo .cjc-pickups a:focus-visible{ outline:2px solid var(--dz-green) !important; outline-offset:2px !important; }
/* スマホTOPの PICK UP(index.tpl の cjc-sppk)も同じ調子に: 枠・地色・丸い矢印をやめ、細い線で区切った文字リンク。写真は小さく残す */
html.cjc-dz #cjc-sppk.cjc-sppk{ background:transparent !important; border:0 !important; border-top:1px solid var(--dz-line) !important; border-bottom:1px solid var(--dz-line) !important; border-radius:0 !important; padding:12px 2px 4px !important; }
html.cjc-dz #cjc-sppk .cjc-sppk__eb{ background:transparent !important; color:var(--dz-caramel) !important; padding:0 !important; font-size:11px !important; letter-spacing:.14em !important; }
html.cjc-dz #cjc-sppk .cjc-sppk__ttl{ font-family:var(--dz-serif) !important; color:var(--dz-green) !important; font-size:17px !important; }
html.cjc-dz #cjc-sppk .cjc-sppk__list{ gap:0 !important; }
html.cjc-dz #cjc-sppk a.cjc-sppk__item{ background:transparent !important; border:0 !important; border-top:1px solid var(--dz-line) !important; border-radius:0 !important; padding:10px 2px !important; min-height:44px !important; }
html.cjc-dz #cjc-sppk .cjc-sppk__img{ width:52px !important; height:52px !important; border-radius:8px !important; }
html.cjc-dz #cjc-sppk .cjc-sppk__nm{ font-family:var(--dz-sans) !important; color:var(--dz-green) !important; font-size:16px !important; font-weight:700 !important; }
html.cjc-dz #cjc-sppk .cjc-sppk__sub{ font-size:14px !important; color:var(--dz-sub) !important; }
html.cjc-dz #cjc-sppk .cjc-sppk__ar{ width:auto !important; height:auto !important; border:0 !important; border-radius:0 !important; color:var(--dz-green) !important; font-size:16px !important; }
/* 右上のボタン(ログイン=緑の枠線、新規会員登録=キャラメル) */
html.cjc-dz header#hd a{ border-color:var(--dz-green); }
html.cjc-dz header#hd .gnav-wrap a{ color:var(--dz-green) !important; border-color:var(--dz-green) !important; }
html.cjc-dz header#hd #entry > a{ background:var(--dz-caramel) !important; color:#fff !important; border-color:var(--dz-caramel) !important; }
/* ログイン後: 「ようこそ ○○ 様」(旧は濃緑ヘッダー前提の生成り色・白文字) → インク色16px */
html.cjc-dz header#hd .gnav li.gnav-user, html.cjc-dz header#hd .gnav li.gnav-user .user_name{ color:var(--dz-ink) !important; font-size:16px !important; }
html.cjc-dz header#hd .gnav li.gnav-user .user_name{ font-weight:700 !important; }
html.cjc-dz header#hd .gnav li.gnav-account{ color:var(--dz-green) !important; }
html.cjc-dz header#hd .gnav li.gnav-account a, html.cjc-dz header#hd .gnav li.gnav-info a{ font-size:15px !important; }
html.cjc-dz header#hd #sNav span.read{ border-color:var(--dz-line) !important; color:var(--dz-green) !important; }

/* 検索帯・カゴの小窓 */
html.cjc-dz #hd-t{ background:var(--dz-sand) !important; box-shadow:none !important; border-bottom:1px solid var(--dz-line) !important; }
html.cjc-dz #searchBloc input[type=text], html.cjc-dz #searchBloc input[type=search]{ font-size:16px !important; color:var(--dz-ink) !important; }
/* 検索窓: 入力欄の四角い縁取り(上の :focus-visible の指定)を出さず、丸い窓(#search_form)全体にオリーブ緑の輪(10/17夜 井上さん指摘) */
html.cjc-dz #search_form input.searchBox, html.cjc-dz #search_form input.searchBox:focus, html.cjc-dz #search_form input.searchBox:focus-visible{ outline:none !important; box-shadow:none !important; }
html.cjc-dz #search_form{ transition:box-shadow .15s ease, border-color .15s ease; }
html.cjc-dz #search_form:focus-within{ border-color:var(--dz-green) !important; box-shadow:0 0 0 3px rgba(60,74,44,.25) !important; }
html.cjc-dz #search_form input.searchBtn{ background:var(--dz-green) !important; color:#fff !important; min-height:44px !important; }
html.cjc-dz #cartBloc .inCartBloc{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; box-shadow:0 4px 14px rgba(60,74,44,.08) !important; }
html.cjc-dz #cartBloc dd > a{ background:var(--dz-green) !important; color:#fff !important; }

/* ---------- ヘッダー(スマホの上帯) ---------- */
html.cjc-dz #cjc-topbar{ background:var(--dz-paper) !important; color:var(--dz-green) !important; border-bottom:1px solid var(--dz-line) !important; box-shadow:0 1px 6px rgba(60,74,44,.06) !important; }
html.cjc-dz #cjc-topbar a, html.cjc-dz #cjc-topbar button{ color:var(--dz-green) !important; }
html.cjc-dz #cjc-topbar #cjc-hamb{ background:transparent !important; box-shadow:none !important; }
html.cjc-dz #cjc-topbar #cjc-hamb span{ background:var(--dz-green) !important; }
html.cjc-dz #cjc-topbar #cjc-hamb em{ color:var(--dz-green) !important; }
html.cjc-dz #cjc-topbar .cjc-brand{ font-size:0 !important; color:var(--dz-green) !important; }
html.cjc-dz #cjc-topbar .cjc-brand::before{ content:"Chikyujin Club"; font-family:var(--dz-script); font-style:italic; font-weight:600; font-size:24px; letter-spacing:.01em; white-space:nowrap; }
html.cjc-dz #cjc-cart-badge{ background:var(--dz-caramel) !important; color:#fff !important; }

/* ---------- 左のカテゴリー欄 ---------- */
html.cjc-dz #cate{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; }
/* 既存の #cate{height:100%} のままだと、スマホのメニュー(#sideL・縦スクロール)で枠が画面1枚分で終わり、項目が枠の外に出る(10/17夜 井上さん実機)。枠は中身に合わせて伸ばす */
html.cjc-dz #sideL #cate, html.cjc-dz #cate{ height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; }
html.cjc-dz #cate .cate-eyebrow{ color:var(--dz-caramel) !important; border-color:var(--dz-caramel) !important; }
html.cjc-dz #cate a.order-by-code-btn{ background:var(--dz-leaf) !important; color:var(--dz-green) !important; border:1px solid #CFDDBE !important; min-height:48px !important; font-size:16px !important; }
html.cjc-dz #cate a.order-by-code-btn svg, html.cjc-dz #cate a.order-by-code-btn::before{ color:var(--dz-green) !important; }
html.cjc-dz #nav li.level1 > a{ color:var(--dz-ink) !important; font-size:15px !important; }
html.cjc-dz #nav li.level1{ background:var(--dz-card) !important; border-color:var(--dz-line) !important; }
html.cjc-dz #nav li.level2 > a, html.cjc-dz #nav li.level3 > a{ font-size:15px !important; color:var(--dz-sub) !important; }

/* ---------- パンくず・週の切替・区分 ---------- */
html.cjc-dz .breadNav a{ background:var(--dz-card) !important; border-color:var(--dz-line) !important; color:var(--dz-green) !important; }
html.cjc-dz .breadNav .breadNav-current{ background:var(--dz-green) !important; border-color:var(--dz-green) !important; color:#fff !important; }
html.cjc-dz .breadList, html.cjc-dz .breadList a{ color:var(--dz-sub) !important; font-size:14px !important; }
html.cjc-dz ul.week li a{ background:var(--dz-card) !important; color:var(--dz-green) !important; border:1px solid var(--dz-line) !important; font-size:15px !important; }
html.cjc-dz ul.week li.on a{ background:var(--dz-green) !important; color:#fff !important; border-color:var(--dz-green) !important; }
html.cjc-dz ul.tabCate li a{ background:var(--dz-card) !important; color:var(--dz-green) !important; border:1px solid var(--dz-line) !important; font-size:15px !important; }
html.cjc-dz .itemList .msg{ background:var(--dz-sand) !important; border-left-color:var(--dz-caramel) !important; }

/* ---------- タグ(薄い地に濃い文字) ---------- */
html.cjc-dz .status_icon span{ display:inline-block !important; font-size:12px !important; font-weight:700 !important; padding:3px 10px !important; border-radius:999px !important; letter-spacing:.04em !important; border:0 !important; line-height:1.5 !important; text-shadow:none !important; }
html.cjc-dz .status_icon span.icon4, html.cjc-dz .status_icon span.icon5{ background:var(--dz-cold-bg) !important; color:var(--dz-cold-fg) !important; }  /* 冷蔵・冷凍 */
html.cjc-dz .status_icon span.icon3{ background:#EFEBE2 !important; color:#5E574B !important; }  /* 常温 */
html.cjc-dz .status_icon span.icon6, html.cjc-dz .status_icon span.icon8, html.cjc-dz .status_icon span.icon9{ background:var(--dz-leaf) !important; color:var(--dz-green) !important; }  /* 無農薬・特別栽培・有機JAS */
html.cjc-dz .status_icon span.icon7{ background:var(--dz-sand) !important; color:#8A5A30 !important; }  /* 低農薬 */
html.cjc-dz .status_icon span.icon1{ background:#F3E3E6 !important; color:var(--dz-wine) !important; }  /* NEW */
html.cjc-dz .status_icon span.icon2{ background:#F6E7DA !important; color:#8A5A30 !important; }  /* SALE */

/* ---------- ボタン ---------- */
html.cjc-dz input.cartBtn, html.cjc-dz .cartBtn, html.cjc-dz button.loginBtn, html.cjc-dz #cart_btn, html.cjc-dz .cart_area input[type=submit], html.cjc-dz .cart_area button[type=submit]{
  background:var(--dz-caramel) !important; color:#fff !important; border:0 !important; border-radius:24px !important;
  min-height:46px !important; font-size:16px !important; font-weight:700 !important; box-shadow:0 2px 8px rgba(169,112,63,.25) !important; cursor:pointer !important; }
html.cjc-dz input.cartBtn:hover, html.cjc-dz button.loginBtn:hover{ background:var(--dz-caramel2) !important; }
html.cjc-dz a.entryBtn, html.cjc-dz .cjc-rv-btn{ background:transparent !important; color:var(--dz-green) !important; border:1.5px solid var(--dz-green) !important; border-radius:24px !important; min-height:44px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-weight:700 !important; }
html.cjc-dz .btn_more a{ color:var(--dz-green) !important; }

/* ---------- 価格 ---------- */
html.cjc-dz .pricebox .price, html.cjc-dz .p-price .sale_price, html.cjc-dz #price02_default{ color:var(--dz-ink) !important; }
html.cjc-dz .pricebox .price{ font-size:20px !important; font-weight:700 !important; }

/* ---------- 商品一覧: 写真つきのカード(form の中身はそのまま・見た目だけ) ---------- */
html.cjc-dz #productList ul.dz-cards{ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(max(240px,calc(25% - 12px)),1fr)) !important; gap:16px !important; margin:12px 0 20px !important; padding:0 !important; list-style:none !important; }
html.cjc-dz #productList ul.dz-cards > li.itemBox{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; border-radius:14px !important; box-shadow:none !important; min-width:0 !important; display:flex !important; }
html.cjc-dz #productList ul.dz-cards > li.itemBox > form, html.cjc-dz #productList ul.dz-cards .item, html.cjc-dz #productList ul.dz-cards .innerItem{ width:100% !important; display:flex !important; flex-direction:column !important; flex:1 1 auto !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html.cjc-dz #productList ul.dz-cards .innerItem > dl{ display:flex !important; flex-direction:column !important; gap:6px !important; padding:10px 12px 14px !important; margin:0 !important; height:100% !important; position:relative !important; }
html.cjc-dz #productList ul.dz-cards .innerItem > dl > dt{ position:static !important; left:auto !important; top:auto !important; float:none !important; width:auto !important; margin:0 0 4px !important; padding:0 !important; order:-2; height:168px !important; min-height:0 !important; background:#fff !important; border:1px solid var(--dz-line); border-radius:10px; display:flex !important; align-items:center; justify-content:center; overflow:hidden; }
html.cjc-dz #productList ul.dz-cards .innerItem > dl > dt img{ width:auto !important; height:auto !important; max-width:min(92%,160px) !important; max-height:156px !important; border:0 !important; border-radius:6px; object-fit:contain; background:transparent; }
@media (max-width:420px){ html.cjc-dz #productList ul.dz-cards .innerItem > dl > dt{ height:140px !important; } html.cjc-dz #productList ul.dz-cards .innerItem > dl > dt img{ max-height:128px !important; } }
html.cjc-dz #productList ul.dz-cards .innerItem > dl > dd{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; text-align:left !important; border:0 !important; background:transparent !important; }
html.cjc-dz #productList ul.dz-cards dd.status_icon{ order:-1; display:flex !important; flex-wrap:wrap; gap:4px; min-height:0; }
html.cjc-dz #productList ul.dz-cards dd.item_code{ font-size:13px !important; color:var(--dz-sub) !important; letter-spacing:.04em; }
html.cjc-dz #productList ul.dz-cards dd.itemName a{ font-size:16px !important; line-height:1.55 !important; color:var(--dz-ink) !important; font-weight:700 !important; text-decoration:none !important; word-break:break-word; }
html.cjc-dz #productList ul.dz-cards dd.listcomment{ font-size:16px !important; line-height:1.6 !important; color:var(--dz-sub) !important; word-break:break-word; display:block !important; -webkit-line-clamp:unset !important; line-clamp:none !important; max-height:none !important; height:auto !important; overflow:visible !important; white-space:normal !important; text-overflow:clip !important; }
html.cjc-dz #productList ul.dz-cards dd.pricebox{ font-size:16px !important; color:var(--dz-sub) !important; line-height:1.6 !important; margin-top:auto !important; }
html.cjc-dz #productList ul.dz-cards dd.pricebox .price{ display:block !important; font-size:22px !important; color:var(--dz-ink) !important; }
html.cjc-dz #productList ul.dz-cards dd.btn_more{ font-size:16px !important; }
html.cjc-dz #productList ul.dz-cards dd.nonMember{ font-size:16px !important; color:var(--dz-sub) !important; background:var(--dz-sand) !important; border-radius:10px !important; padding:8px 10px !important; line-height:1.6; }
html.cjc-dz #productList ul.dz-cards dd.nonMember a{ display:block !important; float:none !important; position:static !important; white-space:normal !important; text-align:left !important; margin:4px 0 0 !important; color:var(--dz-green) !important; font-weight:700 !important; }
html.cjc-dz #productList ul.dz-cards dd.cart_area{ margin-top:4px !important; }
html.cjc-dz #productList ul.dz-cards dd.cart_area dd.cart_area{ margin:0 !important; }
html.cjc-dz #productList ul.dz-cards .cartin{ width:100% !important; float:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; }
html.cjc-dz #productList ul.dz-cards .cartin table, html.cjc-dz #productList ul.dz-cards .cartin tbody, html.cjc-dz #productList ul.dz-cards .cartin tr{ display:block !important; width:100% !important; }
html.cjc-dz #productList ul.dz-cards .cartin tr{ display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; }
html.cjc-dz #productList ul.dz-cards .cartin td{ display:block !important; width:auto !important; padding:0 !important; border:0 !important; text-align:left !important; }
html.cjc-dz #productList ul.dz-cards .cartin td.quantity{ font-size:16px !important; color:var(--dz-sub) !important; white-space:nowrap !important; }
html.cjc-dz #productList ul.dz-cards .cartin input.box{ width:3.2em !important; min-height:44px !important; font-size:17px !important; text-align:center !important; border:1px solid var(--dz-line) !important; border-radius:10px !important; background:#fff !important; }
html.cjc-dz #productList ul.dz-cards .cartin td.cartin_btn{ flex:1 1 120px !important; }
html.cjc-dz #productList ul.dz-cards .cartin input.cartBtn{ width:100% !important; padding:0 12px !important; box-sizing:border-box !important; }
html.cjc-dz #productList ul.dz-cards .opt, html.cjc-dz #productList ul.dz-cards .size02{ font-size:16px !important; }
html.cjc-dz #productList ul.dz-cards .opt select, html.cjc-dz #productList ul.dz-cards .size02 select{ max-width:100% !important; min-height:44px !important; font-size:16px !important; }
html.cjc-dz #wrap #productList ul.dz-cards .out-of-stock-badge, html.cjc-dz #productList ul.dz-cards .out-of-stock-badge{ font-size:16px !important; background:#F3E3E6 !important; color:var(--dz-wine) !important; border:0 !important; border-radius:10px !important; box-shadow:none !important; }
html.cjc-dz #productList ul.dz-cards .cjc-pc-line{ justify-content:flex-start !important; flex-wrap:wrap; }
@media (max-width:600px){ html.cjc-dz #productList ul.dz-cards{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:420px){
  html.cjc-dz #productList ul.dz-cards{ gap:10px !important; }
  html.cjc-dz #productList ul.dz-cards .innerItem > dl{ padding:8px 8px 12px !important; }
  html.cjc-dz #productList ul.dz-cards dd.pricebox .price{ font-size:19px !important; }
}
@media (max-width:340px){ html.cjc-dz #productList ul.dz-cards{ grid-template-columns:minmax(0,1fr) !important; } }

/* 葵の検査(10/17夜)で、既存の #productList …!important に負けていた所 */
html.cjc-dz #productList .itemList ul.tabCate li a{ font-size:16px !important; }
html.cjc-dz #productList .itemList ul.week li a, html.cjc-dz #productList .itemList ul.week li a span, html.cjc-dz #productList .itemList ul.week li span{ font-size:16px !important; }
html.cjc-dz #productList .itemList select.chgSelct, html.cjc-dz #productList .itemList ul.modernPageNav.modernPageNav select.chgSelct, html.cjc-dz #productList .itemList .cjc-sort-toolbar select.chgSelct{ min-height:44px !important; font-size:16px !important; }
html.cjc-dz #productList .itemList .cjc-segmented button{ min-height:44px !important; font-size:16px !important; }
html.cjc-dz #productList li.itemBox dl dd.btn_more a{ font-size:16px !important; }
html.cjc-dz #productList li.itemBox dl dd.pricebox .price_def{ font-size:16px !important; }

@media (max-width:420px){
  html.cjc-dz #productList .itemList ul.week{ display:flex !important; gap:8px !important; width:100% !important; }
  html.cjc-dz #productList .itemList ul.week li{ flex:1 1 0 !important; width:auto !important; min-width:0 !important; margin:0 !important; float:none !important; }
  html.cjc-dz #productList .itemList ul.week li a *{ display:inline !important; }
  html.cjc-dz #productList .itemList ul.week li a{ display:block !important; width:100% !important; box-sizing:border-box !important; padding:12px 6px !important; min-height:52px !important; border-radius:14px !important; text-align:center !important; line-height:1.35 !important; }
}

/* ===== 10/17夜 井上さん実機(Android・ログイン後)の指摘で修正: スマホは1列の横長カード ===== */
/* B: 商品名・内容の「…」省略をすべて解除(既存の line-clamp を強い指定で上書き) */
html.cjc-dz body #wrap #productList ul.dz-cards li.itemBox dl dd.itemName, html.cjc-dz body #wrap #productList ul.dz-cards li.itemBox dl dd.itemName a, html.cjc-dz body #wrap #productList ul.dz-cards li.itemBox dl dd.listcomment{ display:block !important; -webkit-line-clamp:unset !important; line-clamp:none !important; -webkit-box-orient:initial !important; max-height:none !important; height:auto !important; overflow:visible !important; white-space:normal !important; text-overflow:clip !important; }
/* D: 「詳細を見る»」はオリーブ緑 */
html.cjc-dz body #wrap #productList ul.dz-cards li.itemBox dl dd.btn_more a{ color:var(--dz-green) !important; font-size:16px !important; font-weight:700 !important; }
/* C: 数量欄(スマホでは既存JSが − と ＋ を足す)。ラベル・ボタン・入力欄を44pxで横一列に、枠からはみ出さない */
html.cjc-dz body #wrap #productList ul.dz-cards .cartin td.quantity{ display:flex !important; align-items:center !important; justify-content:flex-start !important; margin-right:auto !important; gap:6px !important; flex-wrap:nowrap !important; width:auto !important; max-width:100% !important; padding:0 !important; margin:0 !important; font-size:16px !important; white-space:nowrap !important; position:static !important; }
html.cjc-dz body #wrap #productList ul.dz-cards .cartin td.quantity input.box{ flex:0 0 52px !important; width:52px !important; min-width:0 !important; height:44px !important; min-height:44px !important; max-height:44px !important; padding:0 !important; margin:0 !important; font-size:17px !important; text-align:center !important; box-sizing:border-box !important; }
html.cjc-dz body #wrap #productList ul.dz-cards .cartin td.quantity .cjc-qty-btn{ flex:0 0 44px !important; width:44px !important; height:44px !important; margin:0 !important; padding:0 !important; border:1px solid var(--dz-line) !important; border-radius:10px !important; background:#fff !important; color:var(--dz-green) !important; font-size:20px !important; box-sizing:border-box !important; }
html.cjc-dz body #wrap #productList ul.dz-cards .cartin table, html.cjc-dz body #wrap #productList ul.dz-cards .cartin tbody{ display:block !important; width:100% !important; }
html.cjc-dz body #wrap #productList ul.dz-cards .cartin tr{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; gap:8px 10px !important; width:100% !important; }
html.cjc-dz body #wrap #productList ul.dz-cards .cartin td.cartin_btn{ display:block !important; flex:1 1 140px !important; min-width:0 !important; width:auto !important; padding:0 !important; }
html.cjc-dz body #wrap #productList ul.dz-cards .cartin input.cartBtn{ width:100% !important; box-sizing:border-box !important; padding:0 12px !important; min-height:46px !important; }
@media (max-width:700px){
  html.cjc-dz body #wrap #productList ul.dz-cards{ grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards > li.itemBox{ padding:0 !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl{ display:grid !important; grid-template-columns:110px minmax(0,1fr) !important; column-gap:12px !important; row-gap:4px !important; align-items:start !important; padding:12px !important; height:auto !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dt{ grid-column:1 !important; grid-row:1 / span 6 !important; width:110px !important; height:110px !important; margin:0 !important; order:0 !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dt img{ max-width:100px !important; max-height:100px !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dd{ grid-column:2 !important; order:0 !important; min-width:0 !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dd.status_icon{ order:0 !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards li.itemBox dl dd.itemName a{ font-size:16px !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dd.cart_area, html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dd.nonMember, html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dd.slStart, html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dd.slEnd{ grid-column:1 / -1 !important; margin-top:6px !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl > dd.pricebox{ margin-top:2px !important; }
}

/* 10/17夜 井上さん指摘(PC): 同じ段のカードで「数量・カゴに入れる」の高さがずれる。価格から下を各カードの下端にそろえる(既存の pricebox margin-top:0 に負けていた) */
@media (min-width:701px){
  html.cjc-dz body #wrap #productList ul.dz-cards .innerItem > dl{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; }
  html.cjc-dz body #wrap #productList ul.dz-cards li.itemBox dl dd.pricebox{ margin-top:auto !important; padding-top:6px !important; }
}

/* 10/17夜 井上さん指摘(スマホ): 一覧が右に寄る。#productList の左 padding 30px(PC向け)がスマホにも残っていた → 左右とも0にして、外側(#sct)の左右約16pxにそろえる */
@media (max-width:700px){ html.cjc-dz body #wrap #sct #productList{ padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; } html.cjc-dz body #wrap #sct{ margin-left:0 !important; } }

/* 10/17夜 葵の実測: ログイン画面の入力枠が左に寄る(375で左21/右66)。外側 #mypage の既存 padding 5px/50px が原因。#mypage は他のマイページと共通なので触らず、ログインのフォーム側で打ち消して中央に(PCも同じずれがあるので全幅) */
html.cjc-dz #mypage > #login_mypage{ margin-left:-5px !important; margin-right:-50px !important; width:auto !important; max-width:none !important; }
@media (max-width:700px){
  html.cjc-dz #login_mypage .login_area{ width:auto !important; max-width:560px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; }
}

/* ===== 10/17夜 井上さん決定(見本→OK後に反映) ===== */
/* A. TOP「今週のおすすめ」(JSが今週の「おすすめ旬の果物」一覧の先頭4件を読み取って作る。カート関係なし) */
html.cjc-dz #dz-reco{ margin:4px 0 22px; }
html.cjc-dz #dz-reco .dz-reco__hd{ display:flex; align-items:baseline; gap:12px; margin:0 0 12px; }
html.cjc-dz #dz-reco .dz-reco__ttl{ font-family:var(--dz-serif); font-weight:500; font-size:20px; color:var(--dz-green); margin:0; letter-spacing:.04em; border:0; padding:0; background:none; }
html.cjc-dz #dz-reco .dz-reco__more{ margin-left:auto; font-size:15px; color:var(--dz-green); font-weight:700; text-decoration:none; }
html.cjc-dz #dz-reco .dz-reco__more:hover{ text-decoration:underline; text-underline-offset:3px; }
html.cjc-dz #dz-reco .dz-reco__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
html.cjc-dz #dz-reco a.dz-reco__card{ display:flex; flex-direction:column; gap:6px; background:var(--dz-card); border:1px solid var(--dz-line); border-radius:14px; padding:10px 10px 12px; text-decoration:none; color:var(--dz-ink); min-width:0; }
html.cjc-dz #dz-reco a.dz-reco__card:hover{ border-color:#CFC5AC; }
html.cjc-dz #dz-reco .dz-reco__ph{ height:150px; background:#fff; border:1px solid var(--dz-line); border-radius:10px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
html.cjc-dz #dz-reco .dz-reco__ph img{ max-width:min(92%,160px); max-height:138px; width:auto; height:auto; object-fit:contain; }
html.cjc-dz #dz-reco .dz-reco__nm{ font-size:16px; line-height:1.5; font-weight:700; word-break:break-word; }
html.cjc-dz #dz-reco .dz-reco__pr{ font-size:18px; font-weight:700; margin-top:auto; }
html.cjc-dz #dz-reco .dz-reco__pr small{ font-size:13px; font-weight:500; color:var(--dz-sub); margin-left:2px; }
html.cjc-dz #dz-reco .dz-reco__go{ font-size:16px; font-weight:700; color:var(--dz-green); }
@media (max-width:700px){
  html.cjc-dz #dz-reco .dz-reco__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  html.cjc-dz #dz-reco .dz-reco__hd{ flex-wrap:wrap; row-gap:4px; }
  html.cjc-dz #dz-reco .dz-reco__ttl{ font-size:18px; white-space:nowrap; }
  html.cjc-dz #dz-reco .dz-reco__more{ font-size:14px; white-space:nowrap; }
  html.cjc-dz #dz-reco .dz-reco__ph{ height:120px; }
  html.cjc-dz #dz-reco .dz-reco__ph img{ max-height:108px; }
}
/* A. 読みもの4タイル: 線のアイコンと小見出しをオリーブ緑・キャラメルに統一 */
html.cjc-dz section.media_banner a .media_banner__icon, html.cjc-dz section.media_banner a .media_banner__icon svg{ color:var(--dz-green) !important; stroke:var(--dz-green) !important; }
html.cjc-dz section.media_banner a .media_banner__en{ color:var(--dz-caramel) !important; }
html.cjc-dz section.media_banner a .media_banner__jp{ color:var(--dz-green) !important; }
html.cjc-dz section.media_banner a .media_banner__arrow{ color:var(--dz-sub) !important; }
html.cjc-dz section.media_banner a.media_banner__member{ background:var(--dz-card) !important; }
html.cjc-dz #wrap #sct .wd-grid a.wd-card .wd-icon, html.cjc-dz #wrap #sct .wd-grid a.wd-card .wd-icon svg{ color:var(--dz-green); stroke:currentColor; }
html.cjc-dz #wrap #sct .wd-grid a.wd-card.flagship .wd-icon, html.cjc-dz #wrap #sct .wd-grid a.wd-card.flagship .wd-icon svg{ color:#fff; }

/* B. カテゴリー欄(PCの左欄・スマホのメニュー共通): 箱をやめ、細い区切り線のリストに。構造・場所・リンクは同じ */
html.cjc-dz #cate .cate-header{ padding-bottom:10px !important; margin-bottom:12px !important; }
html.cjc-dz #cate .cate-header .cate-eyebrow{ font-size:10.5px !important; padding:2px 10px !important; letter-spacing:.16em !important; }
html.cjc-dz #cate .cate-header h2{ font-size:17px !important; margin-top:6px !important; }
html.cjc-dz #wrap #cate #nav > ul > li.level1{ background:transparent !important; border:0 !important; border-bottom:1px solid var(--dz-line) !important; border-radius:0 !important; box-shadow:none !important; margin:0 !important; padding:0 !important; }
html.cjc-dz #wrap #cate #nav > ul > li.level1:first-child{ border-top:1px solid var(--dz-line) !important; }
html.cjc-dz #wrap #cate #nav li.level1 > a{ display:flex !important; align-items:center !important; gap:10px !important; min-height:48px !important; padding:10px 6px !important; font-size:16px !important; font-weight:700 !important; color:var(--dz-ink) !important; line-height:1.45 !important; box-sizing:border-box !important; }
html.cjc-dz #wrap #cate #nav li.level1 > a::before{ width:7px !important; height:7px !important; flex:0 0 7px !important; background:var(--dz-caramel) !important; border-radius:50% !important; margin:0 2px 0 0 !important; }
html.cjc-dz #wrap #cate #nav li.level1 > a::after{ margin-left:8px !important; flex:0 0 12px !important; width:12px !important; text-align:center !important; position:static !important; }
html.cjc-dz #wrap #cate #nav li.level1 > a:not(.has-children)::after{ content:"" !important; display:block !important; }
html.cjc-dz #wrap #cate #nav a .dz-cnt{ margin-left:auto; padding-left:8px; font-size:14px; font-weight:500; color:var(--dz-sub); white-space:nowrap; font-variant-numeric:tabular-nums; }
html.cjc-dz #wrap #cate #nav li.level1 > ul{ margin:0 0 10px 10px !important; padding:0 0 0 10px !important; border-left:2px solid var(--dz-green) !important; }
html.cjc-dz #wrap #cate #nav li.level2, html.cjc-dz #wrap #cate #nav li.level3{ background:transparent !important; border:0 !important; margin:0 !important; padding:0 !important; }
html.cjc-dz #wrap #cate #nav li.level2 > a, html.cjc-dz #wrap #cate #nav li.level3 > a{ display:flex !important; align-items:center !important; min-height:44px !important; padding:8px 8px !important; font-size:16px !important; font-weight:500 !important; color:var(--dz-ink) !important; line-height:1.45 !important; border-radius:8px !important; box-sizing:border-box !important; }
html.cjc-dz #wrap #cate #nav li.level2 > ul{ margin:0 0 4px 8px !important; padding:0 0 0 8px !important; border-left:1px solid var(--dz-line) !important; }
html.cjc-dz #wrap #cate #nav a.dz-current{ color:var(--dz-green) !important; background:var(--dz-leaf) !important; border-radius:8px !important; font-weight:700 !important; }
html.cjc-dz #wrap #cate .order-by-code-btn{ margin-bottom:14px !important; }

/* ===== ログイン画面(設計書「4. ログイン画面」の形)。JSが html に dz-login を付けたときだけ効く ===== */
/* ヘッダー: ロゴと「はじめての方へ」だけ。検索・カゴの小窓・PICK UP・〆切・ログイン/新規登録ボタン・下の固定カート帯は出さない */
html.cjc-dz.dz-login #hd-t, html.cjc-dz.dz-login #logo .cjc-pickups, html.cjc-dz.dz-login header#hd #sNav,
html.cjc-dz.dz-login header#hd .gnav li#login, html.cjc-dz.dz-login header#hd .gnav li#entry, html.cjc-dz.dz-login #cjc-cartbar,
html.cjc-dz.dz-login #cjc-topbar #cjc-cart{ display:none !important; }
html.cjc-dz.dz-login header#hd .gnav li#dz-lg-firstlink a{ font-size:16px !important; font-weight:700 !important; color:var(--dz-green) !important; text-decoration:underline !important; text-underline-offset:4px; padding:10px 4px !important; border:0 !important; background:transparent !important; }
html.cjc-dz:not(.dz-login) #dz-lg-firstlink{ display:none !important; }
/* 1枚のカード */
html.cjc-dz.dz-login #mypage{ padding-top:24px !important; }
html.cjc-dz.dz-login #login_mypage .login_area{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; border-radius:18px !important; max-width:560px !important; margin:0 auto 18px !important; padding:0 !important; box-shadow:0 6px 24px rgba(60,74,44,.06) !important; }
html.cjc-dz.dz-login #login_mypage .login_area > h3{ display:none !important; }
html.cjc-dz.dz-login #dz-lg-head{ text-align:center; padding:28px 24px 4px; }
html.cjc-dz.dz-login #dz-lg-head .login-hero{ margin:0 auto 6px !important; padding:0 !important; }
html.cjc-dz.dz-login #dz-lg-head .login-hero svg{ width:72px !important; height:auto !important; display:block; margin:0 auto; }
html.cjc-dz.dz-login #dz-lg-head .login-hero .hero-msg{ display:none !important; }
html.cjc-dz.dz-login #dz-lg-head .dz-lg-eb{ margin:6px 0 2px; font-size:16px; font-weight:700; letter-spacing:.14em; color:var(--dz-caramel); }
html.cjc-dz.dz-login #dz-lg-head h2.ttl{ margin:0 !important; padding:0 !important; border:0 !important; background:none !important; font-size:28px !important; line-height:1.4 !important; }
html.cjc-dz.dz-login #dz-lg-head h2.ttl::before, html.cjc-dz.dz-login #dz-lg-head h2.ttl::after{ display:none !important; }
html.cjc-dz.dz-login #dz-lg-head .dz-lg-lead{ margin:8px 0 0; font-size:16px; line-height:1.7; color:var(--dz-sub); }
html.cjc-dz.dz-login #login_mypage .login_area .inputbox{ padding:18px 28px 26px !important; text-align:left !important; }
html.cjc-dz.dz-login #login_mypage .login_area:first-of-type .inputbox > p.inputtext{ display:none !important; }
html.cjc-dz.dz-login #login_mypage dl.formlist{ max-width:none !important; width:auto !important; margin:0 0 18px !important; text-align:left !important; float:none !important; }
html.cjc-dz.dz-login #login_mypage dl.formlist dt{ float:none !important; width:auto !important; text-align:left !important; font-size:16px !important; font-weight:700 !important; color:var(--dz-ink) !important; margin:0 0 6px !important; padding:0 !important; }
html.cjc-dz.dz-login #login_mypage dl.formlist dd{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; text-align:left !important; }
html.cjc-dz.dz-login #login_mypage input.loginbox{ width:100% !important; max-width:none !important; box-sizing:border-box !important; text-align:left !important; padding:0 14px !important; margin:0 !important; }
html.cjc-dz.dz-login #login_mypage .pwd-wrap{ position:relative !important; display:block !important; }
html.cjc-dz.dz-login #login_mypage .pwd-wrap input.loginbox{ padding-right:52px !important; }
html.cjc-dz.dz-login #login_mypage .pwd-wrap .pwd-toggle{ position:absolute !important; right:4px !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; }
html.cjc-dz.dz-login #login_mypage .pwd-wrap{ width:100% !important; max-width:none !important; }
html.cjc-dz.dz-login #login_mypage .dz-help{ text-align:left !important; margin:6px 0 4px !important; font-size:16px !important; color:var(--dz-ink) !important; }
html.cjc-dz.dz-login #login_mypage .login_memory{ text-align:left !important; margin:6px 0 0 !important; font-size:16px !important; }
html.cjc-dz.dz-login #login_mypage .login_memory label, html.cjc-dz.dz-login #login_mypage .login_memory span{ font-size:16px !important; color:var(--dz-ink) !important; display:inline-flex !important; align-items:center !important; gap:8px !important; min-height:44px !important; cursor:pointer; }
html.cjc-dz.dz-login #login_mypage .login_memory input[type=checkbox]{ width:22px !important; height:22px !important; margin:0 8px 0 0 !important; vertical-align:middle !important; accent-color:var(--dz-green); }
html.cjc-dz.dz-login #login_mypage .btn_area ul, html.cjc-dz.dz-login #login_mypage .btn_area li{ max-width:none !important; width:100% !important; }
html.cjc-dz.dz-login #login_mypage button.loginBtn{ width:100% !important; max-width:none !important; min-height:54px !important; font-size:18px !important; background:var(--dz-caramel) !important; }
html.cjc-dz.dz-login #login_mypage .dz-lg-trouble{ margin:14px 0 0; text-align:center; font-size:16px; color:var(--dz-sub); }
html.cjc-dz.dz-login #login_mypage .dz-lg-trouble a{ color:var(--dz-green) !important; font-weight:700 !important; text-decoration:underline !important; text-underline-offset:3px; }
/* 2つ目(はじめての方): 箱をやめ、区切り線の下に案内＋枠線の副ボタン＋折りたたみ */
html.cjc-dz.dz-login #login_mypage .login_area + .login_area{ background:transparent !important; border:0 !important; border-top:1px solid var(--dz-line) !important; border-radius:0 !important; box-shadow:none !important; padding-top:8px !important; }
html.cjc-dz.dz-login #login_mypage .login_area + .login_area .inputbox{ text-align:center !important; padding:16px 8px 8px !important; }
html.cjc-dz.dz-login #login_mypage .dz-lg-first{ margin:0 0 12px; font-size:16px; color:var(--dz-ink); text-align:center; }
html.cjc-dz.dz-login #login_mypage a.entryBtn{ min-height:46px !important; padding:0 24px !important; font-size:16px !important; color:var(--dz-green) !important; border:1.5px solid var(--dz-green) !important; background:transparent !important; box-shadow:none !important; }
html.cjc-dz.dz-login #login_mypage details.dz-lg-need{ text-align:left; margin:14px auto 0; max-width:480px; font-size:16px; color:var(--dz-ink); }
html.cjc-dz.dz-login #login_mypage details.dz-lg-need summary{ cursor:pointer; text-align:center; color:var(--dz-green); font-weight:700; min-height:44px; display:flex; align-items:center; justify-content:center; gap:6px; }
html.cjc-dz.dz-login #login_mypage details.dz-lg-need dl, html.cjc-dz.dz-login #login_mypage details.dz-lg-need p.inputtext{ margin:8px 0 0 !important; padding:12px 16px !important; background:var(--dz-sand) !important; border-radius:10px !important; font-size:16px !important; line-height:1.8 !important; text-align:left !important; color:var(--dz-ink) !important; }
html.cjc-dz.dz-login #login_mypage details.dz-lg-need dt{ font-weight:700; color:var(--dz-ink); }
html.cjc-dz.dz-login #login_mypage details.dz-lg-need dt, html.cjc-dz.dz-login #login_mypage details.dz-lg-need dd{ font-size:16px !important; }
html.cjc-dz.dz-login #login_mypage details.dz-lg-need dd{ margin:0 !important; padding:0 !important; }
html.cjc-dz.dz-login #login_mypage details.dz-lg-need summary{ font-size:16px !important; }
@media (max-width:480px){
  html.cjc-dz.dz-login #dz-lg-head{ padding:22px 16px 2px; }
  html.cjc-dz.dz-login #dz-lg-head h2.ttl{ font-size:23px !important; }
  html.cjc-dz.dz-login #login_mypage .login_area .inputbox{ padding:14px 16px 20px !important; }
}

/* 10/17夜 葵の指示: フッター・スマホの「メニュー」・「カートに入れました」も16px以上(全ページ共通) */
html.cjc-dz body div#fNav h3{ font-size:16px !important; letter-spacing:.06em !important; }
html.cjc-dz body div#fNav li, html.cjc-dz body div#fNav li a{ font-size:16px !important; line-height:1.7 !important; }
html.cjc-dz body div#fNav li a{ display:inline-block !important; padding:6px 0 !important; }
html.cjc-dz body footer#ft .ft-logo-sub{ font-size:16px !important; letter-spacing:.12em !important; }
html.cjc-dz body footer#ft ul.ft-links{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:4px 18px !important; }
html.cjc-dz body footer#ft ul.ft-links li, html.cjc-dz body footer#ft ul.ft-links a{ font-size:16px !important; line-height:1.6 !important; }
html.cjc-dz body footer#ft ul.ft-links a{ display:inline-flex !important; align-items:center !important; min-height:44px !important; }
html.cjc-dz body footer#ft address{ font-size:16px !important; line-height:1.6 !important; }
html.cjc-dz body #cjc-topbar #cjc-hamb em{ font-size:12px !important; font-style:normal !important; }
html.cjc-dz body p.popup, html.cjc-dz body #sct > p.popup{ font-size:16px !important; }

/* ===== 10/17夜 葵の指示: 画面に見える文字はすべて16px以上(年配の会員向け)。既存の強い指定(ID+!important)に勝つよう、body:not(#…)でIDの強さを足している ===== */
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .item_code,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .item_code *,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #product_code_default,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .status_icon span,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-bracket,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) p.result,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) p.result *,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .breadNav,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .breadNav a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .breadNav-current,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #page_navi_top li a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #page_navi_top li span,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #page_navi_bottom li a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #page_navi_bottom li span,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) ul.tabCate li a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .subCateAll a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #productList li a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #productList .pricebox span,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-spec,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-spec em,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) dl.product_data dt,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) dl.product_data dd,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #imgSpace .pic p,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #reco .recoName a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) a.cjc-rv-btn,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-rvcp__btn,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-rvcp__body p,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-rvcp__nw,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-rvcp__tag,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cjc-rvcp li,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-sppk__eb,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .cjc-sppk__sub,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .media_banner__arrow,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .media_banner__en,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .media_banner__jp,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .wd-sub,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .wd-label,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .wd-eyebrow,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .dz-reco__more,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .dz-reco__pr small,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cartBloc dt,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cartBloc dt span,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cartBloc dd,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cartBloc dd a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cartBloc dd span,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #ajax_total_quantity,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cate .cate-eyebrow,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #nav li a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #nav .dz-cnt,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sNav span.read,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #login > a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #entry > a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .pk-p,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) .pk-ar,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cjc-hamb em,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cart p,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cart em,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #cart .attention,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sct ul > li,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sct li > a,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sct .cjc-notice-label,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sct .cjc-notice-text,
html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #productList .cjc-gp183 span{ font-size:16px !important; }
/* 文字を大きくしたことで窮屈になる所の手当て */
@media (max-width:700px){
  html.cjc-dz body:not(#dz16a) section.media_banner a{ grid-template-columns:24px minmax(0,1fr) auto !important; column-gap:12px !important; }
  html.cjc-dz body:not(#dz16a) section.media_banner a .media_banner__en{ display:none !important; }  /* 英字の飾り(RECIPE等)はスマホでは出さない */
  html.cjc-dz body:not(#dz16a) section.media_banner a .media_banner__jp{ white-space:normal !important; line-height:1.5 !important; }
}
html.cjc-dz body:not(#dz16a) #cartBloc .inCartBloc dl{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
html.cjc-dz body:not(#dz16a) #cartBloc .inCartBloc dt{ white-space:nowrap !important; }
html.cjc-dz body:not(#dz16a) #cartBloc .inCartBloc dd a{ white-space:nowrap !important; padding-left:10px !important; padding-right:10px !important; min-height:44px !important; display:inline-flex !important; align-items:center !important; }
html.cjc-dz body:not(#dz16a) #cartBloc .inCartBloc dl{ gap:6px !important; }

html.cjc-dz body:not(#dz16a) #cjc-topbar #cjc-hamb{ width:auto !important; min-width:64px !important; min-height:44px !important; padding:0 6px !important; }
html.cjc-dz body:not(#dz16a) #cjc-topbar #cjc-hamb em{ white-space:nowrap !important; letter-spacing:0 !important; line-height:1.1 !important; }
html.cjc-dz body:not(#dz16a) .status_icon span{ padding:3px 12px !important; }
html.cjc-dz body:not(#dz16a) section.media_banner a .media_banner__en{ letter-spacing:.06em !important; }

/* 10/18 読みもの導線: 井上さん決定=B案(ヘッダー右の「ログイン」の左に文字リンク)。ヘッダーの高さは今のまま */
html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a#pickup-ranyu, html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a#pickup-sf, html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a#pickup-yomi{ display:flex !important; align-items:center !important; gap:10px !important; min-height:44px !important; height:auto !important; width:fit-content !important; max-width:none !important; justify-content:flex-start !important; padding:0 4px !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-decoration:none !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a .pk-p{ background:transparent !important; border:0 !important; padding:0 !important; color:var(--dz-caramel) !important; font-family:var(--dz-sans) !important; font-size:16px !important; font-weight:700 !important; letter-spacing:.14em !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a .pk-nm{ color:var(--dz-green) !important; font-family:var(--dz-sans) !important; font-size:16px !important; font-weight:700 !important; letter-spacing:.02em !important; border:0 !important; background:transparent !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a .pk-ar{ margin:0 !important; position:static !important; color:var(--dz-green) !important; border:0 !important; background:transparent !important; font-size:16px !important; padding:0 !important; transform:none !important; transition:none !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) header#hd .gnav .dz-yomi-li{ display:none !important; }
@media (min-width:768px){
html.cjc-dz:not(.dz-login) body:not(#dz16a):not(#dz16b) header#hd .gnav .dz-yomi-li{ display:block !important; }
html.cjc-dz:not(.dz-login) body:not(#dz16a):not(#dz16b) header#hd .gnav .dz-yomi-li > a{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; font-size:16px !important; color:var(--dz-green) !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-decoration:underline !important; text-underline-offset:4px !important; }
}
html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a#pickup-yomi{ display:none !important; }
@media (max-width:767px){
html.cjc-dz body:not(#dz16a):not(#dz16b) #logo .cjc-pickups a#pickup-yomi{ display:none !important; }
}
/* ドロワー: PICK UP を細線の文字リストに */
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk{ background:transparent !important; border:0 !important; border-top:1px solid var(--dz-line) !important; border-bottom:1px solid var(--dz-line) !important; border-radius:0 !important; box-shadow:none !important; padding:12px 2px 4px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk .cjc-dpk__eb{ background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dz-caramel) !important; font-size:16px !important; letter-spacing:.14em !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk a.cjc-dpk__item{ display:flex !important; align-items:center !important; gap:12px !important; background:transparent !important; border:0 !important; border-top:1px solid var(--dz-line) !important; border-radius:0 !important; box-shadow:none !important; padding:10px 2px !important; min-height:52px !important; height:auto !important; box-sizing:border-box !important; text-decoration:none !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk .cjc-dpk__img{ width:44px !important; height:44px !important; flex:0 0 44px !important; object-fit:cover !important; border-radius:8px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk .cjc-dpk__ico{ display:flex !important; align-items:center !important; justify-content:center !important; width:44px !important; height:44px !important; flex:0 0 44px !important; border-radius:8px !important; background:var(--dz-leaf) !important; color:var(--dz-green) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk .cjc-dpk__ico svg{ width:24px !important; height:24px !important; stroke:currentColor !important; fill:none !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk .cjc-dpk__nm{ flex:1 !important; min-width:0 !important; font-size:16px !important; font-weight:700 !important; color:var(--dz-green) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-dpk .cjc-dpk__ar{ position:static !important; margin-left:auto !important; width:auto !important; height:auto !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; font-size:16px !important; color:var(--dz-green) !important; transform:none !important; transition:none !important; }
/* ドロワー: 会員リンクと締切の色 */
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-a4-slot a{ display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; min-height:44px !important; height:auto !important; padding:8px 16px !important; font-size:16px !important; background:transparent !important; border:1.5px solid var(--dz-green) !important; color:var(--dz-green) !important; border-radius:24px !important; box-shadow:none !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-a4-slot a:first-child{ background:var(--dz-green) !important; color:#fff !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #sNav span.read{ display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; min-height:44px !important; height:auto !important; padding:10px 14px !important; background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; color:var(--dz-green) !important; font-size:16px !important; font-weight:700 !important; border-radius:12px !important; box-shadow:none !important; }
/* TOP: 今週・来週と読みものの色を揃える(並びは同じ) */
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:first-child, html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:nth-child(2){ border:0 !important; border-radius:18px !important; padding:24px !important; box-sizing:border-box !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:first-child{ background:linear-gradient(160deg,var(--dz-leaf),var(--dz-sand)) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:nth-child(2){ background:var(--dz-sand) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-eyebrow{ color:var(--dz-caramel) !important; font-size:16px !important; background:transparent !important; border:1px solid var(--dz-caramel) !important; border-radius:999px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap h2.wd-title{ display:block !important; font-family:var(--dz-serif) !important; color:var(--dz-green) !important; font-size:28px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block-header{ display:block !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .dz-wk-cta{ display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; min-height:46px !important; height:auto !important; padding:0 22px !important; margin-top:10px !important; font-size:16px !important; font-weight:700 !important; line-height:1.5 !important; border-radius:24px !important; text-decoration:none !important; max-width:100% !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:first-child .dz-wk-cta{ background:var(--dz-caramel) !important; border:1.5px solid var(--dz-caramel) !important; color:#fff !important; box-shadow:0 2px 8px rgba(169,112,63,.25) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:first-child .dz-wk-cta:hover{ background:var(--dz-caramel2) !important; border-color:var(--dz-caramel2) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:nth-child(2) .dz-wk-cta{ background:transparent !important; border:1.5px solid var(--dz-green) !important; color:var(--dz-green) !important; box-shadow:none !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:nth-child(2) .dz-wk-cta:hover{ background:var(--dz-leaf) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap a.wd-card{ min-height:44px !important; border-radius:14px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap a.wd-card:not(.flagship){ background:#fff !important; border:1px solid var(--dz-line) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap a.wd-card .wd-label{ color:var(--dz-ink) !important; font-size:16px !important; font-weight:700 !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap a.wd-card.flagship{ background:var(--dz-green) !important; color:#fff !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap a.wd-card.flagship .wd-label{ color:#fff !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct #cjc-rvcp{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; border-radius:14px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct #cjc-rvcp summary{ min-height:44px !important; box-sizing:border-box !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct #cjc-rvcp summary span:not(.cjc-rvcp__tag), html.cjc-dz body:not(#dz16a):not(#dz16b) #sct #cjc-rvcp .cjc-rvcp__title span{ color:var(--dz-green) !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct #cjc-rvcp .cjc-rvcp__tag{ background:var(--dz-caramel) !important; color:#fff !important; font-size:16px !important; border-radius:999px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) section.media_banner a{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; min-height:44px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) section.media_banner a .media_banner__jp{ color:var(--dz-green) !important; font-size:16px !important; font-weight:700 !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) section.media_banner a .media_banner__arrow{ color:var(--dz-sub) !important; font-size:16px !important; }
@media (max-width:700px){
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:first-child, html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap .wd-block:nth-child(2){ padding:16px !important; }
html.cjc-dz body:not(#dz16a):not(#dz16b) #sct .wd-wrap h2.wd-title{ font-size:24px !important; }
}

html.cjc-dz body:not(#dz16a) #sct .wd-wrap .wd-block-header{ margin-bottom:16px !important; }

/* スマホ: ヘッダーのPICK UP(卵油・加湿器・読みもの)はメニューのアカウント行に移されるが、メニューでは下の PICK UP 一覧に出すので隠す(以前どおり) */
@media (max-width:767px){
  html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sideL #pickup-ranyu, html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sideL #pickup-sf, html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sideL #pickup-yomi,
  html.cjc-dz body:not(#dz16a):not(#dz16b):not(#dz16c) #sideL .cjc-pickups{ display:none !important; }
  html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-a4-slot a{ white-space:nowrap !important; padding-left:8px !important; padding-right:8px !important; font-size:16px !important; }
}

@media (max-width:360px){ html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-a4-slot div, html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-a4-slot ul{ flex-wrap:wrap !important; row-gap:8px !important; } html.cjc-dz body:not(#dz16a):not(#dz16b) #sideL #cjc-a4-slot a{ flex:1 1 auto !important; } }

html.cjc-dz body:not(#dz16a):not(#dz16b) button#cjc-nav-close{ font-size:22px !important; min-width:44px !important; min-height:44px !important; }

@media (min-width:768px){ html.cjc-dz:not(.dz-login) body:not(#dz16a):not(#dz16b):not(#dz16c) header#hd .gnav .dz-yomi-li{ display:flex !important; align-items:center !important; } html.cjc-dz:not(.dz-login) body:not(#dz16a):not(#dz16b):not(#dz16c) header#hd .gnav .dz-yomi-li > a{ padding:0 10px !important; height:44px !important; min-height:44px !important; margin:0 !important; line-height:1 !important; } }

/* PCでは本文の右端に余白(現行は画面の端まで詰まっている) */
@media (min-width:1100px){ html.cjc-dz #sct{ padding-right:20px !important; box-sizing:border-box !important; } }

/* 並び替えの帯 */
html.cjc-dz .cjc-sort-toolbar, html.cjc-dz ul.pageNav{ background:var(--dz-sand) !important; }
html.cjc-dz .cjc-segmented button{ min-height:44px !important; font-size:15px !important; }
html.cjc-dz #login_mypage .pwd-toggle{ min-width:44px !important; min-height:44px !important; }

/* ---------- 商品ページ ---------- */
html.cjc-dz #itemDetail #imgSpace .pic{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; border-radius:14px !important; }
html.cjc-dz #itemDetail #imgSpace .pic img.picture{ width:100% !important; max-width:360px !important; height:auto !important; }
html.cjc-dz #itemDetail #imgSpace .pic p{ font-size:13px !important; color:var(--dz-sub) !important; text-align:center !important; }
html.cjc-dz #itemDetail #detail{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; border-radius:16px !important; }
html.cjc-dz #itemDetail #detail h2{ font-size:26px !important; line-height:1.5 !important; color:var(--dz-green) !important; }
html.cjc-dz #itemDetail .p-price .sale_price{ font-family:var(--dz-sans) !important; color:var(--dz-ink) !important; font-size:18px !important; }
html.cjc-dz #itemDetail .p-price #price02_default, html.cjc-dz #itemDetail .p-price #price02_dynamic{ font-size:32px !important; font-weight:700 !important; color:var(--dz-ink) !important; }
html.cjc-dz #itemDetail .cart_area h3{ font-size:16px !important; color:var(--dz-green) !important; background:var(--dz-leaf) !important; border-radius:10px !important; padding:10px 14px !important; }
html.cjc-dz #itemDetail .cart_area input[name=quantity]{ min-height:44px !important; font-size:17px !important; border:1px solid var(--dz-line) !important; border-radius:10px !important; text-align:center !important; }
html.cjc-dz #itemDetail .cart_area, html.cjc-dz #itemDetail .cart_area > .cartin{ box-sizing:border-box !important; max-width:100% !important; }
html.cjc-dz #itemDetail .cart_area > .cartin{ width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; }
html.cjc-dz #itemDetail .cartin table, html.cjc-dz #itemDetail .cartin tbody, html.cjc-dz #itemDetail .cartin tr{ display:block !important; width:100% !important; }
html.cjc-dz #itemDetail .cartin tr{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:10px 14px !important; }
html.cjc-dz #itemDetail .cartin td{ display:block !important; width:auto !important; padding:0 !important; border:0 !important; background:transparent !important; }
html.cjc-dz #itemDetail .cartin td.quantity{ font-size:16px !important; color:var(--dz-sub) !important; white-space:nowrap !important; }
html.cjc-dz #itemDetail .cartin input.box{ width:3.4em !important; }
html.cjc-dz #itemDetail .cartin td.cartin{ flex:1 1 200px !important; }
html.cjc-dz #itemDetail a.cartBtn{ box-sizing:border-box !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; padding:0 24px !important; min-height:52px !important; font-size:17px !important; text-decoration:none !important; }
html.cjc-dz #itemDetail .main_comment, html.cjc-dz #itemDetail .main_comment p{ font-size:16px !important; line-height:1.8 !important; }
html.cjc-dz #itemDetail .main_comment em{ color:var(--dz-green) !important; }
html.cjc-dz #reco .recoName a{ font-size:14px !important; color:var(--dz-ink) !important; }

/* ---------- ログイン ---------- */
html.cjc-dz #mypage .login-hero .hero-msg{ font-family:var(--dz-serif) !important; color:var(--dz-sub) !important; }
html.cjc-dz #mypage .login-hero .hero-msg::before{ content:"ご注文サイト　"; color:var(--dz-caramel); letter-spacing:.16em; }
html.cjc-dz #login_mypage .login_area{ background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; border-radius:16px !important; max-width:560px !important; margin-left:auto !important; margin-right:auto !important; }
html.cjc-dz #login_mypage .login_area h3{ background:var(--dz-sand) !important; color:var(--dz-green) !important; font-family:var(--dz-serif) !important; font-weight:500 !important; }
html.cjc-dz #login_mypage .login_area .inputbox{ background:transparent !important; border:0 !important; font-size:16px !important; }
html.cjc-dz #login_mypage input.loginbox{ min-height:48px !important; font-size:18px !important; border:1px solid var(--dz-line) !important; border-radius:12px !important; background:#fff !important; }
html.cjc-dz #login_mypage .dz-help{ font-size:14px; color:var(--dz-sub); margin:6px 0 0; line-height:1.6; text-align:center; }
html.cjc-dz #login_mypage .login_area a{ color:var(--dz-green) !important; text-decoration:underline !important; text-underline-offset:3px; }
html.cjc-dz #login_mypage .login_area a.entryBtn{ text-decoration:none !important; }
html.cjc-dz #login_mypage button.loginBtn{ box-sizing:border-box !important; width:100% !important; max-width:360px !important; min-height:52px !important; font-size:18px !important; }

html.cjc-dz #login_mypage .btn_area ul, html.cjc-dz #login_mypage .btn_area li{ width:100% !important; max-width:360px !important; margin-left:auto !important; margin-right:auto !important; padding:0 !important; float:none !important; display:block !important; }
html.cjc-dz #login_mypage button.loginBtn{ white-space:nowrap !important; display:block !important; margin:0 auto !important; }
@media (max-width:480px){
  html.cjc-dz #login_mypage .login_area .inputbox{ padding-left:14px !important; padding-right:14px !important; }
  html.cjc-dz #login_mypage dl.formlist dd, html.cjc-dz #login_mypage dl.formlist dt{ width:auto !important; float:none !important; }
  html.cjc-dz #login_mypage input.loginbox{ width:100% !important; box-sizing:border-box !important; }
  html.cjc-dz #login_mypage .pwd-wrap{ width:100% !important; }
  html.cjc-dz #mypage .login-hero .hero-msg::before{ display:block; margin-bottom:2px; }
}
@media (max-width:360px){ html.cjc-dz #cjc-topbar .cjc-brand::before{ font-size:20px; } }
@media (max-width:340px){ html.cjc-dz #cjc-topbar .cjc-brand::before{ font-size:18px; letter-spacing:0; } }

/* ---------- TOP ---------- */
html.cjc-dz .dz-notice{ background:var(--dz-leaf); color:var(--dz-green); border-radius:12px; padding:12px 16px; margin:0 0 14px; font-size:16px; line-height:1.7; font-weight:500; }
html.cjc-dz #sct details.cjc-rvcp, html.cjc-dz .wd-wrap{ background-color:var(--dz-card) !important; border-color:var(--dz-line) !important; }

/* ---------- フッター ---------- */
html.cjc-dz div#fNav{ background:var(--dz-green) !important; }
html.cjc-dz #pagetop a{ background:var(--dz-green) !important; }
html.cjc-dz p.popup{ background:var(--dz-green) !important; }

/* ---------- 既存の強い指定に負けていた所(旧 #24382A → オリーブ #3C4A2C) ---------- */
html.cjc-dz #hd #sNav, html.cjc-dz #sNav{ --forest:#3C4A2C; --ochre:#946032; }
html.cjc-dz #hd #sNav .closing table.deadline-table th{ background:var(--dz-green) !important; }
html.cjc-dz #hd-t #cartBloc .inCartBloc dd > a, html.cjc-dz #hd-t #cartBloc dd a{ background:var(--dz-green) !important; color:#fff !important; }
html.cjc-dz #wrap #sct .breadNav .breadNav-current{ background:var(--dz-green) !important; border-color:var(--dz-green) !important; color:#fff !important; }
html.cjc-dz #wrap #sct ul.week li.on a{ background:var(--dz-green) !important; border-color:var(--dz-green) !important; color:#fff !important; }
html.cjc-dz #wrap #sct .wd-grid a.wd-card{ border-color:var(--dz-line) !important; }
html.cjc-dz #wrap #sct .wd-grid a.wd-card.flagship{ background:var(--dz-green) !important; border-color:var(--dz-green) !important; }
html.cjc-dz #wrap #sct .wd-grid a.wd-card:not(.flagship){ background:var(--dz-card) !important; }

/* プレビュー中の目印(画面左下の小さな札)。本番切替時はこのブロックを外す。 */
html.cjc-dz #cjc-dz-badge{
  position:fixed; left:8px; bottom:8px; z-index:2147483000;
  display:flex; align-items:center; gap:8px;
  background:var(--dz-green); color:#fff; font:13px/1.4 var(--dz-sans);
  padding:6px 10px; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.2); opacity:.92;
}
html.cjc-dz #cjc-dz-badge a{ color:#fff; text-decoration:underline; }

/* ===== 10/17夜 葵依頼: 商品説明(画像→HTML化)の共通部品 cjc-desc。原本=EC-CUBE2更新担当\商品説明画像HTML化_20261017\本番用_771\cjc-desc.css。.cjc-desc の中だけに効く ===== */
/* ====== cjc-desc : 商品説明（画像→HTML化）共通部品。本番では cjc_design2026.css へ移す ====== */
.cjc-desc{--paper:#FAFAF7;--ink:#2B2A25;--olive:#3C4A2C;--olive-soft:#E3EAD8;--caramel:#946032;--line:#E4DFD2;--sand:#F3EEE2;box-sizing:border-box;color:var(--ink);line-height:1.9;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px 28px 8px;margin:0 0 24px}
.cjc-desc *{font-size:16px;box-sizing:border-box}
.cjc-desc h3,.cjc-desc h4{font-family:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;color:var(--olive);margin:0 0 10px;line-height:1.5;font-weight:700}
.cjc-desc h3{font-size:24px}
.cjc-desc h4{font-size:20px}
.cjc-desc p{margin:0 0 14px}
.cjc-desc__lead{font-family:"Shippori Mincho","Yu Mincho",serif;color:var(--caramel);font-size:18px;font-weight:700;margin:0 0 4px}
.cjc-desc__hero{display:flex;gap:22px;align-items:center;margin-bottom:26px}
.cjc-desc__hero figure{margin:0;flex:0 0 216px}.cjc-desc__row figure{margin:0;flex:0 0 280px}
.cjc-desc__hero img,.cjc-desc__row img{display:block;width:100%;height:auto;border-radius:10px}
.cjc-desc__sec{padding:22px 0;border-top:1px solid var(--line)}
.cjc-desc__row{display:flex;gap:22px;align-items:flex-start}
.cjc-desc__row.is-rev{flex-direction:row-reverse}
.cjc-desc__cross{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 12px;align-items:center;background:var(--sand);border-radius:12px;padding:18px 16px;margin:16px 0 6px;text-align:center}
.cjc-desc__cross .t{font-weight:700;color:var(--olive)}
.cjc-desc__cross .big{font-family:"Shippori Mincho","Yu Mincho",serif;font-size:40px;line-height:1.2;color:var(--ink)}
.cjc-desc__cross .x{font-size:32px;color:var(--caramel)}
.cjc-desc__cross .s{font-weight:700;color:var(--olive)}
.cjc-desc__two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.cjc-desc__list{list-style:none;margin:0 0 14px;padding:0}
.cjc-desc__list li{position:relative;padding:6px 0 6px 26px;border-bottom:1px dashed var(--line)}
.cjc-desc__list li::before{content:"";position:absolute;left:4px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--caramel)}
.cjc-desc__tip{background:var(--olive-soft);border-radius:12px;padding:20px 22px;margin:6px 0 20px}
.cjc-desc__tip h4{margin-bottom:8px}
.cjc-desc__tip ul{margin:0;padding:0;list-style:none}
.cjc-desc__tip li{position:relative;padding:5px 0 5px 24px}
.cjc-desc__tip li::before{content:"";position:absolute;left:3px;top:15px;width:9px;height:9px;border-radius:50%;border:2px solid var(--olive)}
@media (max-width:640px){
  .cjc-desc{padding:20px 16px 6px}
  .cjc-desc h3{font-size:22px}
  .cjc-desc__hero,.cjc-desc__row,.cjc-desc__row.is-rev{flex-direction:column;align-items:stretch;gap:14px}
  .cjc-desc__hero figure{flex:none;max-width:240px;margin:0 auto}
  .cjc-desc__row figure{flex:none;max-width:420px;margin:0 auto}
  .cjc-desc__two{grid-template-columns:1fr;gap:6px}
  .cjc-desc__cross .big{font-size:34px}
}

/* 10/17夜 葵依頼: cjc-desc 追加分(ゴーバル用)。原本=商品説明画像HTML化_20261017\本番用_gobar\cjc-desc_追加分.css */
/* cjc-desc 追加分(ゴーバル用)。cjc_design2026.css の cjc-desc 部分の末尾に足す */
.cjc-desc__hero.is-wide figure{flex:0 0 300px}
.cjc-desc__wide{margin:6px 0 14px}
.cjc-desc__wide img{display:block;width:100%;max-width:554px;height:auto;border-radius:10px}
.cjc-desc__note{display:block;color:var(--caramel);font-weight:700;padding-top:2px}
.cjc-desc__tip li strong{color:var(--olive)}
@media (max-width:640px){
  .cjc-desc__hero.is-wide figure{flex:none;max-width:100%;margin:0 auto}
}

/* 10/18 葵依頼: cjc-desc 追加分(千屋牛用)。原本=商品説明画像HTML化_20261017\本番用_chikya\cjc-desc_追加分.css */
/* 千屋牛用。共通 cjc-desc.css の末尾に追記する。 */
.cjc-desc .cjc-desc__hero--chikya{flex-direction:column;align-items:stretch;gap:18px}
.cjc-desc .cjc-desc__hero--chikya figure{flex:none;max-width:none;margin:0}
.cjc-desc .cjc-desc__hero--chikya img{width:100%;height:auto}
.cjc-desc .cjc-desc__concept{border-left:3px solid var(--olive-soft);padding:6px 0 4px 18px;margin:24px 0}
.cjc-desc .cjc-desc__concept h4{color:var(--caramel)}
.cjc-desc .cjc-desc__row--chikya>div{flex:1;min-width:0}
@media(max-width:640px){
  .cjc-desc .cjc-desc__concept{padding-left:12px}
  .cjc-desc .cjc-desc__row--chikya figure{width:100%;max-width:347px}
}

/* ▼JSを待たずに効く複製(make_has.py が自動生成。直接編集しない) */
html.cjc-dz #productList ul:has(> li.itemBox){ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(max(240px,calc(25% - 12px)),1fr)) !important; gap:16px !important; margin:12px 0 20px !important; padding:0 !important; list-style:none !important; }
html.cjc-dz #productList ul:has(> li.itemBox) > li.itemBox{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; background:var(--dz-card) !important; border:1px solid var(--dz-line) !important; border-radius:14px !important; box-shadow:none !important; min-width:0 !important; display:flex !important; }
html.cjc-dz #productList ul:has(> li.itemBox) > li.itemBox > form, html.cjc-dz #productList ul:has(> li.itemBox) .item, html.cjc-dz #productList ul:has(> li.itemBox) .innerItem{ width:100% !important; display:flex !important; flex-direction:column !important; flex:1 1 auto !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .innerItem > dl{ display:flex !important; flex-direction:column !important; gap:6px !important; padding:10px 12px 14px !important; margin:0 !important; height:100% !important; position:relative !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .innerItem > dl > dt{ position:static !important; left:auto !important; top:auto !important; float:none !important; width:auto !important; margin:0 0 4px !important; padding:0 !important; order:-2; height:168px !important; min-height:0 !important; background:#fff !important; border:1px solid var(--dz-line); border-radius:10px; display:flex !important; align-items:center; justify-content:center; overflow:hidden; }
html.cjc-dz #productList ul:has(> li.itemBox) .innerItem > dl > dt img{ width:auto !important; height:auto !important; max-width:min(92%,160px) !important; max-height:156px !important; border:0 !important; border-radius:6px; object-fit:contain; background:transparent; }
@media (max-width:420px){ html.cjc-dz #productList ul:has(> li.itemBox) .innerItem > dl > dt{ height:140px !important; } }
@media (max-width:420px){ html.cjc-dz #productList ul:has(> li.itemBox) .innerItem > dl > dt img{ max-height:128px !important; } }
html.cjc-dz #productList ul:has(> li.itemBox) .innerItem > dl > dd{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; text-align:left !important; border:0 !important; background:transparent !important; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.status_icon{ order:-1; display:flex !important; flex-wrap:wrap; gap:4px; min-height:0; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.item_code{ font-size:13px !important; color:var(--dz-sub) !important; letter-spacing:.04em; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.itemName a{ font-size:16px !important; line-height:1.55 !important; color:var(--dz-ink) !important; font-weight:700 !important; text-decoration:none !important; word-break:break-word; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.listcomment{ font-size:16px !important; line-height:1.6 !important; color:var(--dz-sub) !important; word-break:break-word; display:block !important; -webkit-line-clamp:unset !important; line-clamp:none !important; max-height:none !important; height:auto !important; overflow:visible !important; white-space:normal !important; text-overflow:clip !important; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.pricebox{ font-size:16px !important; color:var(--dz-sub) !important; line-height:1.6 !important; margin-top:auto !important; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.pricebox .price{ display:block !important; font-size:22px !important; color:var(--dz-ink) !important; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.btn_more{ font-size:16px !important; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.nonMember{ font-size:16px !important; color:var(--dz-sub) !important; background:var(--dz-sand) !important; border-radius:10px !important; padding:8px 10px !important; line-height:1.6; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.nonMember a{ display:block !important; float:none !important; position:static !important; white-space:normal !important; text-align:left !important; margin:4px 0 0 !important; color:var(--dz-green) !important; font-weight:700 !important; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.cart_area{ margin-top:4px !important; }
html.cjc-dz #productList ul:has(> li.itemBox) dd.cart_area dd.cart_area{ margin:0 !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin{ width:100% !important; float:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin table, html.cjc-dz #productList ul:has(> li.itemBox) .cartin tbody, html.cjc-dz #productList ul:has(> li.itemBox) .cartin tr{ display:block !important; width:100% !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin tr{ display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin td{ display:block !important; width:auto !important; padding:0 !important; border:0 !important; text-align:left !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin td.quantity{ font-size:16px !important; color:var(--dz-sub) !important; white-space:nowrap !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin input.box{ width:3.2em !important; min-height:44px !important; font-size:17px !important; text-align:center !important; border:1px solid var(--dz-line) !important; border-radius:10px !important; background:#fff !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin td.cartin_btn{ flex:1 1 120px !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cartin input.cartBtn{ width:100% !important; padding:0 12px !important; box-sizing:border-box !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .opt, html.cjc-dz #productList ul:has(> li.itemBox) .size02{ font-size:16px !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .opt select, html.cjc-dz #productList ul:has(> li.itemBox) .size02 select{ max-width:100% !important; min-height:44px !important; font-size:16px !important; }
html.cjc-dz #wrap #productList ul:has(> li.itemBox) .out-of-stock-badge, html.cjc-dz #productList ul:has(> li.itemBox) .out-of-stock-badge{ font-size:16px !important; background:#F3E3E6 !important; color:var(--dz-wine) !important; border:0 !important; border-radius:10px !important; box-shadow:none !important; }
html.cjc-dz #productList ul:has(> li.itemBox) .cjc-pc-line{ justify-content:flex-start !important; flex-wrap:wrap; }
@media (max-width:600px){ html.cjc-dz #productList ul:has(> li.itemBox){ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:420px){ html.cjc-dz #productList ul:has(> li.itemBox){ gap:10px !important; } }
@media (max-width:420px){ html.cjc-dz #productList ul:has(> li.itemBox) .innerItem > dl{ padding:8px 8px 12px !important; } }
@media (max-width:420px){ html.cjc-dz #productList ul:has(> li.itemBox) dd.pricebox .price{ font-size:19px !important; } }
@media (max-width:340px){ html.cjc-dz #productList ul:has(> li.itemBox){ grid-template-columns:minmax(0,1fr) !important; } }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) li.itemBox dl dd.itemName, html.cjc-dz body #wrap #productList ul:has(> li.itemBox) li.itemBox dl dd.itemName a, html.cjc-dz body #wrap #productList ul:has(> li.itemBox) li.itemBox dl dd.listcomment{ display:block !important; -webkit-line-clamp:unset !important; line-clamp:none !important; -webkit-box-orient:initial !important; max-height:none !important; height:auto !important; overflow:visible !important; white-space:normal !important; text-overflow:clip !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) li.itemBox dl dd.btn_more a{ color:var(--dz-green) !important; font-size:16px !important; font-weight:700 !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin td.quantity{ display:flex !important; align-items:center !important; justify-content:flex-start !important; margin-right:auto !important; gap:6px !important; flex-wrap:nowrap !important; width:auto !important; max-width:100% !important; padding:0 !important; margin:0 !important; font-size:16px !important; white-space:nowrap !important; position:static !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin td.quantity input.box{ flex:0 0 52px !important; width:52px !important; min-width:0 !important; height:44px !important; min-height:44px !important; max-height:44px !important; padding:0 !important; margin:0 !important; font-size:17px !important; text-align:center !important; box-sizing:border-box !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin td.quantity .cjc-qty-btn{ flex:0 0 44px !important; width:44px !important; height:44px !important; margin:0 !important; padding:0 !important; border:1px solid var(--dz-line) !important; border-radius:10px !important; background:#fff !important; color:var(--dz-green) !important; font-size:20px !important; box-sizing:border-box !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin table, html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin tbody{ display:block !important; width:100% !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin tr{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; gap:8px 10px !important; width:100% !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin td.cartin_btn{ display:block !important; flex:1 1 140px !important; min-width:0 !important; width:auto !important; padding:0 !important; }
html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .cartin input.cartBtn{ width:100% !important; box-sizing:border-box !important; padding:0 12px !important; min-height:46px !important; }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox){ grid-template-columns:minmax(0,1fr) !important; gap:12px !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) > li.itemBox{ padding:0 !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl{ display:grid !important; grid-template-columns:110px minmax(0,1fr) !important; column-gap:12px !important; row-gap:4px !important; align-items:start !important; padding:12px !important; height:auto !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dt{ grid-column:1 !important; grid-row:1 / span 6 !important; width:110px !important; height:110px !important; margin:0 !important; order:0 !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dt img{ max-width:100px !important; max-height:100px !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dd{ grid-column:2 !important; order:0 !important; min-width:0 !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dd.status_icon{ order:0 !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) li.itemBox dl dd.itemName a{ font-size:16px !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dd.cart_area, html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dd.nonMember, html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dd.slStart, html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dd.slEnd{ grid-column:1 / -1 !important; margin-top:6px !important; } }
@media (max-width:700px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl > dd.pricebox{ margin-top:2px !important; } }
@media (min-width:701px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) .innerItem > dl{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; } }
@media (min-width:701px){ html.cjc-dz body #wrap #productList ul:has(> li.itemBox) li.itemBox dl dd.pricebox{ margin-top:auto !important; padding-top:6px !important; } }

/* 2026-11-05 商品一覧「表示件数」の文字が下で切れる件(井上さん指摘)。上下の内側の余白(12px)で文字の入る高さが19pxしかなかったため、上下の余白を0にして高さで中央に置く */
html.cjc-dz body #productList .itemList ul.modernPageNav.modernPageNav select.chgSelct,
html.cjc-dz body #productList .itemList .cjc-sort-toolbar select.chgSelct{ padding-top:0 !important; padding-bottom:0 !important; height:44px !important; min-height:44px !important; line-height:1.4 !important; }
@media (max-width:767px){ html.cjc-dz body #productList .itemList ul.modernPageNav.modernPageNav select.chgSelct{ padding:0 12px !important; height:40px !important; min-height:40px !important; } }