:root{--kon:#0e294e;--shu:#d9482b;--sakura:#ff8fbb;--bg:#f3f6f9;--card:#fff;--ink:#1c2733;--muted:#67778a;--line:#e2e8f0;--sea:#2a76a3}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}
a{color:var(--sea)}
.hero{background:var(--kon);color:#fff;padding:18px 18px 26px}
.wrap{max-width:680px;margin:0 auto}
.crumb{font-size:12.5px;color:#a9bdd3}.crumb a{color:#cfe0f2;text-decoration:none}
.hero-in{display:flex;align-items:center;gap:14px;margin-top:10px}
.hero h1{font-family:"Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:800;font-size:clamp(28px,7.5vw,40px);line-height:1.25;margin:0}
.hero .sub{margin:6px 0 0;color:#c9d5e2;font-size:14.5px}
.gyotaku{width:44%;max-width:260px;flex:none;background:#f6f1e7;border-radius:14px;padding:10px}
.gyotaku img{width:100%;display:block}
main{max-width:680px;margin:0 auto;padding:16px}
section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 16px 6px;margin-bottom:14px}
h2{font-size:18px;margin:0 0 8px;color:var(--kon)}
.lead{font-size:16px}
.months{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;align-items:end;height:110px;margin:10px 0 4px}
.months div{background:var(--sea);border-radius:4px 4px 0 0;min-height:2px}
.months div.hi{background:var(--shu)}
.mlabel{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;font-size:11px;color:var(--muted);text-align:center}
.cap{font-size:12.5px;color:var(--muted);margin:6px 0 10px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 12px}
.facts div{background:#f6f9fc;border-radius:10px;padding:8px 10px;font-size:13.5px}
.facts b{display:block;font-size:12px;color:var(--muted);font-weight:600}
ul{padding-left:1.2em;margin:6px 0 12px}li{margin-bottom:4px}
.warn{background:#fff8e6;border-color:#f0d68a}
.cta{display:block;text-align:center;background:var(--kon);color:#fff;text-decoration:none;font-weight:800;border-radius:14px;padding:14px;margin:6px 0 14px}
.src{font-size:12.5px;color:var(--muted)}.src li{margin-bottom:6px}
footer{max-width:680px;margin:0 auto;padding:0 16px 40px;font-size:13px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.fish{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;text-decoration:none;color:var(--ink);text-align:center}
.fish img{width:100%;height:70px;object-fit:contain}
.fish span{display:block;font-weight:800;font-size:15px;margin-top:4px}
.fish small{color:var(--muted);font-size:11.5px}
.fish.soon{opacity:.5;pointer-events:none}
@media(min-width:560px){.grid{grid-template-columns:repeat(4,1fr)}}
.note{background:#fff8e6;border:1px solid #f0d68a;border-radius:12px;padding:10px 12px;margin:8px 0 12px;font-size:13.5px}
.note b.t{display:block;color:#8a5a00;margin-bottom:2px}
.note ul{margin:4px 0 0}
.hero .kana{margin:2px 0 0;color:#cfe0f2;font-size:14px}
h3{font-size:15px;margin:12px 0 2px;color:var(--ink)}