/* イベント詳細の新デザイン 案3 ウォーカープラス（花火大会の詳細）の型 2026-10-03 etx（作り込み版）
   手本 https://hanabi.walkerplus.com/detail/ar0622e00886/（トップ）と data.html（打ち上げ数・日程など）
   写した型：題の下の日付の札と値・地域の行・ランキングの帯・タブ3つ（選んだものは紺に白字）・タブの中のボタン・
             章の帯（hl_sub：紺＋右に花火の点）・■の小見出し・外枠2pxと点線の表（左の欄180px太字）・Q&A（問いに Q・答えに A）・帯の見出しのカード
   藤井さんの決定（2026-10-03 18:20）：周りの紺の地はやめて本文の幅は今のまま（980px の1列）／もっと作り込む／
             今の「編集部のまとめ」と同じ感じで「編集部からの一言！」を作り、イラストを入れて少し動かす
   色と書体は今のサイトのまま：紺 #003470 → 濃い青 #23519f／赤の札と値 → 青 #2b66cc／金の字 → 濃いオレンジ #A85400（白地で 5.3）／
     金のボタン → オレンジ #FF8A00 に紺の字 #16232D（6.8。オレンジの上に白は置かない）。書体は本文と同じ
   動き：transform と opacity だけ（並びを1pxも動かさない）。html.zk-m（動いてよい）のときだけ。動きを減らす設定では止める
   動くのは文字の無い部品だけ（編集部の人の絵・記念スタンプの押印）。読む文字の入った面（吹き出し・タブの中身）は動かさない（2026-10-03 公開前に外した） */

body.hkdb-etx--3 .hkdb{--x3-navy:#23519f;--x3-blue:#2b66cc;--x3-or:#FF8A00;--x3-orl:#FFB24D;--x3-ord:#A85400;--x3-orbg:#FFF1DD;--x3-txt:#16232D;--x3-ink:#101820;--x3-sub:#4f5f6e;--x3-line:#d6dee8;--x3-tline:#c5ccd6;--x3-face:#eef6ff;--x3-face2:#e4effc;--x3-gray:#f3f5f8;--x3-paper:#f7fafe;--x3-grid:#e1eaf5;
 --x3-band-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='41'%3E%3Cg fill='%23fff' fill-opacity='.85'%3E%3Ccircle cx='216' cy='14' r='1.2'/%3E%3Ccircle cx='216' cy='18' r='1.2'/%3E%3Ccircle cx='213' cy='22' r='1.2'/%3E%3Ccircle cx='209' cy='25' r='1.2'/%3E%3Ccircle cx='205' cy='26' r='1.2'/%3E%3Ccircle cx='201' cy='25' r='1.2'/%3E%3Ccircle cx='197' cy='22' r='1.2'/%3E%3Ccircle cx='194' cy='18' r='1.2'/%3E%3Ccircle cx='194' cy='14' r='1.2'/%3E%3Ccircle cx='194' cy='10' r='1.2'/%3E%3Ccircle cx='197' cy='6' r='1.2'/%3E%3Ccircle cx='201' cy='3' r='1.2'/%3E%3Ccircle cx='205' cy='2' r='1.2'/%3E%3Ccircle cx='209' cy='3' r='1.2'/%3E%3Ccircle cx='213' cy='6' r='1.2'/%3E%3Ccircle cx='216' cy='10' r='1.2'/%3E%3Ccircle cx='211' cy='16' r='1.0'/%3E%3Ccircle cx='207' cy='20' r='1.0'/%3E%3Ccircle cx='203' cy='20' r='1.0'/%3E%3Ccircle cx='199' cy='16' r='1.0'/%3E%3Ccircle cx='199' cy='12' r='1.0'/%3E%3Ccircle cx='203' cy='8' r='1.0'/%3E%3Ccircle cx='207' cy='8' r='1.0'/%3E%3Ccircle cx='211' cy='12' r='1.0'/%3E%3Ccircle cx='205' cy='14' r='1.2'/%3E%3C/g%3E%3Cg fill='%23cfe0ff' fill-opacity='.75'%3E%3Ccircle cx='178' cy='21' r='1'/%3E%3Ccircle cx='176' cy='25' r='1'/%3E%3Ccircle cx='174' cy='27' r='1'/%3E%3Ccircle cx='170' cy='28' r='1'/%3E%3Ccircle cx='166' cy='27' r='1'/%3E%3Ccircle cx='164' cy='25' r='1'/%3E%3Ccircle cx='162' cy='21' r='1'/%3E%3Ccircle cx='164' cy='17' r='1'/%3E%3Ccircle cx='166' cy='15' r='1'/%3E%3Ccircle cx='170' cy='14' r='1'/%3E%3Ccircle cx='174' cy='15' r='1'/%3E%3Ccircle cx='176' cy='17' r='1'/%3E%3Ccircle cx='174' cy='23' r='0.8'/%3E%3Ccircle cx='170' cy='25' r='0.8'/%3E%3Ccircle cx='166' cy='23' r='0.8'/%3E%3Ccircle cx='166' cy='19' r='0.8'/%3E%3Ccircle cx='170' cy='17' r='0.8'/%3E%3Ccircle cx='174' cy='19' r='0.8'/%3E%3Ccircle cx='170' cy='21' r='1'/%3E%3C/g%3E%3Cg fill='%23cfe0ff' fill-opacity='.6'%3E%3Ccircle cx='151' cy='26' r='0.8'/%3E%3Ccircle cx='150' cy='29' r='0.8'/%3E%3Ccircle cx='147' cy='30' r='0.8'/%3E%3Ccircle cx='145' cy='30' r='0.8'/%3E%3Ccircle cx='142' cy='29' r='0.8'/%3E%3Ccircle cx='141' cy='26' r='0.8'/%3E%3Ccircle cx='142' cy='23' r='0.8'/%3E%3Ccircle cx='145' cy='22' r='0.8'/%3E%3Ccircle cx='147' cy='22' r='0.8'/%3E%3Ccircle cx='150' cy='23' r='0.8'/%3E%3Ccircle cx='146' cy='26' r='0.8'/%3E%3C/g%3E%3Cg fill='%23cfe0ff' fill-opacity='.3'%3E%3Ccircle cx='40' cy='37' r='0.8'/%3E%3Ccircle cx='50' cy='32' r='0.8'/%3E%3Ccircle cx='59' cy='31' r='0.8'/%3E%3Ccircle cx='59' cy='37' r='0.8'/%3E%3Ccircle cx='68' cy='34' r='0.8'/%3E%3Ccircle cx='68' cy='37' r='0.8'/%3E%3Ccircle cx='77' cy='38' r='0.8'/%3E%3Ccircle cx='86' cy='33' r='0.8'/%3E%3Ccircle cx='103' cy='35' r='0.8'/%3E%3Ccircle cx='103' cy='41' r='0.8'/%3E%3Ccircle cx='110' cy='35' r='0.8'/%3E%3Ccircle cx='110' cy='38' r='0.8'/%3E%3Ccircle cx='110' cy='41' r='0.8'/%3E%3Ccircle cx='118' cy='38' r='0.8'/%3E%3Ccircle cx='125' cy='37' r='0.8'/%3E%3Ccircle cx='133' cy='33' r='0.8'/%3E%3Ccircle cx='133' cy='36' r='0.8'/%3E%3Ccircle cx='133' cy='39' r='0.8'/%3E%3C/g%3E%3Cg fill='%23cfe0ff' fill-opacity='.45'%3E%3Ccircle cx='140' cy='35' r='1'/%3E%3Ccircle cx='140' cy='38' r='1'/%3E%3Ccircle cx='146' cy='34' r='1'/%3E%3Ccircle cx='146' cy='37' r='1'/%3E%3Ccircle cx='153' cy='37' r='1'/%3E%3Ccircle cx='159' cy='31' r='1'/%3E%3Ccircle cx='159' cy='34' r='1'/%3E%3Ccircle cx='165' cy='35' r='1'/%3E%3Ccircle cx='171' cy='32' r='1'/%3E%3Ccircle cx='171' cy='35' r='1'/%3E%3Ccircle cx='177' cy='33' r='1'/%3E%3Ccircle cx='177' cy='36' r='1'/%3E%3Ccircle cx='177' cy='39' r='1'/%3E%3Ccircle cx='183' cy='34' r='1'/%3E%3Ccircle cx='183' cy='40' r='1'/%3E%3Ccircle cx='188' cy='38' r='1'/%3E%3Ccircle cx='188' cy='41' r='1'/%3E%3Ccircle cx='193' cy='35' r='1'/%3E%3Ccircle cx='193' cy='38' r='1'/%3E%3Ccircle cx='193' cy='41' r='1'/%3E%3Ccircle cx='199' cy='41' r='1'/%3E%3Ccircle cx='204' cy='35' r='1'/%3E%3Ccircle cx='204' cy='38' r='1'/%3E%3Ccircle cx='204' cy='41' r='1'/%3E%3Ccircle cx='208' cy='34' r='1'/%3E%3Ccircle cx='213' cy='34' r='1'/%3E%3Ccircle cx='213' cy='37' r='1'/%3E%3Ccircle cx='213' cy='40' r='1'/%3E%3Ccircle cx='218' cy='33' r='1'/%3E%3Ccircle cx='218' cy='36' r='1'/%3E%3Ccircle cx='218' cy='39' r='1'/%3E%3Ccircle cx='222' cy='33' r='1'/%3E%3Ccircle cx='222' cy='36' r='1'/%3E%3Ccircle cx='222' cy='39' r='1'/%3E%3Ccircle cx='226' cy='32' r='1'/%3E%3Ccircle cx='226' cy='35' r='1'/%3E%3Ccircle cx='226' cy='38' r='1'/%3E%3C/g%3E%3C/svg%3E")}
body.hkdb-etx--3 .hkdb .hkx3{display:block;color:var(--x3-txt)}
/* 器と今の型の指定を戻す（:where で強さを上げない） */
body.hkdb-etx--3 .hkdb .hkx3 :where(p,dl,dd,figure,ol,ul,h2,h3){margin:0}
body.hkdb-etx--3 .hkdb .hkx3 :where(ul,ol){list-style:none;padding:0}
body.hkdb-etx--3 .hkdb .hkx3 :where(li){margin:0;padding:0}
body.hkdb-etx--3 .hkdb .hkx3 :where(li)::before{content:none;display:none}
body.hkdb-etx--3 .hkdb .hkx3 :where(a){color:var(--x3-blue)}

/* ---------- 頭（題・水色の札の面・アフィリ・ランキングの帯） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-head{display:flex;flex-direction:column}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-hero{order:1;display:flex;align-items:center;gap:16px;margin:26px 0 0}
body.hkdb-etx--3 .hkdb .hkx3-hico__w{flex:none;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--x3-face)}
body.hkdb-etx--3 .hkdb .hkx3-hico{display:block;width:36px;height:36px;fill:none;stroke:var(--x3-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-hero__title{flex:1 1 auto;min-width:0;margin:0}
/* 水色の札の面（手本の detail_date：札＋太字の値。面と大きい数字で強める） */
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-hero+.hkdb-badges--big{order:2;display:flex;flex-wrap:nowrap;align-items:center;gap:0 14px;margin:24px 0 0;padding:20px 24px 10px;border-radius:16px 16px 0 0;background:var(--x3-face)}
body.hkdb-etx--3 .hkdb .hkx3-row{order:3;display:flex;align-items:center;gap:0 14px;margin:0;padding:10px 24px;background:var(--x3-face)}
body.hkdb-etx--3 .hkdb .hkx3-tag{flex:none;display:inline-block;box-sizing:border-box;width:96px;padding:7px 6px;border-radius:6px;background:var(--x3-blue);color:#fff;font-size:14px;font-weight:700;line-height:14px;letter-spacing:1px;text-align:center;white-space:nowrap}
body.hkdb-etx--3 .hkdb .hkx3-vals{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge,body.hkdb-etx--3 .hkdb .hkx3-val{display:block;min-width:0;padding:0;margin:0;border-radius:0;background:none;font-size:26px;font-weight:800;line-height:1.3;color:var(--x3-blue);letter-spacing:.01em}
body.hkdb-etx--3 .hkdb .hkx3-val{font-size:22px}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge::before,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge::after{content:none;display:none;animation:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge.is-cond,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge.is-ng{font-size:19px;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3-left{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;background:var(--x3-or);color:var(--x3-txt);font-size:15px;font-weight:800;line-height:1.2;white-space:nowrap}
body.hkdb-etx--3 .hkdb .hkx3-left[hidden]{display:none}
/* 地域の行（手本の area：ピン・県名 / 会場）。面の最後の段 */
body.hkdb-etx--3 .hkdb .hkx3-area{order:4;display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:0;padding:10px 24px 20px;border-radius:0 0 16px 16px;background:var(--x3-face);font-size:14px;font-weight:700;line-height:1.5;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3-area__i{width:18px;height:18px;flex:none;fill:none;stroke:var(--x3-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.hkdb-etx--3 .hkdb .hkx3-area__s{white-space:pre;color:var(--x3-sub)}
/* アフィリの枠（開催日の札の直後に入る）：面の下へ。2つの白いカード */
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big+.hkdb-affil{order:5;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;background:none;border-radius:0;border:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__unit,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__unit+.hkdb-affil__unit{display:flex;flex-direction:column;justify-content:center;gap:2px;margin:0;padding:12px 18px;border:2px solid var(--x3-face2);border-radius:14px;background:#fff}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__lead{margin:0;font-size:12px;line-height:1.5;color:var(--x3-sub)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__lead strong{font-weight:700}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__links{display:flex;flex-wrap:wrap;gap:4px 14px}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__links a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkdb-affil__links a{position:relative;display:inline-block;padding:0 16px 0 0;border-radius:0;background:none;color:var(--x3-ord);font-size:15px;font-weight:800;line-height:1.6;transform:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__links a::after{content:"";display:block;position:absolute;right:2px;top:50%;width:7px;height:7px;margin-top:-4px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil__links a:hover{text-decoration:underline}
/* 人出ランキングの帯（手本の rank_btn：紺・白字。順位を大きく） */
body.hkdb-etx--3 .hkdb .hkx3-rank{order:6;margin:14px 0 0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-rank__a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-rank__a{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 48px 12px 14px;border-radius:14px;background:var(--x3-navy);color:#fff;font-size:15px;line-height:1.4;text-decoration:none;transition:transform .15s}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-rank__a::after{content:"";display:block;position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:2.5px solid #fff;border-right:2.5px solid #fff;transform:rotate(45deg)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-rank__a:hover{text-decoration:none;transform:translateY(-1px)}
body.hkdb-etx--3 .hkdb .hkx3-rank__m{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff}
body.hkdb-etx--3 .hkdb .hkx3-rank__i{width:22px;height:22px;fill:var(--x3-or);stroke:var(--x3-or);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.hkdb-etx--3 .hkdb .hkx3-rank__k{font-size:15px;font-weight:800;color:#fff}
body.hkdb-etx--3 .hkdb .hkx3-rank__v{display:inline-flex;align-items:baseline;gap:2px;font-size:16px;font-weight:800;color:#fff}
body.hkdb-etx--3 .hkdb .hkx3-rank__v small{margin-right:6px;font-size:13px;font-weight:400;color:#dfe8f6}
body.hkdb-etx--3 .hkdb .hkx3-rank__v b{font-size:30px;font-weight:800;line-height:1;color:var(--x3-orl)}
body.hkdb-etx--3 .hkdb .hkx3-rank__s{padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:13px;font-weight:700;color:#fff}

/* ---------- タブ（手本の support_nav。絵つき・選んだものは紺に白字と下向きの三角） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-tabs{margin:24px 0 28px}
body.hkdb-etx--3 .hkdb .hkx3-tabs__l{display:flex;border:1px solid var(--x3-tline);border-radius:12px;overflow:visible;background:#fff}
body.hkdb-etx--3 .hkdb .hkx3-tabs__i{flex:1 1 0;min-width:0;border-left:1px solid var(--x3-tline)}
body.hkdb-etx--3 .hkdb .hkx3-tabs__i:first-child{border-left:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tab,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:56px;box-sizing:border-box;padding:0 6px;font-size:16px;font-weight:800;line-height:1.2;text-align:center;color:var(--x3-ord);text-decoration:none;white-space:nowrap}
body.hkdb-etx--3 .hkdb .hkx3-tabs__i:first-child .hkx3-tab{border-radius:11px 0 0 11px}
body.hkdb-etx--3 .hkdb .hkx3-tabs__i:last-child .hkx3-tab{border-radius:0 11px 11px 0}
body.hkdb-etx--3 .hkdb .hkx3-tab__i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.hkdb-etx--3 .hkdb .hkx3-tab__t{overflow:hidden;text-overflow:ellipsis}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tab:hover{background:var(--x3-orbg);text-decoration:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tab.is-on,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-tab.is-on{background:var(--x3-navy);color:#fff}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tab.is-on::after{content:"";display:block;position:absolute;left:50%;bottom:-9px;width:0;height:0;margin-left:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid var(--x3-navy)}
body.hkdb-etx--3 .hkdb .hkx3-panel{display:block}
body.hkdb-etx--3 .hkdb .hkx3-panel[hidden]{display:none}
body.hkdb-etx--3 .hkdb .hkx3-panel+.hkx3-panel{margin-top:48px}
body.hkdb-etx--3 .hkdb .hkx3-panel[hidden]+.hkx3-panel,body.hkdb-etx--3 .hkdb .hkx3-panel.is-on+.hkx3-panel{margin-top:0}
/* （外した）タブを替えたときに中身をふわっと出す hkx3-in … 読む文字が遅れて出るので 2026-10-03 公開前に外した（読むための文字は動かさない決まり） */

/* ---------- ① イベントトップ（写真・編集部からの一言！） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-pic{margin:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic__main{display:flex;align-items:center;justify-content:center;width:100%;height:400px;margin:0 0 8px;padding:0;border:0;border-radius:16px;background:var(--x3-gray);overflow:hidden;cursor:zoom-in}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic__main img{display:block;width:auto;height:400px;max-width:100%;object-fit:contain;border-radius:0;transition:transform .4s ease}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic__main:hover img{transform:scale(1.02)}
/* 縦長と正方形の写真は横長（3:2）に切って見せる（2026-10-04 藤井さん「縦画像になるのは基本NG」。印は hk-db-etx.php・拡大の窓では全体を見せる） */
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic--tall .hkx3-pic__main img{width:600px;height:400px;max-width:100%;object-fit:cover;object-position:50% 45%}
/* 写真の無いページ：水色の点の面に大きな記念スタンプ（画面に入ると押す） */
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic--none .hkx3-pic__main{cursor:default;background:radial-gradient(#cddff6 1.6px,#0000 1.8px) 0 0/20px 20px,var(--x3-face)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic__main .hket-stamp{width:260px;height:260px;color:var(--x3-navy)}
html.zk-m.hkx3-io body.hkdb-etx--3 .hkdb .hkx3-pic--none:not(.is-in) .hket-stamp__s{opacity:0}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-pic--none.is-in .hket-stamp__s{animation:zkb-press .7s .1s cubic-bezier(.2,.8,.3,1.1) both}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-pic--none.is-in .hket-stamp::after{animation:zkb-ring .6s .47s ease-out forwards}
body.hkdb-etx--3 .hkdb .hkx3 .hket-rep__cap{margin:0;font-size:12px;line-height:18px;color:#69757f;text-align:right}
body.hkdb-etx--3 .hkdb .hkx3 .hket-rep__cap a{color:#69757f;text-decoration:underline}
body.hkdb-etx--3 .hkdb .hkx3-thumbs{display:flex;gap:8px;margin:16px 0 0}
body.hkdb-etx--3 .hkdb .hkx3-thumbs__i{width:150px;height:115px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d9dde2;border-radius:8px;background:#fff}
body.hkdb-etx--3 .hkdb .hkx3-thumbs__i.is-on{border:3px solid var(--x3-blue)}
body.hkdb-etx--3 .hkdb .hkx3-thumbs__i img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
/* 編集部からの一言！（今の「編集部のまとめ」と同じ方眼の地と吹き出しの白い面） */
body.hkdb-etx--3 .hkdb .hkx3-ed{position:relative;margin:32px -30px 0;padding:44px 30px;background-color:var(--x3-paper);background-image:linear-gradient(var(--x3-grid) 1px,#0000 1px),linear-gradient(90deg,var(--x3-grid) 1px,#0000 1px);background-size:27px 27px;background-position:-1px -1px}
body.hkdb-etx--3 .hkdb .hkx3-ed__in{display:flex;align-items:flex-end;gap:28px}
body.hkdb-etx--3 .hkdb .hkx3-ed__vis{flex:0 0 280px;min-width:0}
body.hkdb-etx--3 .hkdb .hkx3-ed__svg{display:block;width:100%;height:auto;overflow:visible}
body.hkdb-etx--3 .hkdb .hkx3-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-etx--3 .hkdb .hkx3 .hkx3-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:var(--x3-txt);background:none;border:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-ed__h::before,body.hkdb-etx--3 .hkdb .hkx3 .hkx3-ed__h::after{content:"";display:block;flex:none;width:18px;height:3px;border-radius:2px;background:var(--x3-or)}
body.hkdb-etx--3 .hkdb .hkx3-ed__lead{margin:0;font-size:16px;line-height:1.9;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3-ed__note{margin:16px 0 0;font-size:12px;line-height:1.75;color:#66727e}
/* 絵の動き（ゆっくり上下・目のまばたき・拡声器の声・きらきら）と、吹き出しが画面に入るとポンと出る */
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__man{animation:hkx3-bob 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__mega{animation:hkx3-tilt 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 50%}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__eye{animation:hkx3-blink 4.6s infinite;transform-box:fill-box;transform-origin:50% 50%}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__w{animation:hkx3-wave 1.6s ease-out infinite;opacity:0}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__w--2{animation-delay:.2s}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__w--3{animation-delay:.4s}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__sp{animation:hkx3-twinkle 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__sp--2{animation-delay:.6s}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__sp--3{animation-delay:1.2s}
html.zk-m body.hkdb-etx--3 .hkdb .hkx3-ed__sp--4{animation-delay:1.8s}
/* （外した）吹き出しが画面に入るとポンと出る hkx3-pop … 一言の見出しと本文が遅れて出るので 2026-10-03 公開前に外した。動くのは編集部の人の絵だけ */
@keyframes hkx3-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes hkx3-tilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}}
@keyframes hkx3-blink{0%,44%,50%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}
@keyframes hkx3-wave{0%{opacity:0;transform:translateX(-4px)}35%{opacity:1}100%{opacity:0;transform:translateX(6px)}}
@keyframes hkx3-twinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}

/* ---------- 章（手本の hl_sub・table_hl・s_table） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-sec{margin:40px 0 0;padding:0;background:none;border-radius:0;scroll-margin-top:16px}
body.hkdb-etx--3 .hkdb .hkx3-panel>.hkx3-sec:first-child{margin-top:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-band{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 150px 12px 12px;font-size:18px;font-weight:800;line-height:1.4;color:#fff;background:var(--x3-band-art) right 8px center/auto 100% no-repeat,var(--x3-navy);border:0;border-radius:10px}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-band::before,body.hkdb-etx--3 .hkdb .hkx3 .hkx3-band::after{content:none;display:none}
body.hkdb-etx--3 .hkdb .hkx3-band__iw{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff}
body.hkdb-etx--3 .hkdb .hkx3-band__i{width:21px;height:21px;fill:none;stroke:var(--x3-navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.hkdb-etx--3 .hkdb .hkx3-band__t{min-width:0}
body.hkdb-etx--3 .hkdb .hkx3-lead{margin:0 0 14px;font-size:15px;line-height:1.8;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-sq,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-own__t{position:relative;margin:14px 0 10px;padding:0 0 0 18px;font-size:15px;font-weight:800;line-height:22px;color:var(--x3-txt);background:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-sq::before,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-own__t::before{content:"";display:block;position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:3px;background:var(--x3-blue)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-sq::after,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-own__t::after{content:none;display:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-own__lead{margin:0 0 8px;font-size:13px;line-height:1.7;color:var(--x3-sub)}
/* 表（s_table）：外枠 2px・行は点線・左の欄 180px 太字に薄い水色 */
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl{width:100%;margin:10px 0 22px;border-collapse:collapse;border-spacing:0;border:2px solid var(--x3-line);background:#fff;table-layout:fixed}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl tr{border-bottom:1px dotted #c9d3df;background:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl th,body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl td{padding:13px 14px;border:0;border-radius:0;background:none;vertical-align:top;text-align:left;font-size:15px;line-height:1.6;color:var(--x3-txt);white-space:normal}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl th{width:180px;font-weight:800;background:#f4f8fd}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl td small{font-size:13px;color:var(--x3-sub)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl td a{word-break:break-all}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl tr.is-warn th{background:var(--x3-orbg);color:var(--x3-ord)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl td b{font-weight:800}
/* 器の表（過去の開催日・行き方など）：同じ外枠と点線。見出しの行は水色 */
body.hkdb-etx--3 .hkdb .hkx3-blk{margin:10px 0 22px}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-own{margin:0;padding:0;background:none;border-radius:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-scr{overflow:visible;margin:0;padding:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl{width:100%;min-width:0;margin:0;border-collapse:collapse;border-spacing:0;border:2px solid var(--x3-line);background:#fff}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl thead th{padding:12px 14px;border:0;border-bottom:2px solid var(--x3-line);border-radius:0;background:var(--x3-face);color:var(--x3-navy);font-size:14px;font-weight:800;line-height:1.5;white-space:normal;text-align:left}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl thead th::before,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl thead th::after{content:none;display:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl tbody tr,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl tbody tr:nth-child(even){background:none;border-bottom:1px dotted #c9d3df}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl tbody td,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl tbody th{padding:12px 14px;border:0;border-radius:0;background:none;font-size:15px;line-height:1.55;color:var(--x3-txt);white-space:normal;text-align:left;vertical-align:top}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl tbody td:first-child{font-weight:800}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl tbody tr:hover td,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl tbody tr:hover th{background:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-own__src{margin:6px 0 0;font-size:12px;color:var(--x3-sub)}
/* 格子（混み具合の数字）：白いカードを4つ並べ、数は大きく */
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig{display:grid;grid-template-columns:repeat(var(--fig-cols,4),minmax(0,1fr));gap:12px;margin:0;padding:0;border:0;border-radius:0;background:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig>div,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig>div:nth-child(even){padding:16px 16px 14px;border:2px solid var(--x3-face2);border-radius:14px;background:#fff}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig dt{margin:0 0 6px;font-size:13px;font-weight:800;line-height:1.4;color:var(--x3-sub)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig dd{font-size:15px;line-height:1.3;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig dd i{font-style:normal;font-size:15px;font-weight:800;color:var(--x3-blue)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-big{font-size:32px;font-weight:800;line-height:1.1;color:var(--x3-blue)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig__sm{font-size:16px;font-weight:800}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig dd:has(>.hkdb-cbar){max-width:none;padding:0;border-radius:0;background:none;overflow:visible}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig dd:has(>.hkdb-cbar) .hkdb-big{color:var(--x3-blue);padding:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig dd>.hkdb-cbar,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-cbar{position:static;display:block;height:8px;margin:10px 0 0;border-radius:4px;background:var(--x3-face2);overflow:hidden}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig dd>.hkdb-cbar>i,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-cbar>i{display:block;height:100%;border-radius:4px;background:var(--x3-blue)}
/* 4列の格子に5マス目（開催の時期）があるときは、横いっぱいの1行（項目名と値を横に） */
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig>div:nth-child(5):last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:0 16px;padding:12px 16px}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig>div:nth-child(5):last-child dt{margin:0}
/* 棒（人出の並び）：このイベントの行は薄いオレンジの面 */
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-bars{margin:0;padding:8px 14px;border:2px solid var(--x3-line);border-radius:0;background:#fff}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow{padding:7px 8px;border-bottom:1px dotted #c9d3df;font-size:14px;background:none;border-radius:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow:last-child{border-bottom:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow__t{height:12px;border-radius:6px;background:var(--x3-gray)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow__f{border-radius:6px;background:#a9c1e8}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow.is-hit{background:var(--x3-orbg)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow.is-hit .hkdb-brow__f{background:var(--x3-or)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow.is-hit .hkdb-brow__n,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-brow.is-hit .hkdb-brow__v{font-weight:800;color:var(--x3-ord)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-p{margin:14px 0 0;font-size:15px;line-height:1.8;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-note{margin:0;padding:0;background:none;border-radius:0;font-size:12px;line-height:18px;color:#69757f}
/* リンクの並び（手本の「行ってみたいランキング ›」の欄を、白いカード2つに） */
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links li{margin:0;border:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links li a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkdb-links li a{position:relative;display:block;height:100%;box-sizing:border-box;padding:14px 40px 14px 16px;border:2px solid var(--x3-face2);border-radius:14px;background:#fff;color:var(--x3-txt);text-decoration:none;transform:none;transition:transform .15s,border-color .15s}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links li a::after{content:"";display:block;position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-5px;border-top:2.5px solid var(--x3-ord);border-right:2.5px solid var(--x3-ord);transform:rotate(45deg);background:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links li a:hover{border-color:var(--x3-or);transform:translateY(-2px)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links b{display:block;font-size:15px;font-weight:800;line-height:1.5;color:var(--x3-ord)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links span{display:block;margin:2px 0 0;font-size:12px;line-height:1.5;color:var(--x3-sub)}
/* 公式の原文（章の終わりに小さな字の行で全部見せる・箱にしない） */
body.hkdb-etx--3 .hkdb .hkx3-src{margin:16px 0 0}
body.hkdb-etx--3 .hkdb .hkx3-q__i{position:relative;margin:0 0 6px;padding:0 0 0 1.1em;font-size:12px;line-height:18px;color:#5a6672}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-q__i::before{content:"・";display:block;position:absolute;left:0;top:0}
body.hkdb-etx--3 .hkdb .hkx3-q__m{color:#69757f}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-q__a{margin:0 0 0 4px;color:#5a6672;text-decoration:underline;text-underline-offset:2px}
/* 出どころ（手本の note：12px の灰色） */
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-src{margin:0;padding:0;background:none;border-radius:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-src__t{margin:0 0 2px;font-size:12px;font-weight:700;line-height:18px;color:#5a6672}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-src__list li{position:relative;margin:0;padding:0 0 0 1.1em;text-indent:0;font-size:12px;line-height:18px;color:#5a6672}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-src__list li::before{content:"※";display:block;position:absolute;left:0;top:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-src__list a{color:#5a6672;text-decoration:underline}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-src__d{margin-left:6px}

/* ---------- ボタン（手本の btn_list：金 → オレンジに紺の字・横に2つ） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:36px 0 0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:320px;max-width:100%;min-height:58px;box-sizing:border-box;padding:14px 36px;border:0;border-radius:12px;background:var(--x3-or);color:var(--x3-txt);font-size:16px;font-weight:800;line-height:1.4;text-align:center;text-decoration:none;transition:transform .15s,background .15s}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn::after{content:"";display:block;position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-5px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;transform:rotate(45deg)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn--back{background:#fff;box-shadow:inset 0 0 0 2px var(--x3-or)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn--back::after{right:auto;left:18px;transform:rotate(-135deg)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn:hover{background:var(--x3-orl);text-decoration:none;transform:translateY(-2px)}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn--back:hover{background:var(--x3-orbg)}
body.hkdb-etx--3 .hkdb .hkx3-btn__i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- よくある質問（手本の faq：題 22px・問いに Q・答えに A） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-faq{margin:52px 0 0;padding:0;background:none;border-radius:0;scroll-margin-top:16px}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-faq__t{margin:0 0 16px;padding:0;font-size:24px;font-weight:800;line-height:1.4;color:var(--x3-txt);background:none;border:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-faq__t::before,body.hkdb-etx--3 .hkdb .hkx3 .hkx3-faq__t::after{content:none;display:none}
body.hkdb-etx--3 .hkdb .hkx3-faq .hkdb-qa{position:relative;margin:0;padding:0;border-top:1px solid var(--x3-line);background:none;border-radius:0}
body.hkdb-etx--3 .hkdb .hkx3-faq .hkdb-qa:last-of-type{border-bottom:1px solid var(--x3-line)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa::before,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa::after{content:none;display:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__q{position:relative;margin:0;padding:18px 16px 8px 46px;font-size:17px;font-weight:800;line-height:1.5;color:var(--x3-txt);background:none}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__a{position:relative;margin:0;padding:2px 16px 18px 46px;font-size:15px;line-height:1.8;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__q::before,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__a::before{content:"Q";display:flex;align-items:center;justify-content:center;position:absolute;left:6px;top:17px;width:28px;height:28px;border-radius:50%;background:var(--x3-navy);color:#fff;font-size:14px;font-weight:800;line-height:1;animation:none;transform:none;opacity:1}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__a::before{content:"A";top:1px;background:var(--x3-or);color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__q::after,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__a::after{content:none;display:none}
body.hkdb-etx--3 .hkdb .hkx3-faq+.hkx3-tabs{margin:40px 0 0}
body.hkdb-etx--3 .hkdb .hkx3-official{margin:32px 0 0;text-align:center}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn--out{width:380px}

/* ---------- 近いイベント（手本の「今週末開催される花火大会」：帯の見出し＋写真のカード） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-near{margin-top:56px}
body.hkdb-etx--3 .hkdb .hkx3-nv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-nv__a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-nv__a{display:block;height:100%;box-sizing:border-box;overflow:hidden;border:2px solid var(--x3-face2);border-radius:16px;background:#fff;color:var(--x3-txt);text-decoration:none;transition:transform .2s,border-color .2s}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-nv__a:hover{border-color:var(--x3-blue);transform:translateY(-3px)}
body.hkdb-etx--3 .hkdb .hkx3-nv__img{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;overflow:hidden;background:var(--x3-face)}
body.hkdb-etx--3 .hkdb .hkx3-nv__img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-nv__img .hket-stamp{width:120px;height:120px;color:var(--x3-navy)}
body.hkdb-etx--3 .hkdb .hkx3-nv__x{display:block;padding:12px 16px 14px}
body.hkdb-etx--3 .hkdb .hkx3-nv__t{display:block;font-size:16px;font-weight:800;line-height:1.45;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3-nv__s{display:block;margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--x3-sub)}

/* ---------- よく調べられているイベント（順位の丸 1金 2銀 3銅） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-pop__l{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pop__a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-pop__a{position:relative;display:block;height:100%;box-sizing:border-box;overflow:hidden;border:2px solid var(--x3-face2);border-radius:14px;background:#fff;color:var(--x3-txt);text-decoration:none;transition:transform .2s,border-color .2s}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pop__a:hover{border-color:var(--x3-blue);transform:translateY(-3px)}
body.hkdb-etx--3 .hkdb .hkx3-pop__n{position:absolute;left:8px;top:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#eceff2;color:var(--x3-sub);font-size:14px;font-weight:800;line-height:1;box-shadow:0 0 0 2px #fff}
body.hkdb-etx--3 .hkdb .hkx3-pop__n--1{background:#c9a03c;color:#fff}
body.hkdb-etx--3 .hkdb .hkx3-pop__n--2{background:#8f969e;color:#fff}
body.hkdb-etx--3 .hkdb .hkx3-pop__n--3{background:#a86b3a;color:#fff}
body.hkdb-etx--3 .hkdb .hkx3-pop__img{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;background:var(--x3-face)}
body.hkdb-etx--3 .hkdb .hkx3-pop__img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pop__img .hket-stamp{width:96px;height:96px;color:var(--x3-navy)}
body.hkdb-etx--3 .hkdb .hkx3-pop__x{display:block;padding:10px 12px 12px}
body.hkdb-etx--3 .hkdb .hkx3-pop__t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:800;line-height:1.45;color:var(--x3-txt)}
body.hkdb-etx--3 .hkdb .hkx3-pop__x small{display:block;margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--x3-sub)}

/* ---------- 終わり（戻る・作成の1行） ---------- */
body.hkdb-etx--3 .hkdb .hkx3-back{margin:44px 0 0;font-size:15px;font-weight:700}
body.hkdb-etx--3 .hkdb .hkx3-back a{position:relative;padding-left:18px}
body.hkdb-etx--3 .hkdb .hkx3-back a::before{content:"";display:block;position:absolute;left:2px;top:50%;width:8px;height:8px;margin-top:-5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
body.hkdb-etx--3 .hkdb .hkx3-editor{margin:16px 0 0;font-size:12px;color:var(--x3-sub)}

/* ---------- 1039px 以下：方眼の面は左右 20px まで（外側の余白が 20px のため） ---------- */
@media (max-width:1039px){
 body.hkdb-etx--3 .hkdb .hkx3-ed{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
 body.hkdb-etx--3 .hkdb .hkx3-ed__vis{flex-basis:220px}
 body.hkdb-etx--3 .hkdb .hkx3-pop__l{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ---------- スマホ（680px 以下） ---------- */
@media (max-width:680px){
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-hero{gap:12px;margin-top:18px;align-items:flex-start}
 body.hkdb-etx--3 .hkdb .hkx3-hico__w{width:46px;height:46px;margin-top:2px}
 body.hkdb-etx--3 .hkdb .hkx3-hico{width:26px;height:26px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-hero+.hkdb-badges--big{margin-top:18px;padding:16px 16px 8px;gap:0 10px;align-items:flex-start}
 body.hkdb-etx--3 .hkdb .hkx3-row{padding:8px 16px;gap:0 10px}
 body.hkdb-etx--3 .hkdb .hkx3-area{padding:8px 16px 16px;font-size:13px}
 body.hkdb-etx--3 .hkdb .hkx3-tag{width:84px;padding:6px 4px;font-size:12px;line-height:13px;letter-spacing:.5px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge{font-size:21px;line-height:1.3}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge.is-cond,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big .hkdb-badge.is-ng{font-size:16px}
 body.hkdb-etx--3 .hkdb .hkx3-val{font-size:19px;line-height:1.3}
 body.hkdb-etx--3 .hkdb .hkx3-left{padding:4px 12px;font-size:14px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-affil,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-badges--big+.hkdb-affil{grid-template-columns:minmax(0,1fr);gap:10px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-rank__a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-rank__a{padding:10px 40px 10px 12px;gap:2px 10px}
 body.hkdb-etx--3 .hkdb .hkx3-rank__m{width:32px;height:32px}
 body.hkdb-etx--3 .hkdb .hkx3-rank__i{width:18px;height:18px}
 body.hkdb-etx--3 .hkdb .hkx3-rank__v b{font-size:26px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-rank__a::after{right:16px}
 body.hkdb-etx--3 .hkdb .hkx3-tabs{margin:22px 0 26px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tab,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-tab{flex-direction:column;gap:3px;height:62px;padding:0 2px;font-size:13px}
 body.hkdb-etx--3 .hkdb .hkx3-tab__i{width:20px;height:20px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic__main{height:auto;min-height:240px;border-radius:12px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic__main img{width:100%;height:auto;max-height:440px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic--tall .hkx3-pic__main img{width:100%;height:auto;max-height:none;aspect-ratio:3/2}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pic__main .hket-stamp{width:200px;height:200px}
 body.hkdb-etx--3 .hkdb .hkx3-thumbs{margin-top:12px}
 body.hkdb-etx--3 .hkdb .hkx3-thumbs__i{width:88px;height:88px}
 body.hkdb-etx--3 .hkdb .hkx3-ed{margin:28px -20px 0;padding:32px 20px 36px}
 body.hkdb-etx--3 .hkdb .hkx3-ed__in{flex-direction:column;align-items:stretch;gap:6px}
 body.hkdb-etx--3 .hkdb .hkx3-ed__vis{flex:none;width:210px;margin:0 auto}
 body.hkdb-etx--3 .hkdb .hkx3-ed__card{margin:0;padding:24px 20px 22px;border-radius:0 28px 28px 28px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-ed__h{font-size:19px;margin-bottom:14px}
 body.hkdb-etx--3 .hkdb .hkx3-ed__lead{font-size:15px;line-height:2}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-band{padding:11px 92px 11px 10px;font-size:16px;background-size:auto 80%}
 body.hkdb-etx--3 .hkdb .hkx3-band__iw{width:32px;height:32px}
 body.hkdb-etx--3 .hkdb .hkx3-band__i{width:19px;height:19px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl{table-layout:auto}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl th{width:104px;padding:12px 8px 12px 10px;font-size:14px;word-break:normal}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-tbl td{padding:12px 10px 12px 10px;font-size:14px}
 /* 器の表はスマホでもカードにせず表のまま */
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-scr{overflow-x:auto}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards{display:table;width:100%}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards thead{display:table-header-group;position:static;clip:auto;width:auto;height:auto}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards tbody{display:table-row-group}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards tr{display:table-row;margin:0;padding:0;border-radius:0}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards tbody td,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards tbody th,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards thead th{display:table-cell;padding:10px 8px;font-size:13px;white-space:nowrap}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards tbody td:last-child,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards thead th:last-child{white-space:normal;width:100%}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-tbl.hkdb-tbl--cards tbody td::before{content:none;display:none}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig>div,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig>div:nth-child(even){padding:12px 12px 12px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-fig>div:last-child:nth-child(odd){grid-column:1/-1}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-big{font-size:26px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-links{grid-template-columns:minmax(0,1fr);gap:10px}
 body.hkdb-etx--3 .hkdb .hkx3-btns{flex-direction:column;align-items:stretch;gap:12px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-btn,body.hkdb-etx--3 .hkdb .hkx3 .hkx3-btn--out{width:100%}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-faq__t{font-size:21px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__q{padding:16px 4px 8px 40px;font-size:16px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__a{padding:2px 4px 16px 40px;font-size:15px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__q::before,body.hkdb-etx--3 .hkdb .hkx3 .hkdb-qa__a::before{left:2px;width:26px;height:26px;font-size:13px}
 body.hkdb-etx--3 .hkdb .hkx3-nv{grid-template-columns:minmax(0,1fr);gap:12px}
 /* 写真の箱は4:3で固定（2026-10-04。前はカードの高さまで伸びて、文が長いカードで写真が縦長に切れていた） */
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-nv__a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-nv__a{display:flex;align-items:center}
 body.hkdb-etx--3 .hkdb .hkx3-nv__img{flex:0 0 112px;aspect-ratio:4/3;min-height:0;margin:10px 0 10px 10px;border-radius:10px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-nv__img .hket-stamp{width:76px;height:76px}
 body.hkdb-etx--3 .hkdb .hkx3-nv__x{align-self:center;padding:10px 14px}
 body.hkdb-etx--3 .hkdb .hkx3-pop__l{grid-template-columns:minmax(0,1fr);gap:10px}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pop__a,body.hkdb-etx--3 .hkdb-wrap .hkdb .hkx3 .hkx3-pop__a{display:flex;align-items:center}
 body.hkdb-etx--3 .hkdb .hkx3-pop__img{flex:0 0 88px;aspect-ratio:1}
 body.hkdb-etx--3 .hkdb .hkx3 .hkx3-pop__img .hket-stamp{width:70px;height:70px}
 body.hkdb-etx--3 .hkdb .hkx3-pop__n{left:6px;top:6px;width:26px;height:26px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
 body.hkdb-etx--3 .hkdb .hkx3 *{animation:none!important;transition:none!important}
}

/* ---------- 見出し・札・名前の最後の1字だけが次の行へ落ちないように（2026-10-03 公開前の点検。68本×10幅で数えて足した）
   見出しと札は文節で折って行の長さをそろえる（一覧の db-etd.css と同じ指定。Chrome は文節で折る・Safari は行の長さをそろえるだけ）。
   イベント名と表の項目名は、文節で折ると名前のかたまりが行末で無理に折れるので、行の長さをそろえるだけ。
   スマホの表の項目名（104px）も 2026-10-04 に藤井さんが選択式で「行の長さをそろえる」を選んだ（文節で折るのをやめた。1字落ち 249→4・「24時間ト／イレの記載」のような語の途中の折れは受け入れる）。
   タブは折り方を変えると3つの幅の配分が変わって落ちが増えるので触らない ---------- */
body.hkdb-etx--3 .hkdb .hkx3 :is(.hkdb-hero__title,.hkx3-band__t,.hkx3-ed__h,.hkx3-faq__t,.hkdb-qa__q,.hkdb-own__t,.hkx3-sq,.hkx3-rank__k,.hkx3-rank__m,.hkx3-rank__s,.hkx3-tag,.hkx3-val,.hkdb-badge,.hkdb-fig dt){text-wrap:balance;word-break:auto-phrase;line-break:strict}
body.hkdb-etx--3 .hkdb .hkx3 :is(.hkx3-nv__t,.hkx3-nv__s,.hkx3-pop__t,.hkx3-pop__x small,.hkdb-brow__n){text-wrap:balance;word-break:normal;line-break:strict}
body.hkdb-etx--3 .hkdb .hkx3 th{text-wrap:balance;line-break:strict}