/* Hullspark 入札データ（B2 案、2026-10-12 オーナー承認）。色は紙・墨・青緑・朱の 4 つ。外部の読み込みなし。 */
:root{--bg:#faf7f1;--panel:#fffdf9;--panel2:#f1ece2;--ink:#1d1b18;--sub:#5f594f;--line:#ddd5c6;--rule:#1d1b18;--acc:#0b6462;--acc-ink:#fff;--red:#b5341a;--hot:#b5341a;--hot-bg:#fbe4da;--warm:#7d5200;--warm-bg:#f8ecc9;--cool:#0b6462;--cool-bg:#dcefeb;--mark:#ffe9a3;
--s0:#f1ece2;--s1:#d5e9e4;--s2:#a5d1c9;--s3:#69b3a9;--s4:#217b75;--s5:#0b5f5d;--f0:#6e675c;--f1:#1d1b18;--f2:#1d1b18;--f3:#0e1f1d;--f4:#fff;--f5:#fff}
[data-theme=dark]{--bg:#111312;--panel:#181b1a;--panel2:#202423;--ink:#ecebe6;--sub:#aeb2aa;--line:#2f3433;--rule:#ecebe6;--acc:#62cfc2;--acc-ink:#0c1514;--red:#ff9273;--hot:#ff9a6b;--hot-bg:#40200f;--warm:#f2c46a;--warm-bg:#3a2e10;--cool:#62cfc2;--cool-bg:#12322f;--mark:#5a4a00;
--s0:#1b1f1e;--s1:#1c3835;--s2:#1f5550;--s3:#27766f;--s4:#3da196;--s5:#84dccf;--f0:#8f9692;--f1:#dfeeea;--f2:#eaf6f3;--f3:#fff;--f4:#07201d;--f5:#07201d}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.85 "Hiragino Sans","Yu Gothic UI","Meiryo",system-ui,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit}
h1,h2,h3.s,.serif{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-weight:700}
.n{font-family:Georgia,"Times New Roman",serif;font-variant-numeric:tabular-nums lining-nums}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--panel);padding:8px 12px;z-index:99}
mark{background:var(--mark);color:inherit}
p{margin:0}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.mast{border-bottom:3px double var(--rule)}
.mast .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding-top:16px;padding-bottom:14px}
.brand{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:26px;font-weight:700;text-decoration:none;letter-spacing:.04em;white-space:nowrap}
.mast nav{display:flex;gap:22px;margin-left:auto;font-size:16px;order:2}#theme{order:3}
.mast nav a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}
.mast nav a:hover,.mast nav a[aria-current]{border-color:var(--acc);color:var(--acc)}
#theme{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}
#theme svg{width:16px;height:16px}
main{outline:0;padding-bottom:40px}
.hero{padding:64px 0 72px}
.kick{margin:0 0 14px;color:var(--acc);font-size:15px;font-weight:700;letter-spacing:.1em}
h1{margin:0;font-size:clamp(30px,4.5vw,54px);line-height:1.4;letter-spacing:.01em}
h1 .n{color:var(--acc);font-size:1.14em}
.lede{max-width:34em;margin:22px 0 0;color:var(--sub);font-size:18px}
.find{display:flex;max-width:760px;margin:32px 0 0}
.find input{flex:1;min-width:0;height:60px;padding:0 20px;border:2px solid var(--ink);border-right:0;background:var(--panel);color:var(--ink);font:inherit;font-size:18px}
.btn,.find button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border:2px solid var(--ink);background:var(--ink);color:var(--bg);font:inherit;font-size:17px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.find button{height:60px}
.btn.line{background:transparent;color:var(--ink)}
.btn.acc{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.btn.sm{min-height:42px;padding:0 16px;font-size:15px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tip{margin:10px 0 0;color:var(--sub);font-size:14px}
kbd{display:inline-block;min-width:24px;padding:0 6px;border:1px solid var(--sub);border-bottom-width:2px;font:14px/22px Georgia,serif;text-align:center}
.mine{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:36px 0 0;padding:16px 20px;border:1px solid var(--line);border-left:5px solid var(--acc);background:var(--panel)}
.mine b{font-size:20px}
.big{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--line)}
.big a{padding:22px 22px 20px;border-left:1px solid var(--line);text-decoration:none}
.big a:first-child{border-left:0;padding-left:0}
.big b{display:block;font-size:56px;line-height:1.05;font-weight:400}
.big span{color:var(--sub);font-size:15px}
.big a:hover b{color:var(--acc)}
.sec{padding:96px 0 0}
.sec>.wrap>header{margin-bottom:34px}
.no{margin:0 0 10px;color:var(--red);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:16px;font-weight:700;letter-spacing:.2em}
.no:before{content:"";display:inline-block;width:34px;height:2px;margin-right:12px;background:var(--red);vertical-align:5px}
h2{margin:0;font-size:clamp(24px,3.1vw,36px);line-height:1.45}
.cap{max-width:36em;margin:12px 0 0;color:var(--sub);font-size:16px}
.src{margin:18px 0 0;color:var(--sub);font-size:14px;max-width:44em}
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--ink);margin-top:20px}
.seg button{min-height:42px;padding:0 16px;border:0;border-left:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}
.seg button:first-child{border-left:0}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg);font-weight:700}
.mapw{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start}
.map{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px}
.tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:14px;line-height:1.2;background:var(--s0);color:var(--f0);transition:transform .12s}
.tile b{font-weight:700;white-space:nowrap}.tile u{text-decoration:none}.tile .n{font-size:15px}
.tile:hover,.tile:focus-visible,.tile.sel{transform:scale(1.16);z-index:2;outline:2.5px solid var(--ink);outline-offset:0}
.tile.z{border:1px dashed var(--line);background:transparent}
.tile.me{box-shadow:0 0 0 3px var(--red)}
.q1{background:var(--s1);color:var(--f1)}.q2{background:var(--s2);color:var(--f2)}.q3{background:var(--s3);color:var(--f3)}.q4{background:var(--s4);color:var(--f4)}.q5{background:var(--s5);color:var(--f5)}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:18px;color:var(--sub);font-size:14px}
.legend i{display:inline-block;width:22px;height:14px;margin-right:5px;vertical-align:-2px}
.hint{min-height:268px;padding:22px 24px;border:1px solid var(--line);border-top:4px solid var(--acc);background:var(--panel)}
.hint h3{margin:0;font-size:24px}
.hint .num{display:block;margin:2px 0 4px;font-size:84px;line-height:1;color:var(--acc)}
.hint .num small{font:700 20px "Hiragino Sans","Yu Gothic UI",sans-serif;color:var(--ink);margin-left:6px}
.hint p{color:var(--sub);font-size:15px}
.lk{background:none;border:0;padding:0;color:var(--acc);font:inherit;font-size:15px;text-decoration:underline;cursor:pointer}
.cal{display:flex;align-items:flex-end;gap:4px;height:240px;padding-top:26px;touch-action:pan-y;user-select:none}
.cal button{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding:0;border:0;background:none;color:var(--sub);font:inherit;font-size:14px;cursor:pointer}
.cal button i{display:block;width:100%;background:var(--s3);transition:background .1s}
.cal button.we i{background:var(--s1)}
.cal button em{font-style:normal;color:var(--ink);font-family:Georgia,serif;font-size:15px;line-height:1.5}
.cal button span{display:block;width:100%;padding-top:6px;border-top:2px solid var(--rule);text-align:center;line-height:1.3}
.cal button:hover i{background:var(--s5)}
.cal button.in i{background:var(--red)}.cal button.in span{border-color:var(--red);color:var(--red);font-weight:700}
.cal button.td span{font-weight:700;color:var(--ink)}
.pickr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;min-height:92px;margin-top:22px;padding:18px 22px;border:1px solid var(--line);background:var(--panel)}
.pickr b.n{font-size:48px;line-height:1;color:var(--red)}
.shelf{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 26px;margin:0;padding:0;list-style:none}
.shelf a{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:700;text-decoration:none;line-height:1.3;border-bottom:2px solid var(--line)}
.shelf a:hover{color:var(--acc);border-color:var(--acc)}
.shelf small{margin-left:5px;color:var(--sub);font:400 14px Georgia,serif}
.hee{display:grid;grid-template-columns:132px minmax(0,1fr);gap:36px;align-items:center;padding:34px;border:1px solid var(--line);background:var(--panel)}
.seal{display:grid;place-items:center;width:124px;height:124px;border:4px double var(--red);border-radius:50%;color:var(--red);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:38px;font-weight:700;transform:rotate(-9deg)}
.hee h3{margin:0;font-size:clamp(21px,2.5vw,29px);line-height:1.55}
.flip{transition:transform .28s,opacity .28s;transform-origin:50% 0}
.flip.out{transform:rotateX(80deg);opacity:0}
.one{padding:26px 28px;border:1px solid var(--line);border-top:4px solid var(--red);background:var(--panel)}
.one h3{margin:8px 0 6px;font-size:22px;line-height:1.55}
table{width:100%;border-collapse:collapse}
caption{text-align:left;color:var(--sub);font-size:14px;padding-bottom:8px}
th{padding:10px 12px;border-bottom:2px solid var(--rule);color:var(--sub);font-size:14px;font-weight:600;text-align:left;white-space:nowrap}
td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px}
td.t a{font-size:17px;font-weight:700;text-decoration:none;line-height:1.6}td.t a:hover{color:var(--acc);text-decoration:underline}
td.t small{display:block;color:var(--sub);font-size:15px}
td.d,td.a,td.k{white-space:nowrap}td.a{color:var(--sub)}td.p{min-width:9.5em}
tr.grp td{padding:26px 12px 8px;border-bottom:2px solid var(--rule);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:19px;font-weight:700}
tr.grp td small{font:400 14px "Hiragino Sans","Yu Gothic UI",sans-serif;color:var(--sub);margin-left:10px}
.due{display:inline-block;padding:1px 9px;font-size:15px;font-weight:700;white-space:nowrap;font-style:normal}
.due.hot{background:var(--hot-bg);color:var(--hot)}.due.warm{background:var(--warm-bg);color:var(--warm)}.due.cool{background:var(--cool-bg);color:var(--cool)}.due.over,.due.none{background:var(--panel2);color:var(--sub);font-weight:400}
.dd{display:block;margin-top:2px;color:var(--sub);font-size:14px;white-space:normal;max-width:13em}
.stamp{display:inline-block;margin-right:8px;padding:0 6px;border:1.5px solid var(--red);color:var(--red);font:700 14px/20px "Yu Mincho","Hiragino Mincho ProN",serif;transform:rotate(-3deg);vertical-align:2px}
.fl{margin-top:36px;padding:26px 28px;border:1px solid var(--line);background:var(--panel)}
.fl .q{display:flex}
.fl .q input{flex:1;min-width:0;height:54px;padding:0 16px;border:2px solid var(--ink);background:var(--bg);color:var(--ink);font:inherit;font-size:17px}
.frow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:16px}
.frow>span:first-child{flex:0 0 4.6em;color:var(--sub);font-size:15px}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--ink);text-decoration:none;font-size:15px;white-space:nowrap}
.chip:hover{background:var(--panel2)}
.chip.on{background:var(--ink);color:var(--bg);font-weight:700}
.chip .n{font-size:14px;opacity:.75}
.chip.dis{opacity:.4}
.fl select{height:42px;max-width:100%;padding:0 12px;border:1px solid var(--ink);background:var(--bg);color:var(--ink);font:inherit;font-size:15px}
.rhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:40px 0 10px}
.rhead h1{font-size:36px}
.act{display:inline-flex;align-items:center;gap:8px;padding:2px 4px 2px 12px;background:var(--panel2);font-size:15px}
.act a{display:grid;place-items:center;width:26px;height:26px;text-decoration:none;font-weight:700}
.act a:hover{background:var(--ink);color:var(--bg)}
.empty{margin-top:10px;padding:44px 0;border-top:2px solid var(--rule);border-bottom:1px solid var(--line)}
.empty li a{color:var(--acc)}
.crumb{margin:30px 0 0;color:var(--sub);font-size:15px}.crumb a{color:var(--acc)}
.art{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:52px;margin-top:10px}
.art h1{font-size:clamp(24px,3vw,36px)}
.track{position:relative;height:92px;margin:36px 10px 10px}
.track:before{content:"";position:absolute;left:0;right:0;top:30px;height:8px;background:var(--panel2)}
.track .fill{position:absolute;left:0;top:30px;height:8px;background:var(--s4)}
.track .pt{position:absolute;top:0;transform:translateX(-50%);text-align:center;font-size:14px;white-space:nowrap;color:var(--sub)}
.track .pt:after{content:"";position:absolute;left:50%;top:25px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--ink);border:3px solid var(--bg)}
.track .pt b{display:block;margin-top:44px;color:var(--ink);font-size:15px}
.track .pt.td:after{background:var(--red)}.track .pt.s{transform:none;text-align:left}.track .pt.s:after{left:0;margin-left:-4px}.track .pt.e{transform:translateX(-100%);text-align:right}.track .pt.e:after{left:100%;margin-left:-14px}
dl.f{display:grid;grid-template-columns:11em minmax(0,1fr);margin:30px 0 0;border-top:2px solid var(--rule)}
dl.f dt,dl.f dd{margin:0;padding:15px 0;border-bottom:1px solid var(--line)}
dl.f dt{font-weight:700}dl.f dt small{display:block;color:var(--sub);font-size:14px;font-weight:400;line-height:1.5;padding-right:12px}
dl.f dd{word-break:break-word}dl.f dd a{color:var(--acc)}
.side{align-self:start;padding:26px;background:var(--panel2);border-top:4px solid var(--acc)}
.side h2{font-size:22px}
.msg{padding:18px 20px;border:1px solid var(--line);background:var(--panel);font-size:15px;overflow:hidden}
.msg header{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--sub);font-size:14px}.msg header b{color:var(--ink);font-size:16px}
.msg .av{display:grid;place-items:center;width:30px;height:30px;background:var(--acc);color:var(--acc-ink);font-weight:800}
.msg ul{margin:8px 0 0;padding:0;list-style:none}.msg li{margin-top:10px;padding-left:14px;border-left:4px solid var(--line)}
.msg li span{display:block;color:var(--acc);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.build{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:start}
.fld{margin-bottom:22px}
.fld label,.fld .lb{display:block;margin-bottom:8px;font-weight:700}
.fld input,.fld select{width:100%;height:54px;padding:0 16px;border:2px solid var(--ink);background:var(--panel);color:var(--ink);font:inherit;font-size:17px}
.count{font-size:19px;font-weight:700}
.count b.n{font-size:64px;line-height:1;margin:0 6px;color:var(--acc)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:30px 0 0;padding:22px 0;border-top:2px solid var(--rule);border-bottom:1px solid var(--line)}
.price b{font-size:64px;line-height:1;font-weight:400}
ul.inc{margin:0;padding:0;list-style:none}ul.inc li{padding:13px 0 13px 28px;border-bottom:1px solid var(--line);position:relative}
ul.inc li:before{content:"";position:absolute;left:3px;top:25px;width:11px;height:11px;background:var(--acc)}ul.inc li.not{color:var(--sub)}ul.inc li.not:before{background:transparent;border:1.5px solid var(--sub)}
details.q{border-bottom:1px solid var(--line)}details.q summary{padding:18px 0;font-weight:700;cursor:pointer}details.q p{margin:0 0 18px;color:var(--sub);max-width:36em}
ol.flow{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0;list-style:none;border-top:2px solid var(--rule)}
ol.flow li{counter-increment:s;padding:20px 22px 20px 0;border-bottom:1px solid var(--line)}
ol.flow li:before{content:counter(s);display:block;font:400 44px/1.1 Georgia,serif;color:var(--acc)}
dl.gl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0;border-top:2px solid var(--rule)}
dl.gl div{padding:18px 0;border-bottom:1px solid var(--line)}
dl.gl dt{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:700;font-size:20px}dl.gl dd{margin:4px 0 0;color:var(--sub);font-size:16px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:52px}
.cols>*,.mapw>*,.art>*,.build>*,.hee>*{min-width:0}
.stack{display:flex;height:44px;margin:10px 0 14px}
.stack a{display:flex;align-items:center;justify-content:center;min-width:0;color:#fff;font-size:15px;text-decoration:none;white-space:nowrap;overflow:hidden}
.k1{background:#0b5f5d}.k2{background:#a55f33}.k3{background:#55659f}.k0{background:var(--panel2);color:var(--sub)!important}
.keyl{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;font-size:15px}.keyl i{display:inline-block;width:13px;height:13px;margin-right:7px}
.bars{margin:0;padding:0;list-style:none}
.bars a{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr) 2.6em;gap:12px;align-items:center;padding:7px 0;text-decoration:none;font-size:15px}
.bars a>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars a:hover span:first-child{color:var(--acc);text-decoration:underline}
.bars .bar{height:16px;background:var(--panel2)}.bars .bar i{display:block;height:100%;background:var(--s4)}.bars .n{text-align:right}
footer{margin-top:96px;border-top:3px double var(--rule);padding:26px 0 44px;color:var(--sub);font-size:14px}
footer p{max-width:44em}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.tile:hover,.tile:focus-visible,.tile.sel{transform:none}.stamp,.seal{transform:none}}
@media (max-width:860px){
 body{font-size:16px}.wrap{padding:0 18px}.brand{font-size:22px}.mast nav{gap:18px;font-size:16px;margin-left:0;order:3;flex-basis:100%}#theme{margin-left:auto;order:2}#theme span{display:none}
 .hero{padding:40px 0 48px}.lede{font-size:16px}.find input{height:54px;font-size:16px;padding:0 14px}.find button{height:54px;padding:0 18px}
 .big{grid-template-columns:1fr 1fr}.big a{padding:16px 14px}.big a:nth-child(3){border-left:0;padding-left:0}.big a:nth-child(n+3){border-top:1px solid var(--line)}.big b{font-size:42px}
 .sec{padding-top:64px}.mapw,.cols,.art,.build{grid-template-columns:minmax(0,1fr);gap:28px}
 .map{gap:2px}.tile{font-size:12px}.tile .n,.tile u{display:none}.tile b{letter-spacing:-.04em}
 .hint{min-height:0}.hint .num{font-size:64px}
 .cal{gap:1px;height:200px}.cal button{font-size:11px}.cal button em{font-size:11px}.cal button:not(.mo):not(.td):not(.in) span{color:transparent}
 .hee{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 20px}.seal{width:92px;height:92px;font-size:28px}
 .fl{padding:18px 16px}.frow>span:first-child{flex-basis:100%}
 table,tbody,tr,td,caption{display:block}thead{position:absolute;left:-9999px}tr{padding:16px 0;border-bottom:1px solid var(--line)}td{padding:0;border:0}td.d{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-bottom:6px}.dd{display:inline;max-width:none}td.p,td.k,td.a{display:inline-block;margin-right:12px;color:var(--sub);font-size:14px}tr.grp{padding:22px 0 6px;border-bottom:2px solid var(--rule)}
 dl.f{grid-template-columns:minmax(0,1fr)}dl.f dt{padding-bottom:0;border-bottom:0}dl.f dd{padding-top:4px}
 dl.gl,ol.flow{grid-template-columns:minmax(0,1fr)}.price b{font-size:52px}.count b.n{font-size:52px}
 .btns .btn{flex:1 1 100%;white-space:normal;padding:10px 16px;text-align:center}
}

/* --- 本番で足した物 --- */
/* 無料と有料の 2 枚の札 */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.plan{padding:30px 30px 28px;border:1px solid var(--line);background:var(--panel)}
.plan.paid{border:2px solid var(--acc)}
.plan .tag{display:inline-block;margin:0 0 12px;padding:2px 12px;border:1px solid var(--ink);font-weight:700}
.plan.paid .tag{border-color:var(--acc);background:var(--acc);color:var(--acc-ink)}.plan .tag b{font-size:22px;font-weight:400}
.plan h3{margin:0 0 14px;font-size:26px;line-height:1.5}
.plan ul{margin:0;padding:0;list-style:none}.plan li{padding:12px 0 12px 24px;border-top:1px solid var(--line);position:relative;font-size:17px}
.plan li:before{content:"";position:absolute;left:2px;top:24px;width:10px;height:10px;background:var(--acc)}.plan.free li:before{background:var(--ink)}
/* 申込: 届け方 */
.sched{margin:0 0 22px;padding:0;border:0}.sched legend{font-weight:700;padding:0;margin-bottom:8px}
.sched .opt{display:block;margin:8px 0;padding:12px 14px;border:1px solid var(--line);background:var(--panel);font-weight:400;cursor:pointer}
.sched .opt b{font-weight:700}.sched .opt small{display:block;margin-left:26px;color:var(--sub);font-size:15px}
.sched .days label{display:inline-block;margin:6px 14px 6px 0;font-weight:400}
@media (max-width:860px){.plans{grid-template-columns:minmax(0,1fr)}.plan{padding:22px 20px}.plan h3{font-size:22px}}
/* いつのデータかを、大きく出す（「毎朝更新」とは、自動の配備が動くまで言わない） */
.asof{margin:0 0 16px;color:var(--acc);font-size:17px;font-weight:700;letter-spacing:.04em}
.asof b{font-size:26px;font-weight:400;margin:0 2px}
/* 長い一覧を折る（JS が動いたときだけ。切ってあれば全件が見える） */
table.folded tr.fold{display:none}
/* 開札の日だけ読めた物: 「あと n 日」とは別の札（枠だけ。色を付けない） */
.due.open{background:transparent;color:var(--sub);border:1px solid var(--sub);font-weight:400}
/* 一覧と札のそばの断り書き */
.note{max-width:44em;margin:0 0 18px;padding:12px 16px;border-left:4px solid var(--red);background:var(--panel);font-size:15px}
/* データが古いときの帯 */
#stale{padding:12px 28px;background:var(--red);color:var(--bg);font-weight:700;text-align:center}
#legend-steps{display:contents}
#d-title:focus{outline:0}
@media (max-width:860px){.fl select,.fld select,.fld input{font-size:16px}}
[hidden]{display:none!important}
.tile[data-me="1"]{box-shadow:0 0 0 3px var(--red)}
.mine[hidden]{display:none}
/* 国会のページと、以前からの印（中身は変えず、同じ枠に入れる） */
.page{padding-top:40px}
.page h1{font-size:clamp(26px,3.4vw,40px);margin:8px 0 12px}
.page h2{margin:56px 0 12px;font-size:clamp(21px,2.4vw,28px)}
.page>nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px}
.page>nav a{color:var(--acc)}
.page ul{padding-left:1.4em}
.page li{margin:4px 0}
.page a{color:var(--acc)}
.meta{color:var(--sub);font-size:15px}
.badge{display:inline-block;margin-left:8px;padding:0 6px;border:1.5px solid var(--red);color:var(--red);font-size:14px;font-weight:700;line-height:20px}
tr.new td{background:var(--warm-bg)}
/* さがす: 読み込み中と、1 件の表示 */
.wait{padding:60px 0;color:var(--sub)}
.back{display:inline-block;margin:26px 0 0;color:var(--acc);font-size:15px}
/* 申込の入力 */
.form .fld select[multiple]{height:auto;padding:8px}
.form .err{min-height:1.6em;color:var(--hot);font-weight:700}
.form details{margin:0 0 22px}.form details summary{cursor:pointer;color:var(--acc)}
.form code{font-size:14px;word-break:break-all}
@media (max-width:860px){.page{padding-top:24px}}

/* --- トップ: A の形（2026-10-12 Q-177） --- */
.hero.tight{padding:56px 0 40px}
.sec.near{padding-top:64px}
.mapw.calm{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.side2{display:grid;gap:20px}
.side2 .hint{min-height:0}
.fact{padding:24px 26px;border:1px solid var(--line);border-top:4px solid var(--acc);background:var(--panel)}
.fact h3{margin:0 0 12px;font-size:21px}.fact dl{margin:0}
.fact dt{float:left;clear:left;width:3.2em;font-size:30px;line-height:1.3;color:var(--acc)}
.fact dd{margin:0 0 6px 4em;padding-top:8px;font-size:17px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pl-note{margin:16px 0 0;color:var(--sub);font-size:15px}
/* 無料／有料 a: 2 行 */
.pl-row{display:grid;grid-template-columns:4.2em minmax(0,1fr) 8.5em 12em;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.pl-a .pl-row:first-child{border-top:2px solid var(--rule)}
.pl-a .pl-row.paid{border-bottom:1px solid var(--line)}
.pl-row>b{font-size:34px;line-height:1.2}
.pl-row.paid>b{color:var(--acc)}
.pl-row>span{font-size:18px}
.pl-row>em{font-style:normal;font-weight:700;font-size:18px;white-space:nowrap}
.pl-row>em b{font-size:30px;font-weight:400;margin:0 2px}
.pl-row>i{font-style:normal;justify-self:end;width:100%}
.pl-row:hover>span{text-decoration:underline}
/* 無料／有料 b: 小さな表 */
.pl-t{width:100%;max-width:820px;border-collapse:collapse;border-top:2px solid var(--rule)}
.pl-t th,.pl-t td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center;font-size:18px}
.pl-t tbody th{text-align:left;font-weight:400;padding-left:0}
.pl-t thead th{font-weight:700;white-space:nowrap}.pl-t thead th.paid{color:var(--acc)}.pl-t thead th b{font-size:28px;font-weight:400}
.pl-t td{width:7.5em;font-size:22px}.pl-t td:last-child{color:var(--acc);font-weight:700}
/* 無料／有料 c: 一文 */
.pl-say{max-width:30em;margin:0;font:400 28px/1.75 "Yu Mincho","Hiragino Mincho ProN",serif}
.pl-say b{font-size:36px;font-weight:400;color:var(--acc)}
.pl-c .btns{margin-top:24px}
/* ほかの見方（畳んである） */
.more{margin-top:96px;border-top:2px solid var(--rule)}
.more>summary{cursor:pointer;padding:22px 0;list-style:none;color:var(--sub);font-size:16px}
.more>summary::-webkit-details-marker{display:none}
.more>summary .wrap{display:block}
.more>summary b{display:inline-block;margin-right:16px;color:var(--ink);font-size:22px}
.more>summary b:before{content:"＋ ";color:var(--acc)}.more[open]>summary b:before{content:"－ "}
.more>summary:hover b{color:var(--acc)}
.more[open]>.sec:first-of-type{padding-top:24px}
@media (max-width:860px){
 .hero.tight{padding:36px 0 28px}.mapw.calm{grid-template-columns:minmax(0,1fr)}
 .pl-row{grid-template-columns:3.4em minmax(0,1fr);gap:6px 14px;padding:18px 0}
 .pl-row>b{font-size:28px;grid-row:span 2;align-self:start}.pl-row>span{font-size:16px}
 .pl-row>em{grid-column:2}.pl-row>i{grid-column:1 / -1;justify-self:stretch;margin-top:8px}
 .pl-t th,.pl-t td{padding:12px 6px;font-size:16px}.pl-t td{width:4.2em}
 .pl-say{font-size:22px}.pl-say b{font-size:28px}
 .more{margin-top:64px}.more>summary b{display:block;margin:0 0 4px}
}
.nb{display:inline-block}
@media (max-width:860px){.fact h3{font-size:19px}.fact{padding:20px 18px}}
/* 無料／有料 b の表は、スマホ幅でも表のまま（一覧の表を縦に積む決まりを、ここでは外す） */
@media (max-width:860px){table.pl-t{display:table}table.pl-t thead{display:table-header-group;position:static;width:auto;height:auto;clip:auto;overflow:visible}table.pl-t tbody{display:table-row-group}table.pl-t tr{display:table-row;padding:0;border:0}table.pl-t th,table.pl-t td{display:table-cell;width:auto}table.pl-t td{width:3.6em}table.pl-t td:before{content:none}}
@media (max-width:860px){table.pl-t{table-layout:fixed;width:100%}table.pl-t thead{left:auto}table.pl-t thead td{width:auto}table.pl-t thead th,table.pl-t tbody td{width:5em}table.pl-t tbody th{white-space:normal;overflow-wrap:anywhere}table.pl-t thead th{white-space:nowrap;font-size:14px}table.pl-t thead th b{font-size:20px}}
/* 申込: 届け先（メール・Webhook） */
.dest{padding:18px 18px 20px;border:1px solid var(--line);background:var(--panel)}
.dest .chk{display:block;margin:12px 0 0;font-weight:400;cursor:pointer}
.dest .chk input[type=checkbox]{display:inline-block;width:auto;height:auto;min-height:0;margin:0 8px 0 0;padding:0;vertical-align:middle}
/* 特定商取引法に基づく表記・プライバシーについて */
dl.legal{margin:32px 0 0;border-top:2px solid var(--rule)}
dl.legal dt{float:left;clear:left;width:13em;padding:16px 0;font-weight:700}
dl.legal dd{margin:0;padding:16px 0 16px 14em;border-bottom:1px solid var(--line)}
.prose{max-width:44em}.prose h2{margin:44px 0 10px;font-size:24px}.prose ul{padding-left:1.3em}.prose li{margin:6px 0}
@media (max-width:860px){dl.legal dt{float:none;width:auto;padding:14px 0 0}dl.legal dd{padding:4px 0 14px}}
/* 申込: 欄の下の説明は、大事な文（「押すまで、通知は届きません」など）なので、本文と同じ大きさ以上に */
.form .tip{font-size:16px}

/* 通知の見本（renderSample.ts） */
pre.sample{margin:0 0 12px;padding:14px 16px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.mailhead{margin:0 0 8px;font-size:14px;color:var(--sub);overflow-wrap:anywhere}.mailhead span{display:inline-block;min-width:3em;font-weight:700;color:var(--ink)}

/* 県のページの文・手引きの図（2026-10-15） */
.summary{max-width:46em}.summary p{margin:0 0 14px;line-height:1.9}.summary a{color:var(--acc)}
svg.diagram{display:block;margin:18px 0 6px}svg.diagram text{fill:currentColor;font-family:inherit}