/* ===== 紙の土台（DESIGN.md §19）：style.css のあとに読む ===== */
/* 数字は正確に、入れ物は人の手で。飾りは出どころのある物だけ。色はインクのように刷る */
:root{--f-title:"Kaisei Tokumin",serif;--w-title:800;--w-head:700;--f-label:"BIZ UDPGothic",sans-serif;--w-label:700;--f-num:"BIZ UDPGothic",sans-serif;--w-num:700;--muted:#5d6667}
body{font-family:var(--f-body)}
.search-bar button{border-radius:0}

/* ===== 紙の上書き（道具のページ用）: style.css のあとに読む ===== */
:root{
  --bg:#F3EFE7; --paper:#FFFCF3; --line:#D9CFBC; --line2:#E6DDCB; --radius:0;
  --ink:#23302F; --ink2:#2B3738;
  --f-head:"Kaisei Tokumin",serif; --f-body:"BIZ UDPGothic",sans-serif; --f-hand:"Yusei Magic",cursive;
  --pen:#C0463A; --shadow:4px 5px 0 rgba(35,48,47,.16);
  --noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.1 -.25'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
body{background-color:var(--bg);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light}
h1,h2,h3{font-weight:800}
.site-header{background:transparent;border-bottom:1.5px solid var(--ink)}
.logo span{font-family:var(--f-head);font-weight:800;font-size:20px}
.site-nav a[aria-current]{text-decoration:underline wavy var(--pen) 1.5px;text-underline-offset:6px}
.page-title .rt-ic{display:none !important}
.page-title{font-weight:800;letter-spacing:.02em}
.page-title small{font-family:var(--f-body);font-weight:400}
.site-footer{background:transparent;border-top:1.5px solid var(--ink);position:relative}
.site-footer::after{content:"";position:absolute;right:20px;top:-6px;width:84px;height:10px;background:linear-gradient(90deg,#23302F 0 16.6%,#2E6E73 0 33.3%,#E0A93B 0 50%,#C0463A 0 66.6%,#4B7646 0 83.3%,#3A4E80 0)}
.note{color:#5d6667}
/* 紙の共通 */
.hk-card,.hk-sum,.hk-empty,.sg-panel,.sg-card,.sg-none,.sg-hint,.cz-wrap,.search-bar{border-radius:0}
.hk-sum,.sg-panel,.cz-wrap{background-color:var(--paper);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;border:1.5px solid var(--ink);box-shadow:var(--shadow)}
.hk-share button,.hk-ex a,.hk-more a,.hk-share button,.sg-more,.hk-cta a{border-radius:0 !important}

/* ---- くらべる：2枚のカルテを並べる ---- */
.hk-lab{font-weight:700;color:var(--ink)}
.hk-in input{border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;font-family:var(--f-head);font-size:20px;padding:8px 2px}
.hk-in input:focus{border-color:var(--pen)}
.hk-in{background:var(--paper);border:1.5px solid var(--ink);padding:6px 14px 10px;box-shadow:var(--shadow)}
.hk-card{background:var(--paper);border:1.5px solid var(--ink);box-shadow:var(--shadow);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light}
.hk-slot[data-side=a] .hk-card{transform:rotate(-.6deg)}.hk-slot[data-side=b] .hk-card{transform:rotate(.5deg)}
.hk-card b{font-family:var(--f-head);font-weight:800;font-size:24px}
.hk-x{border-radius:0;background:transparent;border:1.5px solid var(--ink);width:28px;height:28px;color:var(--ink)}
.hk-vs{font-family:var(--f-head);font-weight:800;font-size:26px;color:var(--ink)}
.hk-empty{border:1.5px dashed var(--ink);background:transparent}
.hk-ex a{background:var(--paper);border:1.5px solid var(--ink);box-shadow:2px 3px 0 rgba(35,48,47,.18)}
.hk-sum{padding:22px 24px}
.hk-nm{font-family:var(--f-head);font-weight:800;font-size:26px}
.hk-sum-r .tl,.hk-sum-r .tr{height:14px;border-radius:0;background:repeating-linear-gradient(90deg,#D9CFBC 0 2px,transparent 2px 6px)}
.hk-sum-r .tl i,.hk-sum-r .tr i{border-radius:0;background-image:var(--noise);background-size:120px 120px;background-blend-mode:multiply}
.hk-sum-r b{font-family:var(--f-body)}
.hk-sum-r em svg,.hk-gh svg{display:none}
.hk-head{background:rgba(255,252,243,.96);border-bottom:3px double var(--ink);font-family:var(--f-head);font-weight:800}
.hk-gh{border-radius:0;background-image:var(--noise),radial-gradient(circle at 18% 30%,rgba(255,255,255,.2),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.16),transparent 45%);background-size:180px 180px,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal;box-shadow:4px 3px 0 rgba(224,169,59,.85);font-family:var(--f-head);font-weight:800;transform:rotate(-.3deg)}
.hk-gno{opacity:.8;font-family:var(--f-body)}
.hk-row{border-bottom:1px dotted #B9AE97}
.hk-v{border-radius:0;font-family:var(--f-body)}
.hk-v.win,.hk-v.b.win{border-radius:0;background:var(--gt)}
.hk-w{background:transparent;color:var(--gc);font-family:var(--f-hand);font-weight:400;font-size:15px;padding:0;transform:rotate(-4deg)}
.hk-tag{border-radius:2px;background:transparent;border:1px solid currentColor}
.hk-tag.soft{background:transparent;color:var(--muted)}

/* ---- 条件で探す：チェックリストの用紙 ---- */
.sg-panel{background-image:var(--noise),repeating-linear-gradient(var(--paper) 0 31px,#EAE2D1 31px 32px);background-size:180px 180px,auto}
.sg-panel-h b{font-family:var(--f-head);font-weight:800;font-size:22px}
.sg-fs{border-top:1.5px solid var(--ink)}
.sg-fs legend{font-family:var(--f-head);font-weight:800;font-size:16px;background:var(--paper);padding-right:8px}
.sg-fs legend svg{display:none}
.sg-ck input{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:1.8px solid var(--ink);background:#fff;border-radius:0;margin-top:2px;position:relative;cursor:pointer}
.sg-ck input:checked{background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path d='M5 15 C8 17 10 20 12 24 C15 15 20 8 28 3' fill='none' stroke='%23C0463A' stroke-width='3.6' stroke-linecap='round'/></svg>") -2px -8px/26px 26px no-repeat;overflow:visible}
.sg-ck input:checked + span,.sg-ck:has(input:checked){font-weight:700}
.sg-bar{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light}
.sg-bar b{font-family:var(--f-head);font-weight:800;font-size:44px;color:var(--pen)}
.sg-radios span,.sg-chips span{border-radius:0;border-color:var(--ink);background:var(--paper)}
.sg-radios input:checked+span,.sg-chips input:checked+span{background:var(--ink);border-color:var(--ink)}
.sg-card{border:1.5px solid var(--ink);box-shadow:3px 4px 0 rgba(35,48,47,.12)}
.sg-card:hover{box-shadow:5px 7px 0 rgba(35,48,47,.2);border-color:var(--ink)}
.sg-nm b{font-family:var(--f-head);font-weight:800;font-size:20px}
.sg-chip{border-radius:0}
.sg-hint,.sg-none{border:1.5px dashed var(--ink);background:transparent}
.sg-hint a,.sg-hint button{border-radius:0 !important;border:1.5px solid var(--ink) !important;background:var(--paper) !important;box-shadow:2px 3px 0 rgba(35,48,47,.15)}

/* ---- 地図：刷り物の地図 ---- */
.cz-sel{border:1.5px solid var(--ink);border-radius:0;background:var(--paper);font-family:var(--f-body)}
.cz-wrap{padding:16px;box-shadow:var(--shadow),inset 0 0 0 8px var(--paper),inset 0 0 0 9.5px var(--ink)}
.cz-wrap::after{content:"";position:absolute;right:26px;top:26px;width:48px;height:64px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 64'><path d='M24 4 L33 40 L24 34 L15 40 Z' fill='%2323302F'/><path d='M24 4 L24 34 L15 40 Z' fill='%23FFFCF3' stroke='%2323302F' stroke-width='1.5'/><text x='24' y='60' font-size='14' text-anchor='middle' font-family='serif' fill='%2323302F'>N</text></svg>") no-repeat;pointer-events:none}
.cz-map circle{stroke:rgba(255,252,243,.85)}
.cz-tip{border-radius:0;border:1.5px solid var(--ink);box-shadow:3px 4px 0 rgba(35,48,47,.2);background:var(--paper)}
.cz-tip b{font-family:var(--f-head);font-weight:800}

/* ---- データについて：ノートの余白線 ---- */
.prose{counter-reset:sec;padding-left:28px;border-left:1.5px solid rgba(192,70,58,.45);position:relative}
.prose h2{counter-increment:sec;font-weight:800;font-size:24px}
.prose h2::before{content:counter(sec,decimal-leading-zero);display:inline-block;font-family:var(--f-body);font-size:13px;color:#fff;background:var(--ink);padding:1px 8px;margin-right:10px;vertical-align:4px;box-shadow:3px 2px 0 rgba(224,169,59,.85)}
.prose a{color:#2E6E73;text-decoration-thickness:1px;text-underline-offset:3px}

/* ---- 404：迷子のページ ---- */
.lost{position:relative;max-width:680px;padding-bottom:60px !important;margin:30px 0 10px;padding:30px 34px 26px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:var(--shadow);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;transform:rotate(-.6deg)}
.lost .page-title{font-size:clamp(26px,4vw,36px)}
.lost .stamp{position:absolute;right:18px;bottom:16px;border:3px solid var(--pen);color:var(--pen);font-family:var(--f-head);font-weight:800;font-size:18px;padding:4px 10px;transform:rotate(8deg);opacity:.85;letter-spacing:.1em}
.lost p.pen{font-family:var(--f-hand);color:var(--pen);font-size:22px;margin:8px 0 14px;transform:rotate(-2deg)}
.lost .doodle{position:absolute;left:-58px;bottom:-6px;width:56px}
.lost .doodle svg{stroke:#23302F;stroke-width:2;fill:none}
.search-bar{box-shadow:4px 5px 0 var(--ink)}
@media(max-width:760px){
 .prose{padding-left:14px}
 .cz-wrap::after{width:26px;height:36px;right:64px;top:auto;bottom:16px}
 .lost{padding:24px 18px}.lost .doodle{display:none}.lost .page-title{font-size:clamp(26px,4vw,36px)}
.lost .stamp{font-size:13px;right:10px;bottom:12px}
}
.sg-jump{border-radius:0 !important;background:var(--ink) !important;box-shadow:3px 4px 0 rgba(224,169,59,.9) !important;font-family:var(--f-head);font-weight:800}
@media(max-width:760px){.hk-nm{font-size:20px}}
/* くらべる A：真ん中を「項目欄」にする（形はそのまま） */
.hk-row{grid-template-columns:1fr 1.25fr 1fr;padding:0;gap:0;border-bottom:1px dotted #B9AE97}
.hk-l{background:#F0E9DA;border-left:1px solid #CFC3AA;border-right:1px solid #CFC3AA;padding:10px 12px;gap:1px}
.hk-lt{font-family:var(--f-head);font-weight:700;font-size:17px;color:var(--ink);line-height:1.4}
.hk-dir{font-size:12.5px;color:#2E6E73;font-weight:700}
.hk-v{padding:10px 16px}
.hk-v.win,.hk-v.b.win{background:transparent;border:0}
.hk-v.win .hk-n{color:var(--gc);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M2 6 C20 3 40 8 60 5 S90 4 98 6' fill='none' stroke='%23C0463A' stroke-width='2.4' stroke-linecap='round'/></svg>") left bottom/100% 7px no-repeat;padding-bottom:6px}
.hk-head span:nth-child(2){text-align:center;font-size:13px;color:var(--muted)}
/* 概要：グループ名を棒の上に */
.hk-sum-r{grid-template-columns:34px 1fr 1fr 34px;grid-template-areas:"em em em em" "sa tl tr sb";row-gap:2px;padding:6px 0}
.hk-sum-r em{grid-area:em;justify-content:center;font-family:var(--f-head);font-weight:700;font-size:16px;color:var(--ink)}
.hk-sum-r .sa{grid-area:sa}.hk-sum-r .sb{grid-area:sb}.hk-sum-r .tl{grid-area:tl}.hk-sum-r .tr{grid-area:tr}
@media(max-width:640px){
 .hk-row{grid-template-columns:1fr 1fr;grid-template-areas:"l l" "a b"}
 .hk-l{border:0;flex-direction:column;align-items:center;padding:8px 10px}
 .hk-lt{font-size:16px}
}
.hk-v.a .hk-n{align-self:flex-start}
/* 地図の拡大ボタン・地方ボタン、名産のセレクト */
.cz-reg button{border-radius:0;border-color:var(--ink);background:var(--paper);color:var(--ink)}
.cz-reg button.on{background:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 rgba(224,169,59,.9)}
.cz-zoom{box-shadow:3px 4px 0 rgba(35,48,47,.2)}
.cz-zoom button{border-color:var(--ink);background:var(--paper);font-family:var(--f-head)}
.cz-map #cz-labs text{font-family:var(--f-body);stroke:var(--paper)}
.cz-hint{border-radius:0;background:rgba(35,48,47,.88)}
.sg-sel{border:1.5px solid var(--ink);border-radius:0;background:var(--paper);font-family:var(--f-body)}
.cz-where{border-radius:0;border:1.5px solid var(--ink);background:var(--paper);box-shadow:2px 3px 0 rgba(35,48,47,.15)}
.cz-where b{font-family:var(--f-head);font-weight:800}
.cz-mini{border-radius:0;border:1.5px solid var(--ink);background:var(--paper);box-shadow:3px 4px 0 rgba(35,48,47,.18)}
.cz-map #cz-prefs text{font-family:var(--f-head);font-weight:800}
.cz-map #cz-land path{fill:#F4EEDF;stroke:#8C8472}

/* ===== 町のページ ===== */
.tp .town{max-width:1040px;margin:0 auto;padding:0 0 40px}
.tp .t-hero{position:relative;background:#F4ECDB;overflow:hidden}
.tp .hero-text{position:absolute;left:32px;top:26px;z-index:2;max-width:560px}
.tp .t-pref{margin:0;font-size:13px;color:#4c5758}
.tp h1{font-family:var(--f-title);font-weight:var(--w-title);font-size:54px;line-height:1.1;margin:2px 0 10px}
.tp .catch{font-family:var(--f-head);font-weight:var(--w-head);font-size:30px;line-height:1.35;margin:0}
.tp .catch-sub{margin:6px 0 0;font-size:14px;color:#3c4647}
.tp .scene{display:block;width:100%;height:440px}
.tp .hw{font-family:var(--f-hand);font-size:21px;fill:#23302F}
.tp .pnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px;margin-top:-54px;position:relative;z-index:3}
.tp .pnote{background:#FFFCF3;border:1.5px solid #23302F;padding:12px 14px 10px;position:relative;box-shadow:3px 4px 0 rgba(35,48,47,.14)}
.tp .pnote:nth-child(1){transform:rotate(-1deg)}
.tp .pnote:nth-child(2){transform:rotate(.8deg)}
.tp .pnote:nth-child(3){transform:rotate(-.5deg)}
.tp .pnote .pin{position:absolute;top:-9px;left:16px;width:16px;height:16px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F}
.tp .pnote.warn .pin{background:#E0A93B}
.tp .pnote b{display:block;font-family:var(--f-label);font-size:20px;font-weight:var(--w-label);line-height:1.35}
.tp .pnote small{display:block;font-size:13px;color:#4c5758}
.tp .t-tabs{display:flex;gap:6px;padding:22px 24px 0;position:sticky;top:44px;z-index:4;background:linear-gradient(#F3EFE7 80%,#F3EFE700);flex-wrap:wrap}
.tp .t-tabs a{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:#fff;background:var(--gc);font-family:var(--f-label);font-weight:var(--w-label);font-size:14px;padding:6px 12px;border-radius:8px 8px 0 0}
.tp .t-tabs em{font-style:normal;font-size:11px;opacity:.8}
.tp .grp{margin:22px 24px 0;background:var(--paper);background-image:repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);border-top:5px solid var(--gc);padding:18px 26px 14px;scroll-margin-top:110px}
.tp .kick{font-family:var(--f-label);font-weight:var(--w-label);color:var(--gc);font-size:14px;letter-spacing:.06em}
.tp .kick em{font-style:normal;margin-right:8px}
.tp .grp h2{font-family:var(--f-head);font-weight:var(--w-head);margin:2px 0 12px;line-height:1.4}
.tp .grp.big h2{font-size:30px}
.tp .grp.small h2{font-size:22px}
.tp .grp.big .body{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}
.tp .grp.small .body{display:grid;grid-template-columns:1fr;gap:10px}
.tp .grp.small .fig{display:none}
.tp .rows{list-style:none;margin:0;padding:0}
.tp .rows li{display:flex;align-items:baseline;gap:8px;min-height:36px;border-bottom:1px solid #D8CDB6;padding:4px 0}
.tp .grp.small .rows{columns:2;column-gap:34px}
.tp .grp.small .rows li{break-inside:avoid}
.tp .rows .l{font-size:14px;color:#3c4647}
.tp .rows .dots{flex:1;border-bottom:1.5px dotted #B9AE97;transform:translateY(-4px);min-width:10px}
.tp .rows .v{font-family:var(--f-num);font-weight:var(--w-num);font-size:17px;white-space:nowrap}
.tp .mk{font-size:11.5px;color:#6B7475;white-space:nowrap}
.tp .mk.good{color:#C0463A;border:1.5px solid #C0463A;border-radius:999px;padding:0 7px;font-weight:700;transform:rotate(-4deg);display:inline-block}
.tp .mk.warn{color:#8a5a12;background:#F6E4B8;padding:0 6px;font-weight:700}
.tp .g-more{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--gc)}
.tp .fig{background:#fff;border:1.5px solid #23302F;padding:14px 16px}
.tp .fig small{display:block;font-size:13px;color:#4c5758}
.tp .fig b.num,.tp .big-num b{display:block;font-family:var(--f-num);font-weight:var(--w-num);font-size:48px;line-height:1.1}
.tp .fig i{font-style:normal;font-size:18px;margin-left:2px}
.tp .fig p{margin:6px 0 0;font-size:13px;color:#3c4647}
.tp .k-tape{position:relative;height:28px;margin:12px 0 4px;background:repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF;border:1px solid #cdbf9f}
.tp .k-tape i{position:absolute;top:-7px;bottom:-7px;width:4px;background:#C0463A}
.tp .k-tape u{position:absolute;top:-7px;bottom:-7px;border-left:2px dashed #23302F}
.tp .k-scale{display:flex;justify-content:space-between;font-size:11px;color:#6B7475}
.tp .temps{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.tp .th{display:flex;align-items:flex-end;gap:6px}
.tp .th b{font-family:var(--f-num);font-weight:var(--w-num);font-size:24px;display:block}
.tp .th.hot .f{fill:#C8612F}
.tp .th.cold .f{fill:#3E6FA8}
.tp .snow-fig{text-align:center}
.tp .snow-fig small{font-size:12px}
.tp .ms-fig{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.tp .ms-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative}
.tp .ms-donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}
.tp .ms-donut img{position:relative;z-index:1;width:72px;height:72px}
.tp .ms-fig ul{list-style:none;margin:0;padding:0;font-size:15px}
.tp .ms-fig li i{display:inline-block;width:10px;height:10px;margin-right:6px}
.tp .ms-fig em{font-style:normal;font-size:12px;color:#8a5a12;background:#F6E4B8;padding:0 6px;margin-left:6px}
.tp .isan-l{grid-column:1/-1;margin:4px 0 0!important;font-weight:700;color:#4B7646!important;font-size:14px!important}
.tp .t-rest{margin:26px 24px 0;font-size:13px;color:#6B7475}
@media(max-width:760px){
.tp .hero-text{left:16px;right:16px;top:16px}
.tp h1{font-size:38px}
.tp .catch{font-size:22px}
.tp .catch-sub{font-size:13px}
.tp .scene{height:420px}
.tp .hw{display:none}
.tp .pnotes{grid-template-columns:1fr;gap:10px;padding:0 16px;margin-top:-40px}
.tp .pnote b{font-size:17px}
.tp .t-tabs{padding:16px 12px 0;gap:4px;top:44px;flex-wrap:nowrap;overflow-x:auto}
.tp .t-tabs a{flex:none}
.tp .t-tabs a{font-size:12px;padding:5px 8px}
.tp .t-tabs em{display:none}
.tp .grp{margin:16px 12px 0;padding:14px 14px 12px}
.tp .grp.big .body{grid-template-columns:1fr}
.tp .grp.small .rows{columns:1}
.tp .grp.big h2{font-size:24px}
.tp .grp.small h2{font-size:19px}
.tp .rows .l{font-size:13px}
.tp .fig b.num,.tp .big-num b{font-size:40px}
.tp .ms-fig{grid-template-columns:110px 1fr}
.tp .ms-donut{width:110px;height:110px}
.tp .ms-donut::after{inset:20px}
.tp .ms-donut img{width:56px;height:56px}
}
.tp /* ④ 質感：色の面は、粒＋刷りムラ（なめらかなグラデーションは使わない） */
.t-tabs a,.tp .kick{background-color:var(--gc);background-image:var(--noise),radial-gradient(circle at 18% 30%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 78% 72%,rgba(0,0,0,.18),transparent 42%),radial-gradient(circle at 55% 10%,rgba(255,255,255,.12),transparent 30%);background-size:180px 180px,100% 100%,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal,normal}
.tp .t-tabs a:nth-child(2n){background-position:40px 60px,0 0,0 0,0 0}
.tp .kick{display:inline-block;color:#fff;padding:3px 12px 2px;box-shadow:4px 3px 0 rgba(224,169,59,.85);transform:rotate(-.6deg);margin-bottom:4px}
.tp .kick em{opacity:.85}
.tp .grp{border-top:0;position:relative;background-image:var(--noise),repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);background-size:180px 180px,auto;background-blend-mode:soft-light,normal}
.tp .grp::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background-color:var(--gc);background-image:var(--noise);background-size:180px 180px;background-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 70%,97% 100%,88% 60%,76% 95%,63% 55%,48% 100%,36% 70%,22% 100%,9% 65%,0 90%)}
.tp .pnote{background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;background-color:#FFFCF3}
.tp .k-tape{background:radial-gradient(circle,#cdbf9f 1.1px,transparent 1.3px) 0 0/7px 7px,repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF}
.tp /* ② 理由のあるノイズ：赤ペン */
.pen{display:inline-flex;align-items:flex-end;gap:2px;font-family:var(--f-hand);color:var(--pen);font-size:20px;line-height:1.1;transform:rotate(-4deg);margin:4px 0 0 6px}
.tp .pen .arrow{width:40px;height:22px;color:var(--pen);transform:scaleY(-1)}
.tp .pen.calm{color:#8a5a12}
.tp .pen.calm .arrow{color:#8a5a12}
.tp .pen.tiny{font-size:12px;margin:0 4px 0 0;transform:rotate(-6deg) translateY(-4px)}
.tp .pen.tiny .arrow{display:none}
.tp .big-num .pen,.tp .fig > .pen{display:flex;width:max-content}
.tp .temps .pen{align-self:center}
.tp .rows s{color:#8b8f8f;text-decoration-color:var(--pen);text-decoration-thickness:2px;font-weight:400;margin-right:2px}
.tp .circ{position:relative}
.tp .circ::after{content:"";position:absolute;inset:-6px -9px -5px -8px;border:2px solid var(--pen);border-radius:52% 46% 55% 42%/58% 44% 60% 40%;transform:rotate(-5deg)}
.tp .mk.good{transform-origin:center}
.tp .mk.faded{opacity:.72;border-style:dashed;border-width:1.5px 1px 1.5px 1px}
.tp .pnote:nth-child(2)::after{content:"";position:absolute;right:-1.5px;bottom:-1.5px;width:22px;height:22px;background:linear-gradient(135deg,#FFFCF3 50%,#E3D8C2 50%);border-left:1.5px solid #23302F;border-top:1.5px solid #23302F}
.tp /* 町ごとの例外 */
.grp.snowcap::after{content:"";position:absolute;left:-4px;right:-4px;top:-14px;height:18px;background:radial-gradient(ellipse at 10% 100%,#fff 58%,transparent 60%) 0 0/60px 18px repeat-x,radial-gradient(ellipse at 50% 100%,#fff 60%,transparent 62%) 22px 3px/74px 16px repeat-x;filter:drop-shadow(0 1px 0 #cfd9d8)}
.tp .grp.wave::before{clip-path:none;height:9px;-webkit-mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x;mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x}
.tp /* ③ 意味のない小物 */
.hero-wrap{position:relative}
.tp .trim{position:absolute;width:16px;height:16px;border-color:#23302F;border-style:solid;border-width:0;z-index:4}
.tp .trim.tl{left:-22px;top:-22px;border-right-width:1px;border-bottom-width:1px}
.tp .trim.tr{right:-22px;top:-22px;border-left-width:1px;border-bottom-width:1px}
.tp .trim.bl{left:-22px;bottom:-22px;border-right-width:1px;border-top-width:1px}
.tp .trim.br{right:-22px;bottom:-22px;border-left-width:1px;border-top-width:1px}
.tp .hanno{position:absolute;right:-20px;top:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.12em;color:#8b8f8f;z-index:4}
.tp .t-tabs{align-items:flex-end}
.tp .cbar{margin-left:auto;display:flex;align-self:center}
.tp .cbar i{display:block;width:12px;height:12px;background-image:var(--noise);background-size:60px 60px;background-blend-mode:multiply}
.tp .doodle svg{display:block;width:100%;height:auto;stroke:#23302F;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tp .doodle.on-edge{position:absolute;right:190px;top:-44px;width:48px;z-index:2}
.tp .t-rest{display:flex;align-items:flex-end;gap:14px;margin:30px 24px 0;position:relative}
.tp .t-rest p{margin:0;flex:1}
.tp .t-rest .doodle{width:54px;flex:none}
.tp .stampset{position:relative;width:120px;height:92px;flex:none}
.tp .kitte{position:absolute;right:0;top:0;width:62px;transform:rotate(3deg);background:#fff;padding:3px;-webkit-mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px;mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px}
.tp .kitte svg{display:block;width:100%}
.tp .keshi{position:absolute;left:0;top:6px;width:84px;transform:rotate(-12deg);stroke:#3a4a8a;stroke-width:2;opacity:.7;font-family:var(--f-body)}
.tp .keshi text{fill:#3a4a8a;stroke:none}
@media(max-width:760px){
.tp .trim,.tp .hanno,.tp .cbar{display:none}
.tp .pen{font-size:17px}
.tp .doodle.on-edge{right:18px;width:40px;top:-38px}
.tp .t-rest{margin:24px 12px 0;flex-wrap:wrap}
}
/* ===== .pg-top ===== */
.pg-top .town{max-width:1040px;margin:0 auto;padding:0 0 40px}
.pg-top .p-hero{position:relative;background:#F4ECDB;overflow:hidden}
.pg-top .hero-text{position:absolute;left:32px;top:26px;z-index:2;max-width:560px}
.pg-top .t-pref{margin:0;font-size:13px;color:#4c5758}
.pg-top h1{font-family:var(--f-title);font-weight:var(--w-title);font-size:54px;line-height:1.1;margin:2px 0 10px}
.pg-top .catch{font-family:var(--f-head);font-weight:var(--w-head);font-size:30px;line-height:1.35;margin:0}
.pg-top .catch-sub{margin:6px 0 0;font-size:14px;color:#3c4647}
.pg-top .scene{display:block;width:100%;height:440px}
.pg-top .hw{font-family:var(--f-hand);font-size:21px;fill:#23302F}
.pg-top .pnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px;margin-top:-54px;position:relative;z-index:3}
.pg-top .pnote{background:#FFFCF3;border:1.5px solid #23302F;padding:12px 14px 10px;position:relative;box-shadow:3px 4px 0 rgba(35,48,47,.14)}
.pg-top .pnote:nth-child(1){transform:rotate(-1deg)}
.pg-top .pnote:nth-child(2){transform:rotate(.8deg)}
.pg-top .pnote:nth-child(3){transform:rotate(-.5deg)}
.pg-top .pnote .pin{position:absolute;top:-9px;left:16px;width:16px;height:16px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F}
.pg-top .pnote.warn .pin{background:#E0A93B}
.pg-top .pnote b{display:block;font-family:var(--f-label);font-size:20px;font-weight:var(--w-label);line-height:1.35}
.pg-top .pnote small{display:block;font-size:13px;color:#4c5758}
.pg-top .t-tabs{display:flex;gap:6px;padding:22px 24px 0;position:sticky;top:44px;z-index:4;background:linear-gradient(#F3EFE7 80%,#F3EFE700);flex-wrap:wrap}
.pg-top .t-tabs a{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:#fff;background:var(--gc);font-family:var(--f-label);font-weight:var(--w-label);font-size:14px;padding:6px 12px;border-radius:8px 8px 0 0}
.pg-top .t-tabs em{font-style:normal;font-size:11px;opacity:.8}
.pg-top .grp{margin:22px 24px 0;background:var(--paper);background-image:repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);border-top:5px solid var(--gc);padding:18px 26px 14px;scroll-margin-top:110px}
.pg-top .kick{font-family:var(--f-label);font-weight:var(--w-label);color:var(--gc);font-size:14px;letter-spacing:.06em}
.pg-top .kick em{font-style:normal;margin-right:8px}
.pg-top .grp h2{font-family:var(--f-head);font-weight:var(--w-head);margin:2px 0 12px;line-height:1.4}
.pg-top .grp.big h2{font-size:30px}
.pg-top .grp.small h2{font-size:22px}
.pg-top .grp.big .body{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}
.pg-top .grp.small .body{display:grid;grid-template-columns:1fr;gap:10px}
.pg-top .grp.small .fig{display:none}
.pg-top .rows{list-style:none;margin:0;padding:0}
.pg-top .rows li{display:flex;align-items:baseline;gap:8px;min-height:36px;border-bottom:1px solid #D8CDB6;padding:4px 0}
.pg-top .grp.small .rows{columns:2;column-gap:34px}
.pg-top .grp.small .rows li{break-inside:avoid}
.pg-top .rows .l{font-size:14px;color:#3c4647}
.pg-top .rows .dots{flex:1;border-bottom:1.5px dotted #B9AE97;transform:translateY(-4px);min-width:10px}
.pg-top .rows .v{font-family:var(--f-num);font-weight:var(--w-num);font-size:17px;white-space:nowrap}
.pg-top .mk{font-size:11.5px;color:#6B7475;white-space:nowrap}
.pg-top .mk.good{color:#C0463A;border:1.5px solid #C0463A;border-radius:999px;padding:0 7px;font-weight:700;transform:rotate(-4deg);display:inline-block}
.pg-top .mk.warn{color:#8a5a12;background:#F6E4B8;padding:0 6px;font-weight:700}
.pg-top .g-more{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--gc)}
.pg-top .fig{background:#fff;border:1.5px solid #23302F;padding:14px 16px}
.pg-top .fig small{display:block;font-size:13px;color:#4c5758}
.pg-top .fig b.num,.pg-top .big-num b{display:block;font-family:var(--f-num);font-weight:var(--w-num);font-size:48px;line-height:1.1}
.pg-top .fig i{font-style:normal;font-size:18px;margin-left:2px}
.pg-top .fig p{margin:6px 0 0;font-size:13px;color:#3c4647}
.pg-top .k-tape{position:relative;height:28px;margin:12px 0 4px;background:repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF;border:1px solid #cdbf9f}
.pg-top .k-tape i{position:absolute;top:-7px;bottom:-7px;width:4px;background:#C0463A}
.pg-top .k-tape u{position:absolute;top:-7px;bottom:-7px;border-left:2px dashed #23302F}
.pg-top .k-scale{display:flex;justify-content:space-between;font-size:11px;color:#6B7475}
.pg-top .temps{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.pg-top .th{display:flex;align-items:flex-end;gap:6px}
.pg-top .th b{font-family:var(--f-num);font-weight:var(--w-num);font-size:24px;display:block}
.pg-top .th.hot .f{fill:#C8612F}
.pg-top .th.cold .f{fill:#3E6FA8}
.pg-top .snow-fig{text-align:center}
.pg-top .snow-fig small{font-size:12px}
.pg-top .ms-fig{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.pg-top .ms-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative}
.pg-top .ms-donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}
.pg-top .ms-donut img{position:relative;z-index:1;width:72px;height:72px}
.pg-top .ms-fig ul{list-style:none;margin:0;padding:0;font-size:15px}
.pg-top .ms-fig li i{display:inline-block;width:10px;height:10px;margin-right:6px}
.pg-top .ms-fig em{font-style:normal;font-size:12px;color:#8a5a12;background:#F6E4B8;padding:0 6px;margin-left:6px}
.pg-top .isan-l{grid-column:1/-1;margin:4px 0 0!important;font-weight:700;color:#4B7646!important;font-size:14px!important}
.pg-top .t-rest{margin:26px 24px 0;font-size:13px;color:#6B7475}
@media(max-width:760px){
.pg-top .hero-text{left:16px;right:16px;top:16px}
.pg-top h1{font-size:38px}
.pg-top .catch{font-size:22px}
.pg-top .catch-sub{font-size:13px}
.pg-top .scene{height:420px}
.pg-top .hw{display:none}
.pg-top .pnotes{grid-template-columns:1fr;gap:10px;padding:0 16px;margin-top:-40px}
.pg-top .pnote b{font-size:17px}
.pg-top .t-tabs{padding:16px 12px 0;gap:4px;top:44px;flex-wrap:nowrap;overflow-x:auto}
.pg-top .t-tabs a{flex:none}
.pg-top .t-tabs a{font-size:12px;padding:5px 8px}
.pg-top .t-tabs em{display:none}
.pg-top .grp{margin:16px 12px 0;padding:14px 14px 12px}
.pg-top .grp.big .body{grid-template-columns:1fr}
.pg-top .grp.small .rows{columns:1}
.pg-top .grp.big h2{font-size:24px}
.pg-top .grp.small h2{font-size:19px}
.pg-top .rows .l{font-size:13px}
.pg-top .fig b.num,.pg-top .big-num b{font-size:40px}
.pg-top .ms-fig{grid-template-columns:110px 1fr}
.pg-top .ms-donut{width:110px;height:110px}
.pg-top .ms-donut::after{inset:20px}
.pg-top .ms-donut img{width:56px;height:56px}
}
.pg-top /* ④ 質感：色の面は、粒＋刷りムラ（なめらかなグラデーションは使わない） */
.t-tabs a,.pg-top .kick{background-color:var(--gc);background-image:var(--noise),radial-gradient(circle at 18% 30%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 78% 72%,rgba(0,0,0,.18),transparent 42%),radial-gradient(circle at 55% 10%,rgba(255,255,255,.12),transparent 30%);background-size:180px 180px,100% 100%,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal,normal}
.pg-top .t-tabs a:nth-child(2n){background-position:40px 60px,0 0,0 0,0 0}
.pg-top .kick{display:inline-block;color:#fff;padding:3px 12px 2px;box-shadow:4px 3px 0 rgba(224,169,59,.85);transform:rotate(-.6deg);margin-bottom:4px}
.pg-top .kick em{opacity:.85}
.pg-top .grp{border-top:0;position:relative;background-image:var(--noise),repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);background-size:180px 180px,auto;background-blend-mode:soft-light,normal}
.pg-top .grp::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background-color:var(--gc);background-image:var(--noise);background-size:180px 180px;background-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 70%,97% 100%,88% 60%,76% 95%,63% 55%,48% 100%,36% 70%,22% 100%,9% 65%,0 90%)}
.pg-top .pnote{background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;background-color:#FFFCF3}
.pg-top .k-tape{background:radial-gradient(circle,#cdbf9f 1.1px,transparent 1.3px) 0 0/7px 7px,repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF}
.pg-top /* ② 理由のあるノイズ：赤ペン */
.pen{display:inline-flex;align-items:flex-end;gap:2px;font-family:var(--f-hand);color:var(--pen);font-size:20px;line-height:1.1;transform:rotate(-4deg);margin:4px 0 0 6px}
.pg-top .pen .arrow{width:40px;height:22px;color:var(--pen);transform:scaleY(-1)}
.pg-top .pen.calm{color:#8a5a12}
.pg-top .pen.calm .arrow{color:#8a5a12}
.pg-top .pen.tiny{font-size:12px;margin:0 4px 0 0;transform:rotate(-6deg) translateY(-4px)}
.pg-top .pen.tiny .arrow{display:none}
.pg-top .big-num .pen,.pg-top .fig > .pen{display:flex;width:max-content}
.pg-top .temps .pen{align-self:center}
.pg-top .rows s{color:#8b8f8f;text-decoration-color:var(--pen);text-decoration-thickness:2px;font-weight:400;margin-right:2px}
.pg-top .circ{position:relative}
.pg-top .circ::after{content:"";position:absolute;inset:-6px -9px -5px -8px;border:2px solid var(--pen);border-radius:52% 46% 55% 42%/58% 44% 60% 40%;transform:rotate(-5deg)}
.pg-top .mk.good{transform-origin:center}
.pg-top .mk.faded{opacity:.72;border-style:dashed;border-width:1.5px 1px 1.5px 1px}
.pg-top .pnote:nth-child(2)::after{content:"";position:absolute;right:-1.5px;bottom:-1.5px;width:22px;height:22px;background:linear-gradient(135deg,#FFFCF3 50%,#E3D8C2 50%);border-left:1.5px solid #23302F;border-top:1.5px solid #23302F}
.pg-top /* 町ごとの例外 */
.grp.snowcap::after{content:"";position:absolute;left:-4px;right:-4px;top:-14px;height:18px;background:radial-gradient(ellipse at 10% 100%,#fff 58%,transparent 60%) 0 0/60px 18px repeat-x,radial-gradient(ellipse at 50% 100%,#fff 60%,transparent 62%) 22px 3px/74px 16px repeat-x;filter:drop-shadow(0 1px 0 #cfd9d8)}
.pg-top .grp.wave::before{clip-path:none;height:9px;-webkit-mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x;mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x}
.pg-top /* ③ 意味のない小物 */
.hero-wrap{position:relative}
.pg-top .trim{position:absolute;width:16px;height:16px;border-color:#23302F;border-style:solid;border-width:0;z-index:4}
.pg-top .trim.tl{left:-22px;top:-22px;border-right-width:1px;border-bottom-width:1px}
.pg-top .trim.tr{right:-22px;top:-22px;border-left-width:1px;border-bottom-width:1px}
.pg-top .trim.bl{left:-22px;bottom:-22px;border-right-width:1px;border-top-width:1px}
.pg-top .trim.br{right:-22px;bottom:-22px;border-left-width:1px;border-top-width:1px}
.pg-top .hanno{position:absolute;right:-20px;top:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.12em;color:#8b8f8f;z-index:4}
.pg-top .t-tabs{align-items:flex-end}
.pg-top .cbar{margin-left:auto;display:flex;align-self:center}
.pg-top .cbar i{display:block;width:12px;height:12px;background-image:var(--noise);background-size:60px 60px;background-blend-mode:multiply}
.pg-top .doodle svg{display:block;width:100%;height:auto;stroke:#23302F;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pg-top .doodle.on-edge{position:absolute;right:190px;top:-44px;width:48px;z-index:2}
.pg-top .t-rest{display:flex;align-items:flex-end;gap:14px;margin:30px 24px 0;position:relative}
.pg-top .t-rest p{margin:0;flex:1}
.pg-top .t-rest .doodle{width:54px;flex:none}
.pg-top .stampset{position:relative;width:120px;height:92px;flex:none}
.pg-top .kitte{position:absolute;right:0;top:0;width:62px;transform:rotate(3deg);background:#fff;padding:3px;-webkit-mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px;mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px}
.pg-top .kitte svg{display:block;width:100%}
.pg-top .keshi{position:absolute;left:0;top:6px;width:84px;transform:rotate(-12deg);stroke:#3a4a8a;stroke-width:2;opacity:.7;font-family:var(--f-body)}
.pg-top .keshi text{fill:#3a4a8a;stroke:none}
@media(max-width:760px){
.pg-top .trim,.pg-top .hanno,.pg-top .cbar{display:none}
.pg-top .pen{font-size:17px}
.pg-top .doodle.on-edge{right:18px;width:40px;top:-38px}
.pg-top .t-rest{margin:24px 12px 0;flex-wrap:wrap}
}
.pg-top .site{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;flex-wrap:wrap}
.pg-top .logo{display:flex;gap:8px;align-items:center;font-family:var(--f-title);font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}
.pg-top .site nav{display:flex;gap:16px;flex-wrap:wrap}
.pg-top .site nav a{color:var(--ink);text-decoration:none;font-size:14px}
.pg-top .t-hero{position:relative;max-width:1120px;margin:14px auto 0;padding:0 20px}
.pg-top .t-hero img{display:block;width:100%;height:560px;object-fit:cover;object-position:60% 80%}
.pg-top .t-hero .trim.tl{left:-2px;top:-22px}
.pg-top .t-hero .trim.tr{right:-2px;top:-22px}
.pg-top .t-hero .hanno{right:0;top:30px}
.pg-top .t-copy{position:absolute;left:52px;top:34px;max-width:600px}
.pg-top .t-copy h1{font-size:64px;line-height:1.18;margin:0 0 14px}
.pg-top .eh{position:relative;display:inline-block;color:#2E6E73}
.pg-top .eh svg{position:absolute;left:-10%;top:-12%;width:120%;height:124%;stroke:var(--pen);stroke-width:4;stroke-linecap:round}
.pg-top .t-lead{font-size:17px;margin:0 0 16px;background:rgba(246,240,227,.7);display:inline-block;padding:2px 6px}
.pg-top .kinyu{display:flex;align-items:flex-end;gap:10px;background:#FFFCF3;border:1.5px solid #23302F;padding:14px 16px;max-width:520px;box-shadow:4px 5px 0 rgba(35,48,47,.18);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light}
.pg-top .kinyu label{font-size:13px;font-weight:700;white-space:nowrap;padding-bottom:6px}
.pg-top .kinyu input{flex:1;min-width:0;font:inherit;font-size:20px;border:0;border-bottom:2px solid #23302F;background:transparent;padding:4px 2px;outline:none;font-family:var(--f-title)}
.pg-top .kinyu button{font:inherit;font-weight:700;color:#fff;background:#C0463A;border:0;border-radius:50%;width:66px;height:66px;flex:none;transform:rotate(-8deg);background-image:var(--noise);background-size:120px 120px;background-blend-mode:multiply;cursor:pointer}
.pg-top .t-try{margin:12px 0 0}
.pg-top .t-try .pen{background:rgba(250,246,236,.92);padding:4px 10px 2px;box-shadow:2px 2px 0 rgba(35,48,47,.12)}
.pg-top .t-sec{max-width:1120px;margin:70px auto 0;padding:0 20px;position:relative}
.pg-top .t-head{max-width:760px}
.pg-top .t-head h2{font-family:var(--f-head);font-weight:var(--w-head);font-size:38px;line-height:1.3;margin:8px 0 10px}
.pg-top .t-text{font-size:16px;line-height:1.9;margin:0}
.pg-top .t-text s{color:#8b8f8f;text-decoration-color:var(--pen);text-decoration-thickness:2px}
.pg-top .t-note{font-size:13px;color:var(--muted);margin:14px 0 0}
.pg-top .posts{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:26px;margin-top:26px;align-items:start}
.pg-top .pc{position:relative;display:block;background:#FFFCF3;border:1.5px solid #23302F;padding:10px 10px 14px;color:var(--ink);text-decoration:none;box-shadow:4px 5px 0 rgba(35,48,47,.16);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light}
.pg-top .pc:nth-child(2){margin-top:34px}
.pg-top .pc:nth-child(3){margin-top:10px}
.pg-top .scene.mini{height:190px}
.pg-top .pc:first-child .scene.mini{height:240px}
.pg-top .pc .hw{display:none}
.pg-top .pc-body{padding:10px 6px 0}
.pg-top .pc-name b{font-family:var(--f-title);font-weight:800;font-size:24px;margin-right:8px}
.pg-top .pc-name small{font-size:12px;color:var(--muted)}
.pg-top .pc-catch{font-family:var(--f-head);font-weight:700;font-size:17px;margin:4px 0 0;line-height:1.5}
.pg-top .pc-hl{font-size:13px;margin:6px 0 0;color:#3c4647}
.pg-top .pc-kitte{position:absolute;right:10px;top:10px;width:44px;background:#fff;padding:2px;transform:rotate(4deg);-webkit-mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/6px 6px;mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/6px 6px}
.pg-top .pc-kitte svg{display:block;width:100%}
.pg-top .pc-keshi{position:absolute;right:-18px;top:-14px;width:92px;stroke:#3a4a8a;stroke-width:2;opacity:.65;transform:rotate(-10deg);overflow:visible;font-family:var(--f-body)}
.pg-top .pc-keshi text{fill:#3a4a8a;stroke:none}
.pg-top .mado{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:22px;margin-top:22px}
.pg-top .m{position:relative;display:block;background:#FFFCF3;border:1.5px solid #23302F;padding:18px 20px 16px;color:var(--ink);text-decoration:none;background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light}
.pg-top .m-shindan{grid-row:1/3;background-color:#FBF7EE;background-image:var(--noise),repeating-linear-gradient(#FBF7EE 0 33px,#E9E1D0 33px 34px);background-size:180px 180px,auto}
.pg-top .m-chizu{grid-column:2/4}
.pg-top .m-no{position:absolute;top:-14px;left:16px;font-family:var(--f-title);font-weight:800;font-size:14px;color:#fff;background:#23302F;padding:2px 10px;border-radius:14px 14px 14px 2px}
.pg-top .m h3{font-family:var(--f-head);font-weight:var(--w-head);font-size:24px;margin:4px 0 10px}
.pg-top .monshin p{margin:12px 0 4px;font-weight:700;font-size:15px}
.pg-top .monshin p em{font-style:normal;color:#fff;background:#2E6E73;padding:0 6px;margin-right:6px;font-size:12px}
.pg-top .monshin div{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px}
.pg-top .monshin .on{color:#2E6E73;font-weight:700}
.pg-top .q-list{list-style:none;margin:14px 0 0;padding:0;font-size:14px;color:#3c4647}
.pg-top .q-list li{padding:6px 0;border-bottom:1px dotted #B9AE97}
.pg-top .q-list em{font-style:normal;font-size:12px;color:#fff;background:#8FA7A8;padding:0 6px;margin-right:6px}
.pg-top .m-go{display:block;margin-top:14px;font-weight:700;color:#2E6E73}
.pg-top .chk{list-style:none;margin:0;padding:0;font-size:15px}
.pg-top .chk li{padding:5px 0;border-bottom:1px dotted #B9AE97}
.pg-top .chk li::before{content:"□";margin-right:8px}
.pg-top .chk li.on::before{content:"☑";color:var(--pen)}
.pg-top .hit{margin:12px 0 0;font-size:14px}
.pg-top .hit b{font-family:var(--f-num);font-size:34px;color:var(--pen)}
.pg-top .vs{display:flex;align-items:center;gap:8px;font-family:var(--f-title);font-weight:800;font-size:18px}
.pg-top .vs i{font-style:normal;font-size:13px;color:var(--muted)}
.pg-top .hk{list-style:none;margin:8px 0 0;padding:0;font-size:13px}
.pg-top .hk li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:5px 0;border-bottom:1px dotted #B9AE97}
.pg-top .hk b{font-family:var(--f-num);min-width:58px;text-align:right}
.pg-top .hk b.w{color:var(--pen);text-decoration:underline wavy var(--pen) 1px;text-underline-offset:4px}
.pg-top .m-chizu{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}
.pg-top .m-chizu h3,.pg-top .m-chizu .m-no{grid-column:1/-1}
.pg-top .dots{width:320px;height:auto;grid-row:span 3}
.pg-top .m-cap{margin:0;font-size:13px;color:#3c4647}
.pg-top .board{position:relative;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;margin-top:26px;padding:34px 30px 30px;background:#C9A77C;background-image:var(--noise),radial-gradient(circle at 20% 30%,rgba(255,255,255,.14),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.12),transparent 45%);background-size:180px 180px,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal;border:10px solid #7B5A3A;align-items:start}
.pg-top .notice{position:relative;display:block;background:#FFFCF3;padding:22px 18px 14px;color:var(--ink);text-decoration:none;box-shadow:3px 4px 0 rgba(35,48,47,.25)}
.pg-top .notice.n1{transform:rotate(-2deg)}
.pg-top .notice.n2{transform:rotate(1.2deg);margin-top:18px;background:#FFF6D6}
.pg-top .notice.n3{transform:rotate(-.8deg);margin-top:6px}
.pg-top .gabyo{position:absolute;top:8px;left:50%;width:14px;height:14px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F;transform:translateX(-50%)}
.pg-top .n-label{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.pg-top .notice h3{font-family:var(--f-head);font-weight:var(--w-head);font-size:20px;margin:2px 0 8px}
.pg-top .notice ol{list-style:none;margin:0;padding:0}
.pg-top .notice li{display:grid;grid-template-columns:22px 1fr auto;align-items:baseline;gap:6px;padding:5px 0;border-bottom:1px dotted #B9AE97}
.pg-top .notice li em{font-style:normal;font-family:var(--f-num);font-weight:700;color:#9A6B1E}
.pg-top .notice li b{font-weight:700}
.pg-top .notice li small{grid-column:2;font-size:11px;color:var(--muted);margin-top:-4px}
.pg-top .notice li span{grid-column:3;grid-row:1;font-family:var(--f-num);font-weight:700}
.pg-top .n-more{display:block;margin-top:10px;font-size:13px;font-weight:700;color:#9A6B1E}
.pg-top .doodle.on-board{position:absolute;right:26px;bottom:-12px;width:52px}
.pg-top .t-more{text-align:right;margin:12px 0 0}
.pg-top .t-more a{color:#9A6B1E;font-weight:700;text-decoration:none}
.pg-top .tiles{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,auto);gap:5px;max-width:820px;margin:24px auto 0}
.pg-top .tiles{--p0:linear-gradient(#23302F,#23302F);--p1:repeating-linear-gradient(45deg,#23302F 0 2px,transparent 2px 5px);--p2:radial-gradient(circle,#23302F 1.3px,transparent 1.6px) 0 0/5px 5px;--p3:repeating-linear-gradient(-45deg,#23302F 0 2px,transparent 2px 5px);--p4:repeating-linear-gradient(90deg,#23302F 0 2px,transparent 2px 5px);--p5:repeating-linear-gradient(0deg,#23302F 0 1.5px,transparent 1.5px 3.5px)}
.pg-top .tile{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#FFFCF3;border:1.5px solid #23302F;padding-top:6px;color:var(--ink);text-decoration:none;background-image:var(--noise);background-size:120px 120px;background-blend-mode:soft-light}
.pg-top .tile b{font-family:var(--f-title);font-weight:800;font-size:15px;line-height:1.1}
.pg-top .tile small{font-size:11px;color:var(--muted)}
.pg-top .tile::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--pat)}
.pg-top .tile:hover{background-color:#2E6E73;color:#fff}
.pg-top .tile:hover small{color:#fff}
.pg-top .doodle.on-map{position:absolute;left:4%;top:4%;width:58px}
.pg-top .t-foot{max-width:1120px;margin:80px auto 40px;padding:0 20px;position:relative}
.pg-top .t-foot .cbar{position:absolute;right:20px;bottom:-22px}
.pg-top .t-foot .t-rest p{font-size:12.5px;color:var(--muted)}
@media(max-width:760px){
.pg-top .site nav{gap:12px}
.pg-top .site nav a:nth-child(n+4){display:none}
.pg-top .t-hero{padding:0}
.pg-top .t-hero img{height:600px;object-position:70% 100%}
.pg-top .t-copy{left:16px;right:16px;top:18px}
.pg-top .t-copy h1{font-size:40px}
.pg-top .kinyu{padding:10px 12px}
.pg-top .kinyu input{font-size:17px}
.pg-top .kinyu button{width:56px;height:56px;font-size:13px}
.pg-top .t-head h2{font-size:27px}
.pg-top .posts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:6px 4px 16px;margin-right:-20px}
.pg-top .pc{flex:0 0 80%;scroll-snap-align:start}
.pg-top .pc:first-child .scene.mini,.pg-top .scene.mini{height:170px}
.pg-top .pc-keshi{right:2px;top:-12px;width:80px}
.pg-top .t-hero .trim,.pg-top .t-hero .hanno{display:none}
.pg-top .pc:nth-child(n){margin-top:0}
.pg-top .mado{grid-template-columns:1fr}
.pg-top .m-shindan{grid-row:auto}
.pg-top .m-chizu{grid-column:auto;grid-template-columns:1fr}
.pg-top .dots{width:100%}
.pg-top .board{grid-template-columns:1fr;padding:26px 14px 20px;border-width:7px}
.pg-top .notice.n2,.pg-top .notice.n3{margin-top:0}
.pg-top .tiles{gap:2px}
.pg-top .tile{border-width:1px;padding-top:4px}
.pg-top .tile::before{height:4px}
.pg-top .tile b{font-size:10px}
.pg-top .tile small{display:none}
.pg-top .doodle.on-map{width:36px}
.pg-top .t-foot .t-rest p{flex-basis:100%;order:3}
}
/* ===== .pg-pref ===== */
.pg-pref .town{max-width:1040px;margin:0 auto;padding:0 0 40px}
.pg-pref .p-hero{position:relative;background:#F4ECDB;overflow:hidden}
.pg-pref .hero-text{position:absolute;left:32px;top:26px;z-index:2;max-width:560px}
.pg-pref .t-pref{margin:0;font-size:13px;color:#4c5758}
.pg-pref h1{font-family:var(--f-title);font-weight:var(--w-title);font-size:54px;line-height:1.1;margin:2px 0 10px}
.pg-pref .catch{font-family:var(--f-head);font-weight:var(--w-head);font-size:30px;line-height:1.35;margin:0}
.pg-pref .catch-sub{margin:6px 0 0;font-size:14px;color:#3c4647}
.pg-pref .scene{display:block;width:100%;height:440px}
.pg-pref .hw{font-family:var(--f-hand);font-size:21px;fill:#23302F}
.pg-pref .pnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px;margin-top:-54px;position:relative;z-index:3}
.pg-pref .pnote{background:#FFFCF3;border:1.5px solid #23302F;padding:12px 14px 10px;position:relative;box-shadow:3px 4px 0 rgba(35,48,47,.14)}
.pg-pref .pnote:nth-child(1){transform:rotate(-1deg)}
.pg-pref .pnote:nth-child(2){transform:rotate(.8deg)}
.pg-pref .pnote:nth-child(3){transform:rotate(-.5deg)}
.pg-pref .pnote .pin{position:absolute;top:-9px;left:16px;width:16px;height:16px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F}
.pg-pref .pnote.warn .pin{background:#E0A93B}
.pg-pref .pnote b{display:block;font-family:var(--f-label);font-size:20px;font-weight:var(--w-label);line-height:1.35}
.pg-pref .pnote small{display:block;font-size:13px;color:#4c5758}
.pg-pref .t-tabs{display:flex;gap:6px;padding:22px 24px 0;position:sticky;top:44px;z-index:4;background:linear-gradient(#F3EFE7 80%,#F3EFE700);flex-wrap:wrap}
.pg-pref .t-tabs a{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:#fff;background:var(--gc);font-family:var(--f-label);font-weight:var(--w-label);font-size:14px;padding:6px 12px;border-radius:8px 8px 0 0}
.pg-pref .t-tabs em{font-style:normal;font-size:11px;opacity:.8}
.pg-pref .grp{margin:22px 24px 0;background:var(--paper);background-image:repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);border-top:5px solid var(--gc);padding:18px 26px 14px;scroll-margin-top:110px}
.pg-pref .kick{font-family:var(--f-label);font-weight:var(--w-label);color:var(--gc);font-size:14px;letter-spacing:.06em}
.pg-pref .kick em{font-style:normal;margin-right:8px}
.pg-pref .grp h2{font-family:var(--f-head);font-weight:var(--w-head);margin:2px 0 12px;line-height:1.4}
.pg-pref .grp.big h2{font-size:30px}
.pg-pref .grp.small h2{font-size:22px}
.pg-pref .grp.big .body{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}
.pg-pref .grp.small .body{display:grid;grid-template-columns:1fr;gap:10px}
.pg-pref .grp.small .fig{display:none}
.pg-pref .rows{list-style:none;margin:0;padding:0}
.pg-pref .rows li{display:flex;align-items:baseline;gap:8px;min-height:36px;border-bottom:1px solid #D8CDB6;padding:4px 0}
.pg-pref .grp.small .rows{columns:2;column-gap:34px}
.pg-pref .grp.small .rows li{break-inside:avoid}
.pg-pref .rows .l{font-size:14px;color:#3c4647}
.pg-pref .rows .dots{flex:1;border-bottom:1.5px dotted #B9AE97;transform:translateY(-4px);min-width:10px}
.pg-pref .rows .v{font-family:var(--f-num);font-weight:var(--w-num);font-size:17px;white-space:nowrap}
.pg-pref .mk{font-size:11.5px;color:#6B7475;white-space:nowrap}
.pg-pref .mk.good{color:#C0463A;border:1.5px solid #C0463A;border-radius:999px;padding:0 7px;font-weight:700;transform:rotate(-4deg);display:inline-block}
.pg-pref .mk.warn{color:#8a5a12;background:#F6E4B8;padding:0 6px;font-weight:700}
.pg-pref .g-more{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--gc)}
.pg-pref .fig{background:#fff;border:1.5px solid #23302F;padding:14px 16px}
.pg-pref .fig small{display:block;font-size:13px;color:#4c5758}
.pg-pref .fig b.num,.pg-pref .big-num b{display:block;font-family:var(--f-num);font-weight:var(--w-num);font-size:48px;line-height:1.1}
.pg-pref .fig i{font-style:normal;font-size:18px;margin-left:2px}
.pg-pref .fig p{margin:6px 0 0;font-size:13px;color:#3c4647}
.pg-pref .k-tape{position:relative;height:28px;margin:12px 0 4px;background:repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF;border:1px solid #cdbf9f}
.pg-pref .k-tape i{position:absolute;top:-7px;bottom:-7px;width:4px;background:#C0463A}
.pg-pref .k-tape u{position:absolute;top:-7px;bottom:-7px;border-left:2px dashed #23302F}
.pg-pref .k-scale{display:flex;justify-content:space-between;font-size:11px;color:#6B7475}
.pg-pref .temps{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.pg-pref .th{display:flex;align-items:flex-end;gap:6px}
.pg-pref .th b{font-family:var(--f-num);font-weight:var(--w-num);font-size:24px;display:block}
.pg-pref .th.hot .f{fill:#C8612F}
.pg-pref .th.cold .f{fill:#3E6FA8}
.pg-pref .snow-fig{text-align:center}
.pg-pref .snow-fig small{font-size:12px}
.pg-pref .ms-fig{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.pg-pref .ms-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative}
.pg-pref .ms-donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}
.pg-pref .ms-donut img{position:relative;z-index:1;width:72px;height:72px}
.pg-pref .ms-fig ul{list-style:none;margin:0;padding:0;font-size:15px}
.pg-pref .ms-fig li i{display:inline-block;width:10px;height:10px;margin-right:6px}
.pg-pref .ms-fig em{font-style:normal;font-size:12px;color:#8a5a12;background:#F6E4B8;padding:0 6px;margin-left:6px}
.pg-pref .isan-l{grid-column:1/-1;margin:4px 0 0!important;font-weight:700;color:#4B7646!important;font-size:14px!important}
.pg-pref .t-rest{margin:26px 24px 0;font-size:13px;color:#6B7475}
@media(max-width:760px){
.pg-pref .hero-text{left:16px;right:16px;top:16px}
.pg-pref h1{font-size:38px}
.pg-pref .catch{font-size:22px}
.pg-pref .catch-sub{font-size:13px}
.pg-pref .scene{height:420px}
.pg-pref .hw{display:none}
.pg-pref .pnotes{grid-template-columns:1fr;gap:10px;padding:0 16px;margin-top:-40px}
.pg-pref .pnote b{font-size:17px}
.pg-pref .t-tabs{padding:16px 12px 0;gap:4px;top:44px;flex-wrap:nowrap;overflow-x:auto}
.pg-pref .t-tabs a{flex:none}
.pg-pref .t-tabs a{font-size:12px;padding:5px 8px}
.pg-pref .t-tabs em{display:none}
.pg-pref .grp{margin:16px 12px 0;padding:14px 14px 12px}
.pg-pref .grp.big .body{grid-template-columns:1fr}
.pg-pref .grp.small .rows{columns:1}
.pg-pref .grp.big h2{font-size:24px}
.pg-pref .grp.small h2{font-size:19px}
.pg-pref .rows .l{font-size:13px}
.pg-pref .fig b.num,.pg-pref .big-num b{font-size:40px}
.pg-pref .ms-fig{grid-template-columns:110px 1fr}
.pg-pref .ms-donut{width:110px;height:110px}
.pg-pref .ms-donut::after{inset:20px}
.pg-pref .ms-donut img{width:56px;height:56px}
}
.pg-pref /* ④ 質感：色の面は、粒＋刷りムラ（なめらかなグラデーションは使わない） */
.t-tabs a,.pg-pref .kick{background-color:var(--gc);background-image:var(--noise),radial-gradient(circle at 18% 30%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 78% 72%,rgba(0,0,0,.18),transparent 42%),radial-gradient(circle at 55% 10%,rgba(255,255,255,.12),transparent 30%);background-size:180px 180px,100% 100%,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal,normal}
.pg-pref .t-tabs a:nth-child(2n){background-position:40px 60px,0 0,0 0,0 0}
.pg-pref .kick{display:inline-block;color:#fff;padding:3px 12px 2px;box-shadow:4px 3px 0 rgba(224,169,59,.85);transform:rotate(-.6deg);margin-bottom:4px}
.pg-pref .kick em{opacity:.85}
.pg-pref .grp{border-top:0;position:relative;background-image:var(--noise),repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);background-size:180px 180px,auto;background-blend-mode:soft-light,normal}
.pg-pref .grp::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background-color:var(--gc);background-image:var(--noise);background-size:180px 180px;background-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 70%,97% 100%,88% 60%,76% 95%,63% 55%,48% 100%,36% 70%,22% 100%,9% 65%,0 90%)}
.pg-pref .pnote{background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;background-color:#FFFCF3}
.pg-pref .k-tape{background:radial-gradient(circle,#cdbf9f 1.1px,transparent 1.3px) 0 0/7px 7px,repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF}
.pg-pref /* ② 理由のあるノイズ：赤ペン */
.pen{display:inline-flex;align-items:flex-end;gap:2px;font-family:var(--f-hand);color:var(--pen);font-size:20px;line-height:1.1;transform:rotate(-4deg);margin:4px 0 0 6px}
.pg-pref .pen .arrow{width:40px;height:22px;color:var(--pen);transform:scaleY(-1)}
.pg-pref .pen.calm{color:#8a5a12}
.pg-pref .pen.calm .arrow{color:#8a5a12}
.pg-pref .pen.tiny{font-size:12px;margin:0 4px 0 0;transform:rotate(-6deg) translateY(-4px)}
.pg-pref .pen.tiny .arrow{display:none}
.pg-pref .big-num .pen,.pg-pref .fig > .pen{display:flex;width:max-content}
.pg-pref .temps .pen{align-self:center}
.pg-pref .rows s{color:#8b8f8f;text-decoration-color:var(--pen);text-decoration-thickness:2px;font-weight:400;margin-right:2px}
.pg-pref .circ{position:relative}
.pg-pref .circ::after{content:"";position:absolute;inset:-6px -9px -5px -8px;border:2px solid var(--pen);border-radius:52% 46% 55% 42%/58% 44% 60% 40%;transform:rotate(-5deg)}
.pg-pref .mk.good{transform-origin:center}
.pg-pref .mk.faded{opacity:.72;border-style:dashed;border-width:1.5px 1px 1.5px 1px}
.pg-pref .pnote:nth-child(2)::after{content:"";position:absolute;right:-1.5px;bottom:-1.5px;width:22px;height:22px;background:linear-gradient(135deg,#FFFCF3 50%,#E3D8C2 50%);border-left:1.5px solid #23302F;border-top:1.5px solid #23302F}
.pg-pref /* 町ごとの例外 */
.grp.snowcap::after{content:"";position:absolute;left:-4px;right:-4px;top:-14px;height:18px;background:radial-gradient(ellipse at 10% 100%,#fff 58%,transparent 60%) 0 0/60px 18px repeat-x,radial-gradient(ellipse at 50% 100%,#fff 60%,transparent 62%) 22px 3px/74px 16px repeat-x;filter:drop-shadow(0 1px 0 #cfd9d8)}
.pg-pref .grp.wave::before{clip-path:none;height:9px;-webkit-mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x;mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x}
.pg-pref /* ③ 意味のない小物 */
.hero-wrap{position:relative}
.pg-pref .trim{position:absolute;width:16px;height:16px;border-color:#23302F;border-style:solid;border-width:0;z-index:4}
.pg-pref .trim.tl{left:-22px;top:-22px;border-right-width:1px;border-bottom-width:1px}
.pg-pref .trim.tr{right:-22px;top:-22px;border-left-width:1px;border-bottom-width:1px}
.pg-pref .trim.bl{left:-22px;bottom:-22px;border-right-width:1px;border-top-width:1px}
.pg-pref .trim.br{right:-22px;bottom:-22px;border-left-width:1px;border-top-width:1px}
.pg-pref .hanno{position:absolute;right:-20px;top:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.12em;color:#8b8f8f;z-index:4}
.pg-pref .t-tabs{align-items:flex-end}
.pg-pref .cbar{margin-left:auto;display:flex;align-self:center}
.pg-pref .cbar i{display:block;width:12px;height:12px;background-image:var(--noise);background-size:60px 60px;background-blend-mode:multiply}
.pg-pref .doodle svg{display:block;width:100%;height:auto;stroke:#23302F;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pg-pref .doodle.on-edge{position:absolute;right:190px;top:-44px;width:48px;z-index:2}
.pg-pref .t-rest{display:flex;align-items:flex-end;gap:14px;margin:30px 24px 0;position:relative}
.pg-pref .t-rest p{margin:0;flex:1}
.pg-pref .t-rest .doodle{width:54px;flex:none}
.pg-pref .stampset{position:relative;width:120px;height:92px;flex:none}
.pg-pref .kitte{position:absolute;right:0;top:0;width:62px;transform:rotate(3deg);background:#fff;padding:3px;-webkit-mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px;mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px}
.pg-pref .kitte svg{display:block;width:100%}
.pg-pref .keshi{position:absolute;left:0;top:6px;width:84px;transform:rotate(-12deg);stroke:#3a4a8a;stroke-width:2;opacity:.7;font-family:var(--f-body)}
.pg-pref .keshi text{fill:#3a4a8a;stroke:none}
@media(max-width:760px){
.pg-pref .trim,.pg-pref .hanno,.pg-pref .cbar{display:none}
.pg-pref .pen{font-size:17px}
.pg-pref .doodle.on-edge{right:18px;width:40px;top:-38px}
.pg-pref .t-rest{margin:24px 12px 0;flex-wrap:wrap}
}
.pg-pref .pmap-fig{padding:10px}
.pg-pref .pmap{display:block;width:100%;height:auto}
.pg-pref .pmap .pl{font-family:var(--f-body);font-size:13px;font-weight:700;fill:#23302F;paint-order:stroke;stroke:#fff;stroke-width:3px}
.pg-pref .p-hero .hw{display:none}
.pg-pref .pmap .lg text{font-family:var(--f-body);font-size:11px;fill:#3c4647}
.pg-pref .pmap a:hover circle{stroke-width:3}
.pg-pref .grp.big .body{grid-template-columns:1.1fr 1fr}
.pg-pref .p-sec{margin:44px 24px 0;position:relative}
.pg-pref .p-h{font-family:var(--f-head);font-weight:var(--w-head);font-size:28px;margin:8px 0 14px}
.pg-pref .p-sec .kick{--gc:inherit}
.pg-pref .board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:30px 26px 26px;background:#C9A77C;background-image:var(--noise),radial-gradient(circle at 20% 30%,rgba(255,255,255,.14),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.12),transparent 45%);background-size:180px 180px,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal;border:9px solid #7B5A3A;align-items:start}
.pg-pref .notice{position:relative;display:block;background:#FFFCF3;padding:22px 16px 12px;color:var(--ink);text-decoration:none;box-shadow:3px 4px 0 rgba(35,48,47,.25)}
.pg-pref .notice.n1{transform:rotate(-1.6deg)}
.pg-pref .notice.n2{transform:rotate(1.1deg);margin-top:14px;background:#FFF6D6}
.pg-pref .notice.n3{transform:rotate(-.7deg);margin-top:4px}
.pg-pref .gabyo{position:absolute;top:8px;left:50%;width:14px;height:14px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F;transform:translateX(-50%)}
.pg-pref .n-label{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.pg-pref .notice h3{font-family:var(--f-head);font-weight:var(--w-head);font-size:19px;margin:2px 0 8px}
.pg-pref .notice ol{list-style:none;margin:0;padding:0}
.pg-pref .notice li{display:grid;grid-template-columns:22px 1fr auto;gap:6px;padding:5px 0;border-bottom:1px dotted #B9AE97;align-items:baseline}
.pg-pref .notice li em{font-style:normal;font-family:var(--f-num);font-weight:700;color:#9A6B1E}
.pg-pref .notice li span{font-family:var(--f-num);font-weight:700}
.pg-pref .n-more{display:block;margin-top:10px;font-size:13px;font-weight:700;color:#9A6B1E}
.pg-pref .doodle.on-board{position:absolute;right:22px;bottom:-12px;width:50px}
.pg-pref .tags{display:flex;flex-wrap:wrap;gap:14px 18px;padding:6px 4px}
.pg-pref .nifuda{position:relative;display:inline-flex;flex-direction:column;background:#FFFCF3;border:1.5px solid #23302F;padding:8px 16px 8px 30px;border-radius:0 6px 6px 0;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);background-image:var(--noise);background-size:120px 120px;background-blend-mode:soft-light}
.pg-pref .nifuda i{position:absolute;left:14px;top:50%;width:8px;height:8px;border-radius:50%;border:1.5px solid #23302F;transform:translateY(-50%)}
.pg-pref .nifuda b{font-family:var(--f-title);font-weight:800;font-size:17px}
.pg-pref .nifuda small{font-size:11px;color:var(--muted)}
.pg-pref .t-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.pg-pref .ledger-wrap{overflow-x:auto;border:1.5px solid #23302F;background:#FBF7EE}
.pg-pref .ledger{border-collapse:collapse;width:100%;font-size:14px;min-width:760px}
.pg-pref .ledger th{font-weight:700;font-size:13px;text-align:right;padding:8px 10px;border-bottom:2px solid #23302F;background:#EFE6D2;cursor:pointer;white-space:nowrap;background-image:var(--noise);background-size:120px 120px;background-blend-mode:soft-light}
.pg-pref .ledger th:first-child{text-align:left}
.pg-pref .ledger th small{font-weight:400;color:var(--muted)}
.pg-pref .ledger th[aria-sort]::after{content:" ▾";color:var(--pen)}
.pg-pref .ledger td{padding:7px 10px;border-bottom:1px solid #DCD2BD;font-family:var(--f-num)}
.pg-pref .ledger td.r{text-align:right;white-space:nowrap}
.pg-pref .ledger td:first-child{font-family:var(--f-body)}
.pg-pref .ledger td a{font-family:var(--f-title);font-weight:800;font-size:16px;color:var(--ink)}
.pg-pref .ledger td small{display:block;font-size:11px;color:var(--muted);font-family:var(--f-body)}
.pg-pref .ledger tr:nth-child(5n) td{border-bottom:1.5px solid #B9AE97}
@media(max-width:760px){
.pg-pref .grp.big .body{grid-template-columns:1fr}
.pg-pref .board{grid-template-columns:1fr;padding:22px 12px 18px;border-width:6px}
.pg-pref .notice.n2,.pg-pref .notice.n3{margin-top:0}
.pg-pref .p-sec{margin:34px 12px 0}
.pg-pref .p-h{font-size:22px}
}
/* ===== .pg-rank ===== */
.pg-rank .town{max-width:1040px;margin:0 auto;padding:0 0 40px}
.pg-rank .p-hero{position:relative;background:#F4ECDB;overflow:hidden}
.pg-rank .hero-text{position:absolute;left:32px;top:26px;z-index:2;max-width:560px}
.pg-rank .t-pref{margin:0;font-size:13px;color:#4c5758}
.pg-rank h1{font-family:var(--f-title);font-weight:var(--w-title);font-size:54px;line-height:1.1;margin:2px 0 10px}
.pg-rank .catch{font-family:var(--f-head);font-weight:var(--w-head);font-size:30px;line-height:1.35;margin:0}
.pg-rank .catch-sub{margin:6px 0 0;font-size:14px;color:#3c4647}
.pg-rank .scene{display:block;width:100%;height:440px}
.pg-rank .hw{font-family:var(--f-hand);font-size:21px;fill:#23302F}
.pg-rank .pnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px;margin-top:-54px;position:relative;z-index:3}
.pg-rank .pnote{background:#FFFCF3;border:1.5px solid #23302F;padding:12px 14px 10px;position:relative;box-shadow:3px 4px 0 rgba(35,48,47,.14)}
.pg-rank .pnote:nth-child(1){transform:rotate(-1deg)}
.pg-rank .pnote:nth-child(2){transform:rotate(.8deg)}
.pg-rank .pnote:nth-child(3){transform:rotate(-.5deg)}
.pg-rank .pnote .pin{position:absolute;top:-9px;left:16px;width:16px;height:16px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F}
.pg-rank .pnote.warn .pin{background:#E0A93B}
.pg-rank .pnote b{display:block;font-family:var(--f-label);font-size:20px;font-weight:var(--w-label);line-height:1.35}
.pg-rank .pnote small{display:block;font-size:13px;color:#4c5758}
.pg-rank .t-tabs{display:flex;gap:6px;padding:22px 24px 0;position:sticky;top:44px;z-index:4;background:linear-gradient(#F3EFE7 80%,#F3EFE700);flex-wrap:wrap}
.pg-rank .t-tabs a{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:#fff;background:var(--gc);font-family:var(--f-label);font-weight:var(--w-label);font-size:14px;padding:6px 12px;border-radius:8px 8px 0 0}
.pg-rank .t-tabs em{font-style:normal;font-size:11px;opacity:.8}
.pg-rank .grp{margin:22px 24px 0;background:var(--paper);background-image:repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);border-top:5px solid var(--gc);padding:18px 26px 14px;scroll-margin-top:110px}
.pg-rank .kick{font-family:var(--f-label);font-weight:var(--w-label);color:var(--gc);font-size:14px;letter-spacing:.06em}
.pg-rank .kick em{font-style:normal;margin-right:8px}
.pg-rank .grp h2{font-family:var(--f-head);font-weight:var(--w-head);margin:2px 0 12px;line-height:1.4}
.pg-rank .grp.big h2{font-size:30px}
.pg-rank .grp.small h2{font-size:22px}
.pg-rank .grp.big .body{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}
.pg-rank .grp.small .body{display:grid;grid-template-columns:1fr;gap:10px}
.pg-rank .grp.small .fig{display:none}
.pg-rank .rows{list-style:none;margin:0;padding:0}
.pg-rank .rows li{display:flex;align-items:baseline;gap:8px;min-height:36px;border-bottom:1px solid #D8CDB6;padding:4px 0}
.pg-rank .grp.small .rows{columns:2;column-gap:34px}
.pg-rank .grp.small .rows li{break-inside:avoid}
.pg-rank .rows .l{font-size:14px;color:#3c4647}
.pg-rank .rows .dots{flex:1;border-bottom:1.5px dotted #B9AE97;transform:translateY(-4px);min-width:10px}
.pg-rank .rows .v{font-family:var(--f-num);font-weight:var(--w-num);font-size:17px;white-space:nowrap}
.pg-rank .mk{font-size:11.5px;color:#6B7475;white-space:nowrap}
.pg-rank .mk.good{color:#C0463A;border:1.5px solid #C0463A;border-radius:999px;padding:0 7px;font-weight:700;transform:rotate(-4deg);display:inline-block}
.pg-rank .mk.warn{color:#8a5a12;background:#F6E4B8;padding:0 6px;font-weight:700}
.pg-rank .g-more{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--gc)}
.pg-rank .fig{background:#fff;border:1.5px solid #23302F;padding:14px 16px}
.pg-rank .fig small{display:block;font-size:13px;color:#4c5758}
.pg-rank .fig b.num,.pg-rank .big-num b{display:block;font-family:var(--f-num);font-weight:var(--w-num);font-size:48px;line-height:1.1}
.pg-rank .fig i{font-style:normal;font-size:18px;margin-left:2px}
.pg-rank .fig p{margin:6px 0 0;font-size:13px;color:#3c4647}
.pg-rank .k-tape{position:relative;height:28px;margin:12px 0 4px;background:repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF;border:1px solid #cdbf9f}
.pg-rank .k-tape i{position:absolute;top:-7px;bottom:-7px;width:4px;background:#C0463A}
.pg-rank .k-tape u{position:absolute;top:-7px;bottom:-7px;border-left:2px dashed #23302F}
.pg-rank .k-scale{display:flex;justify-content:space-between;font-size:11px;color:#6B7475}
.pg-rank .temps{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.pg-rank .th{display:flex;align-items:flex-end;gap:6px}
.pg-rank .th b{font-family:var(--f-num);font-weight:var(--w-num);font-size:24px;display:block}
.pg-rank .th.hot .f{fill:#C8612F}
.pg-rank .th.cold .f{fill:#3E6FA8}
.pg-rank .snow-fig{text-align:center}
.pg-rank .snow-fig small{font-size:12px}
.pg-rank .ms-fig{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.pg-rank .ms-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative}
.pg-rank .ms-donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}
.pg-rank .ms-donut img{position:relative;z-index:1;width:72px;height:72px}
.pg-rank .ms-fig ul{list-style:none;margin:0;padding:0;font-size:15px}
.pg-rank .ms-fig li i{display:inline-block;width:10px;height:10px;margin-right:6px}
.pg-rank .ms-fig em{font-style:normal;font-size:12px;color:#8a5a12;background:#F6E4B8;padding:0 6px;margin-left:6px}
.pg-rank .isan-l{grid-column:1/-1;margin:4px 0 0!important;font-weight:700;color:#4B7646!important;font-size:14px!important}
.pg-rank .t-rest{margin:26px 24px 0;font-size:13px;color:#6B7475}
@media(max-width:760px){
.pg-rank .hero-text{left:16px;right:16px;top:16px}
.pg-rank h1{font-size:38px}
.pg-rank .catch{font-size:22px}
.pg-rank .catch-sub{font-size:13px}
.pg-rank .scene{height:420px}
.pg-rank .hw{display:none}
.pg-rank .pnotes{grid-template-columns:1fr;gap:10px;padding:0 16px;margin-top:-40px}
.pg-rank .pnote b{font-size:17px}
.pg-rank .t-tabs{padding:16px 12px 0;gap:4px;top:44px;flex-wrap:nowrap;overflow-x:auto}
.pg-rank .t-tabs a{flex:none}
.pg-rank .t-tabs a{font-size:12px;padding:5px 8px}
.pg-rank .t-tabs em{display:none}
.pg-rank .grp{margin:16px 12px 0;padding:14px 14px 12px}
.pg-rank .grp.big .body{grid-template-columns:1fr}
.pg-rank .grp.small .rows{columns:1}
.pg-rank .grp.big h2{font-size:24px}
.pg-rank .grp.small h2{font-size:19px}
.pg-rank .rows .l{font-size:13px}
.pg-rank .fig b.num,.pg-rank .big-num b{font-size:40px}
.pg-rank .ms-fig{grid-template-columns:110px 1fr}
.pg-rank .ms-donut{width:110px;height:110px}
.pg-rank .ms-donut::after{inset:20px}
.pg-rank .ms-donut img{width:56px;height:56px}
}
.pg-rank /* ④ 質感：色の面は、粒＋刷りムラ（なめらかなグラデーションは使わない） */
.t-tabs a,.pg-rank .kick{background-color:var(--gc);background-image:var(--noise),radial-gradient(circle at 18% 30%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 78% 72%,rgba(0,0,0,.18),transparent 42%),radial-gradient(circle at 55% 10%,rgba(255,255,255,.12),transparent 30%);background-size:180px 180px,100% 100%,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal,normal}
.pg-rank .t-tabs a:nth-child(2n){background-position:40px 60px,0 0,0 0,0 0}
.pg-rank .kick{display:inline-block;color:#fff;padding:3px 12px 2px;box-shadow:4px 3px 0 rgba(224,169,59,.85);transform:rotate(-.6deg);margin-bottom:4px}
.pg-rank .kick em{opacity:.85}
.pg-rank .grp{border-top:0;position:relative;background-image:var(--noise),repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);background-size:180px 180px,auto;background-blend-mode:soft-light,normal}
.pg-rank .grp::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background-color:var(--gc);background-image:var(--noise);background-size:180px 180px;background-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 70%,97% 100%,88% 60%,76% 95%,63% 55%,48% 100%,36% 70%,22% 100%,9% 65%,0 90%)}
.pg-rank .pnote{background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;background-color:#FFFCF3}
.pg-rank .k-tape{background:radial-gradient(circle,#cdbf9f 1.1px,transparent 1.3px) 0 0/7px 7px,repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF}
.pg-rank /* ② 理由のあるノイズ：赤ペン */
.pen{display:inline-flex;align-items:flex-end;gap:2px;font-family:var(--f-hand);color:var(--pen);font-size:20px;line-height:1.1;transform:rotate(-4deg);margin:4px 0 0 6px}
.pg-rank .pen .arrow{width:40px;height:22px;color:var(--pen);transform:scaleY(-1)}
.pg-rank .pen.calm{color:#8a5a12}
.pg-rank .pen.calm .arrow{color:#8a5a12}
.pg-rank .pen.tiny{font-size:12px;margin:0 4px 0 0;transform:rotate(-6deg) translateY(-4px)}
.pg-rank .pen.tiny .arrow{display:none}
.pg-rank .big-num .pen,.pg-rank .fig > .pen{display:flex;width:max-content}
.pg-rank .temps .pen{align-self:center}
.pg-rank .rows s{color:#8b8f8f;text-decoration-color:var(--pen);text-decoration-thickness:2px;font-weight:400;margin-right:2px}
.pg-rank .circ{position:relative}
.pg-rank .circ::after{content:"";position:absolute;inset:-6px -9px -5px -8px;border:2px solid var(--pen);border-radius:52% 46% 55% 42%/58% 44% 60% 40%;transform:rotate(-5deg)}
.pg-rank .mk.good{transform-origin:center}
.pg-rank .mk.faded{opacity:.72;border-style:dashed;border-width:1.5px 1px 1.5px 1px}
.pg-rank .pnote:nth-child(2)::after{content:"";position:absolute;right:-1.5px;bottom:-1.5px;width:22px;height:22px;background:linear-gradient(135deg,#FFFCF3 50%,#E3D8C2 50%);border-left:1.5px solid #23302F;border-top:1.5px solid #23302F}
.pg-rank /* 町ごとの例外 */
.grp.snowcap::after{content:"";position:absolute;left:-4px;right:-4px;top:-14px;height:18px;background:radial-gradient(ellipse at 10% 100%,#fff 58%,transparent 60%) 0 0/60px 18px repeat-x,radial-gradient(ellipse at 50% 100%,#fff 60%,transparent 62%) 22px 3px/74px 16px repeat-x;filter:drop-shadow(0 1px 0 #cfd9d8)}
.pg-rank .grp.wave::before{clip-path:none;height:9px;-webkit-mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x;mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x}
.pg-rank /* ③ 意味のない小物 */
.hero-wrap{position:relative}
.pg-rank .trim{position:absolute;width:16px;height:16px;border-color:#23302F;border-style:solid;border-width:0;z-index:4}
.pg-rank .trim.tl{left:-22px;top:-22px;border-right-width:1px;border-bottom-width:1px}
.pg-rank .trim.tr{right:-22px;top:-22px;border-left-width:1px;border-bottom-width:1px}
.pg-rank .trim.bl{left:-22px;bottom:-22px;border-right-width:1px;border-top-width:1px}
.pg-rank .trim.br{right:-22px;bottom:-22px;border-left-width:1px;border-top-width:1px}
.pg-rank .hanno{position:absolute;right:-20px;top:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.12em;color:#8b8f8f;z-index:4}
.pg-rank .t-tabs{align-items:flex-end}
.pg-rank .cbar{margin-left:auto;display:flex;align-self:center}
.pg-rank .cbar i{display:block;width:12px;height:12px;background-image:var(--noise);background-size:60px 60px;background-blend-mode:multiply}
.pg-rank .doodle svg{display:block;width:100%;height:auto;stroke:#23302F;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pg-rank .doodle.on-edge{position:absolute;right:190px;top:-44px;width:48px;z-index:2}
.pg-rank .t-rest{display:flex;align-items:flex-end;gap:14px;margin:30px 24px 0;position:relative}
.pg-rank .t-rest p{margin:0;flex:1}
.pg-rank .t-rest .doodle{width:54px;flex:none}
.pg-rank .stampset{position:relative;width:120px;height:92px;flex:none}
.pg-rank .kitte{position:absolute;right:0;top:0;width:62px;transform:rotate(3deg);background:#fff;padding:3px;-webkit-mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px;mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px}
.pg-rank .kitte svg{display:block;width:100%}
.pg-rank .keshi{position:absolute;left:0;top:6px;width:84px;transform:rotate(-12deg);stroke:#3a4a8a;stroke-width:2;opacity:.7;font-family:var(--f-body)}
.pg-rank .keshi text{fill:#3a4a8a;stroke:none}
@media(max-width:760px){
.pg-rank .trim,.pg-rank .hanno,.pg-rank .cbar{display:none}
.pg-rank .pen{font-size:17px}
.pg-rank .doodle.on-edge{right:18px;width:40px;top:-38px}
.pg-rank .t-rest{margin:24px 12px 0;flex-wrap:wrap}
}
.pg-rank .view{display:none}
.pg-rank .view.on{display:block}
.pg-rank .site{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;flex-wrap:wrap}
.pg-rank .logo{display:flex;gap:8px;align-items:center;font-family:var(--f-title);font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}
.pg-rank .site nav{display:flex;gap:16px;flex-wrap:wrap}
.pg-rank .site nav a{color:var(--ink);text-decoration:none;font-size:14px}
.pg-rank .site nav a:last-child{text-decoration:underline wavy var(--pen) 1.5px;text-underline-offset:6px}
.pg-rank .rk{max-width:1120px;margin:0 auto;padding:0 20px}
.pg-rank .rk-head{max-width:760px;margin:40px 0 0}
.pg-rank .rk-head h1{font-family:var(--f-head);font-weight:var(--w-head);font-size:40px;margin:8px 0 10px;line-height:1.3}
.pg-rank .p-lead{font-size:16px;line-height:1.9;margin:0}
.pg-rank /* 掲示板 */
.board.big{position:relative;margin:26px 0 0;padding:30px 30px 40px;background:#C9A77C;background-image:var(--noise),radial-gradient(circle at 15% 20%,rgba(255,255,255,.16),transparent 35%),radial-gradient(circle at 85% 60%,rgba(0,0,0,.12),transparent 40%),radial-gradient(circle at 40% 90%,rgba(0,0,0,.08),transparent 35%);background-size:180px 180px,100% 100%,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal,normal;border:12px solid #7B5A3A;box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}
.pg-rank .kus{columns:2;column-gap:40px}
.pg-rank .ku{position:relative;padding:18px 0 30px;break-inside:avoid}
.pg-rank .ku.wide{border-top:2px dashed rgba(60,40,20,.35);margin-top:6px}
.pg-rank .ku-t{display:inline-block;margin:0 0 18px -6px;font-family:var(--f-head);font-weight:var(--w-head);font-size:19px;color:#23302F;background:var(--tp);padding:5px 18px 4px;transform:rotate(-1.2deg);background-image:var(--noise);background-size:120px 120px;background-blend-mode:soft-light;box-shadow:2px 3px 0 rgba(0,0,0,.18);clip-path:polygon(0 8%,3% 0,97% 4%,100% 0,99% 92%,96% 100%,2% 96%,0 100%)}
.pg-rank .ku-p{display:flex;flex-wrap:wrap;gap:26px 24px;align-items:flex-start}
.pg-rank .kami{position:relative;display:block;flex:1 1 220px;max-width:330px;background:#FFFCF3;padding:22px 18px 14px;color:var(--ink);text-decoration:none;box-shadow:3px 4px 0 rgba(35,48,47,.25);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light}
.pg-rank .kami:hover{box-shadow:5px 7px 0 rgba(35,48,47,.3)}
.pg-rank .k-rule{background-color:#FBF7EE;background-image:var(--noise),repeating-linear-gradient(#FBF7EE 0 27px,#DCD3C0 27px 28px);background-size:180px 180px,auto}
.pg-rank .k-grid{background-color:#FDFBF4;background-image:var(--noise),linear-gradient(#E4DCCB 1px,transparent 1px),linear-gradient(90deg,#E4DCCB 1px,transparent 1px);background-size:180px 180px,14px 14px,14px 14px}
.pg-rank .k-yellow{background-color:#FFF3C8}
.pg-rank .k-blue{background-color:#E6F0EE}
.pg-rank .k-wide{flex:2 1 520px;max-width:none}
.pg-rank .gabyo{position:absolute;top:8px;left:50%;width:14px;height:14px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F;transform:translateX(-50%)}
.pg-rank .k-tape{position:absolute;top:-9px;left:50%;width:78px;height:20px;background:rgba(224,210,170,.82);transform:translateX(-50%) rotate(-3deg);background-image:var(--noise);background-size:100px 100px;background-blend-mode:multiply;clip-path:polygon(0 0,100% 6%,97% 50%,100% 100%,0 94%,3% 50%)}
.pg-rank .k-label{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.pg-rank .kami h3{font-family:var(--f-head);font-weight:var(--w-head);font-size:20px;margin:2px 0 8px;line-height:1.35}
.pg-rank .k-first{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;margin:0;padding:6px 0 8px;border-bottom:1.5px solid #23302F}
.pg-rank .k-first em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:#C0463A;padding:1px 6px}
.pg-rank .k-first b{font-family:var(--f-title);font-weight:800;font-size:21px;white-space:nowrap}
.pg-rank .k-first small{grid-column:1/2;font-size:11px;color:var(--muted);align-self:end;white-space:nowrap}
.pg-rank .k-first span{grid-column:2;text-align:right;font-family:var(--f-num);font-weight:700;font-size:20px}
.pg-rank .kami ol{list-style:none;margin:0;padding:0}
.pg-rank .kami li{display:grid;grid-template-columns:20px 1fr auto;align-items:baseline;gap:6px;padding:5px 0;border-bottom:1px dotted #B9AE97;font-size:14px}
.pg-rank .kami li em{font-style:normal;font-family:var(--f-num);font-weight:700;color:#9A6B1E}
.pg-rank .kami li small{grid-column:2;font-size:11px;color:var(--muted);margin-top:-4px}
.pg-rank .kami li span{grid-column:3;grid-row:1;font-family:var(--f-num);font-weight:700}
.pg-rank .k-more{display:block;margin-top:10px;font-size:13px;font-weight:700;color:#9A6B1E}
.pg-rank .ms{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 14px}
.pg-rank .ms li{display:grid;grid-template-columns:44px 1fr;column-gap:8px;align-items:center}
.pg-rank .ms img,.pg-rank .ms i{grid-row:span 2;width:44px;height:44px;object-fit:cover;border-radius:50%;border:1.5px solid #23302F;background:#EDE3CC}
.pg-rank .ms b{font-family:var(--f-title);font-weight:800;font-size:16px}
.pg-rank .ms small{font-size:11px;color:var(--muted);line-height:1.3}
.pg-rank .doodle.crow{position:absolute;right:90px;top:-30px;width:56px}
.pg-rank .doodle.cat{position:absolute;left:36px;bottom:-14px;width:54px}
.pg-rank /* 貼り紙1枚（各ページ） */
.crumbs{font-size:13px;color:var(--muted);margin:26px 0 0}
.pg-rank .crumbs a{color:var(--muted)}
.pg-rank .sheet{position:relative;margin:26px 0 0;padding:44px 56px 36px;background:#FFFCF3;box-shadow:5px 7px 0 rgba(35,48,47,.18);background-image:var(--noise),radial-gradient(circle at 85% 12%,rgba(224,169,59,.10),transparent 35%),radial-gradient(circle at 10% 80%,rgba(35,48,47,.05),transparent 40%);background-size:180px 180px,100% 100%,100% 100%;background-blend-mode:soft-light,normal,normal;transform:rotate(-.25deg)}
.pg-rank .sheet .k-tape.tl{left:40px;transform:rotate(-8deg)}
.pg-rank .sheet .k-tape.tr{left:auto;right:30px;transform:rotate(6deg)}
.pg-rank .sheet .hanno{right:14px;top:60px}
.pg-rank .s-theme{margin:0;font-size:14px;color:#9A6B1E;font-weight:700}
.pg-rank .sheet h1{font-family:var(--f-title);font-weight:800;font-size:54px;margin:4px 0 6px;line-height:1.2}
.pg-rank .s-sub{margin:0;font-size:15px;color:#3c4647}
.pg-rank .sheet h2{font-family:var(--f-head);font-weight:var(--w-head);font-size:22px;margin:0 0 12px}
.pg-rank .sheet section{margin-top:42px}
.pg-rank .dist-wrap{position:relative;padding-top:34px}
.pg-rank .dist{display:block;width:100%;height:auto}
.pg-rank .dist .tk{font-family:var(--f-num);font-size:13px;fill:#3c4647}
.pg-rank .d-med{position:absolute;top:0;transform:translateX(-50%);font-size:12px;color:#2E6E73;text-align:center;line-height:1.3;background:#FFFCF3;padding:0 4px}
.pg-rank .d-med b{font-family:var(--f-num);font-size:15px}
.pg-rank .d-top{position:absolute;top:24px}
.pg-rank .d-top.right{right:30px}
.pg-rank .d-top.left{left:30px}
.pg-rank .d-top .pen{margin:0}
.pg-rank .cap{font-size:13px;color:var(--muted);margin:8px 0 0}
.pg-rank .s-top{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.pg-rank .p1{display:block;border:1.5px solid #23302F;background:#FBF7EE;color:var(--ink);text-decoration:none;box-shadow:4px 5px 0 rgba(35,48,47,.14)}
.pg-rank .p1 .scene.mini{height:220px}
.pg-rank .p1 .hw{display:none}
.pg-rank .p1-body{position:relative;padding:14px 18px 18px 118px;min-height:110px}
.pg-rank .hanko{position:absolute;left:18px;top:-30px;display:grid;place-items:center;width:62px;height:62px;border:3px solid #C0463A;border-radius:50%;color:#C0463A;font-family:var(--f-title);font-weight:800;font-size:28px;line-height:1;background:rgba(255,252,243,.85);-webkit-mask:var(--kasure,none)}
.pg-rank .hanko small{font-size:12px;margin-top:-10px}
.pg-rank .hanko.big{width:84px;height:84px;font-size:40px;left:18px;top:-40px}
.pg-rank .p1-name{font-family:var(--f-title);font-weight:800;font-size:34px;margin-right:10px}
.pg-rank .p1-body > small{font-size:14px;color:var(--muted)}
.pg-rank .p1-v{display:block;font-family:var(--f-num);font-weight:700;font-size:30px;color:#C0463A;margin-top:2px}
.pg-rank .p1-cat{font-family:var(--f-head);font-weight:700;font-size:17px;margin:6px 0 0}
.pg-rank .p1-hl{font-size:13px;color:#3c4647;margin:4px 0 0}
.pg-rank .p23s{display:grid;gap:26px;padding-top:30px}
.pg-rank .p23{position:relative;display:block;padding:14px 16px 12px 96px;border-top:1.5px solid #23302F;border-bottom:1px dotted #B9AE97;color:var(--ink);text-decoration:none;min-height:86px}
.pg-rank .p23 .hanko{left:10px;top:12px}
.pg-rank .p23 b{font-family:var(--f-title);font-weight:800;font-size:24px;margin-right:8px}
.pg-rank .p23 small{font-size:13px;color:var(--muted)}
.pg-rank .p23 .v{display:block;font-family:var(--f-num);font-weight:700;font-size:22px}
.pg-rank .p23 p{margin:2px 0 0;font-size:12.5px;color:#3c4647}
.pg-rank .ledger{list-style:none;margin:0;padding:0;columns:2;column-gap:44px;counter-reset:x}
.pg-rank .ledger li{break-inside:avoid;display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;gap:8px;padding:8px 2px;border-bottom:1px dotted #B9AE97}
.pg-rank .ledger li:nth-child(10n){border-bottom:1.5px solid #23302F}
.pg-rank .ledger em{font-style:normal;font-family:var(--f-num);font-weight:700;color:#9A6B1E;text-align:right}
.pg-rank .ledger .nm a{font-weight:700;color:var(--ink);font-size:16px}
.pg-rank .ledger .nm small{font-size:12px;color:var(--muted);margin-left:6px}
.pg-rank .ledger .nm i{display:block;font-style:normal;font-size:11.5px;color:#6B7475}
.pg-rank .ledger b{font-family:var(--f-num);font-size:16px}
.pg-rank .tally{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 44px}
.pg-rank .tally li{display:grid;grid-template-columns:6.5em 1fr auto;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dotted #B9AE97}
.pg-rank .tally span{font-weight:700}
.pg-rank .tally b{font-family:var(--f-num)}
.pg-rank .tally .oth span{color:var(--muted);font-weight:400}
.pg-rank .sei{stroke:#C0463A;stroke-width:2.2;stroke-linecap:round;fill:none;overflow:visible}
.pg-rank .s-src{margin:36px 0 0;font-size:13px;color:var(--muted)}
.pg-rank .rk-more{margin-top:56px}
.pg-rank .rk-more h2{font-family:var(--f-head);font-weight:var(--w-head);font-size:24px;margin:0 0 18px}
.pg-rank .back{text-align:right;margin:18px 0 0}
.pg-rank .back a,.pg-rank .rk-more .back a{color:#9A6B1E;font-weight:700;text-decoration:none}
.pg-rank .t-foot{max-width:1120px;margin:80px auto 40px;padding:0 20px;position:relative}
.pg-rank .t-foot .cbar{position:absolute;right:20px;bottom:-22px}
.pg-rank .t-foot .t-rest p{font-size:12.5px;color:var(--muted)}
@media(max-width:760px){
.pg-rank .site nav{gap:12px}
.pg-rank .site nav a:nth-child(-n+3){display:none}
.pg-rank .rk-head h1{font-size:28px}
.pg-rank .board.big{padding:14px 12px 30px;border-width:7px;margin:20px -12px 0}
.pg-rank .kus{columns:1}
.pg-rank .ku-p{gap:18px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 10px 12px;margin:0 -12px}
.pg-rank .kami{flex:0 0 76% !important;max-width:none;scroll-snap-align:center}
.pg-rank .k-wide{flex-basis:92% !important}
.pg-rank .rk-more .ku-p{margin:0 -20px}
.pg-rank .ms{grid-template-columns:repeat(2,1fr)}
.pg-rank .doodle.crow{right:30px;width:44px}
.pg-rank .sheet{padding:34px 18px 26px;margin:20px -8px 0;transform:none}
.pg-rank .sheet .hanno{display:none}
.pg-rank .sheet h1{font-size:36px}
.pg-rank .d-top{top:30px}
.pg-rank .d-top .pen{font-size:15px}
.pg-rank .d-med{font-size:11px}
.pg-rank .s-top{grid-template-columns:1fr}
.pg-rank .p1 .scene.mini{height:170px}
.pg-rank .p1-body{padding-left:104px}
.pg-rank .p1-name{font-size:28px}
.pg-rank .p23s{padding-top:6px}
.pg-rank .ledger{columns:1}
.pg-rank .tally{grid-template-columns:1fr}
.pg-rank .t-foot .t-rest p{flex-basis:100%;order:3}
}
/* ===== .pg-sd ===== */
.pg-sd .town{max-width:1040px;margin:0 auto;padding:0 0 40px}
.pg-sd .p-hero{position:relative;background:#F4ECDB;overflow:hidden}
.pg-sd .hero-text{position:absolute;left:32px;top:26px;z-index:2;max-width:560px}
.pg-sd .t-pref{margin:0;font-size:13px;color:#4c5758}
.pg-sd h1{font-family:var(--f-title);font-weight:var(--w-title);font-size:54px;line-height:1.1;margin:2px 0 10px}
.pg-sd .catch{font-family:var(--f-head);font-weight:var(--w-head);font-size:30px;line-height:1.35;margin:0}
.pg-sd .catch-sub{margin:6px 0 0;font-size:14px;color:#3c4647}
.pg-sd .scene{display:block;width:100%;height:440px}
.pg-sd .hw{font-family:var(--f-hand);font-size:21px;fill:#23302F}
.pg-sd .pnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px;margin-top:-54px;position:relative;z-index:3}
.pg-sd .pnote{background:#FFFCF3;border:1.5px solid #23302F;padding:12px 14px 10px;position:relative;box-shadow:3px 4px 0 rgba(35,48,47,.14)}
.pg-sd .pnote:nth-child(1){transform:rotate(-1deg)}
.pg-sd .pnote:nth-child(2){transform:rotate(.8deg)}
.pg-sd .pnote:nth-child(3){transform:rotate(-.5deg)}
.pg-sd .pnote .pin{position:absolute;top:-9px;left:16px;width:16px;height:16px;border-radius:50%;background:#C0463A;border:1.5px solid #23302F}
.pg-sd .pnote.warn .pin{background:#E0A93B}
.pg-sd .pnote b{display:block;font-family:var(--f-label);font-size:20px;font-weight:var(--w-label);line-height:1.35}
.pg-sd .pnote small{display:block;font-size:13px;color:#4c5758}
.pg-sd .t-tabs{display:flex;gap:6px;padding:22px 24px 0;position:sticky;top:44px;z-index:4;background:linear-gradient(#F3EFE7 80%,#F3EFE700);flex-wrap:wrap}
.pg-sd .t-tabs a{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:#fff;background:var(--gc);font-family:var(--f-label);font-weight:var(--w-label);font-size:14px;padding:6px 12px;border-radius:8px 8px 0 0}
.pg-sd .t-tabs em{font-style:normal;font-size:11px;opacity:.8}
.pg-sd .grp{margin:22px 24px 0;background:var(--paper);background-image:repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);border-top:5px solid var(--gc);padding:18px 26px 14px;scroll-margin-top:110px}
.pg-sd .kick{font-family:var(--f-label);font-weight:var(--w-label);color:var(--gc);font-size:14px;letter-spacing:.06em}
.pg-sd .kick em{font-style:normal;margin-right:8px}
.pg-sd .grp h2{font-family:var(--f-head);font-weight:var(--w-head);margin:2px 0 12px;line-height:1.4}
.pg-sd .grp.big h2{font-size:30px}
.pg-sd .grp.small h2{font-size:22px}
.pg-sd .grp.big .body{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}
.pg-sd .grp.small .body{display:grid;grid-template-columns:1fr;gap:10px}
.pg-sd .grp.small .fig{display:none}
.pg-sd .rows{list-style:none;margin:0;padding:0}
.pg-sd .rows li{display:flex;align-items:baseline;gap:8px;min-height:36px;border-bottom:1px solid #D8CDB6;padding:4px 0}
.pg-sd .grp.small .rows{columns:2;column-gap:34px}
.pg-sd .grp.small .rows li{break-inside:avoid}
.pg-sd .rows .l{font-size:14px;color:#3c4647}
.pg-sd .rows .dots{flex:1;border-bottom:1.5px dotted #B9AE97;transform:translateY(-4px);min-width:10px}
.pg-sd .rows .v{font-family:var(--f-num);font-weight:var(--w-num);font-size:17px;white-space:nowrap}
.pg-sd .mk{font-size:11.5px;color:#6B7475;white-space:nowrap}
.pg-sd .mk.good{color:#C0463A;border:1.5px solid #C0463A;border-radius:999px;padding:0 7px;font-weight:700;transform:rotate(-4deg);display:inline-block}
.pg-sd .mk.warn{color:#8a5a12;background:#F6E4B8;padding:0 6px;font-weight:700}
.pg-sd .g-more{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--gc)}
.pg-sd .fig{background:#fff;border:1.5px solid #23302F;padding:14px 16px}
.pg-sd .fig small{display:block;font-size:13px;color:#4c5758}
.pg-sd .fig b.num,.pg-sd .big-num b{display:block;font-family:var(--f-num);font-weight:var(--w-num);font-size:48px;line-height:1.1}
.pg-sd .fig i{font-style:normal;font-size:18px;margin-left:2px}
.pg-sd .fig p{margin:6px 0 0;font-size:13px;color:#3c4647}
.pg-sd .k-tape{position:relative;height:28px;margin:12px 0 4px;background:repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF;border:1px solid #cdbf9f}
.pg-sd .k-tape i{position:absolute;top:-7px;bottom:-7px;width:4px;background:#C0463A}
.pg-sd .k-tape u{position:absolute;top:-7px;bottom:-7px;border-left:2px dashed #23302F}
.pg-sd .k-scale{display:flex;justify-content:space-between;font-size:11px;color:#6B7475}
.pg-sd .temps{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.pg-sd .th{display:flex;align-items:flex-end;gap:6px}
.pg-sd .th b{font-family:var(--f-num);font-weight:var(--w-num);font-size:24px;display:block}
.pg-sd .th.hot .f{fill:#C8612F}
.pg-sd .th.cold .f{fill:#3E6FA8}
.pg-sd .snow-fig{text-align:center}
.pg-sd .snow-fig small{font-size:12px}
.pg-sd .ms-fig{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.pg-sd .ms-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative}
.pg-sd .ms-donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}
.pg-sd .ms-donut img{position:relative;z-index:1;width:72px;height:72px}
.pg-sd .ms-fig ul{list-style:none;margin:0;padding:0;font-size:15px}
.pg-sd .ms-fig li i{display:inline-block;width:10px;height:10px;margin-right:6px}
.pg-sd .ms-fig em{font-style:normal;font-size:12px;color:#8a5a12;background:#F6E4B8;padding:0 6px;margin-left:6px}
.pg-sd .isan-l{grid-column:1/-1;margin:4px 0 0!important;font-weight:700;color:#4B7646!important;font-size:14px!important}
.pg-sd .t-rest{margin:26px 24px 0;font-size:13px;color:#6B7475}
@media(max-width:760px){
.pg-sd .hero-text{left:16px;right:16px;top:16px}
.pg-sd h1{font-size:38px}
.pg-sd .catch{font-size:22px}
.pg-sd .catch-sub{font-size:13px}
.pg-sd .scene{height:420px}
.pg-sd .hw{display:none}
.pg-sd .pnotes{grid-template-columns:1fr;gap:10px;padding:0 16px;margin-top:-40px}
.pg-sd .pnote b{font-size:17px}
.pg-sd .t-tabs{padding:16px 12px 0;gap:4px;top:44px;flex-wrap:nowrap;overflow-x:auto}
.pg-sd .t-tabs a{flex:none}
.pg-sd .t-tabs a{font-size:12px;padding:5px 8px}
.pg-sd .t-tabs em{display:none}
.pg-sd .grp{margin:16px 12px 0;padding:14px 14px 12px}
.pg-sd .grp.big .body{grid-template-columns:1fr}
.pg-sd .grp.small .rows{columns:1}
.pg-sd .grp.big h2{font-size:24px}
.pg-sd .grp.small h2{font-size:19px}
.pg-sd .rows .l{font-size:13px}
.pg-sd .fig b.num,.pg-sd .big-num b{font-size:40px}
.pg-sd .ms-fig{grid-template-columns:110px 1fr}
.pg-sd .ms-donut{width:110px;height:110px}
.pg-sd .ms-donut::after{inset:20px}
.pg-sd .ms-donut img{width:56px;height:56px}
}
.pg-sd /* ④ 質感：色の面は、粒＋刷りムラ（なめらかなグラデーションは使わない） */
.t-tabs a,.pg-sd .kick{background-color:var(--gc);background-image:var(--noise),radial-gradient(circle at 18% 30%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 78% 72%,rgba(0,0,0,.18),transparent 42%),radial-gradient(circle at 55% 10%,rgba(255,255,255,.12),transparent 30%);background-size:180px 180px,100% 100%,100% 100%,100% 100%;background-blend-mode:multiply,normal,normal,normal}
.pg-sd .t-tabs a:nth-child(2n){background-position:40px 60px,0 0,0 0,0 0}
.pg-sd .kick{display:inline-block;color:#fff;padding:3px 12px 2px;box-shadow:4px 3px 0 rgba(224,169,59,.85);transform:rotate(-.6deg);margin-bottom:4px}
.pg-sd .kick em{opacity:.85}
.pg-sd .grp{border-top:0;position:relative;background-image:var(--noise),repeating-linear-gradient(var(--paper) 0 35px,#EDE5D3 35px 36px);background-size:180px 180px,auto;background-blend-mode:soft-light,normal}
.pg-sd .grp::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background-color:var(--gc);background-image:var(--noise);background-size:180px 180px;background-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 70%,97% 100%,88% 60%,76% 95%,63% 55%,48% 100%,36% 70%,22% 100%,9% 65%,0 90%)}
.pg-sd .pnote{background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;background-color:#FFFCF3}
.pg-sd .k-tape{background:radial-gradient(circle,#cdbf9f 1.1px,transparent 1.3px) 0 0/7px 7px,repeating-linear-gradient(90deg,#23302F 0 1px,transparent 1px 10%),#F0E6CF}
.pg-sd /* ② 理由のあるノイズ：赤ペン */
.pen{display:inline-flex;align-items:flex-end;gap:2px;font-family:var(--f-hand);color:var(--pen);font-size:20px;line-height:1.1;transform:rotate(-4deg);margin:4px 0 0 6px}
.pg-sd .pen .arrow{width:40px;height:22px;color:var(--pen);transform:scaleY(-1)}
.pg-sd .pen.calm{color:#8a5a12}
.pg-sd .pen.calm .arrow{color:#8a5a12}
.pg-sd .pen.tiny{font-size:12px;margin:0 4px 0 0;transform:rotate(-6deg) translateY(-4px)}
.pg-sd .pen.tiny .arrow{display:none}
.pg-sd .big-num .pen,.pg-sd .fig > .pen{display:flex;width:max-content}
.pg-sd .temps .pen{align-self:center}
.pg-sd .rows s{color:#8b8f8f;text-decoration-color:var(--pen);text-decoration-thickness:2px;font-weight:400;margin-right:2px}
.pg-sd .circ{position:relative}
.pg-sd .circ::after{content:"";position:absolute;inset:-6px -9px -5px -8px;border:2px solid var(--pen);border-radius:52% 46% 55% 42%/58% 44% 60% 40%;transform:rotate(-5deg)}
.pg-sd .mk.good{transform-origin:center}
.pg-sd .mk.faded{opacity:.72;border-style:dashed;border-width:1.5px 1px 1.5px 1px}
.pg-sd .pnote:nth-child(2)::after{content:"";position:absolute;right:-1.5px;bottom:-1.5px;width:22px;height:22px;background:linear-gradient(135deg,#FFFCF3 50%,#E3D8C2 50%);border-left:1.5px solid #23302F;border-top:1.5px solid #23302F}
.pg-sd /* 町ごとの例外 */
.grp.snowcap::after{content:"";position:absolute;left:-4px;right:-4px;top:-14px;height:18px;background:radial-gradient(ellipse at 10% 100%,#fff 58%,transparent 60%) 0 0/60px 18px repeat-x,radial-gradient(ellipse at 50% 100%,#fff 60%,transparent 62%) 22px 3px/74px 16px repeat-x;filter:drop-shadow(0 1px 0 #cfd9d8)}
.pg-sd .grp.wave::before{clip-path:none;height:9px;-webkit-mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x;mask:radial-gradient(circle at 10px 0,transparent 6px,#000 6.5px) 0 0/20px 9px repeat-x}
.pg-sd /* ③ 意味のない小物 */
.hero-wrap{position:relative}
.pg-sd .trim{position:absolute;width:16px;height:16px;border-color:#23302F;border-style:solid;border-width:0;z-index:4}
.pg-sd .trim.tl{left:-22px;top:-22px;border-right-width:1px;border-bottom-width:1px}
.pg-sd .trim.tr{right:-22px;top:-22px;border-left-width:1px;border-bottom-width:1px}
.pg-sd .trim.bl{left:-22px;bottom:-22px;border-right-width:1px;border-top-width:1px}
.pg-sd .trim.br{right:-22px;bottom:-22px;border-left-width:1px;border-top-width:1px}
.pg-sd .hanno{position:absolute;right:-20px;top:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.12em;color:#8b8f8f;z-index:4}
.pg-sd .t-tabs{align-items:flex-end}
.pg-sd .cbar{margin-left:auto;display:flex;align-self:center}
.pg-sd .cbar i{display:block;width:12px;height:12px;background-image:var(--noise);background-size:60px 60px;background-blend-mode:multiply}
.pg-sd .doodle svg{display:block;width:100%;height:auto;stroke:#23302F;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pg-sd .doodle.on-edge{position:absolute;right:190px;top:-44px;width:48px;z-index:2}
.pg-sd .t-rest{display:flex;align-items:flex-end;gap:14px;margin:30px 24px 0;position:relative}
.pg-sd .t-rest p{margin:0;flex:1}
.pg-sd .t-rest .doodle{width:54px;flex:none}
.pg-sd .stampset{position:relative;width:120px;height:92px;flex:none}
.pg-sd .kitte{position:absolute;right:0;top:0;width:62px;transform:rotate(3deg);background:#fff;padding:3px;-webkit-mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px;mask:radial-gradient(circle at 3px 3px,transparent 2.2px,#000 2.6px) -3px -3px/7px 7px}
.pg-sd .kitte svg{display:block;width:100%}
.pg-sd .keshi{position:absolute;left:0;top:6px;width:84px;transform:rotate(-12deg);stroke:#3a4a8a;stroke-width:2;opacity:.7;font-family:var(--f-body)}
.pg-sd .keshi text{fill:#3a4a8a;stroke:none}
@media(max-width:760px){
.pg-sd .trim,.pg-sd .hanno,.pg-sd .cbar{display:none}
.pg-sd .pen{font-size:17px}
.pg-sd .doodle.on-edge{right:18px;width:40px;top:-38px}
.pg-sd .t-rest{margin:24px 12px 0;flex-wrap:wrap}
}
.pg-sd .site{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;flex-wrap:wrap}
.pg-sd .logo{display:flex;gap:8px;align-items:center;font-family:var(--f-title);font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}
.pg-sd .site nav{display:flex;gap:16px;flex-wrap:wrap}
.pg-sd .site nav a{color:var(--ink);text-decoration:none;font-size:14px}
.pg-sd .site nav a:first-child{text-decoration:underline wavy var(--pen) 1.5px;text-underline-offset:6px}
.pg-sd .sd{max-width:880px;margin:0 auto;padding:0 20px}
.pg-sd .crumbs{font-size:13px;color:var(--muted);margin:22px 0 0}
.pg-sd .crumbs a{color:var(--muted)}
.pg-sd .sp{display:none}
.pg-sd /* 問診票 */
.monshin{position:relative;margin:34px 0 0;padding:46px 54px 34px;background:#FDFBF5;border:1.5px solid #23302F;box-shadow:5px 7px 0 rgba(35,48,47,.16);background-image:var(--noise),repeating-linear-gradient(#FDFBF5 0 39px,#EAE2D1 39px 40px);background-size:180px 180px,auto;background-blend-mode:soft-light,normal}
.pg-sd .clip{position:absolute;top:-22px;left:50%;width:120px;height:40px;transform:translateX(-50%);background:linear-gradient(#9aa3a3,#6f7979);border-radius:6px 6px 3px 3px;box-shadow:0 2px 0 rgba(0,0,0,.25);background-image:var(--noise),linear-gradient(#a6aeae,#6f7979);background-size:100px 100px,auto;background-blend-mode:multiply,normal}
.pg-sd .clip::after{content:"";position:absolute;left:34px;right:34px;top:8px;height:8px;border-radius:4px;background:#4d5656}
.pg-sd .monshin .hanno{right:-22px;top:60px}
.pg-sd .ms-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:3px double #23302F;padding-bottom:14px}
.pg-sd .ms-head h1{font-family:var(--f-title);font-weight:800;font-size:44px;margin:0;letter-spacing:.08em;line-height:1.2}
.pg-sd .ms-meta{margin:0;display:grid;grid-template-columns:auto;gap:0;border:1.5px solid #23302F;font-size:13px;min-width:230px;background:#FFFEFA}
.pg-sd .ms-meta div{display:grid;grid-template-columns:5.5em 1fr;border-bottom:1px solid #23302F}
.pg-sd .ms-meta div:last-child{border-bottom:0}
.pg-sd .ms-meta dt{padding:5px 8px;background:#EFE8D8;border-right:1px solid #23302F;font-weight:700}
.pg-sd .ms-meta dd{margin:0;padding:5px 10px;font-family:var(--f-num)}
.pg-sd #kinyu{color:var(--pen);font-weight:700}
.pg-sd .ms-lead{font-size:16px;line-height:1.9;margin:18px 0 0}
.pg-sd .ms-lead b{background:linear-gradient(transparent 62%,rgba(224,169,59,.45) 62%)}
.pg-sd .q{border:0;margin:0;padding:22px 0 18px;border-bottom:1px dashed #B9AE97}
.pg-sd .q legend{float:left;width:100%;padding:0;font-family:var(--f-head);font-weight:var(--w-head);font-size:20px;margin-bottom:12px}
.pg-sd .q legend small{font-family:var(--f-body);font-size:13px;color:var(--muted);font-weight:400;margin-left:6px}
.pg-sd .no{display:inline-block;font-family:var(--f-body);font-weight:700;font-size:13px;color:#fff;background:#23302F;padding:1px 8px;margin-right:10px;vertical-align:3px}
.pg-sd .opts{clear:both;display:flex;flex-wrap:wrap;gap:10px 30px;padding-left:4px}
.pg-sd .opts label{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;padding:4px 0}
.pg-sd .opts input{position:absolute;opacity:0;width:1px;height:1px}
.pg-sd .box{position:relative;width:22px;height:22px;border:1.8px solid #23302F;background:#fff;flex:none}
.pg-sd .ck{position:absolute;left:-3px;top:-10px;width:32px;height:32px;overflow:visible}
.pg-sd .ck path{fill:none;stroke:var(--pen);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:44;stroke-dashoffset:44;transition:stroke-dashoffset .25s ease-out}
.pg-sd .opts input:checked + .box .ck path{stroke-dashoffset:0}
.pg-sd .opts input:checked ~ .l{font-weight:700}
.pg-sd .opts input:focus-visible + .box{outline:3px solid #E0A93B;outline-offset:2px}
.pg-sd .map-row{clear:both;display:grid;grid-template-columns:420px 1fr;gap:16px;align-items:center}
.pg-sd .jmap{width:100%;height:auto;display:block;cursor:pointer}
.pg-sd .jt{stroke:#23302F;stroke-width:1.2}
.pg-sd .jt.r0{fill:#8FA7C9}
.pg-sd .jt.r1{fill:#8FC0BA}
.pg-sd .jt.r2{fill:#A9C28E}
.pg-sd .jt.r3{fill:#E2BE78}
.pg-sd .jt.r4{fill:#E3A08E}
.pg-sd .jt.r5{fill:#B7A2C8}
.pg-sd .jt{fill-opacity:.32;transition:fill-opacity .2s}
.pg-sd .jt.on{fill-opacity:1}
.pg-sd .jmap:hover .jt{stroke-width:1.4}
.pg-sd .rm text{font-family:var(--f-body);font-weight:700;font-size:14px;fill:#23302F;paint-order:stroke;stroke:#FDFBF5;stroke-width:4px;pointer-events:none}
.pg-sd .rm .maru{fill:rgba(0,0,0,0);stroke:var(--pen);stroke-width:3;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset .3s}
.pg-sd .rm.on .maru{stroke-dashoffset:0}
.pg-sd .reg{font-size:15px}
.pg-sd .reg b{font-family:var(--f-hand);font-weight:400;color:var(--pen);font-size:20px}
.pg-sd .ms-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px}
.pg-sd .ms-note{font-size:13px;color:var(--muted);margin:0}
.pg-sd #go{flex:none;width:104px;height:104px;border-radius:50%;border:3px solid #C0463A;background:#FFFCF3;color:#C0463A;font-family:var(--f-title);font-weight:800;font-size:26px;letter-spacing:.2em;transform:rotate(-8deg);cursor:pointer;box-shadow:inset 0 0 0 3px #FFFCF3,inset 0 0 0 5px #C0463A}
.pg-sd #go span{display:inline-block;margin-left:.2em}
.pg-sd #go:not(:disabled){background:#C0463A;color:#fff;box-shadow:inset 0 0 0 3px #C0463A,inset 0 0 0 5px #fff;background-image:var(--noise);background-size:120px 120px;background-blend-mode:multiply}
.pg-sd #go:disabled{opacity:.45;cursor:not-allowed}
.pg-sd .fusen{position:fixed;right:18px;bottom:18px;z-index:25;background:#FFF09A;padding:12px 16px 10px;box-shadow:2px 3px 0 rgba(35,48,47,.2);transform:rotate(3deg);font-family:var(--f-hand);font-size:20px;color:#6b5a12;background-image:var(--noise);background-size:120px 120px;background-blend-mode:multiply}
.pg-sd .fusen b{font-weight:400}
.pg-sd .fusen.done{background-color:#FFD3C4;color:var(--pen)}
.pg-sd .has-out .fusen{display:none}
.pg-sd /* 紹介状 */
.shokai{position:relative;margin:70px 0 0;padding:52px 60px 40px;background:#FFFEF9;box-shadow:5px 7px 0 rgba(35,48,47,.16);background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;border-top:8px solid #2E6E73}
.pg-sd .shokai .k-tape{position:absolute;top:-12px;width:80px;height:22px;background:rgba(224,210,170,.85);clip-path:polygon(0 0,100% 6%,97% 50%,100% 100%,0 94%,3% 50%)}
.pg-sd .shokai .k-tape.tl{left:30px;transform:rotate(-7deg)}
.pg-sd .shokai .k-tape.tr{right:30px;transform:rotate(6deg)}
.pg-sd .sho-no{margin:0;font-size:13px;color:var(--muted)}
.pg-sd .shokai h2{font-family:var(--f-title);font-weight:800;font-size:44px;text-align:center;margin:0;letter-spacing:.3em}
.pg-sd .sho-date{text-align:right;margin:4px 0 0;font-family:var(--f-num);font-size:14px}
.pg-sd .sho-lead{font-size:16px;line-height:1.9;margin:18px 0 8px;border-bottom:1px solid #23302F;padding-bottom:14px}
.pg-sd .tws{list-style:none;margin:0;padding:0}
.pg-sd .tw{position:relative;padding:22px 0 18px 70px;border-bottom:1px dotted #B9AE97}
.pg-sd .tw-no{position:absolute;left:0;top:18px;width:50px;height:50px;display:grid;place-items:center;border:2px solid #23302F;border-radius:50%;font-family:var(--f-title);font-weight:800;font-size:24px;transform:rotate(var(--rot))}
.pg-sd .tw-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pg-sd .tw-h a{color:var(--ink);text-decoration:none}
.pg-sd .tw-h a b{font-family:var(--f-title);font-weight:800;font-size:30px;border-bottom:2px solid #23302F}
.pg-sd .tw-h small{font-size:14px;color:var(--muted)}
.pg-sd .pt{margin-left:auto;font-size:14px;color:#3c4647}
.pg-sd .pt b{font-family:var(--f-num);font-size:28px;color:var(--pen);margin-right:2px}
.pg-sd .tw-s{margin:10px 0 2px;font-size:12px;font-weight:700;color:#fff;background:#2E6E73;display:inline-block;padding:0 8px}
.pg-sd .sk{list-style:none;margin:0;padding:0}
.pg-sd .sk li{display:grid;grid-template-columns:1fr auto 9em;gap:12px;align-items:baseline;padding:5px 0;border-bottom:1px dotted #D6CCB6;font-size:15px}
.pg-sd .sk .v{font-family:var(--f-num);font-weight:700}
.pg-sd .sk .v small{font-weight:400;margin-left:1px}
.pg-sd .sk .u{font-size:12.5px;color:#2E6E73;text-align:right}
.pg-sd .tw-go{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:#2E6E73;text-decoration:none}
.pg-sd .sho-sub{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;margin-top:30px}
.pg-sd .sho-sub h3{font-family:var(--f-head);font-weight:var(--w-head);font-size:18px;margin:0 0 8px}
.pg-sd .hikae{color:#3A4E80;filter:blur(.25px)}
.pg-sd .hikae h3{color:#3A4E80}
.pg-sd .hikae ol{margin:0;padding-left:1.6em;font-size:15px}
.pg-sd .hikae li{padding:4px 0;border-bottom:1px dotted rgba(58,78,128,.35)}
.pg-sd .hikae a{color:#3A4E80;font-weight:700}
.pg-sd .hikae small{margin-left:8px;font-size:12px}
.pg-sd .hikae span{float:right;font-family:var(--f-num)}
.pg-sd .kaki-box{background:#F6F1E4;padding:14px 16px;border:1px solid #D6CCB6}
.pg-sd .kaki-box ul{list-style:none;margin:0;padding:0;font-size:14px}
.pg-sd .kaki-box li{padding:3px 0}
.pg-sd .kaki-box em{font-style:normal;display:inline-block;min-width:3em;font-size:12px;color:var(--muted)}
.pg-sd .sho-note{font-size:13px;color:var(--muted);margin:26px 0 0;line-height:1.8}
.pg-sd .sho-sign{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:20px;font-family:var(--f-title);font-weight:800;font-size:18px}
.pg-sd .inkan{display:grid;place-items:center;width:62px;height:62px;border:2.5px solid #C0463A;color:#C0463A;font-size:13px;line-height:1.2;text-align:center;transform:rotate(4deg);opacity:.85;border-radius:4px}
.pg-sd .sho-btn{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}
.pg-sd .sho-btn button{font:inherit;font-weight:700;background:#FFFCF3;border:1.5px solid #23302F;padding:9px 16px;cursor:pointer;box-shadow:2px 3px 0 rgba(35,48,47,.2)}
.pg-sd .t-foot{max-width:880px;margin:80px auto 40px;padding:0 20px;position:relative}
.pg-sd .t-foot .cbar{position:absolute;right:20px;bottom:-22px}
.pg-sd .t-foot .t-rest p{font-size:12.5px;color:var(--muted)}
@media(max-width:760px){
.pg-sd .site nav{gap:12px}
.pg-sd .site nav a:nth-child(n+4){display:none}
.pg-sd .sd{padding:0 12px}
.pg-sd .sp{display:inline}
.pg-sd .monshin{padding:40px 18px 26px}
.pg-sd .monshin .hanno{display:none}
.pg-sd .ms-head{flex-direction:column}
.pg-sd .ms-head h1{font-size:34px}
.pg-sd .ms-meta{min-width:0;width:100%}
.pg-sd .q legend{font-size:18px}
.pg-sd .opts{flex-direction:column;gap:6px}
.pg-sd .map-row{grid-template-columns:1fr}
.pg-sd #go{width:88px;height:88px;font-size:22px}
.pg-sd .shokai{padding:40px 18px 30px}
.pg-sd .shokai h2{font-size:34px}
.pg-sd .tw{padding-left:54px}
.pg-sd .tw-no{width:40px;height:40px;font-size:19px;top:22px}
.pg-sd .fusen{font-size:16px;padding:8px 12px 6px;right:10px;bottom:10px}
.pg-sd .tw-h a b{font-size:25px}
.pg-sd .pt{margin-left:0}
.pg-sd .sk li{grid-template-columns:1fr auto;}
.pg-sd .sk .u{grid-column:1/-1;text-align:left;margin-top:-4px}
.pg-sd .sho-sub{grid-template-columns:1fr}
.pg-sd .t-foot .t-rest p{flex-basis:100%;order:3}
}
/* ===== 町のページ（本番用の追加） ===== */
.tp .town{max-width:1040px;margin:0 auto;padding:0 0 10px}
.tp .t-tabs{top:0;background:linear-gradient(var(--bg) 80%,rgba(243,239,231,0))}
.tp .hero-wrap{margin-top:14px}
.tp .t-hero{background:#F4ECDB}
.tp .t-hero h1{font-size:54px}
.tp .hinan{margin:26px 24px 0;border-left-color:#23302F;border-radius:0;background:var(--paper)}
.tp .t-share{margin:26px 24px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.tp .t-lead{margin:0;font-size:14px;color:#3c4647;max-width:560px;line-height:1.8}
.tp .t-share .btns{margin:0}
.tp .btn{border-radius:0;border:1.5px solid var(--ink);color:var(--ink);background:var(--paper);box-shadow:2px 3px 0 rgba(35,48,47,.15)}
.tp .grp{overflow:visible}
.tp .g-pic{position:absolute;right:18px;top:14px;width:118px;height:auto;mix-blend-mode:multiply;opacity:.9;pointer-events:none}
.tp .grp h2{padding-right:130px}
.tp .grp.small .fig{display:none}
.tp .g-cards{margin:12px 0 0}
.tp .g-cards>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--gc);padding:6px 0}
.tp .g-cards>summary::-webkit-details-marker{display:none}
.tp .g-cards>summary::before{content:"▸";transition:transform .2s}
.tp .g-cards[open]>summary::before{transform:rotate(90deg)}
.tp .g-cards .card-grid{margin-top:12px}
.tp .tcard-tab{display:none}
.tp .tcard-body{border-radius:0;border:1.5px solid var(--ink);background-color:#FFFCF3;background-image:var(--noise);background-size:180px 180px;background-blend-mode:soft-light;box-shadow:3px 4px 0 rgba(35,48,47,.12)}
.tp .tcard-label{font-family:var(--f-head);font-weight:700;font-size:17px;color:var(--ink)}
.tp .tcard p.cmp{color:#2E6E73}
.tp .chip{border-radius:0;background:transparent !important;color:#6B7475 !important;border:0;padding:0;font-size:12px}
.tp .chip.ok{color:#C0463A !important;border:1.5px solid #C0463A;border-radius:999px;padding:0 8px;transform:rotate(-4deg)}
.tp .chip.low,.tp .chip.kz{color:#8a5a12 !important;background:#F6E4B8 !important;padding:0 6px}
.tp .sonae{border-radius:0}
.tp .checklist,.tp .section{margin-left:24px;margin-right:24px}
.tp .checklist{border-radius:0;border:1.5px solid var(--ink);background-color:#FBF7EE;background-image:var(--noise),repeating-linear-gradient(#FBF7EE 0 35px,#EDE5D3 35px 36px);background-size:180px 180px,auto;background-blend-mode:soft-light,normal}
.tp .checklist h2,.tp .section>h2{font-family:var(--f-head);font-weight:800}
.tp .table-wrap{border-radius:0;border:1.5px solid var(--ink)}
.tp .search-bar{border-radius:0}
@media(max-width:760px){
 .tp .t-hero h1{font-size:38px}
 .tp .hinan,.tp .t-share{margin-left:12px;margin-right:12px}
 .tp .checklist,.tp .section{margin-left:12px;margin-right:12px}
 .tp .g-pic{width:74px;right:10px;top:12px}
 .tp .grp h2{padding-right:80px}
 .tp .t-tabs{top:0}
}
.tp .ms-fig li{margin:2px 0}.tp .ms-fig li b{white-space:nowrap}
.tp .ms-fig li em{display:inline-block;margin-top:2px}
.tp .hw{display:none}
.tp [id]{scroll-margin-top:70px}
/* 2026年9月に足したデータのカード */
.tp .x-grid:empty{display:none}
.tp .xbar{display:flex;height:22px;border:1.5px solid #23302F;margin:8px 0 6px;overflow:hidden}
.tp .xbar i{display:block;height:100%;background-image:var(--noise);background-size:120px 120px;background-blend-mode:multiply;border-right:1px solid rgba(35,48,47,.35)}
.tp .xleg{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12.5px;color:#3c4647}
.tp .xleg b{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px;border:1px solid #23302F}
.tp .xtags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.tp .xtags span{font-size:13px;padding:2px 8px;border:1.5px solid #23302F;background:#FFFCF3;transform:rotate(-.6deg)}
.tp .xtags span:nth-child(2n){transform:rotate(.7deg)}
.tp .facts small.nat{display:block;font-size:11.5px;color:var(--muted)}

/* ===== トップ（本番用の追加） ===== */
.pg-top{display:block;padding-bottom:10px}
.pg-top .pc-slot:nth-child(2){margin-top:34px}.pg-top .pc-slot:nth-child(3){margin-top:10px}
.pg-top .pc:nth-child(n){margin-top:0}
.pg-top .kinyu{position:relative}
.pg-top .kinyu .search-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;border-radius:0;border:1.5px solid var(--ink)}
.pg-top .t-hero img{height:560px}
.pg-top .posts{align-items:start}
@media(max-width:760px){
 .pg-top .pc-slot{flex:0 0 80%;scroll-snap-align:start}
 .pg-top .pc-slot:nth-child(n){margin-top:0}
 .pg-top .pc{flex:none}
}
.pg-top .kinyu button{white-space:nowrap;border-radius:50%;width:66px;height:66px;padding:0;font-size:15px;line-height:1;min-height:0;display:grid;place-items:center}
.pg-top .kinyu input{box-shadow:none;border-radius:0;outline:none}
.pg-top .t-hero{margin-top:26px}
@media(max-width:760px){.pg-top .kinyu button{width:56px;height:56px;font-size:13px}.pg-top .t-hero{margin-top:0}}
.pg-top .pref-sp{display:none}
@media(max-width:760px){
 .pg-top .tiles{max-width:300px;margin-left:auto;margin-right:auto;pointer-events:none}
 .pg-top .tile b{display:none}
 .pg-top .pref-sp{display:grid;gap:14px;margin-top:22px}
 .pg-top .ps-r{position:relative;padding:10px 12px 12px;background:#FFFCF3;border:1.5px solid #23302F}
 .pg-top .ps-r::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--pat)}
 .pg-top .ps-r b{display:block;font-family:var(--f-head);font-weight:800;font-size:16px;margin:4px 0 6px}
 .pg-top .ps-r p{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0}
 .pg-top .ps-r a{color:var(--ink);font-size:15px;font-weight:700;text-decoration:underline;text-decoration-color:#B9AE97;text-underline-offset:3px;padding:4px 0}
 .pg-top .ps-r small{font-size:11px;color:var(--muted);margin-left:3px;font-weight:400}
 .pg-top .pref-sp{--p0:linear-gradient(#23302F,#23302F);--p1:repeating-linear-gradient(45deg,#23302F 0 2px,transparent 2px 5px);--p2:radial-gradient(circle,#23302F 1.3px,transparent 1.6px) 0 0/5px 5px;--p3:repeating-linear-gradient(-45deg,#23302F 0 2px,transparent 2px 5px);--p4:repeating-linear-gradient(90deg,#23302F 0 2px,transparent 2px 5px);--p5:repeating-linear-gradient(0deg,#23302F 0 1.5px,transparent 1.5px 3.5px)}
}

/* ===== 県（本番用の追加） ===== */
.pg-pref .town{max-width:1040px;margin:0 auto}
.pg-pref .p-hero{position:relative;background:#F4ECDB;overflow:hidden}
.pg-pref .ledger th{cursor:pointer}
.pg-pref .nifuda{text-decoration:none;color:var(--ink)}
.pg-pref .hw{display:none}

/* ===== ランキング（本番用の追加） ===== */
.pg-rank .k-tape{margin:0;border:0}
.pg-rank .rk-head{margin-top:18px}
.pg-rank .d-ticks{display:none;justify-content:space-between;font-size:12px;color:#3c4647;margin-top:2px}
.pg-rank .s-grow{margin-top:42px}
.pg-rank .ledger.grow b{font-size:14px}.pg-rank .ledger.grow b i{font-style:normal;color:#C0463A;margin-left:6px}
.pg-rank .ledger.grow li{grid-template-columns:1fr auto}
.pg-rank .mf-tags{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 20px}
.pg-rank .mf-tag{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#FFFCF3;border:1.5px solid #23302F;box-shadow:3px 4px 0 rgba(35,48,47,.14);color:var(--ink);text-decoration:none}
.pg-rank .mf-tag img,.pg-rank .mf-tag i{flex:none;width:52px;height:52px;border-radius:50%;border:1.5px solid #23302F;object-fit:cover;background:#EDE3CC}
.pg-rank .mf-tag small{display:block;font-size:12px;color:#9A6B1E;font-weight:700}
.pg-rank .mf-tag b{display:block;font-family:var(--f-title);font-weight:800;font-size:19px;line-height:1.3}
.pg-rank .mf-tag em{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.pg-rank .mf-tag:hover{box-shadow:5px 7px 0 rgba(35,48,47,.2)}
.pg-rank .p1-body:only-child{padding-top:50px}
@media(max-width:760px){
 .pg-rank .dist .tk{display:none}
 .pg-rank .d-ticks{display:flex}
 .pg-rank .d-med{font-size:12px}
}
.pg-rank .hanko{font-size:22px}.pg-rank .ledger em{white-space:nowrap}
.pg-rank .kami li em,.pg-top .notice li em{white-space:nowrap;font-size:12.5px}
.pg-rank .kami li,.pg-top .notice li{grid-template-columns:30px 1fr auto}
.pg-rank .ledger li{grid-template-columns:50px 1fr auto}

/* ===== 診断（本番用の追加） ===== */
.pg-sd .sd{max-width:880px;margin:0 auto;padding:0}
.pg-sd .rm{cursor:pointer;outline:none}
.pg-sd .rm:focus-visible .maru{stroke-dashoffset:0;stroke:#E0A93B}
.pg-sd .rm text{pointer-events:auto}
@media(max-width:760px){.pg-sd .sd{padding:0}}
.pg-sd.has-out .fusen{display:none}