/* ===== カラーミー本店専用の追加スタイル（Netlifyデモでは未使用）=====
   商品詳細のカート投入フォーム（カラーミーの $option_table / select / product_num）を自サイト意匠に合わせる */

/* 数量入力（span→input に置換した分） */
.qty input[type=text]{width:46px;height:44px;text-align:center;font-weight:600;border:none;background:#fff;font-size:15px;padding:0;margin:0;box-shadow:none;border-radius:0;color:inherit;font-family:inherit}
.qty input[type=text]:focus{outline:none}
.cm-unit{font-size:12px;color:#6b6357}

/* 選択肢（select 型） */
.cm-opt{margin-top:22px}
.cm-opt .vlabel{font-size:12px;font-weight:600;letter-spacing:.08em;color:#6b6357;margin-bottom:8px}
.cm-opt-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.cm-opt-name{font-size:12.5px;color:#6b6357;min-width:96px}
.cm-select,.cm-text{flex:1;min-width:180px;height:44px;padding:0 12px;border:1px solid var(--line,#ddd4c5);background:#fff;font-size:14px;color:var(--ink,#2a261f);border-radius:var(--r-md,4px);font-family:inherit;box-shadow:none;margin:0}
.cm-select:focus,.cm-text:focus{outline:2px solid var(--gold-dark,#9a7f4f);outline-offset:1px;border-color:var(--gold-dark,#9a7f4f)}

/* 選択肢（表 型 = $option_table） */
.option-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.option-table table{border-collapse:collapse;width:100%;font-size:12.5px;border:1px solid var(--line,#ddd4c5);background:#fff}
.option-table th,.option-table td{border:1px solid var(--line,#ddd4c5);padding:8px 10px;text-align:center;vertical-align:middle;line-height:1.5}
.option-table th{background:var(--paper2,#f5f1ea);font-weight:600;color:#6b6357;white-space:nowrap}
.option-table td label{display:block;cursor:pointer}
.option-table input[type=radio]{margin:0 0 4px;accent-color:var(--charcoal,#17140f)}
.option-table .table_price{font-weight:600;color:var(--ink,#2a261f);white-space:nowrap}
.option-table .stock_head th{font-size:12px}
.option-table td.soldout,.option-table td .soldout{color:#a0978a}

/* カート投入ボタン・売り切れ・在庫エラー */
.cm-form .cart-row{margin-top:26px}
.btn-soldout,.btn[disabled]{opacity:.45;cursor:not-allowed}
.stock_error{font-size:12.5px;color:#a83232;margin:10px 0 0}
.stock_error.hide{display:none}
.cm-optlink{margin-top:12px;font-size:12px}
.cm-optlink a{color:#6b6357;text-decoration:underline;text-underline-offset:3px}

/* オプション表で「カートに入れる」を無効化する utility.product.js のクラス */
.disable_cartin .btn__addcart{opacity:.45;pointer-events:none}

/* PERFECT JEWELRY 側（pj.css の .qty は b 要素前提だったため） */
.pj-pdp .qty input[type=text],.perfect .qty input[type=text]{min-width:44px;font-size:15px}

/* ===== カラーミー固定画面（特商法・プライバシー・お問合せ・ログイン・レビュー等）を包む汎用枠 ===== */
.cm-generic{padding:40px 0 80px;max-width:960px;font-size:14px;line-height:1.9;color:var(--ink,#2a261f)}
.cm-generic h1,.cm-generic h2,.cm-generic .section__title-h2{font-family:var(--serif,serif);font-weight:500;font-size:22px;letter-spacing:.06em;margin:38px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line,#ddd4c5)}
.cm-generic h2:first-child,.cm-generic .section__title-h2:first-child{margin-top:0}
.cm-generic h3{font-size:15px;font-weight:600;margin:22px 0 6px}
.cm-generic dl{margin:0 0 18px}
.cm-generic dt{font-weight:600;margin-top:12px}
.cm-generic dd{margin:2px 0 0 1em;color:#4e483f}
.cm-generic p{margin:0 0 12px}
.cm-generic table{border-collapse:collapse;width:100%;font-size:13.5px;background:#fff}
.cm-generic th,.cm-generic td{border:1px solid var(--line,#ddd4c5);padding:10px 14px;text-align:left;vertical-align:top}
.cm-generic th{background:var(--paper2,#f5f1ea);font-weight:600;white-space:nowrap}
.cm-generic img{max-width:100%;height:auto}
.cm-generic input[type=text],.cm-generic input[type=email],.cm-generic input[type=password],.cm-generic input[type=tel],.cm-generic textarea,.cm-generic select{border:1px solid var(--line,#ddd4c5);background:#fff;padding:10px 12px;font-size:14px;border-radius:var(--r-md,4px);max-width:100%;box-shadow:none;font-family:inherit}
.cm-generic textarea{width:100%;min-height:160px}
.cm-generic .btn,.cm-generic button[type=submit],.cm-generic input[type=submit]{display:inline-block;background:var(--charcoal,#17140f);color:#fff;border:none;padding:14px 32px;font-size:13px;letter-spacing:.12em;cursor:pointer;border-radius:var(--r-md,4px);font-family:inherit}
.cm-generic a{color:var(--gold-dark,#9a7f4f);text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.cm-generic{padding:24px 0 56px;font-size:13.5px}}

/* colormekit の img{max-width:100%} がグリッドの最小幅を膨らませる（SP で横スクロール）対策 */
.pdp>*{min-width:0}
.gallery .main img,.gallery .thumbs .t img{max-width:none}

/* 一覧のカテゴリチップは <a>（カラーミーのカテゴリページへ遷移）。button と同じ見た目に */
a.chip{display:inline-block;text-decoration:none;line-height:normal;font-family:inherit;box-sizing:border-box}
a.chip:hover{text-decoration:none}

/* PJ01：カラーミーの「商品説明」欄を冒頭段落として表示 */
.detail-sec .cm-lede{font-size:14px;color:#544c58;line-height:1.9;white-space:pre-line}
.detail-sec .cm-lede p{margin:0 0 16px}