/* 県ごとのまとめページ（/area/<県>/）案1「エンジョイ東京型」2026-10-10。inc/hk-db-area.php が県のページだけで読む（db-et.css・db-ph.css の後）。
   見本 preview/ar1/style.css から port_assets.py で作った（body.hkdb-et → body.hkdb-area にしただけ。手で直さない） */
/* 案1（ar1・エンジョイ東京型）県別まとめページ 2026-10-10
   器は本番の /michinoeki/<県>/ ・/sapa/<県>/ と同じ（db.css・db-zkb.css・db-et.css・db-ph.css をそのまま読む）。ここに書くのは県のページにしか無い部品だけ。
   ── 写した実測値 ──
   本番の器（kyoudokoiku.com/michinoeki/shizuoka/ 1440px・390px を 2026-10-10 06:10 に実測）
     本文の幅 980px／題 28px・800（SP 22px）／タブ 16px・800・padding 17px 10px（SP 17px 16px）・今の章に青緑の下線 3px
     方眼の「編集部」の欄：左の写真の列 340px・写真 3:2・角丸 10px・右の白い面 角丸 64px（左下だけ 0）・padding 40px 44px 36px・見出し 18px・800
     章：章の間 76px（SP 60px）／見出し 24px・800・白字・青の帯 padding 14px 18px 24px・下に 34px（SP 20px・26px）
     数字の札 hkdb-kpi：地 #eef6ff・角丸 14px・padding 14px 18px 12px・数字 30px（板 21px）・名前 13px
     近いもののカード hket-card：3列・間 40px 24px・写真 3:2（県は 2:1）・角丸 10px・題 18px・800・青・下に 14px・添え書き 14px・700
     水色の帯 hket-band：上 96px・中 76px 0 88px（SP 72px・56px 0 64px）／よくある質問の面 #f7fafe・角丸 14px
     動き：章は画面に入ると 0.8 秒で出る（html.et-io）／題の貼り付き 0.3 秒／タブは押すとすぐ飛ぶ
   元の手本（enjoytokyo.jp/theme/area1316/ ・/event/list/ 1440px・390px を 2026-10-10 06:10 に実測）
     イベントの並び：1段目だけ2列（561px・写真 560×374＝3:2）・2段目から3列（371px）・間 30px／写真の下 15px に題 16px・700・行間 24px
       → 説明 13px・行間 22.75px → アイコン 16px 付きの行（日付・会場・駅）12px・行の間 8px／最後に「すべてみる」240×48px・角丸 34px・上に 60px
     スポットの並び：2列（561px・間 30px）・左に写真 144×96（3:2）・右 16px 空けて名前 16px・700・下に駅の行 12px・行の下 30px
     スマホ：イベントは1枚ずつ（写真 390×260）・スポットは1列で写真 140×93・名前 14px・700・行の下 20px
   ── 手本から変えた所 ──
     字は 14px 以上（手本の 12〜13px は使わない）／写真の角は器と同じ 10px（手本は 0）／ボタンは器の券の形（手本は水色の丸）
     スマホのイベントは横に送る1枚ずつにせず、先頭の1枚だけ大きく・残りは手本のスポットの行（左に写真 140px）で縦に並べる
     写真の無いイベントと道の駅・SA/PA は写真の枠を作らない（字だけの行）
   足したクラスは ar1- から始める。器の規則（body.hkdb-area .hkdb …＝0,3,1）に負けないよう同じ頭で書く */

/* 見出しと題は最後の1字だけ次の行に落とさない（名前と表の欄には auto-phrase を当てない） */
body.hkdb-area .hkdb .hkdb-hero__title,body.hkdb-area .hkdb .hkdb-sec__t,body.hkdb-area .hkdb .ar1-h3{text-wrap:balance;line-break:strict}
/* 章の見出しは器の一覧と同じ文節で折る指定（Chrome）。題・小見出し・県のカードの題は HTML の <wbr> の所だけで折る（Safari でも語の途中で折れない） */
body.hkdb-area .hkdb .hkdb-sec__t{word-break:auto-phrase}
body.hkdb-area .hkdb .hkdb-hero__title,body.hkdb-area .hkdb .ar1-h3,body.hkdb-area .hkdb .hket-cards--pref.ar1-grid .hket-card__t{word-break:keep-all;overflow-wrap:anywhere}
body.hkdb-area .hkdb .hkdb-sec__lead,body.hkdb-area .hkdb .hkdb-qa__a,body.hkdb-area .hkdb .ar1-solo__lead{text-wrap:pretty;line-break:strict}
/* ボタン・札の名前・並びの名前も、最後の1字だけ次の行に落とさない */
body.hkdb-area .hkdb .ar1-all,body.hkdb-area .hkdb .ar1-solo__go,body.hkdb-area .hkdb .hkdb-kpi>span,body.hkdb-area .hkdb .ar1-roads li a b,body.hkdb-area .hkdb .hkdb-qa__q{text-wrap:balance;line-break:strict}

/* ── 要点の札（題とタブの間）：器の数字の札 hkdb-kpi と同じ面。押すとその章へ ── */
body.hkdb-area .hkdb .ar1-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 0}
body.hkdb-area .hkdb .ar1-keys--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.hkdb-area .hkdb .ar1-key,body.hkdb-area .hkdb-wrap .hkdb .ar1-key{position:relative;display:block;min-height:84px;padding:14px 18px 12px;border-radius:14px;background:var(--et-band);text-decoration:none;transition:background .15s}
body.hkdb-area .hkdb .ar1-key:hover,body.hkdb-area .hkdb-wrap .hkdb .ar1-key:hover{background:var(--hk-chip);text-decoration:none}
body.hkdb-area .hkdb .ar1-key>span{margin-top:5px;font-size:14px;font-weight:700;line-height:1.5;color:#3d4b57}
body.hkdb-area .hkdb .ar1-key__go{position:absolute;right:14px;top:15px;width:26px;height:26px;padding:5px;border-radius:50%;background:#fff;fill:none;stroke:#2b66cc;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ── ボタン：器の券の形（hkdb-more）を手本の「すべてみる」の大きさ（240×48px・章の真ん中）に ── */
body.hkdb-area .hkdb .ar1-allp{margin:32px 0 0;text-align:center}
body.hkdb-area .hkdb .ar1-all,body.hkdb-area .hkdb-wrap .hkdb .ar1-all{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:48px;margin:0;padding:10px 16px 10px 22px;font-size:15px;line-height:1.5;text-align:left}
body.hkdb-area .hkdb .ar1-all:hover,body.hkdb-area .hkdb-wrap .hkdb .ar1-all:hover{transform:none}
body.hkdb-area .hkdb .ar1-rep__go{margin:20px 0 0}
body.hkdb-area .hkdb .ar1-rep__go .ar1-all{min-width:0}

/* ── 章の中の小見出し：イベントのページの見出しと同じ「字の下に2色の太い帯」を小さく ── */
body.hkdb-area .hkdb .ar1-h3{position:relative;margin:56px 0 26px;padding:0 0 16px;font-size:20px;font-weight:800;line-height:1.45;letter-spacing:.03em;color:var(--et-ink)}
body.hkdb-area .hkdb .ar1-h3::after{content:"";display:block;position:absolute;left:0;bottom:0;width:min(280px,100%);height:6px;border-radius:3px;background:var(--et-track)}
body.hkdb-area .hkdb .ar1-h3::before{content:"";display:block;position:absolute;left:0;bottom:0;z-index:1;width:64px;height:6px;border-radius:3px;background:var(--et-grad)}

/* ── イベントのカード：器の hket-card を6列の格子に。ふつうは2列ぶん（3枚で1段）・大きいカードは3列ぶん（2枚で1段） ── */
body.hkdb-area .hkdb .hket-cards.ar1-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 24px}
body.hkdb-area .hkdb .ar1-grid>.hket-cards__i{grid-column:span 2}
body.hkdb-area .hkdb .ar1-grid>.hket-cards__i.ar1-w{grid-column:span 3}
body.hkdb-area .hkdb .ar1-grid .hket-card__img,body.hkdb-area .hkdb .ar1-rows .hket-card__img,body.hkdb-area .hkdb .ar1-solo .hket-card__img{background:#e8eef6}
body.hkdb-area .hkdb .ar1-grid .hket-card__t,body.hkdb-area .hkdb .ar1-rows .hket-card__t{margin:0 0 8px}
body.hkdb-area .hkdb .ar1-grid .ar1-w .hket-card__t{font-size:20px}
body.hkdb-area .hkdb .ar1-meta{display:grid;gap:5px;font-size:14px;line-height:1.6;color:#2b3a47}
body.hkdb-area .hkdb .ar1-meta__r{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 8px;min-width:0}
body.hkdb-area .hkdb .ar1-meta__r>span:not(.ar1-left){flex:1 1 0;min-width:0}
body.hkdb-area .hkdb .ar1-meta__r b{font-weight:700;color:var(--et-ink)}
body.hkdb-area .hkdb .ar1-meta__s{color:var(--et-sub);white-space:nowrap}
body.hkdb-area .hkdb .ar1-grid .hket-card__t,body.hkdb-area .hkdb .ar1-rows .hket-card__t,body.hkdb-area .hkdb .ar1-solo .hket-card__t{text-wrap:balance;line-break:strict}
/* 「あと◯日」：器の情報の行のラベル（hket-info__l）と同じ小さな券 */
body.hkdb-area .hkdb .ar1-left{flex:none;padding:0 9px;border-radius:3px;font-size:14px;font-weight:800;line-height:22px;color:#1d4fa6;white-space:nowrap;
 background:radial-gradient(circle at 0 50%,#fff 3px,#0000 3.5px),radial-gradient(circle at 100% 50%,#fff 3px,#0000 3.5px),#e4effc}
body.hkdb-area .hkdb .hket-band .ar1-left{background:radial-gradient(circle at 0 50%,var(--et-band) 3px,#0000 3.5px),radial-gradient(circle at 100% 50%,var(--et-band) 3px,#0000 3.5px),#d3e4fa}
/* 県のカードの添え書き（イベント◯件・道の駅◯駅・サービスエリア◯か所） */
body.hkdb-area .hkdb .ar1-sub{display:flex;flex-wrap:wrap;gap:2px 14px}
body.hkdb-area .hkdb .ar1-sub i{font-style:normal}
body.hkdb-area .hkdb .hket-cards--pref.ar1-grid .hket-card__t{margin:0 0 6px}

/* 行（写真を左に 144×96・右に名前と情報）：9件目からのイベント。手本のスポットの並び */
body.hkdb-area .hkdb .hket-cards.ar1-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.hkdb-area .hkdb .ar1-rows>.hket-cards__i:last-child:nth-child(odd){grid-column:1 / -1}
body.hkdb-area .hkdb .ar1-rows .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-rows .hket-card{display:grid;grid-template-columns:144px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;min-height:44px}
body.hkdb-area .hkdb .ar1-rows .hket-card__img{grid-row:1 / span 2;align-self:start;margin:0;border-radius:8px}
body.hkdb-area .hkdb .ar1-rows .hket-card__t{font-size:16px}
body.hkdb-area .hkdb .ar1-rows .ar1-nop .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-rows .ar1-nop .hket-card{grid-template-columns:minmax(0,1fr);padding:0 0 0 2px}

/* 1件だけの県：左に写真・右に説明の横長のカード（手本の1段目の大きいカードを横に倒した形） */
body.hkdb-area .hkdb .ar1-solo .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-solo .hket-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:center}
body.hkdb-area .hkdb .ar1-solo .hket-card__img{margin:0}
body.hkdb-area .hkdb .ar1-solo__b{display:block;min-width:0}
body.hkdb-area .hkdb .ar1-solo .hket-card__t{margin:0 0 10px;font-size:22px}
body.hkdb-area .hkdb .ar1-solo__lead{display:block;margin:0 0 14px;font-size:15px;line-height:1.85;color:#16232d}
body.hkdb-area .hkdb .ar1-solo__go{display:inline-flex;align-items:center;min-height:44px;margin:18px 0 0;padding:9px 14px 9px 18px;border-radius:6px;font-size:14px;font-weight:700;line-height:1.5;color:#fff;
 background:radial-gradient(circle at 0 50%,#fff 5px,#0000 5.5px),radial-gradient(circle at 100% 50%,#fff 5px,#0000 5.5px),var(--hk-dark)}
body.hkdb-area .hkdb .ar1-solo__go::after{content:"→";display:inline-block;margin-left:10px;padding-left:11px;background:radial-gradient(circle 1.3px,rgba(255,255,255,.85) 90%,#0000) 0 0/3px 6px repeat-y}
body.hkdb-area .hkdb .ar1-solo .hket-card:hover .ar1-solo__go{background:radial-gradient(circle at 0 50%,#fff 5px,#0000 5.5px),radial-gradient(circle at 100% 50%,#fff 5px,#0000 5.5px),#004F98}

/* 写真は押せる所でだけ少し寄る（動くのは写真だけ。動いてよいときだけ） */
html.zk-m body.hkdb-area .hkdb .ar1-grid .hket-card__img img,html.zk-m body.hkdb-area .hkdb .ar1-solo .hket-card__img img{transition:transform .35s cubic-bezier(.2,.8,.25,1)}
html.zk-m body.hkdb-area .hkdb .ar1-grid .hket-card:hover .hket-card__img img,html.zk-m body.hkdb-area .hkdb .ar1-solo .hket-card:hover .hket-card__img img{transform:scale(1.04)}

/* ── 道の駅・SA/PA の章：左に写真（編集部の欄と同じ 340px・3:2・角丸 10px）・右に数字 ── */
body.hkdb-area .hkdb .ar1-duo{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px 36px;align-items:center;margin:26px 0 0}
body.hkdb-area .hkdb .ar1-duo--nofig{grid-template-columns:minmax(0,1fr)}
body.hkdb-area .hkdb .ar1-duo__fig{margin:0;min-width:0}
body.hkdb-area .hkdb .ar1-duo__fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:#e8eef6}
body.hkdb-area .hkdb .ar1-duo__fig .hket-rep__cap{text-align:center}
body.hkdb-area .hkdb .ar1-duo__b{min-width:0}
body.hkdb-area .hkdb .ar1-duo__b .hkdb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
body.hkdb-area .hkdb .ar1-duo__b .hkdb-kpis:has(>.hkdb-kpi:nth-child(4)),body.hkdb-area .hkdb .ar1-duo__b .hkdb-kpis:has(>.hkdb-kpi:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
body.hkdb-area .hkdb .ar1-duo--nofig .hkdb-kpis:has(>.hkdb-kpi:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
body.hkdb-area .hkdb .ar1-duo--nofig .hkdb-kpis:has(>.hkdb-kpi:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
body.hkdb-area .hkdb .ar1-duo--nofig{margin-top:6px}
body.hkdb-area .hkdb .ar1-duo__b .hkdb-kpi{background:var(--et-band)}
body.hkdb-area .hkdb .ar1-duo__b .hkdb-fig{margin:0}
body.hkdb-area .hkdb .ar1-duo+.hkdb-rows{margin-top:26px}
body.hkdb-area .hkdb .ar1-duo+.hkdb-links{margin-top:14px}
body.hkdb-area .hkdb .hkdb-sec__lead+.hkdb-badges{margin:4px 0 18px}

/* 数件の並び：器の hkdb-links--grid（券の形の2列）。名前を手本と同じ 16px に・設備は白い小さな札 */
body.hkdb-area .hkdb .ar1-spots,body.hkdb-area .hkdb .ar1-roads{gap:10px 12px}
body.hkdb-area .hkdb .ar1-spots li,body.hkdb-area .hkdb .ar1-roads li{display:flex}
body.hkdb-area .hkdb .ar1-spots li a,body.hkdb-area .hkdb .ar1-roads li a{flex:1 1 auto;min-width:0;min-height:44px;padding:14px 20px}
body.hkdb-area .hkdb .ar1-spots li a:hover,body.hkdb-area .hkdb .ar1-roads li a:hover{transform:none}
body.hkdb-area .hkdb .ar1-spots li a .ar1-spots__h{display:block;margin:0;font-size:16px;line-height:1.5;text-wrap:balance;line-break:strict}
body.hkdb-area .hkdb .ar1-spots li a b{display:inline;margin-right:10px;font-size:16px;font-weight:800}
body.hkdb-area .hkdb .ar1-spots li a .ar1-spots__h span{display:inline;margin:0;font-size:14px;color:var(--et-sub)}
body.hkdb-area .hkdb .ar1-spots li a .ar1-facts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
body.hkdb-area .hkdb .ar1-facts i{padding:2px 9px;border-radius:4px;background:#fff;font-style:normal;font-size:14px;font-weight:700;line-height:1.5;color:#2b3a47}
body.hkdb-area .hkdb .ar1-roads li a b{font-size:16px}
body.hkdb-area .hkdb .ar1-roads li a span{font-size:14px;color:var(--et-sub)}
body.hkdb-area .hkdb .ar1-spots--odd li:last-child{grid-column:1 / -1}

/* ── 月ごとの棒：器の hkdb-bars。空く月と混む月に札 ── */
body.hkdb-area .hkdb .ar1-mk{display:inline-block;margin-left:10px;padding:0 9px;border-radius:999px;font-size:14px;font-weight:700;line-height:22px;white-space:nowrap}
body.hkdb-area .hkdb .ar1-mk--lo{background:var(--hk-ok-bg);color:#0b6b3a}
body.hkdb-area .hkdb .ar1-mk--hi{background:#ffe9e7;color:#b80a00}
body.hkdb-area .hkdb #ar1-kz .hkdb-own{margin-top:18px;padding-left:0;padding-right:0}
body.hkdb-area .hkdb #ar1-kz .hkdb-brow__n{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0}
body.hkdb-area .hkdb #ar1-kz .hkdb-small{margin:14px 0 0;font-size:14px}

/* ── このページの出どころ（よくある質問のすぐ下）・写真の出典（畳む） ── */
body.hkdb-area .hkdb>.ar1-srcsec{margin-top:36px}
body.hkdb-area .hkdb .ar1-srcsec .hkdb-src{margin:0}
body.hkdb-area .hkdb>.ar1-creditsec{margin-top:44px}
body.hkdb-area .hkdb .ar1-credit{margin:0}
body.hkdb-area .hkdb .ar1-credit__l li{padding:7px 0;font-size:14px;line-height:1.7;color:#2b3a47}
body.hkdb-area .hkdb .ar1-credit__l li b{margin-right:10px;color:var(--et-ink)}
body.hkdb-area .hkdb .ar1-credit__l a,body.hkdb-area .hkdb-wrap .hkdb .ar1-credit__l a{text-decoration:underline;text-underline-offset:2px}

/* ── 681〜1039px：外側の余白が 20px。カードの間を少し詰める ── */
@media (min-width:681px) and (max-width:900px){
 body.hkdb-area .hkdb .ar1-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hkdb-area .hkdb .ar1-keys--3{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.hkdb-area .hkdb .ar1-duo:not(.ar1-duo--nofig){grid-template-columns:280px minmax(0,1fr);gap:24px}
 body.hkdb-area .hkdb .ar1-duo--nofig .hkdb-kpis:has(>.hkdb-kpi:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
 body.hkdb-area .hkdb .hket-cards.ar1-grid{gap:32px 18px}
 body.hkdb-area .hkdb .ar1-rows .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-rows .hket-card{grid-template-columns:120px minmax(0,1fr);column-gap:12px}
}

/* ── スマホ（器の切り替え 680px にそろえる） ── */
@media (max-width:680px){
 body.hkdb-area .hkdb .ar1-keys,body.hkdb-area .hkdb .ar1-keys--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
 body.hkdb-area .hkdb .ar1-key,body.hkdb-area .hkdb-wrap .hkdb .ar1-key{min-height:78px;padding:12px 14px 10px}
 body.hkdb-area .hkdb .ar1-keys>.ar1-key:last-child:nth-child(odd){grid-column:1 / -1}
 body.hkdb-area .hkdb .ar1-key__go{right:10px;top:11px}
 body.hkdb-area .hkdb .ar1-allp{margin-top:26px}
 body.hkdb-area .hkdb .ar1-all,body.hkdb-area .hkdb-wrap .hkdb .ar1-all{display:flex;width:100%;min-width:0}
 body.hkdb-area .hkdb .ar1-h3{margin:44px 0 22px;padding-bottom:14px;font-size:18px}
 /* スマホは9件目からも同じ行の形なので、小見出しで切らずに続ける */
 body.hkdb-area .hkdb .ar1-h3--pc{display:none}
 body.hkdb-area .hkdb .ar1-grid+.ar1-h3--pc+.ar1-rows{margin-top:22px}
 /* イベント：先頭の1枚だけ大きく・残りは左に写真 140×93 の行（手本のスマホのスポットの並び） */
 body.hkdb-area .hkdb .hket-cards.ar1-grid,body.hkdb-area .hkdb .hket-cards.ar1-rows{grid-template-columns:minmax(0,1fr);gap:22px}
 body.hkdb-area .hkdb .ar1-grid>.hket-cards__i,body.hkdb-area .hkdb .ar1-grid>.hket-cards__i.ar1-w{grid-column:auto}
 body.hkdb-area .hkdb .ar1-grid .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-grid .hket-card,
 body.hkdb-area .hkdb .ar1-rows .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-rows .hket-card{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;min-height:44px}
 body.hkdb-area .hkdb .ar1-grid .hket-card__img,body.hkdb-area .hkdb .hket-cards--pref.ar1-grid .hket-card__img{grid-row:1 / span 2;align-self:start;margin:0;border-radius:8px;aspect-ratio:3/2}
 body.hkdb-area .hkdb .ar1-grid .hket-card__t,body.hkdb-area .hkdb .ar1-grid .ar1-w .hket-card__t{font-size:16px;margin:0 0 6px}
 body.hkdb-area .hkdb .ar1-grid--lead>.hket-cards__i:first-child .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-grid--lead>.hket-cards__i:first-child .hket-card{display:block}
 body.hkdb-area .hkdb .ar1-grid--lead>.hket-cards__i:first-child .hket-card__img{margin:0 0 12px;border-radius:10px}
 body.hkdb-area .hkdb .ar1-grid--lead>.hket-cards__i:first-child .hket-card__t{font-size:18px;margin:0 0 8px}
 body.hkdb-area .hkdb .ar1-solo .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-solo .hket-card{grid-template-columns:minmax(0,1fr);row-gap:14px}
 body.hkdb-area .hkdb .ar1-solo .hket-card__t{font-size:20px}
 body.hkdb-area .hkdb .ar1-solo__go{display:flex;justify-content:center}
 body.hkdb-area .hkdb .ar1-duo,body.hkdb-area .hkdb .ar1-duo--nofig{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}
 body.hkdb-area .hkdb .ar1-duo__b .hkdb-kpis,body.hkdb-area .hkdb .ar1-duo__b .hkdb-kpis:has(>.hkdb-kpi:nth-child(4)),
 body.hkdb-area .hkdb .ar1-duo--nofig .hkdb-kpis:has(>.hkdb-kpi:nth-child(4)),body.hkdb-area .hkdb .ar1-duo--nofig .hkdb-kpis:has(>.hkdb-kpi:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.hkdb-area .hkdb .ar1-duo__b .hkdb-kpi:last-child:nth-child(odd){grid-column:1 / -1}
 body.hkdb-area .hkdb .ar1-spots li a,body.hkdb-area .hkdb .ar1-roads li a{padding:13px 16px}
 body.hkdb-area .hkdb .ar1-spots--odd li:last-child{grid-column:auto}
 body.hkdb-area .hkdb .ar1-mk{margin-left:6px;padding:0 7px}
 body.hkdb-area .hkdb #ar1-kz .hkdb-own{margin-left:0;margin-right:0}
}
@media (max-width:360px){
 body.hkdb-area .hkdb .ar1-grid .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-grid .hket-card,
 body.hkdb-area .hkdb .ar1-rows .hket-card,body.hkdb-area .hkdb-wrap .hkdb .ar1-rows .hket-card{grid-template-columns:108px minmax(0,1fr);column-gap:12px}
 body.hkdb-area .hkdb .ar1-key,body.hkdb-area .hkdb-wrap .hkdb .ar1-key{padding:12px 12px 10px}
}
@media (prefers-reduced-motion:reduce){
 body.hkdb-area .hkdb .ar1-key,body.hkdb-area .hkdb .ar1-grid .hket-card__img img,body.hkdb-area .hkdb .ar1-solo .hket-card__img img{transition:none}
 body.hkdb-area .hkdb .ar1-grid .hket-card:hover .hket-card__img img,body.hkdb-area .hkdb .ar1-solo .hket-card:hover .hket-card__img img{transform:none}
}

/* ---------- 2026-10-10 編集部から：編集部の人の絵（少し動く）＋吹き出し ----------
   藤井さん「ここも他のところと同じようにキャラクターアニメーションを入れて、口語にしてください！」。
   イベントの個別ページ（db-etx-3.css の .hkx3-ed）と同じ値：方眼の面 27px・絵 280px（1039px以下 220px・680px以下 210px で上）・
   吹き出し 角 64px 64px 64px 0（680px以下 0 28px 28px 28px）・見出し 22px 800 の左右にオレンジの棒 18×3px・本文 16px／1.9。
   動くのは絵だけ（上下 2.8秒・拡声器 2.8秒・まばたき 4.6秒・声 1.6秒・きらきら 2.4秒）。吹き出しの字は動かさない。html.zk-m のときだけ */
body.hkdb-area .hkdb .ar1-ed{position:relative;margin:32px -30px 0;padding:44px 30px;background-color:#f7fafe;background-image:linear-gradient(#e1eaf5 1px,#0000 1px),linear-gradient(90deg,#e1eaf5 1px,#0000 1px);background-size:27px 27px;background-position:-1px -1px}
body.hkdb-area .hkdb .ar1-ed__in{display:flex;align-items:flex-end;gap:28px}
body.hkdb-area .hkdb .ar1-ed__vis{flex:0 0 280px;min-width:0}
body.hkdb-area .hkdb .ar1-ed__svg{display:block;width:100%;height:auto;overflow:visible}
body.hkdb-area .hkdb .ar1-ed__card{position:relative;flex:1 1 auto;min-width:0;margin:0 0 26px;padding:38px 44px 32px;border-radius:64px 64px 64px 0;background:#fff}
body.hkdb-area .hkdb .ar1-ed .ar1-ed__h{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px;padding:0;font-size:22px;font-weight:800;line-height:1.4;color:#16232D;background:none;border:0;text-align:center}
body.hkdb-area .hkdb .ar1-ed .ar1-ed__h::before,body.hkdb-area .hkdb .ar1-ed .ar1-ed__h::after{content:"";display:block;flex:none;width:18px;height:3px;border-radius:2px;background:#FF8A00}
body.hkdb-area .hkdb .ar1-ed__lead{margin:0;font-size:16px;line-height:1.9;color:#16232D}
html.zk-m body.hkdb-area .hkdb .ar1-ed__man{animation:ar1-ed-bob 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
html.zk-m body.hkdb-area .hkdb .ar1-ed__mega{animation:ar1-ed-tilt 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 50%}
html.zk-m body.hkdb-area .hkdb .ar1-ed__eye{animation:ar1-ed-blink 4.6s infinite;transform-box:fill-box;transform-origin:50% 50%}
html.zk-m body.hkdb-area .hkdb .ar1-ed__w{animation:ar1-ed-wave 1.6s ease-out infinite;opacity:0}
html.zk-m body.hkdb-area .hkdb .ar1-ed__w--2{animation-delay:.2s}
html.zk-m body.hkdb-area .hkdb .ar1-ed__w--3{animation-delay:.4s}
html.zk-m body.hkdb-area .hkdb .ar1-ed__sp{animation:ar1-ed-twinkle 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}
html.zk-m body.hkdb-area .hkdb .ar1-ed__sp--2{animation-delay:.6s}
html.zk-m body.hkdb-area .hkdb .ar1-ed__sp--3{animation-delay:1.2s}
html.zk-m body.hkdb-area .hkdb .ar1-ed__sp--4{animation-delay:1.8s}
@keyframes ar1-ed-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ar1-ed-tilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}}
@keyframes ar1-ed-blink{0%,44%,50%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}
@keyframes ar1-ed-wave{0%{opacity:0;transform:translateX(-4px)}35%{opacity:1}100%{opacity:0;transform:translateX(6px)}}
@keyframes ar1-ed-twinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@media (max-width:1039px){
 body.hkdb-area .hkdb .ar1-ed{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
 body.hkdb-area .hkdb .ar1-ed__vis{flex-basis:220px}
}
@media (max-width:680px){
 body.hkdb-area .hkdb .ar1-ed{margin:28px -20px 0;padding:32px 20px 36px}
 body.hkdb-area .hkdb .ar1-ed__in{flex-direction:column;align-items:stretch;gap:6px}
 body.hkdb-area .hkdb .ar1-ed__vis{flex:none;width:210px;margin:0 auto}
 body.hkdb-area .hkdb .ar1-ed__card{margin:0;padding:24px 20px 22px;border-radius:0 28px 28px 28px}
 body.hkdb-area .hkdb .ar1-ed .ar1-ed__h{font-size:19px;margin-bottom:14px}
 body.hkdb-area .hkdb .ar1-ed__lead{font-size:15px;line-height:2}
 body.hkdb-area .hkdb .ar1-ed .ar1-rep__go .ar1-all{display:flex;width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
 body.hkdb-area .hkdb .ar1-ed :is(.ar1-ed__man,.ar1-ed__mega,.ar1-ed__eye,.ar1-ed__w,.ar1-ed__sp){animation:none!important}
 body.hkdb-area .hkdb .ar1-ed__w{opacity:1}
}