/* =====================================================================
   お客様の画面（LINE の中で開くページ）
   日本の通販・買取アプリの作法に寄せる：端末の標準書体、価格は欧文書体、
   角はほぼ四角、枠より罫線とグレーの区切り、色は紺と黒とグレー。淡い水色の面・丸いアイコン枠・動きは使わない。
   ===================================================================== */
.c{
  --ink:#1f1f1f; --sub:#666; --faint:#999; --line:#e6e6e6; --line-strong:#c8c8c8; --tint:#f5f5f5; --band:#f0f0f0;
  --brand:#1f3c88; --brand-dark:#172d68; --brand-sun:#f0a800; --link:#1a56b0;
  --num:'Helvetica Neue',Arial,'Hiragino Sans',sans-serif;
  --accent:var(--brand); --accent-dark:var(--brand-dark); --accent-soft:var(--tint); --accent-line:var(--line-strong);
  background:#fff;color:var(--ink);
  font:400 15px/1.7 var(--jp);font-feature-settings:normal;letter-spacing:.01em;
}
html[lang=vi] .c{--jp:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
html[lang=zh-Hans] .c{--jp:'PingFang SC','Hiragino Sans GB','Noto Sans SC','Microsoft YaHei',sans-serif}
.c a{color:var(--link)}
.c .wrap{max-width:640px;padding:16px 16px 128px}
.c h1{font-size:20px;font-weight:700;line-height:1.4;margin:4px 0 12px;letter-spacing:.02em}
.c h2{font-size:16px;font-weight:700;line-height:1.5;margin:26px 0 8px}
.c h3{font-size:15px;font-weight:700}
.c b,.c strong{font-weight:700}
.c .muted{color:var(--sub);font-size:13px;line-height:1.7}
.c .num,.c .price,.c .pp,.c .total span:last-child,.c .bar .sum b{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:0}

/* ヘッダー */
.c .appbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}
.c .logo{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink)}
.c .logo-mark{width:24px;height:24px;border-radius:3px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;
  font:700 14px/1 var(--num)}
.c .logo-word{font:700 18px/1 var(--num);letter-spacing:.08em}
.c .logo-img{display:block;height:22px;width:auto}
.c .logo-sub{font-size:12px;font-weight:700;color:var(--brand);letter-spacing:.3em;padding-left:10px;margin-left:2px;border-left:1px solid var(--line-strong);line-height:1.2}
.c .appbar .langbar{display:flex;gap:0;padding:0;background:none;border:0;font-size:12px}
.c .appbar .langbar a{color:var(--faint);padding:6px 6px;text-decoration:none;font-weight:400}
.c .appbar .langbar a.on{color:var(--ink);font-weight:700}
.c .appbar .langbar a + a{border-left:1px solid var(--line)}

/* タブ */
.c .topnav{position:static;display:flex;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:0}
.c .topnav a{flex:1;text-align:center;padding:12px 2px 11px;font-size:13px;font-weight:400;color:var(--sub);text-decoration:none;
  border-bottom:2px solid transparent;box-shadow:none}
.c .topnav a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}

/* お知らせ */
.c .flash{background:#333;color:#fff;border-radius:2px;padding:10px 12px;font-size:13px}
.c .box{border:0;border-radius:2px;padding:10px 12px;margin:10px 0;font-size:13px;line-height:1.7;background:var(--tint);color:var(--ink)}
.c .box.info{background:var(--tint);color:var(--ink)}
.c .box.warn{background:#fdf7ea;color:#6b4a00}
.c .box.bad{background:#fcefee;color:#a1261f}
.c .box b{font-weight:700}

/* 区切り：枠で囲まず、全幅のグレーの帯で区切る */
.c .card{background:#fff;border:0;border-radius:0;padding:4px 0 8px;margin:16px -16px 0;padding-left:16px;padding-right:16px;
  border-top:8px solid var(--band)}
.c .card > h2:first-child{margin-top:14px}
.c details.card summary{cursor:pointer;font-weight:700;padding:12px 0}

/* ボタン */
.c .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:12px 18px;border-radius:4px;
  font:700 15px/1.3 var(--jp);letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:none;
  background:#fff;color:var(--ink);border:1px solid var(--line-strong)}
.c .btn.block{display:flex;width:100%}
.c .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.c .btn.primary:active,.c .btn.primary:hover{background:var(--brand-dark)}
.c .btn.primary:disabled{background:#c4c8cf;border-color:#c4c8cf;color:#fff;cursor:not-allowed}
.c .btn.small{min-height:34px;padding:6px 12px;font-size:13px}
.c .btn.danger{background:#a1261f;border-color:#a1261f;color:#fff}

/* 入力 */
.c input[type=text],.c input[type=tel],.c input[type=date],.c input[type=search],.c input[type=password],.c input[type=number],.c select,.c textarea{
  width:100%;border:1px solid var(--line-strong);border-radius:3px;padding:10px 11px;font:400 16px/1.4 var(--jp);background:#fff;color:var(--ink);box-shadow:none}
.c input:focus,.c select:focus,.c textarea:focus{outline:none;border-color:var(--brand)}
.c .field{margin:12px 0}
.c .field > span{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}
.c input[type=checkbox],.c input[type=radio]{accent-color:var(--brand)}

/* バッジ（在庫など） */
.c .badge{display:inline-block;border-radius:2px;padding:1px 5px;font-size:11px;font-weight:700;line-height:1.5;vertical-align:1px;letter-spacing:0}
.c .badge.few{background:none;color:#a35f00;border:1px solid #d9a441}
.c .badge.out{background:none;color:#a1261f;border:1px solid #d98a85}
.c .badge.ok{background:none;color:var(--brand);border:1px solid var(--brand)}
.c .badge.gray{background:none;color:var(--sub);border:1px solid var(--line-strong)}

/* 箇条書き */
.c ul.notes{list-style:none;padding:0;margin:8px 0;font-size:13px;color:var(--sub)}
.c ul.notes li{position:relative;padding-left:1em;margin:3px 0}
.c ul.notes li::before{content:'・';position:absolute;left:-.1em;top:0;color:var(--faint)}

/* 補足行（価格更新など） */
.c .meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--sub);margin:-4px 0 10px}
.c .meta .dot{display:none}
.c .meta a{text-decoration:none}
.c .meta a::after{content:' ›'}

/* ---------------------------------------------------------------- 買取商品一覧 */
.c .search{position:sticky;top:0;z-index:5;background:#fff;margin:0 -16px;padding:8px 16px 0;border-bottom:1px solid var(--line)}
.c .srow{display:flex;gap:8px;align-items:center}
.c .srow input[type=search]{flex:1;min-width:0;height:38px;padding:0 10px;border-radius:3px;background:var(--tint);border:1px solid var(--tint);
  -webkit-appearance:none;appearance:none;font-size:16px}
.c .srow input[type=search]:focus{background:#fff;border-color:var(--brand)}
.c .chip{flex:none;display:inline-flex;align-items:center;height:38px;padding:0 10px;border:1px solid var(--line-strong);border-radius:3px;
  font-size:12px;font-weight:700;color:var(--sub);cursor:pointer;white-space:nowrap;user-select:none;position:relative}
.c .chip input{position:absolute;opacity:0;pointer-events:none}
.c .chip:has(input:checked){background:var(--ink);border-color:var(--ink);color:#fff}
.c .gametabs{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:none;margin:4px 0 0;border:0}
.c .gametabs::-webkit-scrollbar{display:none}
.c .gametabs button,.c .gametabs button.on,.c .gametabs button[class*="g-"]{flex:none;white-space:nowrap;border:0;border-radius:0;background:none;
  color:var(--sub);font:400 13px/1 var(--jp);padding:10px 10px 10px;margin:0;border-bottom:2px solid transparent;cursor:pointer}
.c .gametabs button.on,.c .gametabs button[class*="g-"].on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink);background:none}
.c .gametabs button span{display:none}
#ptabs.gametabs{border-bottom:1px solid var(--line);margin:0 -16px 0;padding:0 6px}

/* ゲームの見出し：グレーの帯（日本の通販の一覧の見出し） */
.c .gamehead-c,.c .gamehead-c[class*="g-"]{display:flex;align-items:center;gap:8px;margin:0 -16px;padding:7px 16px;background:var(--band);border:0;border-radius:0;
  font-size:12px;font-weight:700;color:var(--sub);letter-spacing:.04em}
.c .gamehead-c::before{content:'';width:3px;height:12px;background:var(--faint)}
.c .gamehead-c::after{content:none}
.c .gamehead-c.g-pokemon::before{background:var(--g-pokemon)}
.c .gamehead-c.g-onepiece::before{background:var(--g-onepiece)}
.c .gamehead-c.g-dragonball::before{background:var(--g-dragonball)}

/* 商品の行 */
.c .prod,.c .prod[class*="g-"]{display:grid;grid-template-columns:76px 1fr;gap:12px;margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--line);
  border-radius:0;background:#fff;box-shadow:none}
.c .prod img,.c .prod .noimg{width:76px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:0;background:#fff;padding:3px}
.c .prod .noimg{display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--num);color:var(--faint)}
.c .prod .name{font-size:14px;font-weight:700;line-height:1.5}
.c .prod .code{font:400 12px/1.5 var(--num);color:var(--faint);margin-top:1px}
.c .prod .code .badge[class*="g-"]{display:none}
.c .prod.sold{opacity:.5}
.c .cond{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:6px}
.c .cond > div:first-child{min-width:0}
.c .cond .lbl{font-size:11px;color:var(--faint);white-space:nowrap}
.c .cond .price{font-size:20px;font-weight:700;line-height:1.2;color:var(--ink);white-space:nowrap}

/* 数量 */
.c .step{display:flex;align-items:center;height:36px;border:1px solid var(--line-strong);border-radius:3px;overflow:hidden;flex:none;background:#fff}
.c .step button{width:34px;height:34px;border:0;background:#fff;color:var(--ink);font:400 18px/1 var(--num);cursor:pointer}
.c .step button:disabled{color:#ccc}
.c .step input.qtyin{width:42px;height:34px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;padding:0;
  text-align:center;font:700 16px/1 var(--num);background:#fff;color:var(--ink)}
.c .step input.qtyin:focus{outline:none;background:var(--tint)}

/* 下に固定の合計 */
.c .bar{position:fixed;left:0;right:0;bottom:0;z-index:6;background:#fff;border-top:1px solid var(--line-strong);box-shadow:none;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.c .bar .in{max-width:640px;margin:0 auto;display:flex;gap:12px;align-items:center}
.c .bar .sum{flex:1;line-height:1.2}
.c .bar .sum .muted{font-size:12px;color:var(--sub)}
.c .bar .sum b{font-size:24px;font-weight:700}
.c .bar .btn.primary{min-width:150px}

/* ---------------------------------------------------------------- 予約の確定・予約内容 */
.c .line{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.c .line .l{flex:1;min-width:0;font-size:14px}
.c .line .r{text-align:right;white-space:nowrap}
.c .line .r > div:first-child{font:700 16px/1.3 var(--num)}
.c .line.issue .l{color:#a1261f}
.c .diff{font-size:12px}.c .diff.up{color:#1d7a3e}.c .diff.down{color:#a1261f}
.c .total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);margin-top:0;padding-top:12px;font-size:14px;font-weight:700}
.c .total span:last-child{font-size:24px;font-weight:700}
.c .choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c .choice label{border:1px solid var(--line-strong);border-radius:3px;padding:12px;font-weight:700;cursor:pointer;background:#fff;line-height:1.4;box-shadow:none}
.c .choice label .muted{font-weight:400;font-size:12px}
.c .choice label:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#fff}
.c .slotday{font-size:13px;font-weight:700;margin:14px 0 6px;display:block;color:var(--ink)}
.c .slotday::after{content:none}
.c .slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}
.c .slots label{text-align:center;border:1px solid var(--line-strong);border-radius:3px;padding:9px 0;font:700 15px/1.2 var(--num);cursor:pointer;background:#fff}
.c .slots label:has(input:checked){background:var(--brand);border-color:var(--brand);color:#fff}
.c .slots input{display:none}
.c dl.kv{display:grid;grid-template-columns:7em 1fr;gap:0;margin:0;font-size:14px}
.c dl.kv dt,.c dl.kv dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.c dl.kv dt{color:var(--sub);font-size:13px;font-weight:400}
.c dl.kv dd{font-weight:400}
.c .agree{display:flex;gap:10px;align-items:flex-start;font-weight:700;margin:12px 0}
.c .agree input{width:20px;height:20px;flex:none;margin-top:2px}

/* 確認事項のチェック */
.c .checklist{list-style:none;border:1px solid var(--line-strong);border-radius:3px;background:#fff;margin:8px 0 14px;padding:0}
.c .checklist label,.c .checklist.plain li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-top:1px solid var(--line);font-size:14px;line-height:1.55;cursor:pointer}
.c .checklist label:first-child,.c .checklist.plain li:first-child{border-top:0}
.c .checklist input{width:20px;height:20px;flex:none;margin:1px 0 0}
.c .checklist label:has(input:checked){background:#fff}
.c .checklist label:has(input:checked) span{color:var(--sub)}
.c .checklist.plain{counter-reset:ck}
.c .checklist.plain li{counter-increment:ck;cursor:default}
.c .checklist.plain li::before{content:counter(ck) '.';flex:none;width:1.6em;font:700 14px/1.55 var(--num);color:var(--faint);background:none;border-radius:0;height:auto}

/* 切り替え（持ち込み／郵送） */
.c .seg{display:flex;gap:0;background:none;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:0 -16px 14px;padding:0 6px}
.c .seg button,.c .seg a{flex:none;padding:11px 10px;border:0;border-radius:0;background:none;box-shadow:none;font:400 14px/1.2 var(--jp);
  color:var(--sub)!important;text-decoration:none;border-bottom:2px solid transparent;cursor:pointer}
.c .seg button.on,.c .seg a.on{color:var(--ink)!important;font-weight:700;border-bottom-color:var(--ink);background:none;box-shadow:none}

/* ---------------------------------------------------------------- 本日の価格表 */
.c .pricelist{margin:0}
.c .prow-c{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.c .prow-c .pn{font-size:14px;font-weight:400;line-height:1.5}
.c .prow-c .pn .muted{font:400 12px/1 var(--num);color:var(--faint);margin-left:4px}
.c .prow-c .pp{font-size:17px;font-weight:700;white-space:nowrap;color:var(--ink)}
.c .prow-c .pp .muted{font-family:var(--jp);font-weight:400}
.c .prow-c.sold{opacity:.5}

/* ---------------------------------------------------------------- 買取の流れ */
.c ol.flow{list-style:none;margin:0;padding:0;counter-reset:fl}
.c ol.flow li{display:flex;gap:14px;position:relative;padding:0 0 22px}
.c ol.flow li:not(:last-child)::before{content:'';position:absolute;left:13px;top:30px;bottom:6px;width:0;border-left:1px solid var(--line-strong);background:none}
.c .flow-i{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;
  counter-increment:fl}
.c .flow-i .ico{display:none}
.c .flow-i::before{content:counter(fl);font:700 14px/1 var(--num);color:var(--ink)}
.c .flow-n,.c .flow-step{display:none}
.c .flow-b{flex:1;min-width:0;padding-top:2px}
.c .flow-b b{display:block;font-size:16px;font-weight:700;line-height:1.4;color:var(--ink)}
.c .flow-b > p{margin:3px 0 0;font-size:14px;line-height:1.65;color:var(--sub)}
.c .flow-b details summary{display:inline-block;margin-top:4px;font-size:12px;color:var(--link);cursor:pointer;list-style:none;font-weight:400}
.c .flow-b details summary::-webkit-details-marker{display:none}
.c .flow-b details summary::after{content:' ▼';font-size:9px;color:var(--link)}
.c .flow-b details[open] summary::after{content:' ▲'}
.c .flow-b details p{margin:6px 0 0;padding:10px 12px;background:var(--tint);border-radius:0;font-size:13px;line-height:1.75;color:var(--ink)}

/* ---------------------------------------------------------------- 買取ガイド */
.c .guidenav{position:sticky;top:0;z-index:4;display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;background:#fff;border-bottom:1px solid var(--line);
  margin:0 -16px;padding:0 6px;scrollbar-width:none}
.c .guidenav::-webkit-scrollbar{display:none}
.c .guidenav a{flex:none;border:0;border-radius:0;background:none;color:var(--sub);font-size:13px;font-weight:400;padding:12px 10px;white-space:nowrap;text-decoration:none}
.c .guide-group{scroll-margin-top:52px}
.c .guide-group h2{display:block;border:0;padding:0;margin:30px 0 6px;font-size:17px}
.c .guide-group h2::after{content:none}
.c .crit{border-top:8px solid var(--band)}
.c .crit h3{margin:14px 0 8px;font-size:15px}
.c .crit-cols{display:block}
.c .crit-col,.c .crit-col.ok,.c .crit-col.reduce,.c .crit-col.ng{background:none;border:0;border-radius:0;padding:0;margin:0 0 12px}
.c .crit-h{display:inline-block;font-size:12px;font-weight:700;padding:1px 6px;border-radius:2px;margin-bottom:4px;letter-spacing:0}
.c .crit-h::before{content:none}
.c .crit-col.ok .crit-h{color:var(--brand);border:1px solid var(--brand)}
.c .crit-col.reduce .crit-h{color:#8a5a00;border:1px solid #c9973a}
.c .crit-col.ng .crit-h{color:#a1261f;border:1px solid #d98a85}
.c .crit-col ul{list-style:none;padding:0;margin:0}
.c .crit-col li{position:relative;padding:6px 0 6px 1em;border-bottom:1px solid var(--line);font-size:14px}
.c .crit-col li:last-child{border-bottom:0}
.c .crit-col li::before{content:'・';position:absolute;left:-.1em;color:var(--faint)}
.c details.gsec{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:0}
.c details.gsec summary{cursor:pointer;list-style:none;position:relative;padding:14px 26px 14px 0;font-size:15px;font-weight:700}
.c details.gsec summary::-webkit-details-marker{display:none}
.c details.gsec summary::after{content:'';position:absolute;right:6px;top:20px;width:7px;height:7px;border-right:1.5px solid var(--sub);border-bottom:1.5px solid var(--sub);
  transform:rotate(45deg);color:inherit;font-weight:400}
.c details.gsec[open] summary::after{content:'';transform:rotate(-135deg);top:24px}
.c details.gsec[open]{padding-bottom:12px}
.c .examples{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}
.c .examples figure{margin:0;border:1px solid var(--line);border-radius:0;overflow:hidden;background:#fff}
.c .examples img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.c .examples figcaption{font-size:12px;padding:6px 8px;color:var(--sub)}

/* ---------------------------------------------------------------- 会員証 */
.c .member-card{--mc-ink:#fff;--mc-sub:rgba(255,255,255,.72);--mc-line:rgba(255,255,255,.16);
  position:relative;overflow:hidden;isolation:isolate;max-width:400px;aspect-ratio:1.586;margin:6px auto 0;padding:18px 22px 18px;
  border-radius:12px;color:var(--mc-ink);background:#1d2128;display:flex;flex-direction:column;
  box-shadow:0 1px 2px rgba(0,0,0,.18),0 12px 28px -8px rgba(0,0,0,.35),inset 0 0 0 1px var(--mc-line)}
/* 金属の光沢（斜めの光）と、細いヘアライン */
.c .member-card::before{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.16) 42%,rgba(255,255,255,.05) 50%,transparent 62%)}
.c .member-card::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.5;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.c .member-card.rank-bronze{background:linear-gradient(135deg,#a26b45 0%,#6e4129 52%,#8f5a37 100%)}
.c .member-card.rank-silver{--mc-ink:#1e2832;--mc-sub:rgba(30,40,50,.66);--mc-line:rgba(255,255,255,.55);
  background:linear-gradient(135deg,#eef0f3 0%,#b9c0c8 52%,#dde1e5 100%)}
.c .member-card.rank-gold{--mc-ink:#3b2a07;--mc-sub:rgba(59,42,7,.68);--mc-line:rgba(255,248,220,.5);
  background:linear-gradient(135deg,#ecd593 0%,#bf9640 52%,#dcbb68 100%)}
.c .member-card.rank-platinum{--mc-ink:#eef0f3;--mc-sub:rgba(238,240,243,.62);
  background:linear-gradient(135deg,#50565f 0%,#1b1e23 52%,#3a3f47 100%)}
.c .member-card .mc-top{display:flex;justify-content:space-between;align-items:center}
.c .member-card .mc-logo{display:block;height:20px;width:auto}
.c .member-card .mc-brand{font:600 21px/1 'Times New Roman','Hiragino Mincho ProN','Noto Serif JP',serif;letter-spacing:.28em}
.c .member-card .mc-rank{font:600 11px/1 var(--num);letter-spacing:.32em;color:var(--mc-sub)}
.c .member-card .mc-mid{display:flex;align-items:center;gap:12px;margin-top:10px}
.c .member-card .mc-kind{font:600 9px/1 var(--num);letter-spacing:.3em;color:var(--mc-sub)}
.c .member-card .mc-label{font-size:10px;letter-spacing:.12em;color:var(--mc-sub);margin-top:auto}
.c .member-card .member-no{font:500 27px/1.15 var(--num);letter-spacing:.16em;margin-top:3px;
  text-shadow:0 1px 0 rgba(0,0,0,.28),0 -1px 0 rgba(255,255,255,.12)}
.c .member-card.rank-silver .member-no,.c .member-card.rank-gold .member-no{text-shadow:0 1px 0 rgba(255,255,255,.45),0 -1px 0 rgba(0,0,0,.12)}
.c .member-card .mc-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:8px}
.c .member-card .mc-name{font-size:15px;font-weight:600;letter-spacing:.06em}
.c .member-card .mc-status{font-size:10px;color:var(--mc-sub);text-align:right;line-height:1.4}

/* ランク */
.c .rank-box{max-width:none;margin:16px -16px 0;padding:14px 16px 6px;border:0;border-top:8px solid var(--band);border-radius:0;background:#fff}
.c .rank-box .rb-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.c .rank-box .rb-perk{font-size:13px;font-weight:700;color:var(--ink)}
.c .rank-box .rb-points{margin-top:8px;font-size:14px;color:var(--sub)}
.c .rank-box .rb-points b{font:700 28px/1.1 var(--num);color:var(--ink)}
.c .rank-box .rb-bar{height:4px;border-radius:0;background:var(--band);margin:12px 0 6px;overflow:hidden}
.c .rank-box .rb-bar i{display:block;height:100%;background:var(--ink);border-radius:0}
.c .rank-box .rb-next{margin:0;font-size:13px;color:var(--ink)}
.c .rank-box details{margin-top:12px;border-top:1px solid var(--line);padding-top:4px}
.c .rank-box summary{cursor:pointer;font-size:13px;font-weight:400;color:var(--link);padding:8px 0}
.c .rb-table{width:100%;border-collapse:collapse;margin:4px 0 8px;font-size:13px;background:#fff}
.c .rb-table td{padding:8px 4px;border:0;border-top:1px solid var(--line)}
.c .rb-table tr.on td{background:var(--tint);font-weight:700}
.c .rb-table td.num{text-align:right}

/* 本人確認書類の撮影 */
.c .shot{display:block;border:1px dashed var(--line-strong);border-radius:3px;padding:14px;margin:10px 0;text-align:center;background:#fff;cursor:pointer}
.c .shot-t{display:block;font-weight:700;color:var(--ink);margin-bottom:8px}
.c .shot input[type=file]{font-size:13px;max-width:100%}
.c .shot-prev{display:block;max-width:100%;max-height:220px;margin:10px auto 0;border-radius:0}

/* フッター */
.c .sitefoot{text-align:center;padding:22px 16px 36px;color:var(--faint);font-size:11px;line-height:1.7;border-top:8px solid var(--band);margin-top:12px}
.c .sitefoot-brand{display:none}

/* 本日の価格表（Xに載せる画像をそのまま表示） */
.c .plimg{margin:0 -16px}
.c .plimg img{display:block;width:100%;height:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.c .pltext{margin:0 16px;border-bottom:1px solid var(--line)}
.c .pltext summary{cursor:pointer;padding:12px 0;font-size:13px;color:var(--link)}

/* 価格表：タブは画面幅に収める。画像の拡大は全画面の中だけで行う */
.c{overflow-x:clip}
.c .seg{overflow-x:auto;scrollbar-width:none}
.c .seg::-webkit-scrollbar{display:none}
#ptabs.seg button{flex:1 1 0;min-width:0;padding:11px 4px;white-space:nowrap;text-align:center}
.c .plopen{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.c .plhint{position:absolute;right:10px;bottom:10px;background:rgba(31,31,31,.72);color:#fff;font-size:11px;padding:4px 8px;border-radius:2px}
html.noscroll,html.noscroll body{overflow:hidden;overscroll-behavior:none}
.plview{position:fixed;inset:0;z-index:50;background:#111;display:flex;flex-direction:column}
.plview-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px calc(10px);padding-top:calc(10px + env(safe-area-inset-top));
  color:#fff;font-size:14px}
.plview-bar a{color:#fff;text-decoration:none;font-weight:700}
.plview-bar button{background:none;border:1px solid rgba(255,255,255,.5);color:#fff;font:700 14px/1 var(--jp);padding:8px 14px;border-radius:3px}
.plview-stage{flex:1;position:relative;overflow:hidden;touch-action:none}
.plview-stage img{position:absolute;left:0;top:0;width:100%;height:auto;transform-origin:0 0;user-select:none;-webkit-user-drag:none;max-width:none}
.plview-tip{color:rgba(255,255,255,.6);font-size:11px;text-align:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}

/* 強化買取 */
.c .badge.boost{background:var(--brand-sun);border:1px solid var(--brand-sun);color:#2a1d00}

/* 利用規約・プライバシーポリシー */
.c .legal{font-size:14px;line-height:1.8}
.c .legal h2{font-size:15px;margin:22px 0 6px}
.c .legal ol,.c .legal ul{padding-left:1.4em;margin:6px 0}
.c .legal li{margin:4px 0}
.c .sitefoot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 16px;margin-bottom:8px}
.c .sitefoot-links a{color:var(--sub);text-decoration:none}
.c .radio-row{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:15px;font-weight:400}
.c .radio-row input{width:18px;height:18px;margin:0}

/* 査定結果への回答（減額した商品ごと） */
.c .ans{padding:12px 0;border-bottom:1px solid var(--line)}
.c .ans-h{font-size:14px}
.c .ans-p{font:400 15px/1.5 var(--num);margin-top:2px}
.c .ans-p s{color:var(--faint)}
.c .ans-c{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}
.c .ans.red{background:#fffaf0;margin:0 -16px;padding:12px 16px}

/* 破格オファー */
.c .offerbox h2{margin-top:22px}
.c .psa-row{border-top:1px solid var(--line);padding:10px 0}
.c .badge.offer{background:#b3261e;border:1px solid #b3261e;color:#fff}
.c .offerhead{display:flex;align-items:center;gap:8px;margin:0 -16px;padding:8px 16px;background:#1f1f1f;color:#fff;font-size:13px;font-weight:700}
.c .offerhead small{font-weight:400;opacity:.8}
.c .prod.offer .price{color:#b3261e}
.c .offer-meta{font-size:11px;color:#b3261e;margin-top:2px}

.c .price-lock{display:inline-block;margin-top:2px;font-size:14px;font-weight:700;color:var(--link)}
.c .lock-note{font-size:12px;color:var(--sub);margin-top:4px}

/* 強化買取：写真の枠をオレンジで光らせる（動きを控えたい設定の端末では光らせない） */
.c .prod.boost img,.c .prod.boost .noimg{border:2px solid var(--brand-sun);box-shadow:0 0 0 2px rgba(240,168,0,.18),0 0 10px rgba(240,168,0,.45)}
@media (prefers-reduced-motion:no-preference){
  .c .prod.boost img,.c .prod.boost .noimg{animation:boostglow 2.4s ease-in-out infinite}
}
@keyframes boostglow{0%,100%{box-shadow:0 0 0 2px rgba(240,168,0,.15),0 0 6px rgba(240,168,0,.3)}50%{box-shadow:0 0 0 3px rgba(240,168,0,.3),0 0 16px rgba(240,168,0,.6)}}
.c .offer-meta b{font-weight:700}

/* 限定オファーの欄を目立たせる：濃い帯＋オレンジの線、淡いクリーム色の面 */
.c .offerhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px -16px 0;padding:14px 16px 12px;background:#1f1f1f;color:#fff;
  border-top:4px solid var(--brand-sun)}
.c .offerhead .offerhead-t{font-size:17px;font-weight:800;letter-spacing:.06em}
.c .offerhead small{font-size:12px;font-weight:700;color:var(--brand-sun);opacity:1}
.c .prod.offer{background:#fffaf0;margin:0 -16px;padding:16px;border-bottom:1px solid #f0e2c4}
.c .prod.offer img,.c .prod.offer .noimg{border-color:#e8d6ad}
.c .prod.offer .price{font-size:22px}
.c .offerend{height:4px;background:var(--brand-sun);margin:0 -16px 10px}

/* =====================================================================
   タブレット・PC（幅768px以上）
   スマホの見た目はそのまま。広い画面では中身の幅をページの種類ごとに決め（読む・入力するページは760px、
   商品一覧は1120px、確認画面は左に入力・右に見積もりの2列）、ヘッダーをその幅にそろえる。
   スマホで画面の端まで伸ばしていたグレーの帯は、細い枠線の区切りに置き換える。
   ===================================================================== */
.c{--page:1040px;--read:760px;--split:1080px}
@media (min-width:768px){
  .c{font-size:15px}
  .c .wrap{max-width:var(--read);padding:32px 24px 150px}
  .c[data-layout=wide] .wrap{max-width:var(--page)}
  .c[data-layout=split] .wrap{max-width:var(--split)}
  .c h1{font-size:24px;margin:0 0 16px}
  .c h2{font-size:17px}

  /* ヘッダー：ロゴ・言語の行と、メニューの行。中身の左右を1120pxの幅にそろえる */
  .c .masthead{--gut:max(24px,calc(50% - var(--page) / 2 + 24px));background:#fff}
  .c .appbar{height:64px;padding:0 var(--gut)}
  .c .logo-img{height:26px}
  .c .logo-sub{font-size:13px}
  .c .topnav{padding:0 var(--gut);gap:4px}
  .c .topnav a{flex:none;padding:14px 16px 12px;font-size:14px}
  .c .topnav a:first-child{margin-left:-16px}

  /* 帯で区切っていたものは、枠線のパネルにする */
  .c .card,.c .rank-box{margin:20px 0 0;padding:16px 24px;border:1px solid var(--line);border-radius:6px}
  .c .card > h2:first-child{margin-top:4px}
  .c .card > .line:first-child{padding-top:4px}
  .c .card > :last-child{margin-bottom:0}
  .c .card > .total:last-child{padding-bottom:2px}
  .c details.card{padding-top:4px;padding-bottom:4px}
  .c .card + .btn,.c .card + p,.c .card + form{margin-top:16px}
  .c .search{margin:0;padding:12px 0 0}
  .c #ptabs.gametabs,.c .seg,.c .guidenav{margin-left:0;margin-right:0;padding:0}
  .c .gamehead-c,.c .gamehead-c[class*="g-"]{margin:0;padding:8px 14px}
  .c .offerhead{margin:12px 0 0;padding:16px 20px 14px}
  .c .prod.offer{margin:0;padding:16px 20px}
  .c .offerend{margin:0 0 14px}
  .c .ans.red{margin:0 -12px;padding:12px}
  .c .flash{margin-bottom:12px}

  /* 下に固定の合計：中身の幅にそろえる */
  .c .bar{padding:12px 24px calc(12px + env(safe-area-inset-bottom))}
  .c .bar .in{max-width:calc(var(--read) - 48px)}
  .c[data-layout=wide] .bar .in{max-width:calc(var(--page) - 48px)}
  .c .bar .btn.primary{min-width:220px}

  /* 確定ボタン・主な操作のボタンは、横いっぱいにせず読みやすい幅に */
  .c .choice{gap:12px}
  .c .slots{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
  .c dl.kv{grid-template-columns:9em 1fr}

  /* 買取商品一覧：2列に並べる（見出しは横いっぱい） */
  .c #list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:stretch}
  .c #list > .gamehead-c,.c #list > .offerzone{grid-column:1 / -1}
  .c .offerzone{margin-bottom:24px}
  .c .offerzone .offerend{margin:0}
  .c .offergrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fffaf0;border-bottom:1px solid #f0e2c4}
  .c .offergrid .prod.offer{border-bottom:0}
  .c .offergrid .prod.offer:nth-child(2n){border-left:1px solid #f0e2c4}
  .c .offerzone.one .offergrid{grid-template-columns:minmax(0,1fr)}
  .c .offerzone.one .prod.offer{grid-template-columns:96px minmax(0,1fr);max-width:640px}
  .c .offerzone.one .prod.offer img,.c .offerzone.one .prod.offer .noimg{width:96px;height:96px}
  .c #list > .gamehead-c ~ .gamehead-c{margin-top:24px}
  .c #list .prod{padding:16px 0}
  .c #list .prod.offer{padding:16px}

  /* 会員証 */
  .c .member-card{max-width:420px}

  /* 本日の価格表：画像は読める大きさで中央に */
  .c .plimg{margin:0}
  .c .plimg img{border:1px solid var(--line)}
  .c .pltext{margin:0}

  /* 予約確認の一覧：カードとして並べる */
  .c a.card{transition:border-color .15s}

  /* フッター */
  .c .sitefoot{padding:28px 24px 44px;font-size:12px}
}

/* タブレット横・PC（幅1024px以上） */
@media (min-width:1024px){
  /* ヘッダーを1行に：ロゴ／メニュー／言語 */
  .c .masthead{display:flex;align-items:stretch;height:68px;padding:0 var(--gut);border-bottom:1px solid var(--line)}
  .c .masthead .appbar{display:contents}
  .c .masthead .logo{order:0;align-self:center}
  .c .masthead .topnav{order:1;flex:1;display:flex;align-items:stretch;padding:0;margin-left:36px;border:0;gap:6px}
  .c .masthead .topnav a{display:flex;align-items:center;margin:0;padding:0 14px;border-bottom:2px solid transparent;border-top:2px solid transparent}
  .c .masthead .topnav a.on{border-bottom-color:var(--ink)}
  .c .masthead .langbar{order:2;align-self:center;margin-left:auto}

  /* 買取商品一覧：PCも2列まで（3列は見づらい：お店の判断 2026-10-11）。列の間を広げる */
  .c #list{column-gap:48px}

  /* 確認画面：左に入力、右に見積もり（下にスクロールしても見積もりは見えたまま） */
  .c .split{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:40px;align-items:start}
  .c .split-side{grid-column:2;grid-row:1;position:sticky;top:20px}
  .c .split-main{grid-column:1;grid-row:1;min-width:0}
  .c .split-side .card{margin-top:0}
  .c .split-main > :first-child,.c .split-main > form > h2:first-of-type{margin-top:0}
  .c .sumcard .line .l{font-size:13px}
  .c .sumcard .total span:last-child{font-size:26px}

  /* 会員証：カードとランクを横に並べる */
  .c .member-top{display:grid;grid-template-columns:400px minmax(0,1fr);gap:32px;align-items:start;margin-bottom:8px}
  .c .member-top .member-card{margin:0;max-width:none;width:100%}
  .c .member-top .rank-box{margin:0}
}

/* マウスで操作する端末（PC）だけの反応 */
@media (hover:hover) and (pointer:fine){
  .c .btn:hover{background:var(--tint)}
  .c .btn.primary:hover{background:var(--brand-dark)}
  .c .btn.danger:hover{background:#8a1f19}
  .c .topnav a:hover,.c .gametabs button:hover,.c .seg button:hover,.c .seg a:hover,.c .guidenav a:hover{color:var(--ink)!important}
  .c .appbar .langbar a:hover{color:var(--ink)}
  .c .step button:not(:disabled):hover{background:var(--tint)}
  .c .chip:hover{border-color:var(--ink);color:var(--ink)}
  .c .chip:has(input:checked):hover{color:#fff}
  .c a.card:hover{border-color:var(--line-strong)}
  .c .choice label:hover,.c .slots label:hover{border-color:var(--ink)}
  .c .slots label:has(input:checked):hover{border-color:var(--brand)}
  .c .checklist label:hover{background:var(--tint)}
  .c .plopen:hover img{opacity:.92}
  .c .sitefoot-links a:hover{color:var(--ink)}
}

/* 操作の説明：タッチの端末とマウスの端末で出し分ける */
.c .mouse-only{display:none}
@media (hover:hover) and (pointer:fine){
  .c .mouse-only{display:inline}
  .c .touch-only{display:none}
  .plview-stage{cursor:grab}
  .plview-stage:active{cursor:grabbing}
}

/* =====================================================================
   本日の価格表（文字の表）：スマホ1列・タブレットとPCは2列（3列にはしない）。Xに載せる画像は「画像で見る・保存する」から
   ===================================================================== */
.c .pl-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.c .pl-date{font:700 14px/1 var(--num);color:var(--sub);white-space:nowrap}
.c .pl-tab-l{display:none}
.c #ptabs{position:sticky;top:0;z-index:5;background:#fff}
.c .plsec{margin-top:0}
.c .pl-band{display:flex;align-items:center;gap:8px;margin:0 -16px;padding:9px 16px;background:var(--band);font-size:13px}
.c .pl-band::before{content:'';width:4px;height:14px;background:var(--faint)}
.c .pl-band.g-pokemon::before{background:var(--g-pokemon)}
.c .pl-band.g-onepiece::before{background:var(--g-onepiece)}
.c .pl-band.g-dragonball::before{background:var(--g-dragonball)}
.c .pl-band span{color:var(--sub);font:400 12px/1 var(--num)}
.c .pl-grid{list-style:none;margin:0 0 14px;padding:0}
.c .pl-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.c .pl-thumb{width:44px;height:44px;object-fit:contain;border:1px solid var(--line);background:#fff;padding:2px;display:block}
.c .pl-row.boost .pl-thumb{border:2px solid var(--brand-sun);box-shadow:0 0 6px rgba(240,168,0,.45)}
.c .pl-name{font-size:14px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
.c .pl-name .badge{margin-right:2px}
.c .pl-price{text-align:right;white-space:nowrap;font-family:var(--num);font-variant-numeric:tabular-nums}
.c .pl-price b{font-size:17px;font-weight:700}
.c .pl-price small{font:400 11px/1 var(--jp);color:var(--sub);margin-left:1px}
.c .pl-row.sold{opacity:.45}
.c .pl-note{font-size:12px;line-height:1.7;color:var(--sub);margin:6px 0 10px}
.c .plopen-btn{margin-top:4px}
@media (min-width:768px){
  .c .pl-tab-s{display:none}
  .c .pl-tab-l{display:inline}
  .c #ptabs.seg button{flex:none;padding:12px 20px}
  .c .pl-band{margin:16px 0 0;padding:10px 14px;font-size:14px}
  .c .pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .c .pl-row{grid-template-columns:52px minmax(0,1fr) auto;padding:9px 0}
  .c .pl-thumb{width:52px;height:52px}
  .c .pl-price b{font-size:19px}
  .c .btn.block.plopen-btn{display:inline-flex;width:auto;min-width:260px}
  .c .pl-go .btn.block{display:inline-flex;width:auto;min-width:260px}
  .c .pl-date{font-size:15px}
}
@media (min-width:1024px){
  .c .pl-grid{column-gap:48px}
  .c .pl-name{font-size:14px}
}

/* 一覧のBOXの状態（未開封・シュリンク付き／未開封） */
.c .pl-state{display:block;font-size:11px;color:var(--faint);line-height:1.4;margin-top:1px}
.c .pl-state:empty{display:none}

/* =====================================================================
   はじめての方へ（買取申し込みまでの流れ。5枚を横にスワイプ）
   スマホは画面いっぱいに近いカード、タブレット・PCは中央の小さめのカード
   ===================================================================== */
.intro{position:fixed;inset:0;z-index:60;background:rgba(17,17,17,.55);display:flex;align-items:center;justify-content:center;
  padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.intro[hidden]{display:none}
.intro-card{width:100%;max-width:420px;max-height:100%;background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 20px 50px rgba(0,0,0,.3)}
.intro-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 6px}
.c .intro-kicker{font-size:12px;font-weight:700;color:var(--brand);letter-spacing:.08em}
.c .intro-skip{background:none;border:0;padding:6px 0;font:400 13px/1 var(--jp);color:var(--sub);cursor:pointer}
.intro-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.intro-track::-webkit-scrollbar{display:none}
.intro-slide{flex:0 0 100%;scroll-snap-align:start;padding:6px 22px 4px;min-width:0}
.c .intro-slide h2{margin:6px 0 6px;font-size:19px;line-height:1.45}
.c .intro-slide p{margin:0;font-size:14px;line-height:1.75;color:var(--sub);min-height:3.5em}
.c .intro-n{margin-top:16px;font:700 12px/1 var(--num);color:var(--faint);letter-spacing:.06em}
.intro-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 18px}
.c .intro-foot .btn{min-height:44px;min-width:96px;padding:10px 16px}
.intro-dots{display:flex;gap:6px}
.intro-dots i{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}
.intro-dots i.on{background:var(--ink);width:16px;border-radius:3px}

/* スライドの小さな見本（実際の画面の形をなぞる） */
.c .intro-mock{height:150px;margin-top:4px;background:var(--tint);border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 18px}
.c .im-row{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px}
.c .im-img{width:52px;height:52px;border:1px solid var(--line);background:linear-gradient(135deg,#e9edf5,#cfd8ea)}
.c .im-lines{display:flex;flex-direction:column;gap:5px;min-width:0}
.c .im-lines i{display:block;height:8px;width:80%;background:#d9d9d9;border-radius:2px}
.c .im-lines i.s{width:40%}
.c .im-lines b{font:700 16px/1.2 var(--num);margin-top:2px}
.c .im-step{display:flex;border:1px solid var(--line-strong);border-radius:3px;font:400 15px/1 var(--num)}
.c .im-step i,.c .im-step b{width:26px;height:30px;display:flex;align-items:center;justify-content:center;font-style:normal}
.c .im-step b{border-left:1px solid var(--line);border-right:1px solid var(--line);font-weight:700}
.c .im-bar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-top:1px solid var(--line-strong);padding:12px}
.c .im-bar span:first-child{display:flex;flex-direction:column;line-height:1.2}
.c .im-bar small{font-size:11px;color:var(--sub)}
.c .im-bar b{font:700 20px/1.2 var(--num)}
.c .im-btn{background:var(--brand);color:#fff;font-size:13px;font-weight:700;padding:10px 12px;border-radius:4px;white-space:nowrap;
  box-shadow:0 0 0 3px rgba(240,168,0,.55)}
.c .im-form{width:100%;display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);padding:14px}
.c .im-form i{display:block;height:24px;border:1px solid var(--line-strong);border-radius:3px}
.c .im-form i.s{width:55%}
.c .im-choice{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c .im-choice span{background:#fff;border:1px solid var(--line-strong);border-radius:3px;padding:16px 8px;text-align:center;font-size:13px;font-weight:700}
.c .im-choice span.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.c .im-paid{display:flex;flex-direction:column;align-items:center;gap:4px}
.c .im-paid small{font-size:12px;color:var(--sub)}
.c .im-paid b{font:700 30px/1.1 var(--num)}
@media (min-width:768px){
  .intro-card{max-width:440px}
  .c .intro-mock{height:170px}
}
@media (max-height:560px){ .c .intro-mock{height:110px} .c .intro-n{margin-top:10px} }

/* LINE の外で開かれたときの案内（スマホは「LINEアプリで開く」、PCは「LINEでログイン」を先頭に） */
.c .gate{max-width:440px;margin:8px auto 0}
.c .gate-lead{font-size:14px;color:var(--sub);line-height:1.8;margin:0 0 18px}
.c .gate-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.c .gate-actions .btn{min-height:50px}
html.is-sp .c .gate-pc,html.is-pc .c .gate-sp{display:none}

/* 確認事項：全項目を番号付きで読ませ、「同意します」は1つだけ。すぐ下に確定ボタン */
.c .checks .checklist.plain li{font-size:13px;padding:9px 12px;color:var(--ink)}
.c .agree-all{margin:14px 0 12px;padding:14px 12px;border:1px solid var(--brand);border-radius:3px;background:#fff;cursor:pointer}
.c .agree-all:has(input:checked){background:var(--tint)}

/* =====================================================================
   どの幅・どの文字の大きさでも、横にはみ出さない（2026-10-16）
   グリッドとフレックスの中身が縮めるように min-width:0、長い文字は折り返す、
   数量の＋−が入らないときは価格の下に回す
   ===================================================================== */
.c .prod,.c .prod[class*="g-"]{grid-template-columns:76px minmax(0,1fr)}
.c .prod > *{min-width:0}
.c .prod .name,.c .prod .code,.c .offer-meta,.c .lock-note,.c .pl-name,.c .line .l,.c dl.kv dd{overflow-wrap:anywhere}
.c .cond{flex-wrap:wrap;row-gap:8px}
.c .cond > div:first-child{flex:1 1 auto}
.c .cond .lbl{white-space:normal}
.c .cond .step{margin-left:auto}
.c .bar .in{min-width:0}
.c .bar .sum{min-width:0}
.c .bar .sum b{white-space:nowrap}
@media (min-width:768px){
  .c .offerzone.one .prod.offer{grid-template-columns:96px minmax(0,1fr)}
}
/* とても狭い画面（小さいスマホ＋文字を大きくしている設定）：写真を小さく、さらに狭ければ写真を上に */
@media (max-width:340px){
  .c .prod,.c .prod[class*="g-"]{grid-template-columns:56px minmax(0,1fr);gap:10px}
  .c .prod img,.c .prod .noimg{width:56px;height:56px}
  .c .step button{width:30px}
  .c .step input.qtyin{width:36px}
}
@media (max-width:260px){
  .c .prod,.c .prod[class*="g-"]{grid-template-columns:minmax(0,1fr)}
}

/* 本人確認書類の撮影：その場でカメラで撮る画面 */
.cam{position:fixed;inset:0;z-index:70;background:#000;display:flex;flex-direction:column}
.cam[hidden]{display:none}
.cam-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));color:#fff;font-size:14px;font-weight:700}
.cam-x{background:none;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:3px;padding:6px 12px;font:700 13px/1 var(--jp,sans-serif)}
.cam video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000}
.cam-bottom{display:flex;justify-content:center;padding:18px 0 calc(18px + env(safe-area-inset-bottom))}
.cam-shutter{width:68px;height:68px;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.4);background-clip:padding-box;cursor:pointer}
.c .shot-cta{display:none}
.c form.live .shot-cta{display:inline-block;margin-top:2px;padding:9px 16px;border-radius:3px;background:var(--brand);color:#fff;font-size:14px;font-weight:700}
.c form.live .shot:has(.shot-prev:not([hidden])) .shot-cta{background:#fff;color:var(--brand);border:1px solid var(--brand)}

/* お預かりする情報について（会員登録・本人確認書類の撮影） */
.c .trust{border:1px solid var(--line-strong);border-left:4px solid var(--brand);border-radius:3px;background:#fff;padding:12px 14px;margin:10px 0 14px;font-size:13px;line-height:1.7}
.c .trust-h{font-weight:700;font-size:14px;margin-bottom:4px;color:var(--brand)}
.c .trust ul{margin:0 0 6px;padding-left:1.2em}
.c .trust li{margin:3px 0}
.c .trust a{font-size:12px}
.c .box.guar ul{margin:4px 0 6px;padding-left:1.2em}
.c .box.guar li{margin:2px 0}

/* 限定オファーの条件の注意書き（見積もり画面） */
body.c .offerrule{margin:6px 0 10px;padding:8px 10px;border:1px solid #f0b4b4;background:#fff4f4;border-radius:8px;color:#8a1c1c;font-size:13px;line-height:1.6;font-weight:600}

/* 価格表の「○時○分時点」（30分きざみ。小さく） */
body.c .pl-asof{margin:2px 0 10px;font-size:12px;line-height:1.4;color:var(--sub)}

/* ロゴ：「DORA | 買取」の横長（買取の文字もDORAと同じ高さ。お店の指示 2026-10-23） */
body.c .logo-img.logo-wide{height:26px;width:auto}
@media (min-width:768px){body.c .logo-img.logo-wide{height:30px}}