/* p76 cx：Codex の公開前レビュー（2026-11-06 designer・reader）の直し。v7m の全ページで読み込む。印刷の直しも含む */
@media screen{
/* 5. 3,000万円控除：キーボードで選ぶとき、今いる所が見える。選んだ物には印。押せる高さ 44px 以上 */
.tk-ans label{min-height:44px;display:inline-flex!important;align-items:center}
.tk-ans label:has(input:focus-visible){outline:3px solid #FFD27A!important;outline-offset:3px}
.tk-ans label:has(input:checked)::before{content:"✓";margin-right:6px;font-weight:700}
/* 7. 判断のために読む文は 16〜17px・行高 1.8（出典・確認日などの補足だけ 15px） */
.kcard details li,.kcard details p{font-size:16px!important;line-height:1.8!important}
.qa-item .a,.qa-item .a p,.qa-item .a li{font-size:17px!important;line-height:1.8!important}
.osec p{font-size:16px!important;line-height:1.8!important}
/* 8. やること表：戸建てかマンションかを、折りたたみの外に（任意のまま） */
.cx-bt{margin-top:14px}
.cx-bt select{min-height:48px;font-size:16px}
/* 9. やること表の広告一覧：本文と分ける明るい面 */
#asp_cards.cx-light{background:#F1F1F3!important;color:#16181D!important;border-top:4px solid #FFD27A!important;border-radius:14px;padding:20px 18px!important;margin-top:32px!important}
#asp_cards.cx-light *:not(.adgo):not(.chip){color:#16181D!important}
#asp_cards.cx-light a{color:#0B4A7A!important}
#asp_cards.cx-light .adcard{background:#FFFFFF!important;border:1px solid #C9CCD3!important;box-shadow:none!important}
#asp_cards.cx-light .adcard .adk{display:flex!important;flex-direction:column-reverse;align-items:flex-start;gap:8px}
#asp_cards.cx-light .adcard .adk em{background:#FFF3D6!important;color:#5A3A00!important;font-style:normal;font-size:15px!important;padding:0 8px;border-radius:999px}
#asp_cards.cx-light .adcard .adk em::before{content:"【PR】"}
#asp_cards.cx-light .adgo{color:#FFFFFF!important;background:#0B4A7A!important;font-weight:700;border-color:#0B4A7A!important}
#asp_cards.cx-light .chip{background:#FFFFFF!important;color:#16181D!important;border:1px solid #C9CCD3!important}
#asp_cards.cx-light .adgrp h3 span,#asp_cards.cx-light .adn,#asp_cards.cx-light .adt,#asp_cards.cx-light small{color:#3B404C!important}
/* 3. 絞り込みの件数と「すべて表示」 */
.cx-count{margin-top:12px!important;font-size:16px!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.cx-count button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(220,240,250,.55);background:rgba(4,24,48,.30);color:#F2F6FA;font-weight:700;font-size:16px;cursor:pointer}
.cx-count button[hidden]{display:none}
.r4tbl tr[hidden]{display:none}
/* 13. 市区町村の一覧：入力欄を最初の画面に */
.r4hero .kpick{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;max-width:40em}
.r4hero .kpick select,.r4hero .kpick input{min-height:48px;font-size:16px!important}
.r4hero .kpick select{flex:0 1 180px}.r4hero .kpick .cb{flex:1 1 240px;position:relative}
.r4hero .kpick-hint{margin-top:10px!important;font-size:15px!important}
@media (max-width:760px){.r4hero .kpick{flex-direction:column}.r4hero .kpick select,.r4hero .kpick .cb{flex:1 1 auto;width:100%}}
/* 14. トップの7つの選択肢：小さな絵をやめ、線のアイコンと文字に */
#sentaku .r4card{padding:18px 20px!important}
#sentaku .r4card .cx-ic{display:block;width:30px;height:30px;color:var(--r4-a2,#B4EEE6);margin-bottom:10px}
#sentaku .r4card .cx-ic svg{width:100%;height:100%;display:block}
#sentaku .r4card b{font-size:18px!important}
#sentaku .r4card span{font-size:16px!important}
/* 15. スマホのページ移動：押せる高さ 44px 以上 */
@media (max-width:640px){.jh-nav a,.jh-game{min-height:44px!important;display:inline-flex!important;align-items:center}}
/* 10. 家計簿のスマホ：上に固定するのは「年月・お金・進み具合」だけ。ほかの状態は下の「あなた」の欄で読む。出来事はページと一緒に流す */
html body.playing.ph-port #vPlay .hud .hc:not(:first-child),html body.playing.ph-port #vPlay .hud .hl,html body.playing.ph-port #vPlay .ck-bar>.lastev{display:none!important}
html body.playing.ph-port #vPlay .ck-log,html body.playing.ph-port.ph-tab-H #phC .ck-log .log,html body.playing.ph-port #vPlay .ck-log .log{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;contain:none!important;flex:none!important}
/* 11. 家計簿：低い画面（高さ 800px 以下）では、列ごとのスクロールをやめ、ページ全体を流す（上の状況の帯だけ固定） */
@media (max-height:800px){
 html body.deskz #vPlay .ck{height:auto!important;min-height:0!important;grid-template-rows:auto auto auto!important;align-items:start!important}
 html body.deskz #vPlay :is(.ck-you,.ck-fam,.ck-see,.ck-log,.ck-rz,.ck-act){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;contain:none!important}
 html body.deskz #vPlay :is(.ck-log .log,.ck-act .acts){height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important}
}
/* 4. やること表の目次の今いる所 */
#ptoc a[aria-current="location"]{font-weight:700}
}
/* 6. 印刷：入力の枠と最初の画面（結果があるとき）を出さない。結果の区画の余白を詰める。広告・操作リンクも出さない。長い区画は途中で改ページしてよい */
@media print{
 /* 画面用の出てくる動き（rise・fade）は印刷では止めて、全部見せる（止めないと、印刷に切り替えた時に動きが始めからやり直され、後ろの区画が白紙になる） */
 html#r4 *,html#r4 *::before,html#r4 *::after{animation:none!important;transition:none!important}
 html#r4 body #result>section.sec.fade,html#r4 body .fade{opacity:1!important;transform:none!important}
 html#r4 body #form,html#r4 body .r4heroform,html#r4 body .cx-bt{display:none!important}
 html#r4 body:has(#result:not([hidden])) .r4hero{display:none!important}
 html#r4 body #result>section,html#r4 body #result>section.r4s.seab.seax{padding:12px 0!important;margin:0!important;box-shadow:none!important}
 html#r4 body :is(#asp_cards,.adjump,.r4back,.backbar,#ptoc,#r_keep,.cx-count,.r4toc){display:none!important}
 html#r4 body #result section,html#r4 body #result .card{break-inside:auto!important;page-break-inside:auto!important}
 html#r4 body #result :is(h2,h3,.eyebrow){break-after:avoid!important;page-break-after:avoid!important}
}