/* ===== theme-soft.css（2026-10-06）=====
   CEO「白黒すぎて怖い→もっと可愛く・見やすく」。nw.css の変数を上書きし、機能・階層はそのまま色と形だけ柔らかく。
   基調＝温かいクリーム／文字＝濃い暖グレー／アクセント＝にぎ丸(cand2 クリーム×オレンジ)に合わせたコーラル・淡イエロー・ミント。
   文字コントラストは WCAG AA 以上（本文 #3A3632 on #FFFDF8 = 11.8:1／注記 #5C564F = 7.1:1／白文字 on #B94A22 = 5.2:1）。
   戻す＝ index.html / select.html の <link theme-soft.css> を外すだけ。 */
:root{
  --pp-paper:#FFFDF8;
  --pp-paper-2:#FFF6E6;
  --pp-paper-3:#F3EAD9;
  --pp-ink:#3A3632;
  --pp-ink-2:#45403B;
  --pp-ink-3:#5C564F;
  --pp-rule:#EADFCB;
  --pp-rule-2:#C9B99F;
  --pp-shu:#B94A22;          /* 白抜き文字用のコーラル（5.2:1） */
  --pp-shu-press:#A3401C;
  --pp-shu-tint:#FFE9D6;
  --pp-sel:#FFD9A8;          /* 選択チップ（淡オレンジ・文字は墨 9:1） */
  --pp-sel-ink:#3A3632;
  --pp-mint:#DDF3E8;
  --pp-yellow:#FFF1B8;
  --pp-ramp-0:#F3EAD9; --pp-ramp-1:#FFE3B3; --pp-ramp-2:#FFC98A; --pp-ramp-3:#F2975A; --pp-ramp-4:#D9622F; --pp-ramp-sel:#B94A22;
  --pp-ok:#2E7D55;
  --pp-wait:#5C564F;
  --pp-warn:#8A5A00;
  --pp-r:14px; --pp-r-ctl:12px;
  --pp-float:0 8px 24px rgba(90,60,30,.14);
  --pp-scrim:rgba(70,50,30,.42);
  --nw-sumi-2:#45403B;
}
body{background:var(--pp-paper)}
/* 選択状態・帯：黒ベタ→淡オレンジ（文字は墨） */
.tabs button.on,.filters button.on,.filters button.hasdata.on,.pop-acts a:first-child,.gap-rank,.nw-badge.is-ink{background:var(--pp-sel)!important;border-color:var(--pp-sel)!important;color:var(--pp-sel-ink)!important}
.mlab,.feat-h,.adhead,.nw-adtag,.pp-media .pp-fig .lab{background:var(--pp-shu)!important;color:#fff!important}
.fbtn,.lv-row .lv-btn{background:var(--pp-shu)!important;color:#fff!important;border-radius:var(--pp-r-ctl)}
.adpill b,#love .lv-narisuki>span[style]{background:var(--pp-shu)!important;color:#fff!important;border-radius:6px}
/* 枠・罫：真っ黒の線をやめる */
.bar,.bar *,.tabs button,.tband button,.filters button,#charBtn,#infoBtn,.adpill,.dock,.dock button,.dock a,.sheet,.sheet .grip,.fortune,.vlist,#hello,.sports,.vcard,#adbox .vcard,.pcard,.info-card,.pstamp i,.fortune input,.nw-btn,.adform input,.adform .adf-consent{border-color:var(--pp-rule-2)!important}
.sheet{border-top-width:2px!important}
.sheet .grip::before{background:var(--pp-rule-2)}
/* 角丸：操作部品・吹き出し・カード */
.tabs button,.tband button,.filters button,#charBtn,#infoBtn,.adpill,.nw-btn,.fbtn,.dock,#hello,.sports,.sheet .list>*{border-radius:var(--pp-r-ctl)}
.vcard,.pcard,.info-card,#adbox .vcard,.pop,.maplibregl-popup-content{border-radius:var(--pp-r)!important;overflow:hidden}
.pstamp i{border-radius:6px}
.pstamp i.on{background:var(--pp-shu)!important;border-color:var(--pp-shu)!important}
/* 吹き出し（にぎ丸）：やわらかく */
#hello{background:#FFFBF2!important;border-color:var(--pp-rule-2)!important}
.mbub b{color:var(--pp-shu)}
/* カテゴリ色（見出しの縦帯など）は彩度を少し落とす */
:root{--cat-sports:#5EA6D8}
/* ボトムシートの見出し帯など白地→クリーム地 */
.sheet,.sheet .meta,.pcard,.vcard,.info-card{background:var(--pp-paper)}
.sheet .meta{background:var(--pp-paper-2)}
/* ボタン色（主＝コーラル／副＝白地に薄枠） */
.nw-btn{background:#fff}
.nw-btn.is-primary{background:var(--pp-shu);border-color:var(--pp-shu);color:#fff}
/* ===== 広告申込フォーム（index.html #adform）===== */
.adform{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.adform label{display:block}
.adform label>span{display:block;margin-bottom:4px;font:700 13px/1.4 var(--pp-f);color:var(--pp-ink)}
.adform label>span i{margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--pp-shu-tint);color:var(--pp-shu);font:700 11px/1.4 var(--pp-f);font-style:normal}
.adform input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;height:46px;padding:0 12px;border:1.5px solid var(--pp-rule-2);border-radius:var(--pp-r-ctl);background:#fff;font:400 16px/1 var(--pp-f);color:var(--pp-ink)}
.adform input::placeholder{color:#8A8178}
.adform .adf-row{display:flex;gap:8px}
.adform .adf-row label{flex:1 1 0;min-width:0}
.adform .adf-consent{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1.5px solid var(--pp-rule);border-radius:var(--pp-r-ctl);background:var(--pp-paper-2);font:400 13px/1.6 var(--pp-f);color:var(--pp-ink-2)}
.adform .adf-consent input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--pp-shu)}
.adform .adf-consent a{color:var(--pp-shu)}
.adf-msg:empty{display:none}
.adf-msg{padding:8px 10px;border-radius:8px;background:#FDE8E4;color:#9B2E12;font:700 13px/1.5 var(--pp-f)}
.adf-done{margin-top:10px;padding:14px;border-radius:var(--pp-r);background:var(--pp-mint);color:var(--pp-ink)}
.adf-done b{display:block;font:800 16px/1.4 var(--pp-f)}
.ad-intro .ad-logo{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:8px;background:var(--pp-ink);color:#fff;font:800 12px/1.4 var(--pp-f);letter-spacing:.08em;vertical-align:2px}
.ad-can{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.ad-can li{padding:5px 10px;border-radius:999px;background:var(--pp-yellow);color:var(--pp-ink);font:700 13px/1.4 var(--pp-f)}
.ad-cta{margin-top:12px;padding:12px;border-radius:var(--pp-r);background:var(--pp-paper-2);border:1.5px solid var(--pp-rule)}
.ad-cta .nw-h3{margin:0}
.ad-cta .nw-row{margin-top:8px}
/* 申込の切替（無料掲載／広告） */
.ad-seg{display:flex;gap:6px;margin:12px 0 0;padding:4px;border-radius:14px;background:var(--pp-paper-2);border:1.5px solid var(--pp-rule)}
.ad-seg button{flex:1 1 0;min-height:52px;padding:6px 8px;border:0;border-radius:11px;background:transparent;color:var(--pp-ink);font:800 14px/1.2 var(--pp-f);cursor:pointer}
.ad-seg button small{display:block;margin-top:2px;font:500 11px/1.3 var(--pp-f);color:var(--pp-ink-3)}
.ad-seg button.on{background:var(--pp-shu);color:#fff}
.ad-seg button.on small{color:#FFE9D6}
.listform-wrap{border-top:0!important;padding-top:8px!important}
