.hm-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:12px 0 4px;padding:9px 22px;border:0;border-radius:999px;background:linear-gradient(180deg,#fb5a7a,#e11d48);color:#fff;font-size:15px;font-weight:900;line-height:1.2;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 0 #9f1239,0 6px 14px rgba(190,18,60,.28);transition:transform .08s,box-shadow .08s,background .15s}
.hm-save-btn:hover{filter:brightness(1.05)}
.hm-save-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #9f1239,0 2px 6px rgba(190,18,60,.25)}
.hm-save-btn[aria-pressed="true"]{background:#fff;color:#be123c;box-shadow:inset 0 0 0 2px #e11d48,0 2px 6px rgba(190,18,60,.15)}
.hm-save-btn.is-pop{animation:hm-save-pop .45s ease}
.hm-save-btn:focus-visible,.hm-save-fab:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
@keyframes hm-save-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.hm-save-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hm-save-row .hm-save-btn,.hm-save-row .hm-cmt-n{margin:12px 0 4px}
.hm-cmt-n{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:9px 18px;border-radius:999px;background:#fff;color:#be123c;font-size:15px;font-weight:900;line-height:1.2;text-decoration:none;box-shadow:inset 0 0 0 2px #fecdd3,0 2px 6px rgba(190,18,60,.1);transition:transform .08s,box-shadow .15s,background .15s}
.hm-cmt-n:hover{background:#fff1f3;box-shadow:inset 0 0 0 2px #fb7185,0 3px 8px rgba(190,18,60,.18)}
.hm-cmt-n:active{transform:translateY(2px)}
.hm-save-n{display:inline-block;margin-left:2px;padding:3px 9px;border-radius:999px;background:#fff;color:#be123c;font-size:13px;font-weight:900;line-height:1.2;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.hm-save-btn[aria-pressed="true"] .hm-save-n{background:#ffe4ea;color:#be123c}
.hm-save-dock__toggle[hidden]{display:none}
.hm-save-dock.is-list-only .hm-save-fab{padding:0 16px;border-left:0;border-radius:999px;font-size:14px}
.hm-pop{position:fixed;left:50%;z-index:992;display:flex;align-items:center;gap:10px;width:min(calc(100vw - 24px),380px);box-sizing:border-box;padding:8px 40px 8px 8px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(20,40,70,.25);transform:translate(-50%,16px);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.hm-pop.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.hm-pop a{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#153c43!important;text-decoration:none!important}
.hm-pop__img{flex:0 0 76px;height:48px;border-radius:8px;overflow:hidden;background:#eef1f3}
.hm-pop__img img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important}
.hm-pop__txt{display:block;min-width:0}
.hm-pop__label{display:block;margin:0 0 2px;font-size:11.5px;font-weight:900;color:#c2410c}
.hm-pop.is-want .hm-pop__label{color:#be123c}
.hm-pop__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13.5px;font-weight:800;line-height:1.4}
.hm-pop__x{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:50%;background:#f1f4f5;color:#45605f;font-size:14px;line-height:1;cursor:pointer}
@media(prefers-reduced-motion:reduce){.hm-pop{transition:none}}
@media print{.hm-pop{display:none!important}}
.hm-ik-shared{margin:0 0 22px;padding:14px;border-radius:16px;background:#fff7ed;border:1.5px solid #fdba74}
.hm-ik-shared__head h2{margin:0 0 4px!important;padding:0!important;border:0!important;background:none!important;font-size:18px!important;color:#9a3412!important}
.hm-ik-shared__head h2::before,.hm-ik-shared__head h2::after{content:none!important}
.hm-ik-shared__head p{margin:0 0 10px!important;font-size:13px;color:#7c4a1e}
.hm-ik-shared__all{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0 0 12px;border:0;border-radius:999px;background:#e11d48;color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.hm-ik-shared__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hm-ik-shared__card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 1px 4px rgba(23,50,77,.12)}
.hm-ik-shared__card a{display:flex;flex-direction:column;flex:1;color:#153c43!important;text-decoration:none!important}
.hm-ik-shared__img{display:block;aspect-ratio:16/9;background:#f3e1e6;overflow:hidden}
.hm-ik-shared__img img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important}
.hm-ik-shared__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:8px 9px 8px;padding:0;font-size:13.5px;font-weight:800;line-height:1.4;max-height:calc(1.4em * 3)}
.hm-ik-shared__add{margin:auto 9px 9px;min-height:36px;border:1.5px solid #e11d48;border-radius:999px;background:#fff;color:#be123c;font-size:13px;font-weight:900;cursor:pointer}
.hm-ik-shared__add[aria-pressed="true"]{background:#e11d48;color:#fff}
.hm-ik-shared__add.is-had{background:#f3f4f6;border-color:#d1d5db;color:#6b7280;cursor:default}
.hm-ik-shared__had{margin:-4px 0 10px!important;font-size:12.5px;font-weight:700;color:#9a3412}
@media(min-width:960px){.hm-ik-shared__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hm-ik-handover{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#f3f6f8;border:1px dashed #b7c6cf}
.hm-ik-handover p{flex:1 1 100%;margin:0!important;font-size:13px;line-height:1.6;color:#3b4b5c}
.hm-ik-handover p b{color:#be123c}
.hm-ik-handover p small{display:block;margin-top:4px;font-size:12px;color:#5c6f6d}
.hm-ik-handover__btn,.hm-ik-handover__line{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:800;text-decoration:none!important;cursor:pointer}
.hm-ik-handover__btn{border:0;background:#1f3a52;color:#fff}
.hm-ik-handover__line{border:1.5px solid #06c755;background:#fff;color:#057a36!important}
.hm-wantrank{margin:0 0 1.5em}
.hm-wantrank__lead{margin:0 0 10px!important;font-size:13px;color:#5c6f6d}
.hm-wantrank__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0 0 12px}
.hm-wantrank__tabs button{min-height:44px;margin:0;padding:.45rem;border:1px solid #d7e0df;border-radius:8px;background:rgba(199,199,199,.15);color:#334155;font-size:14px;font-weight:750;cursor:pointer}
.hm-wantrank__tabs button[aria-selected="true"]{background:#9a3f0d;color:#fff}
.hm-wantrank__list{display:flex;gap:12px;margin:0;padding:4px 2px 12px;overflow-x:auto;scroll-snap-type:x proximity;list-style:none}
.hm-wantrank__item{position:relative;flex:0 0 62%;max-width:62%;scroll-snap-align:start;border:1px solid #d7e0df;box-sizing:border-box;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(23,50,77,.12)}
.hm-wantrank__item a{display:flex;flex-direction:column;height:100%;color:#17324d!important;text-decoration:none!important}
.hm-wantrank__img{display:block;aspect-ratio:16/9;background:#f3e1e6;overflow:hidden}
.hm-wantrank__img img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important}
/* 順位・見出し・タブ・題名色は人気記事ランキング（フッター）と同じ見た目（2026-11-06 本人「行きたいランキングの見出しと順位のところはデザインを人気記事ランキングに合わしといて」「完璧にしといて」。タブは旧 #e11d48・#eef1f3。戻し方：tools/save_list.py.bak-20261106-wantrank の旧6行に戻して配り直す） */
.hm-wantrank__rank{position:absolute;top:8px;left:8px;z-index:2;display:grid;place-items:center;width:1.65rem;height:1.65rem;margin:0;padding:0;box-sizing:border-box;border:0;border-radius:999px;background:#a7460d;color:#fff;font-size:.75rem;font-weight:800;line-height:1;box-shadow:0 0 0 2px #fff,0 2px 5px rgba(23,50,77,.22)}
.hm-wantrank__rank b{font-size:inherit;font-weight:800;letter-spacing:0}
.hm-wantrank__rank small{display:none}
@media(max-width:959px){.hm-wantrank__rank{top:7px;left:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:auto;height:24px;padding:0 10px;font-size:13px;box-shadow:none}
.hm-wantrank__rank small{display:inline;margin-left:1px;font-size:11px;font-weight:800}
.hm-wantrank__item:nth-child(1) .hm-wantrank__rank{background:#c8971a}
.hm-wantrank__item:nth-child(2) .hm-wantrank__rank{background:#7d8a97}
.hm-wantrank__item:nth-child(3) .hm-wantrank__rank{background:#a5683a}}
.hm-wantrank>.c-widget__title.-footer,.hm-wantrank .hm-ik-rank-title{position:static!important;margin:0 0 .9rem!important;padding:.2rem 0 .2rem .7rem!important;border:0!important;border-left:4px solid #327a43!important;background:none!important;color:#17324d!important;font-size:1.0625rem!important;font-weight:800!important;line-height:1.45!important;text-align:left!important}
.hm-wantrank>.c-widget__title.-footer::before,.hm-wantrank>.c-widget__title.-footer::after{content:none!important;display:none!important}
@media(max-width:599px){.hm-wantrank>.c-widget__title.-footer,.hm-wantrank .hm-ik-rank-title{font-size:1.125rem!important;margin-bottom:.75rem!important}}
.hm-wantrank__body{display:block;padding:9px 11px 11px}
.hm-wantrank__n{display:inline-block;margin:0 6px 4px 0;color:#e11d48!important;font-size:14px;font-weight:900}
.hm-wantrank__end{display:inline-block;font-size:12px;color:#5c6f6d;font-weight:700}
.hm-wantrank__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14.5px;font-weight:800;line-height:1.45}
@media(min-width:960px){.hm-wantrank__item{flex-basis:30%;max-width:30%}}
.cr-revisit .hm-save-btn--revisit{width:100%;margin:0;min-height:44px;font-size:15px;background:#e11d48;box-shadow:none}
.cr-revisit .hm-save-btn--revisit:active{transform:none;box-shadow:none;filter:brightness(.95)}
.cr-revisit .hm-save-btn--revisit[aria-pressed="true"]{background:#fff;box-shadow:inset 0 0 0 2px #e11d48}
.hm-save-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:2em 0 1.5em;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#fff1f4,#fff8ec);border:1px solid #f6c9d3}
.hm-save-box__text{margin:0!important;font-size:15px;font-weight:700;line-height:1.55;color:#5b1a2a}
.hm-save-box__text small{display:block;font-size:12.5px;font-weight:600;color:#7a5560}
.hm-save-box .hm-save-btn{margin:0 0 4px;min-height:50px;padding:11px 26px;font-size:16px}
.hm-save-heart{position:absolute;top:6px;right:6px;z-index:3;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#be123c;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.25)}
.hm-save-heart[aria-pressed="true"]{background:#e11d48;color:#fff}
.hm-save-heart.is-pop{animation:hm-save-pop .45s ease}
.hm-save-heart:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
a.hm-card.hm-save-host,li.p-postList__item.hm-save-host{position:relative}
/* 2026-11-06 リスト型の記事一覧（フッター新着・カテゴリー一覧）は題名が右端まで伸び、右上の♡が文字に重なっていた（PC 神戸カテゴリー目視）。
   ♡の幅だけ本文側に右余白をとる。カード型（画像の上に♡）は変えない。戻し方：この1行を消して再配布（state/sitewide_css/save_list.php.bak-20261106-heartpad） */
#body_wrap .p-postList.-type-list li.hm-save-host .p-postList__body{padding-right:44px!important}
/* 2026-11-06 アイキャッチ未設定の記事はトップのカードに画像が無く、右上の♡が日付・題名に重なっていた（スマホ近日開催で目視）。画像が無いカードだけ本文に右余白。戻し方：この1行を消して再配布（state/sitewide_css/save_list.php.bak-20261106-noimgpad） */
a.hm-card.hm-save-host:not(:has(img)) .hm-card-body{padding-right:44px}
/* 画面下の3つ（目次・行きたい・上へ）を同じ高さ44px・同じ影の1列にそろえる（2026-10-20 本人「見た目と高さを綺麗にして整えて」）。
   目次（reading_nav.php の .cr-tocbtn）と上へ（SWELL #pagetop）は白地＋細枠、行きたいだけ赤。上へはテーマのスマホ縮小0.88・半透明をやめる */
.p-fixBtnWrap{right:12px!important;transform:none!important;opacity:1!important}
.p-fixBtnWrap #pagetop{display:grid;place-items:center;width:44px!important;height:44px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#1f3a52!important;color:#fff!important;box-shadow:0 4px 14px rgba(15,30,45,.28)!important;opacity:1!important}
.p-fixBtnWrap #pagetop .c-fixBtn__icon{font-size:16px;line-height:1;color:#fff!important}
/* 3つを同じ系統に：塗り・44px・同じ影・太字。目次と上へは濃紺、主役の行きたいだけ赤（2026-10-20 本人「それぞれのデザインはこれでいいの？統一されてないけど」） */
.cr-tocbtn{height:44px;border:0!important;background:#1f3a52!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 14px rgba(15,30,45,.28)!important}
.cr-tocbtn svg{color:#fff;stroke:currentColor}
.hm-save-dock{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:991;display:flex;align-items:stretch;height:44px;border-radius:999px;background:#e11d48;box-shadow:0 4px 14px rgba(15,30,45,.28);transition:bottom .2s,left .2s,opacity .2s}
.hm-save-dock__toggle{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;min-height:44px;margin:0;padding:0 10px 0 16px;border:0;border-radius:999px 0 0 999px;background:transparent;color:#fff;font-size:14px;font-weight:900;line-height:1;cursor:pointer}
.hm-save-dock__toggle[aria-pressed="true"]{background:rgba(0,0,0,.14)}
.hm-save-dock__toggle.is-pop{animation:hm-save-pop .45s ease}
.hm-save-dock__toggle:focus-visible{outline:3px solid #ffbf47;outline-offset:-3px}
.hm-save-dock .hm-save-fab{position:static;min-height:44px;box-shadow:none;background:transparent}
.hm-save-dock.is-compact .hm-save-dock__toggle{padding:0 8px 0 14px;font-size:0}
.hm-save-dock.is-compact .hm-save-dock__toggle::before{content:"♡";font-size:18px}
.hm-save-dock.is-compact .hm-save-dock__toggle[aria-pressed="true"]::before{content:"♥"}
.hm-save-dock.is-compact .hm-save-fab{padding:0 12px 0 8px;font-size:0}
.hm-save-dock.is-compact .hm-save-fab b{font-size:13px}
.hm-save-dock__toggle+.hm-save-fab{padding:0 14px 0 10px;border-left:1px solid rgba(255,255,255,.4);border-radius:0 999px 999px 0}
.hm-save-fab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:44px;padding:9px 16px;border-radius:999px;background:#e11d48;color:#fff!important;font-size:14px;font-weight:900;line-height:1;text-decoration:none!important;box-shadow:0 6px 18px rgba(190,18,60,.35);transition:bottom .2s,transform .2s}
.hm-save-fab b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:#e11d48;font-size:13px}
.hm-save-fab.is-pop{animation:hm-save-pop .45s ease}
.hm-save-toast{position:fixed;left:50%;top:76px;z-index:9999;display:flex;align-items:center;gap:12px;width:max-content;max-width:min(92vw,440px);box-sizing:border-box;padding:11px 16px;border-radius:12px;background:#153c43;color:#fff;font-size:14px;font-weight:700;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translate(-50%,-14px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.hm-save-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.hm-save-toast span{flex:1 1 auto;min-width:0}
.hm-save-toast a{flex:0 0 auto;color:#ffd27a!important;text-decoration:underline;white-space:nowrap}
.hm-ikitai{--ik-red:#e11d48;--ik-ink:#1d2b36}
.hm-ik-hero{position:relative;overflow:hidden;margin:0 0 14px;padding:18px 16px 16px;border-radius:18px;background:radial-gradient(120% 140% at 100% 0,#fb923c 0,#f43f5e 45%,#be123c 100%);color:#fff;box-shadow:0 10px 26px rgba(190,18,60,.28)}
.hm-ik-hero::after{content:"♥";position:absolute;right:-10px;top:-26px;font-size:140px;line-height:1;opacity:.12;pointer-events:none}
.hm-ik-hero h2{margin:0 0 2px!important;padding:0!important;border:0!important;background:none!important;color:#fff!important;font-size:24px!important;font-weight:900;line-height:1.3}
.hm-ik-hero h2::before,.hm-ik-hero h2::after{content:none!important}
.hm-ik-hero__next{margin:0 0 12px!important;font-size:14px;font-weight:700;opacity:.95}
.hm-ik-hero__next b{display:inline-block;margin:0 2px;padding:1px 8px;border-radius:999px;background:#fff;color:var(--ik-red);font-weight:900}
.hm-ik-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px}
.hm-ik-stat{padding:8px 4px 7px;border-radius:12px;background:rgba(255,255,255,.16);text-align:center}
.hm-ik-stat b{display:block;font-size:26px;font-weight:900;line-height:1.1}
.hm-ik-stat span{display:block;margin-top:2px;font-size:11px;font-weight:800;opacity:.95;white-space:nowrap}
.hm-ik-actions{display:flex;gap:8px;align-items:center}
.hm-ik-dice{flex:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;margin:0;padding:8px 14px;border:0;border-radius:999px;background:#fff;color:var(--ik-red);font-size:15.5px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 rgba(120,10,40,.35);transition:transform .08s}
.hm-ik-dice:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(120,10,40,.35)}
.hm-ik-share{display:inline-grid;place-items:center;min-width:52px;height:44px;margin:0;padding:0 10px;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;background:transparent;color:#fff!important;font-size:12.5px;font-weight:800;text-decoration:none!important;cursor:pointer}
.hm-ik-sec{display:flex;align-items:baseline;gap:8px;margin:22px 0 10px}
.hm-ik-sec h3{margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--ik-ink)!important;font-size:18px!important;font-weight:900}
.hm-ik-sec h3::before,.hm-ik-sec h3::after{content:none!important}
.hm-ik-sec small{font-size:12.5px;font-weight:700;color:#6b7c86}
.hm-ik-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hm-ik-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(21,60,67,.1),0 6px 16px rgba(21,60,67,.09);transition:transform .15s,box-shadow .15s}
.hm-ik-card.is-feature{grid-column:1/-1}
.hm-ik-card a.hm-ik-link{display:flex;flex-direction:column;flex:1;color:var(--ik-ink)!important;text-decoration:none!important}
.hm-ik-card.is-feature a.hm-ik-link{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.hm-ik-img{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#ffe4ea,#ffedd5);overflow:hidden}
.hm-ik-card.is-feature .hm-ik-img{aspect-ratio:auto;min-height:150px}
.hm-ik-img img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important}
.hm-ik-badge{position:absolute;left:8px;bottom:8px;z-index:1;padding:4px 10px;border-radius:999px;background:#0b6b55;color:#fff;font-size:12.5px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.hm-ik-badge.is-hot{background:var(--ik-red)}
.hm-ik-badge.is-soon{background:#ea580c}
.hm-ik-badge.is-any{background:rgba(29,43,54,.82)}
.hm-ik-card.is-feature .hm-ik-badge{font-size:15px;padding:6px 14px}
.hm-ik-body{display:block;padding:9px 11px 4px}
.hm-ik-card.is-feature .hm-ik-body{padding:14px 14px 6px}
.hm-ik-sub{display:block;margin:0 0 2px;font-size:11.5px;font-weight:800;color:#0b6b55}
.hm-ik-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14.5px;font-weight:800;line-height:1.42}
.hm-ik-card.is-feature .hm-ik-title{font-size:17px;-webkit-line-clamp:4}
.hm-ik-foot{display:flex;gap:6px;padding:6px 10px 10px;margin-top:auto}
.hm-ik-went{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;margin:0;padding:4px 8px;border:1.5px solid #9cc3b8;border-radius:999px;background:#fff;color:#0b6b55;font-size:13px;font-weight:900;cursor:pointer}
.hm-ik-went[aria-pressed="true"]{background:#0b6b55;border-color:#0b6b55;color:#fff}
.hm-ik-del{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#7a2a3a;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.hm-ik-card.is-went .hm-ik-img::after{content:"行った！";position:absolute;right:10px;bottom:8px;padding:3px 10px;border:3px solid #fff;border-radius:8px;background:rgba(11,107,85,.9);color:#fff;font-size:15px;font-weight:900;transform:rotate(-8deg);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.hm-ik-card.is-spin{transform:scale(1.03);box-shadow:0 0 0 4px #fbbf24,0 10px 26px rgba(234,88,12,.35)}
.hm-ik-card.is-pick{animation:hm-ik-pick 1.6s ease 1}
@keyframes hm-ik-pick{0%,100%{box-shadow:0 1px 2px rgba(21,60,67,.1),0 6px 16px rgba(21,60,67,.09)}20%,70%{box-shadow:0 0 0 5px #fbbf24,0 14px 32px rgba(234,88,12,.4)}}
.hm-roul{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:max(16px,5vh) 16px 16px;background:rgba(15,23,32,.62);opacity:0;transition:opacity .2s}
.hm-roul.is-on{opacity:1}
html.hm-roul-open{overflow:hidden}
.hm-roul__panel{position:relative;width:min(100%,420px);max-height:calc(100vh - 32px);overflow:hidden;box-sizing:border-box;padding:16px 16px 18px;border-radius:22px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.35);transform:translateY(20px) scale(.97);transition:transform .25s}
.hm-roul.is-on .hm-roul__panel{transform:none}
.hm-roul__kicker{margin:0 0 10px!important;font-size:18px;font-weight:900;color:#e11d48;text-align:center}
.hm-roul__reel{position:relative;overflow:hidden;border-radius:16px;border:4px solid #fbbf24;box-shadow:0 6px 18px rgba(234,88,12,.3);background:#ffe4ea}
.hm-roul__img{aspect-ratio:16/9;background:#fde2e7 center/cover no-repeat}
.hm-roul__badge{position:absolute;left:10px;bottom:10px;padding:4px 12px;border-radius:999px;background:#0b6b55;color:#fff;font-size:13px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.hm-roul__badge.is-hot{background:#e11d48}.hm-roul__badge.is-soon{background:#ea580c}.hm-roul__badge.is-any{background:rgba(29,43,54,.85)}
.hm-roul__stamp{position:absolute;right:12px;top:12px;padding:6px 14px;border:4px solid #fff;border-radius:12px;background:#e11d48;color:#fff;font-size:22px;font-weight:900;transform:rotate(-10deg) scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1);box-shadow:0 4px 12px rgba(0,0,0,.35)}
.hm-roul.is-done .hm-roul__stamp{transform:rotate(-10deg) scale(1)}
.hm-roul__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.2em;margin:12px 0 2px!important;font-size:16px;font-weight:900;line-height:1.4;color:#1d2b36}
.hm-roul__sub{margin:0 0 12px!important;font-size:12.5px;font-weight:800;color:#0b6b55;min-height:1.2em}
.hm-roul__btns{display:flex;gap:8px;opacity:.35;pointer-events:none;transition:opacity .2s}
.hm-roul.is-done .hm-roul__btns{opacity:1;pointer-events:auto}
.hm-roul__go{flex:1.4;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:#e11d48;color:#fff!important;font-size:15px;font-weight:900;text-decoration:none!important;box-shadow:0 4px 0 #9f1239}
.hm-roul__again{flex:1;min-height:48px;margin:0;border:2px solid #fbbf24;border-radius:999px;background:#fff7e6;color:#9a3412;font-size:15px;font-weight:900;cursor:pointer}
.hm-roul__x{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:#f1f4f5;color:#45535c;font-size:16px;cursor:pointer}
.hm-roul__confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hm-roul__confetti span{position:absolute;top:-30px;animation:hm-roul-fall 1.6s ease-in forwards}
@keyframes hm-roul-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(520px) rotate(320deg);opacity:0}}
/* 演出（2026-10-21 本人「色んな演出もあるとなおいいね」）：型ごとの掛け声・鼓動・揺れ・光と、決定時のお祝い4種 */
.hm-roul__cap{position:absolute;left:50%;top:10px;z-index:2;padding:5px 14px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:15px;font-weight:900;white-space:nowrap;transform:translateX(-50%) scale(0);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.hm-roul__cap.is-on{transform:translateX(-50%) scale(1)}
.hm-roul__flash{position:absolute;inset:0;z-index:1;background:#fff;opacity:0;pointer-events:none}
.hm-roul__reel.is-flash .hm-roul__flash{animation:hm-roul-flash .45s ease-out}
@keyframes hm-roul-flash{0%{opacity:.95}100%{opacity:0}}
.hm-roul__reel.is-beat{animation:hm-roul-beat .6s ease-in-out infinite}
@keyframes hm-roul-beat{0%,100%{transform:scale(1)}30%{transform:scale(1.035)}45%{transform:scale(.99)}60%{transform:scale(1.025)}}
.hm-roul__reel.is-shake{animation:hm-roul-shake .45s ease}
@keyframes hm-roul-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
.hm-roul__panel.is-spot::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 32%,rgba(255,236,150,.55),rgba(255,236,150,0) 55%);animation:hm-roul-spot 1.4s ease-out forwards}
@keyframes hm-roul-spot{0%{opacity:0}25%{opacity:1}100%{opacity:0}}
.hm-roul__confetti span.is-up{top:auto;bottom:-30px;animation:hm-roul-rise 1.8s ease-out forwards}
@keyframes hm-roul-rise{0%{transform:translateY(0) scale(.6);opacity:1}100%{transform:translateY(-480px) scale(1.2);opacity:0}}
.hm-roul__confetti span.is-burst{top:30%;left:50%;animation:hm-roul-burst 1.1s ease-out forwards}
@keyframes hm-roul-burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.3);opacity:0}}
@media(prefers-reduced-motion:reduce){.hm-roul,.hm-roul__panel,.hm-roul__stamp,.hm-roul__cap{transition:none}.hm-roul__reel.is-beat,.hm-roul__reel.is-shake,.hm-roul__reel.is-flash .hm-roul__flash,.hm-roul__panel.is-spot::after{animation:none}}
.hm-ik-ended{margin:22px 0 0;border-radius:14px;background:#f5f7f8}
.hm-ik-ended summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:8px 14px;font-size:14.5px;font-weight:800;color:#45535c;cursor:pointer;list-style:none}
.hm-ik-ended summary::-webkit-details-marker{display:none}
.hm-ik-ended .hm-ik-grid{padding:0 10px 12px}
.hm-ik-ended .hm-ik-card{opacity:.65}
.hm-ik-clear{margin:0 10px 12px;min-height:40px;padding:6px 14px;border:1px solid #c9d3d9;border-radius:999px;background:#fff;color:#45535c;font-size:13px;font-weight:800;cursor:pointer}
.hm-wantrank .hm-ik-rank-title{margin-top:26px!important}
.hm-wantrank .hm-ik-rank-title::before,.hm-wantrank .hm-ik-rank-title::after{content:none!important}
.hm-ik-empty{padding:26px 18px;border-radius:18px;background:linear-gradient(135deg,#fff1f4,#fff7ed);border:2px dashed #fda4af;text-align:center;font-size:15px;line-height:1.75;color:#5b1a2a}
.hm-ik-empty b{display:block;margin-bottom:6px;font-size:40px;line-height:1}
.hm-ik-empty a{display:inline-flex;margin-top:10px;padding:10px 18px;border-radius:999px;background:var(--ik-red);color:#fff!important;font-weight:900;text-decoration:none!important}
@media(max-width:959px){.hm-ik-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:600px){.hm-ik-card.is-feature a.hm-ik-link{grid-template-columns:minmax(0,1fr)}.hm-ik-card.is-feature .hm-ik-img{aspect-ratio:16/9;min-height:0}.hm-ik-stat b{font-size:23px}.hm-ik-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hm-ik-card,.hm-ik-dice{transition:none}.hm-ik-card.is-pick{animation:none}}
@media(max-width:600px){.hm-save-box{padding:14px}.hm-save-box .hm-save-btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.hm-save-btn.is-pop,.hm-save-fab.is-pop{animation:none}}
@media print{.hm-save-dock,.hm-save-fab,.hm-save-btn,.hm-save-box{display:none!important}}
.codex-related-context-v5{display:none!important}.cr-revisit .cr-revisit__bm{display:none!important}.l-articleBottom .p-pnLinks{display:none!important}.hm-election-slot.is-tidy .hm-election-group{padding:14px 0 10px!important}.hm-election-slot.is-tidy .hm-election-group__head,.hm-election-slot.is-tidy .hm-election-group__all{padding:0 14px!important;margin:0 0 8px!important}.hm-election-slot.is-tidy .hm-election-group__list{display:none!important}.hm-election-bottom{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 14px 10px;scroll-padding-left:14px;-webkit-overflow-scrolling:touch}.hm-election-bottom>.hm-election-top{flex:0 0 88%;min-width:0;margin:0!important;scroll-snap-align:start}.hm-election-bottom>.hm-election-top:only-child{flex-basis:100%}.hm-election-slot.is-tidy .hm-election-viz--bottom{margin:4px 14px 10px!important}@media(min-width:768px){.hm-election-bottom>.hm-election-top{flex-basis:calc(50% - 5px)}}.hm-election-bottom a.hm-election-top__link{display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;padding:12px 14px 10px 16px;border:1px solid #b9d4e2;border-left:5px solid #17607c;border-radius:12px;background:#fff;color:#153c4c!important;font-size:14px;line-height:1.5;text-decoration:none!important;box-shadow:0 1px 2px rgba(16,72,93,.06)}@media(max-width:767px){.hm-election-slot.is-tidy .hm-election-group{border-left:0!important;border-right:0!important;border-radius:0!important;margin-left:-4px!important;margin-right:-4px!important}}@media(max-width:767px){.cr-revisit{padding:16px 14px!important}.cr-revisit .cr-revisit__ch{gap:6px!important}}#hm-article-calendar .hm-cal-list.is-capped{position:relative;max-height:640px;overflow:hidden}#hm-article-calendar .hm-cal-list.is-capped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(246,249,248,0),#f6f9f8);pointer-events:none}.hm-cal-expand{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:8px 0 0;padding:8px 14px;border:0;border-radius:999px;background:#1f3a52;color:#fff;font-size:14px;font-weight:800;cursor:pointer}#hm-article-calendar .hm-cal-pick-body>span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#hm-article-calendar .hm-cal-pick-body>strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#hm-article-calendar .hm-cal-pick-body .hm-cal-facet-labels{max-height:72px;overflow:hidden}#hm-article-calendar .hm-cal-panel>p:has(>.hm-cal-empty[hidden]:only-child){display:none}.cr-revisit .cr-prefsrc{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin:8px 0 0!important;padding:6px 14px!important;border:1px solid #d6dee8!important;border-radius:999px!important;background:#fff!important;box-sizing:border-box}.cr-revisit .cr-prefsrc .cr-prefsrc__g{width:26px!important;height:26px!important;font-size:15px!important}.cr-revisit .cr-prefsrc .cr-prefsrc__t{font-size:14px!important;line-height:1.35!important}.cr-revisit .cr-prefsrc .cr-prefsrc__t small,.cr-revisit .cr-prefsrc .cr-prefsrc__d{display:none!important}a.cr-prefsrc,.cr-revisit .cr-prefsrc{display:none!important}.hmk-teaser{display:none!important}@media(min-width:960px){#custom_html-4,.hm-footer-pr{display:none!important}}.hm-local-pick{margin:24px 0 8px;padding:14px;border:1px solid #e3e8ee;border-radius:12px;background:#fbfcfd}.hm-local-pick__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px}.hm-local-pick__head b{font-size:15px;color:#1f3a52}.hm-local-pick__head a{font-size:13px;color:#17607c!important;white-space:nowrap}.hm-local-pick__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hm-local-pick__row .hm-footer-pr__slot,.hm-local-pick__row a{min-width:0}.hm-local-pick__row img{display:block;width:100%;height:auto;border-radius:8px}.hm-local-pick .hm-footer-pr__recruit{display:none!important}.cr-revisit .cr-revisit__ct{margin-top:10px!important;font-size:.75em!important}.cr-revisit .cr-revisit__ch{gap:4px!important}.cr-revisit .cr-revisit__ch a{min-height:32px!important;padding:0 9px!important;font-size:.75em!important}
.post_content .hm-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 0!important;padding:12px 4px 10px!important;border-radius:10px;list-style:none!important;background:#f3f7f8;color:#123f43}.post_content .hm-flow li{position:relative;display:flex;flex-direction:column;align-items:center;margin:0!important;padding:0 2px!important;text-align:center;list-style:none!important}.post_content .hm-flow li::before{display:none!important}.post_content .hm-flow li:not(:last-child)::after{content:"";position:absolute;top:19px;left:calc(50% + 22px);right:calc(-50% + 22px);border-top:2px dashed #9fb6ba}.post_content .hm-flow__ic{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#dfe9eb;color:#123f43}.post_content .hm-flow li.is-now .hm-flow__ic{background:#f6b26b;color:#123f43;box-shadow:0 0 0 3px #f6b26b55}.post_content .hm-flow li.is-goal .hm-flow__ic{background:#1a9e6a;color:#fff}.post_content .hm-flow b{display:block;margin-top:6px;font-size:13px;font-weight:800;line-height:1.35}.post_content .hm-flow b i{margin-right:2px;font-style:normal;opacity:.7}.post_content .hm-lead .hm-flow{margin:0 0 12px!important;background:#ffffff14;color:#fff}.post_content .hm-lead .hm-flow__ic{background:#ffffff26;color:#fff}.post_content .hm-lead .hm-flow li.is-now .hm-flow__ic{background:#f6b26b;color:#123f43}.post_content .hm-lead .hm-flow li:not(:last-child)::after{border-top-color:#ffffff55}.post_content .hm-ota-more{margin:8px 0 0}.post_content .hm-ota-more>summary{display:flex;align-items:center;min-height:44px;padding:0 4px;color:#123f43;font-size:14px;font-weight:700;cursor:pointer}.post_content .hm-ota-more>summary::-webkit-details-marker{display:none}.post_content .hm-ota-more>summary::before{content:"＋";margin-right:6px;font-weight:800}.post_content .hm-ota-more[open]>summary::before{content:"－"}.post_content .hm-ota-more>.hm-cmp__chips{margin-top:4px}.post_content .hm-ota-area>.hm-cmp__chips{grid-template-columns:repeat(3,minmax(0,1fr))}

/* 白地と深緑を基調に、本文・操作・補足の順で読む。 */
#hmk{--hmk-ink:#243630;--hmk-sub:#52665e;--hmk-line:#dce7e1;--hmk-soft:#f3f7f4;--hmk-brand:#194c3d;--hmk-brand-2:#245f4c;font-size:16px;line-height:1.8;scroll-margin-top:90px}
#hmk .hmk-hero{padding:18px 22px;background:#194c3d;border-radius:16px 16px 0 0}
#hmk .hmk-hero::after{display:none}
#body_wrap #hmk .hmk-hero .hmk-hero__title{font-size:21px;line-height:1.5;letter-spacing:.02em}
#hmk .hmk-app{padding:22px;background:#fafcfb}
#hmk .hmk-stat{background:#ffffff20;font-size:13px}
#hmk .hmk-react{gap:8px}
#hmk .hmk-react__btn{min-height:80px;gap:4px;padding:10px 4px;border-width:1px;border-radius:12px;box-shadow:none;background:#fff}
#hmk .hmk-react__emoji{font-size:24px}
#hmk .hmk-react__label{font-size:13px;color:var(--hmk-sub)}
#hmk .hmk-react__btn[aria-pressed="true"]{background:#eaf5ee;border:2px solid #245f4c}
#hmk .hmk-react__btn[aria-pressed="true"] :is(.hmk-react__label,.hmk-react__count){color:#194c3d}
#hmk .hmk-proof{font-size:13px;line-height:1.7;margin-top:10px}
#hmk .hmk-block+.hmk-block{margin-top:24px}
/* ランキングは本文の番号付きリストと別。行カードを見出しと同じ幅に揃える。 */
#hmk .hmk-rank{padding-inline:0}
#hmk .hmk-rank__title{min-width:0;overflow-wrap:anywhere}
#body_wrap #hmk .hmk-h{gap:10px;font-size:18px;line-height:1.6;margin-bottom:14px}
#hmk .hmk-h__count{display:inline-flex;justify-content:center;min-width:28px;padding:0 7px;border-radius:8px;background:#e6f0e9;color:#194c3d;font-size:15px}
#hmk .hmk-h__count:empty{display:none}
#hmk .hmk-tabs{gap:2px;padding:3px;border:1px solid var(--hmk-line);border-radius:10px;background:#edf2ee}
#hmk .hmk-tab{min-height:44px;padding:8px 14px;border-radius:7px;color:#52665e;font-size:14px}
#hmk .hmk-tab[aria-pressed="true"]{background:#fff;color:#194c3d;box-shadow:0 1px 3px #194c3d1a;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
/* 投稿の入口。動く説明は補足に留め、押す箇所を明確にする。 */
#hmk .hmk-compose{border:1px solid #7e9c8c;border-radius:12px;background:#fff;box-shadow:none}
#hmk .hmk-compose__fakes{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:12px}
#hmk .hmk-compose__fake{justify-content:center;gap:10px;min-height:52px;padding:12px 16px;border-radius:8px;background:#194c3d;color:#fff}
#hmk .hmk-compose__fake .hmk-av{display:none}
#hmk .hmk-compose__fake-text{flex:0 1 auto;min-width:0;white-space:normal;font-size:0;line-height:0}
#hmk .hmk-compose__fake-text::before{content:"コメントを書く";display:block;margin:0;color:#fff;font-size:16px;line-height:1.5;font-weight:700;white-space:nowrap}
#hmk .hmk-compose__fake::after{content:"›";flex:none;padding:0;background:none;color:#fff;font-size:22px;line-height:1;font-weight:600;box-shadow:none}
#hmk .hmk-compose__fake-photo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;width:auto;height:auto;min-width:90px;min-height:52px;margin:0;padding:10px 12px;border:1px solid #9cb2a5;border-radius:8px;background:#f3f7f4;font-size:18px;line-height:1.2}
#hmk .hmk-compose__fake-photo::after{content:"写真";display:block;flex:none;color:#194c3d;font-size:14px;line-height:1.5;font-weight:700}
#hmk .hmk-compose.is-open{border-color:#245f4c;box-shadow:0 0 0 2px #e0ece4}
#hmk .hmk-compose__form{padding:18px}
#hmk .hmk-field-label{display:block;margin:14px 0 6px;font-size:14px;line-height:1.6;font-weight:700;color:#243630}
#hmk .hmk-field{min-width:0}
#hmk .hmk-compose__row{gap:12px;margin-top:0}
#hmk .hmk-compose :is(textarea,input[type="text"],select){min-height:48px;max-width:100%;padding:10px 12px;border:1px solid #7e9387;border-radius:8px;font-size:16px;line-height:1.7;background:#fff;color:#243630}
#body_wrap #hmk .hmk-compose textarea{min-height:128px;resize:vertical}
#hmk .hmk-compose :is(textarea,input)::placeholder{color:#66796f;opacity:1}
#hmk .hmk-compose__foot{flex-wrap:wrap;gap:10px;margin-top:16px}
#hmk .hmk-counter{font-size:13px;line-height:1.8}
#hmk .hmk-compose__form:has(textarea:placeholder-shown):has(.hmk-thumbs:empty) .hmk-counter::before{content:"2文字から投稿できます";display:block;color:#52665e;font-size:13px;font-weight:400}
#hmk .hmk-btn{min-height:48px;border-radius:8px;background:#194c3d;color:#fff!important;box-shadow:none}
#hmk .hmk-compose__foot .hmk-btn:not([disabled]){box-shadow:none}
#hmk .hmk-btn[disabled]{background:#e5ebe7;color:#52665e!important;opacity:1;cursor:not-allowed}
#hmk .hmk-btn--ghost{border:1px solid #7e9c8c;background:#fff;color:#194c3d!important}
#hmk .hmk-compose__rule{margin-top:14px;font-size:13px;line-height:1.8}
#hmk .hmk-compose__rule a{color:#245f4c;text-decoration:underline;text-underline-offset:3px}
#hmk :is(.hmk-tag,.hmk-quick__chip,.hmk-photo-btn){min-height:44px;font-size:14px}
/* 1投稿ずつ区切る。日時とバッジは本文より控えめに。 */
#hmk .hmk-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}
#hmk .hmk-list>.hmk-c{margin:0;padding:20px;border:1px solid var(--hmk-line);border-radius:12px;background:#fff}
#hmk .hmk-list>.hmk-c.is-best{border-color:#c9ac52;border-left:4px solid #b79537;background:#fffdf5}
#hmk .hmk-c__row{gap:12px}
#hmk .hmk-av{width:36px;height:36px;font-size:15px}
#hmk .hmk-c__head{gap:5px 7px;line-height:1.6;overflow-wrap:anywhere}
#hmk .hmk-c__name{font-size:15px;color:#243630;overflow-wrap:anywhere}
#hmk .hmk-c__time{flex-basis:100%;font-size:13px;color:#52665e}
#hmk .hmk-badge{padding:1px 7px;font-size:12px;line-height:1.7}
#hmk .hmk-badge--rank{border-color:#e0d7bb;background:#f7f3e7!important;color:#695223!important;font-weight:600}
#body_wrap #hmk .hmk-c__body{margin:12px 0 0;font-size:16px;line-height:1.9;overflow-wrap:anywhere;word-break:normal;line-break:strict;color:#243630}
#hmk .hmk-c__acts{gap:6px;margin-top:14px;padding-top:10px;border-top:1px solid #edf2ee}
#hmk :is(.hmk-chip,.hmk-link,.hmk-more){min-height:44px;font-size:14px;line-height:1.5}
#hmk .hmk-chip{gap:4px;padding:7px 10px;border:1px solid var(--hmk-line);border-radius:8px;background:#f8faf8;color:#425c4f}
#hmk .hmk-chip[aria-pressed="true"]{background:#e5f2e9;border-color:#245f4c;color:#194c3d;box-shadow:inset 0 -2px #245f4c}
#hmk .hmk-link{padding:8px;color:#425c4f}
#hmk .hmk-link--report{color:#52665e;opacity:1;font-size:13px}
#hmk .hmk-more{padding:8px 0;color:#194c3d;text-decoration:underline;text-underline-offset:4px}
#hmk .hmk-replies{margin:16px 0 0;padding:0 0 0 14px;border-left:3px solid #8bac9a}
#hmk .hmk-replies .hmk-c{margin:0;padding:14px 0;border-bottom:1px solid var(--hmk-line);background:none}
#hmk .hmk-replies .hmk-c:last-child{border-bottom:0}
#hmk .hmk-replies .hmk-c__body{font-size:16px}
#hmk .hmk-replyto{gap:8px;padding:10px 12px;background:#eaf3ed;font-size:14px;overflow-wrap:anywhere}
#hmk .hmk-replyto button{min-height:44px;flex:none;padding:8px}
#hmk .hmk-empty{padding:22px 16px;border:1px solid var(--hmk-line);border-radius:12px;background:#fff;font-size:14px;line-height:1.8}
#hmk .hmk-empty__big{margin-bottom:8px;font-size:26px}
#hmk .hmk-mine{border-color:var(--hmk-line);background:#f3f7f4}
#body_wrap #hmk :focus-visible{outline:3px solid #176b54!important;outline-offset:3px!important;box-shadow:none}
#body_wrap #hmk .hmk-compose :is(textarea,input,select):focus-visible{outline-offset:2px!important}
@media(hover:hover){#hmk .hmk-compose__fake:hover{background:#245f4c}#hmk .hmk-compose__fake-photo:hover{background:#e8f1eb}#hmk :is(.hmk-chip,.hmk-tab,.hmk-link):hover{background:#e8f1eb;color:#194c3d}}
@media(max-width:600px){
 #hmk .hmk-hero{padding:16px}#body_wrap #hmk .hmk-hero .hmk-hero__title{font-size:20px}#hmk .hmk-app{padding:16px 12px}
 #hmk .hmk-rank__link{grid-template-columns:20px auto minmax(0,1fr);column-gap:8px;padding-inline:8px}
 #hmk .hmk-rank__img{width:48px;height:48px}
 #hmk .hmk-react{gap:6px}#hmk .hmk-react__btn{min-height:78px;padding:8px 2px}#hmk .hmk-react__label{font-size:12px}
 #hmk .hmk-h:has(.hmk-tabs){gap:10px;font-size:18px}#hmk .hmk-tabs{display:flex;flex-basis:100%;margin-left:0}#hmk .hmk-tab{flex:1;padding:8px 6px}
 #hmk .hmk-compose__fakes{gap:8px;padding:10px}#hmk .hmk-compose__fake{gap:8px;padding:12px 8px}#hmk .hmk-compose__fake-text::before{font-size:15px}#hmk .hmk-compose__fake-photo{min-width:80px;padding:10px}
 #hmk .hmk-compose__form{padding:14px 12px}#hmk .hmk-compose__row{grid-template-columns:minmax(0,1fr)}
 #hmk .hmk-compose__foot .hmk-btn{flex:1;min-width:110px}#hmk .hmk-list>.hmk-c{padding:16px 12px}
 #hmk .hmk-c__row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 8px;align-items:start}
 #hmk .hmk-c__row>.hmk-av{grid-column:1;grid-row:1;width:30px;height:30px;font-size:13px}
 #hmk .hmk-c__main{display:contents}#hmk .hmk-c__head{grid-column:2}
 #hmk .hmk-c__main>:not(.hmk-c__head){grid-column:1/-1;min-width:0}
 #hmk .hmk-c__body{margin-top:12px;font-size:16px;line-height:1.9}
 #hmk .hmk-c__acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #hmk .hmk-chip{justify-content:center;padding:7px 3px;font-size:13px}#hmk .hmk-chip__label{display:inline}
 #hmk .hmk-c__acts>.hmk-link:not(.hmk-link--report){grid-column:1/3;text-align:left}#hmk .hmk-link--report{margin-left:0;text-align:right}
 #hmk .hmk-replies{padding-left:10px}#hmk .hmk-replies .hmk-c__acts{gap:4px}
}
@media(max-width:360px){#hmk .hmk-c__acts>.hmk-chip{flex-direction:column;gap:3px;min-height:64px;padding:8px 2px;line-height:1.3}#hmk .hmk-chip__label{font-size:12px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#hmk *,#hmk *::before,#hmk *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* はりまっぷ：全ページに出る説明文を隠す（2026-10-26本人「全サイト全ページ全パーツから無駄な文言を徹底的に排除」「悩むなら排除」）。
   ヘッダーのキャッチコピー（サイトの説明文59字。検索用のサイト説明は残る）。
   配布：tools/sitewide_css.py --site harimap --css assets/harimap/trim_text.css --name "Claude: trim boilerplate text" --style-id claude-trim-text-v1 --all-pages
   戻す時は同じ指定に --deactivate。 */
.c-catchphrase{display:none!important}

/*
 * Harimap public design system v5 — Today in Harima
 *
 * Direction: regional planner + editorial reading rail.
 * Presentation remains reversible and content preserving. Manual AdSense slots
 * are contained to the reading column without hiding or resizing creatives.
 */

:root {
  --hm-v5-ink: #172033;
  --hm-v5-heading: #17324d;
  --hm-v5-muted: #5a6978;
  --hm-v5-brand: #04384c;
  --hm-v5-green: #327a43;
  --hm-v5-orange: #9a4d20;
  --hm-v5-paper: #ffffff;
  --hm-v5-canvas: #f7f9f8;
  --hm-v5-line: #d7e0df;
  --hm-v5-soft: #eff6f2;
  --hm-v5-warm: #fff8ee;
  --hm-v5-radius-sm: 10px;
  --hm-v5-radius-md: 14px;
  --hm-v5-shadow: 0 8px 24px rgb(23 50 77 / 8%);
  --hm-v5-text-measure: 46rem;
  --hm-v5-media-measure: 56.25rem;
  --hm-v5-anchor-safe: 0px;
}

html {
  font-size: 16px;
  scroll-padding-top: 6rem;
}

#body_wrap.codex-harimap-v4 {
  background: var(--hm-v5-canvas);
  color: var(--hm-v5-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "YuGothic", Meiryo, sans-serif;
  line-break: strict;
  overflow-wrap: break-word;
  padding-bottom: var(--hm-v5-anchor-safe);
  text-rendering: optimizeLegibility;
}

#body_wrap.codex-harimap-v4,
#body_wrap.codex-harimap-v4 :where(
  .l-container,
  .l-content,
  .l-mainContent,
  .l-mainContent__inner,
  .p-articleHead,
  .post_content,
  .p-postList,
  .p-postList__item,
  .p-postList__link,
  .p-postList__body,
  .p-toc,
  .p-termHead,
  input,
  select,
  textarea,
  button
) {
  box-sizing: border-box;
}

#body_wrap.codex-harimap-v4 :where(.l-container, .l-content, .l-mainContent, .l-mainContent__inner, .post_content) {
  min-width: 0;
}

/* Keep late-loading ad wrappers from temporarily widening the mobile page. */
#body_wrap.codex-harimap-v4 .codex-hm-ad-reserve,
#body_wrap.codex-harimap-v4 .codex-hm-article-ad {
  box-sizing: border-box;
  contain: inline-size;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: clip;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .codex-hm-ad-reserve {
  margin: clamp(1.5rem, 4vw, 2.75rem) auto;
}

#body_wrap.codex-harimap-v4 .p-articleThumb img,
#body_wrap.codex-harimap-v4 .post_content :where(figure.wp-block-image, .wp-block-gallery, .wp-block-video) :where(img, video, svg),
#body_wrap.codex-harimap-v4 .p-postList .p-postList__thumb img {
  max-width: 100%;
}

#body_wrap.codex-harimap-v4 .p-articleThumb img,
#body_wrap.codex-harimap-v4 .post_content :where(figure.wp-block-image, .wp-block-gallery, .wp-block-video) :where(img, video),
#body_wrap.codex-harimap-v4 .p-postList .p-postList__thumb img {
  height: auto;
}

#body_wrap.codex-harimap-v4 :where(pre, code, table) {
  overflow-wrap: normal;
  word-break: normal;
}

#body_wrap.codex-harimap-v4 :where(.wp-block-table, .codex-mobile-table-wrap) {
  max-width: 100%;
  overscroll-behavior-inline: contain;
}

/* Header and common wayfinding */
#body_wrap.codex-harimap-v4 .l-header {
  background: rgb(255 255 255 / 97%);
  border-bottom: 1px solid var(--hm-v5-line);
  box-shadow: 0 3px 16px rgb(23 50 77 / 5%);
}

#body_wrap.codex-harimap-v4 .c-headLogo__img {
  height: auto;
  max-width: min(100%, 25rem);
}

#body_wrap.codex-harimap-v4 .p-breadcrumb {
  color: var(--hm-v5-muted);
  font-size: 0.75rem;
}

#body_wrap.codex-harimap-v4 :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #ef8b3b;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgb(255 255 255 / 92%);
}

/* Article header: keep the semantic modified date as the sole visible date. */
#body_wrap.codex-harimap-v4.single .l-mainContent {
  width: min(100%, var(--hm-v5-media-measure));
}

/* codex-article-sidebar-layout-v1: keep the reading column beside the PC sidebar. */
@media (min-width: 960px) {
  #body_wrap.codex-harimap-v4.single .l-mainContent {
    width: min(
      calc(100% - var(--swl-sidebar_width) - var(--swl-sidebar_margin)),
      var(--hm-v5-media-measure)
    );
  }
}

#body_wrap.codex-harimap-v4 .p-articleHead.c-postTitle {
  align-items: flex-start;
  flex-direction: column !important;
  gap: 0.7rem;
  min-width: 0;
}

#body_wrap.codex-harimap-v4 .p-articleHead .c-postTitle__ttl {
  width: 100%;
}

#body_wrap.codex-harimap-v4 .p-articleHead .c-postTitle__date {
  block-size: 1px;
  clip-path: inset(50%);
  inline-size: 1px;
  overflow: clip;
  position: absolute;
  white-space: nowrap;
}

#body_wrap.codex-harimap-v4 .c-postTitle__ttl {
  color: var(--hm-v5-heading);
  font-size: clamp(1.35rem, 1.05rem + 1vw, 2rem);
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.45;
  text-wrap: pretty;

  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#body_wrap.codex-harimap-v4 .p-articleMetas {
  align-items: center;
  color: var(--hm-v5-muted);
  font-size: 0.8125rem;
  gap: 0.65rem;
}

#body_wrap.codex-harimap-v4 .p-articleMetas .c-postTimes__modified {
  align-items: center;
  background: var(--hm-v5-soft);
  border: 1px solid var(--hm-v5-line);
  border-radius: 999px;
  color: #405463;
  display: inline-flex;
  line-height: 1.2;
  min-height: 2rem;
  padding: 0.35rem 0.65rem;
  white-space: nowrap;
}

#body_wrap.codex-harimap-v4 .c-categoryList__link {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 1.2;
  min-height: 44px;
  padding: 0.55rem 0.9rem;
  text-align: center;
}

#body_wrap.codex-harimap-v4 main :is(
  .page-numbers.current,
  .page-numbers.-to-first,
  .page-numbers.-to-prev,
  .page-numbers.-to-next,
  .page-numbers.-to-last
) {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
}

#body_wrap.codex-harimap-v4 .p-articleThumb {
  border-radius: var(--hm-v5-radius-md);
  box-shadow: var(--hm-v5-shadow);
  margin-inline: auto;
  max-width: var(--hm-v5-media-measure);
  overflow: clip;
}

#body_wrap.codex-harimap-v4 .p-articleThumb img {
  width: 100%;
}

/* Long-form reading rail. Text is narrow; documentary media remains wide. */
#body_wrap.codex-harimap-v4 .post_content {
  color: var(--hm-v5-ink);
  font-size: 1rem;
  line-height: 1.86;
  min-width: 0;
}

#body_wrap.codex-harimap-v4 .post_content > :where(
  p,
  ul,
  ol,
  blockquote,
  .wp-block-quote,
  .swell-block-capbox,
  .is-style-big_icon_point,
  .is-style-big_icon_check,
  .p-toc
) {
  margin-inline: auto;
  max-width: var(--hm-v5-text-measure);
  width: 100%;
}

#body_wrap.codex-harimap-v4 .post_content > :where(h2, h3, h4) {
  margin-inline: auto;
  max-width: var(--hm-v5-text-measure);
  width: 100%;
}

#body_wrap.codex-harimap-v4 .post_content h2 {
  background: var(--hm-v5-paper);
  border-bottom: 1px solid var(--hm-v5-line);
  border-left: 5px solid var(--hm-v5-green);
  border-radius: 0;
  color: var(--hm-v5-heading);
  font-size: clamp(1.25rem, 1.1rem + 0.45vw, 1.55rem);
  line-height: 1.45;
  margin-block: 4rem 1.75rem;
  padding: 0.55rem 0.4rem 0.62rem 0.9rem;
  text-wrap: pretty;
}

#body_wrap.codex-harimap-v4 .post_content h3 {
  border-left: 4px solid var(--hm-v5-green);
  color: var(--hm-v5-heading);
  font-size: clamp(1.08rem, 1rem + 0.25vw, 1.28rem);
  line-height: 1.5;
  margin-block: 2.8rem 1.25rem;
  padding: 0.35rem 0 0.35rem 0.85rem;
}

#body_wrap.codex-harimap-v4 .post_content :where(figure.wp-block-image, .wp-block-gallery) {
  margin-inline: auto;
  max-width: var(--hm-v5-media-measure);
}

#body_wrap.codex-harimap-v4 .post_content figure.wp-block-image img {
  border-radius: var(--hm-v5-radius-sm);
}

#body_wrap.codex-harimap-v4 .post_content figcaption {
  color: var(--hm-v5-muted);
  font-size: 0.8125rem;
  line-height: 1.65;
  margin: 0.65rem auto 0;
  max-width: var(--hm-v5-text-measure);
  padding-inline: 0.25rem;
  text-align: left;
}

#body_wrap.codex-harimap-v4 .p-toc {
  background: var(--hm-v5-soft);
  border: 1px solid var(--hm-v5-line);
  border-radius: var(--hm-v5-radius-md);
  box-shadow: none;
  padding: clamp(1rem, 2.5vw, 1.5rem);
}

#body_wrap.codex-harimap-v4 .p-toc__link {
  line-height: 1.55;
  min-height: 2.75rem;
  padding-block: 0.5rem;
}

/* Archive, search and utility surfaces */
#body_wrap.codex-harimap-v4 :where(.c-pageTitle, .c-ttl404) {
  color: var(--hm-v5-heading);
  font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.9rem);
  font-weight: 800;
  line-height: 1.45;
  text-wrap: pretty;
}

#body_wrap.codex-harimap-v4 :where(.p-termHead, .p-searchContent, .c-ttl404 + .post_content) {
  background: var(--hm-v5-paper);
  border: 1px solid var(--hm-v5-line);
  border-radius: var(--hm-v5-radius-md);
  box-shadow: var(--hm-v5-shadow);
}

#body_wrap.codex-harimap-v4 .p-termHead__desc {
  color: #304f58;
  font-size: 0.9375rem;
  line-height: 1.8;
}

#body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList.-type-card {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-inline: auto;
  max-width: 72rem;
  padding-inline: 0;
  width: 100%;
}

#body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__item {
  background: var(--hm-v5-paper);
  border: 1px solid var(--hm-v5-line);
  border-radius: var(--hm-v5-radius-md);
  box-shadow: 0 5px 18px rgb(23 50 77 / 7%);
  min-width: 0;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  list-style: none;
  overflow: clip;
}

#body_wrap.codex-harimap-v4.search-results .hm-v4-ended-badge {
  display: inline-flex;
  width: fit-content;
  min-height: 1.75rem;
  margin: 0 0 0.5rem;
  padding: 0.2rem 0.65rem;
  align-items: center;
  border: 1px solid #aab4bc;
  border-radius: 999px;
  color: #334155;
  background: #eef1f3;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

#body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__link {
  height: 100%;
  min-width: 0;
  padding: 0;
  width: 100%;
}

#body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__body {
  padding: 0.85rem 1rem 1rem;
}

#body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__title {
  color: var(--hm-v5-heading);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.55;
  text-wrap: pretty;
}

#body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__excerpt {
  color: #465767;
  display: -webkit-box;
  font-size: 0.875rem;
  line-height: 1.72;
  overflow: clip;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#body_wrap.codex-harimap-v4:is(.archive, .search-results) main :where(.p-postList__times, .c-postTimes) {
  color: var(--hm-v5-muted);
  font-size: 0.75rem;
  line-height: 1.5;
}

#body_wrap.codex-harimap-v4 :where(.hm-v5-lifecycle-badge, .hm-v4-ended-badge) {
  align-items: center;
  border: 1px solid #aab4bc;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 0.45rem;
  min-height: 1.75rem;
  padding: 0.2rem 0.62rem;
  width: fit-content;
}

#body_wrap.codex-harimap-v4 .hm-v5-lifecycle-badge[data-state="ended"],
#body_wrap.codex-harimap-v4 .hm-v4-ended-badge {
  background: #eef1f3;
  color: #334155;
}

#body_wrap.codex-harimap-v4 .hm-v5-lifecycle-badge[data-state="ongoing"] {
  background: #eaf7ee;
  border-color: #afd2ba;
  color: #215e35;
}

#body_wrap.codex-harimap-v4 .hm-v5-lifecycle-badge[data-state="upcoming"] {
  background: #fff4e5;
  border-color: #ecc696;
  color: #804318;
}

#body_wrap.codex-harimap-v4 [data-hm-lifecycle="ended"] {
  --hm-v5-card-accent: #7c8791;
}

/* Related articles remain available, but no longer create a many-screen wall. */
#body_wrap.codex-harimap-v4.single .l-articleBottom {
  border-top: 1px solid var(--hm-v5-line);
  margin-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-top: clamp(1.5rem, 3vw, 2.25rem);
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__title {
  color: var(--hm-v5-heading);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-relatedPosts {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__item {
  border: 0 !important;
  border-top: 1px solid var(--hm-v5-line) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 0;
  overflow: visible;
  padding: 0 !important;
  scroll-snap-align: none;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__item:first-child {
  border-top: 0 !important;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__link {
  align-items: center;
  display: grid !important;
  gap: 0.6rem;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  min-height: 5rem;
  padding: 0.55rem 0 !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__thumb {
  aspect-ratio: 16 / 9;
  background: #f3f7f8;
  border-radius: 8px;
  box-shadow: 0 2px 7px rgb(23 50 77 / 10%);
  height: auto;
  overflow: hidden;
  width: 4.5rem;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__thumb figure,
#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__thumb img {
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__body {
  min-width: 0;
  padding: 0 !important;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__title {
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
  color: var(--hm-v5-heading);
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
  overflow: visible;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__times {
  color: var(--hm-v5-muted);
  font-size: 0.75rem;
  line-height: 1.5;
}

@media (min-width: 768px) {
  #body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__link {
    grid-template-columns: 7.5rem minmax(0, 1fr);
  }

  #body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__thumb {
    width: 7.5rem;
  }
}

@media (max-width: 599px) {
  #body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__link {
    grid-template-columns: 5.5rem minmax(0, 1fr);
  }

  #body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__thumb {
    width: 5.5rem;
  }
}

#body_wrap.codex-harimap-v4.single .hm-v5-related-controls {
  align-items: center;
  color: var(--hm-v5-muted);
  display: flex;
  font-size: 0.8125rem;
  gap: 0.55rem;
  justify-content: flex-end;
  margin: -0.35rem 0 0.65rem;
}

#body_wrap.codex-harimap-v4.single .hm-v5-related-controls button {
  align-items: center;
  background: var(--hm-v5-paper);
  border: 1px solid #aab8bc;
  border-radius: 999px;
  color: var(--hm-v5-heading);
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0;
}

#body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-postList__item {
  border: 1px solid var(--hm-v5-line);
  border-top: 3px solid var(--hm-v5-card-accent, var(--hm-v5-green));
  border-radius: var(--hm-v5-radius-sm);
  min-width: 0;
  overflow: clip;
  scroll-snap-align: start;
  width: auto !important;
}

/* The full calendar is useful, but secondary at the end of an article. */
#body_wrap.codex-harimap-v4.single .hm-v5-calendar-disclosure {
  background: var(--hm-v5-paper);
  border: 1px solid var(--hm-v5-line);
  border-radius: var(--hm-v5-radius-md);
  box-shadow: 0 5px 18px rgb(23 50 77 / 6%);
  margin: clamp(2rem, 5vw, 3.5rem) auto;
  max-width: var(--hm-v5-media-measure);
  overflow: clip;
}

#body_wrap.codex-harimap-v4.single .hm-v5-calendar-summary {
  align-items: center;
  color: var(--hm-v5-heading);
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  gap: 0.75rem;
  justify-content: space-between;
  min-height: 3.75rem;
  padding: 0.8rem 1rem;
}

#body_wrap.codex-harimap-v4.single .hm-v5-calendar-summary::after {
  content: "+";
  font-size: 1.4rem;
  line-height: 1;
}

#body_wrap.codex-harimap-v4.single .hm-v5-calendar-disclosure[open] > .hm-v5-calendar-summary::after {
  content: "−";
}

#body_wrap.codex-harimap-v4.single .hm-v5-calendar-summary small {
  color: var(--hm-v5-muted);
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.2rem;
}

#body_wrap.codex-harimap-v4.single .hm-v5-calendar-disclosure > .hm-article-calendar-lazy {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-v5-calendar-more {
  border-top: 1px solid var(--hm-v5-line);
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

#body_wrap.codex-harimap-v4 .hm-v5-calendar-more > summary {
  align-items: center;
  background: var(--hm-v5-soft);
  border: 1px solid #b9d4c1;
  border-radius: 8px;
  color: #215e35;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
  justify-content: center;
  min-height: 44px;
  padding: 0.65rem 0.9rem;
  text-align: center;
}

#body_wrap.codex-harimap-v4 .hm-v5-calendar-more__grid {
  margin-top: 0.75rem;
}

/* Homepage remains a planner; tighten repeated units without hiding entries. */
#body_wrap.codex-harimap-v4.home :where(.hm-front-block, .hm-section, .hm-hero) {
  min-width: 0;
}

#body_wrap.codex-harimap-v4.home .hm-front-events {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}

#body_wrap.codex-harimap-v4.home .hm-quick {
  min-height: 3.5rem;
}

#body_wrap.codex-harimap-v4.home .hm-cal-pick {
  min-height: 6.25rem;
}

#body_wrap.codex-harimap-v4.home .hm-cal-pick-body {
  min-width: 0;
}

#body_wrap.codex-harimap-v4.home :where(.hm-title, .hm-heading) {
  color: var(--hm-v5-heading);
  font-weight: 800;
  text-wrap: pretty;
}

#body_wrap.codex-harimap-v4.home :where(.hm-row-track, .hm-guide-grid, .hm-guide-support) {
  min-width: 0;
}

/* About/contact/legal pages */
#body_wrap.codex-harimap-v4.page:not(.home) .post_content > :where(p, ul, ol, blockquote, .wp-block-quote, h2, h3) {
  margin-inline: auto;
  max-width: var(--hm-v5-text-measure);
}

#body_wrap.codex-harimap-v4 :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: #fff;
  border: 1px solid #aab8bc;
  border-radius: 9px;
  color: var(--hm-v5-ink);
  font-size: 1rem;
  min-height: 3rem;
  padding: 0.7rem 0.85rem;
}

#body_wrap.codex-harimap-v4 .l-footer {
  border-top: 1px solid var(--hm-v5-line);
  color: var(--hm-v5-muted);
}

#body_wrap.codex-harimap-v4 .l-footer__widgetArea .w-footer {
  align-items: start;
  display: grid !important;
  gap: 0.75rem !important;
  grid-template-columns: minmax(0, 1fr);
}

#body_wrap.codex-harimap-v4 .l-footer__widgetArea .w-footer__box {
  margin: 0 !important;
  min-width: 0;
  padding: 0 !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section {
  background: var(--hm-v5-paper);
  border: 1px solid var(--hm-v5-line);
  border-radius: var(--hm-v5-radius-md);
  box-shadow: 0 4px 14px rgb(23 50 77 / 5%);
  height: auto;
  padding: 1rem;
}

#body_wrap.codex-harimap-v4 .hm-footer-section__title {
  border-left: 4px solid var(--hm-v5-green);
  color: var(--hm-v5-heading);
  font-size: 1.0625rem;
  font-weight: 800;
  line-height: 1.45;
  margin: 0 0 0.9rem;
  padding: 0.2rem 0 0.2rem 0.7rem;
}

#body_wrap.codex-harimap-v4 .hm-footer-section__content,
#body_wrap.codex-harimap-v4 .hm-footer-section__content .p-postList,
#body_wrap.codex-harimap-v4 .hm-footer-section__content .codex-swell-popular-panel:not([hidden]),
#body_wrap.codex-harimap-v4 .hm-footer-section__content .codex-swell-popular-list {
  max-height: none !important;
  overflow: visible !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section__content > :first-child,
#body_wrap.codex-harimap-v4 .hm-footer-section__content .c-widget {
  margin-top: 0;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__item {
  border-top: 1px solid var(--hm-v5-line);
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__item:first-child {
  border-top: 0;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__link {
  align-items: center;
  display: grid !important;
  gap: 0.6rem;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  min-height: 5rem;
  padding: 0.55rem 0 !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__thumb {
  aspect-ratio: 16 / 9;
  background: #f3f7f8;
  border-radius: 8px;
  box-shadow: 0 2px 7px rgb(23 50 77 / 10%);
  height: auto;
  overflow: hidden;
  width: 4.5rem;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__thumb figure,
#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__thumb img {
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__title {
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
  color: var(--hm-v5-heading);
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
  overflow: visible;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-tablist {
  display: grid !important;
  gap: 0.4rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0.75rem;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-tab {
  border: 1px solid var(--hm-v5-line) !important;
  border-radius: 8px !important;
  font-size: 0.875rem !important;
  font-weight: 750 !important;
  min-height: 44px;
  padding: 0.45rem !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-list {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-item {
  border-top: 1px solid var(--hm-v5-line);
  margin: 0 !important;
  padding: 0 !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-item:first-child {
  border-top: 0;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-link {
  align-items: center;
  display: grid !important;
  gap: 0.6rem;
  grid-template-columns: 1.5rem 4.5rem minmax(0, 1fr) !important;
  min-height: 5rem;
  padding: 0.55rem 0 !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-rank {
  align-items: center;
  background: #a7460d !important;
  border-radius: 999px;
  box-shadow: 0 0 0 2px #fff, 0 2px 5px rgb(23 50 77 / 22%);
  color: #fff !important;
  display: grid !important;
  font-size: 0.75rem;
  font-weight: 800;
  height: 1.65rem;
  justify-items: center;
  left: -0.5rem;
  line-height: 1;
  margin: 0;
  position: absolute !important;
  top: -0.75rem;
  width: 1.65rem;
  z-index: 2;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-media {
  aspect-ratio: 16 / 9;
  background: #f3f7f8;
  border-radius: 8px;
  box-shadow: 0 2px 7px rgb(23 50 77 / 10%);
  height: auto;
  overflow: hidden;
  width: 4.5rem;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-media img {
  height: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-title {
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: initial !important;
  color: var(--hm-v5-heading) !important;
  display: block !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__body,
#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-body {
  min-width: 0;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__title,
#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-title {
  color: var(--hm-v5-heading) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-break: strict;
  line-height: 1.55 !important;
  overflow-wrap: normal;
  text-wrap: wrap;
  word-break: normal;
  word-break: auto-phrase;
}

/* Reuse the homepage calendar's proven article-card rhythm in footer discovery. */
#body_wrap.codex-harimap-v4 .hm-footer-section:is([data-hm-footer-type="new"], [data-hm-footer-type="popular"]) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList,
#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-list {
  gap: 0.625rem !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__item,
#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-item {
  border: 0 !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__link,
#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-link {
  background: #fff;
  border: 1px solid var(--hm-v5-line);
  border-radius: 9px;
  box-shadow: none;
  gap: 0.625rem;
  min-height: 6rem;
  padding: 0.5rem !important;
  width: 100% !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__link {
  grid-template-columns: 7.5rem minmax(0, 1fr);
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__thumb,
#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-media {
  align-self: start;
  box-shadow: none;
  width: 7.5rem;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__body {
  align-self: start;
  padding-block: 0 !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-link {
  grid-template-columns: 7.5rem minmax(0, 1fr) !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-media {
  align-self: start;
  overflow: visible;
  position: relative;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-body {
  align-self: start;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-title {
  display: block !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-media img {
  border-radius: 8px;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .footer-cat-nav a {
  font-size: 0.9375rem !important;
  line-height: 1.45 !important;
  min-height: 44px;
  padding: 0.55rem 0.75rem !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .footer-cat-nav__grid {
  display: grid !important;
  gap: 0.75rem !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section .footer-public-links > ul {
  gap: 0.35rem 1rem !important;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

#body_wrap.codex-harimap-v4 .hm-footer-section .footer-cat-nav__grid > div > p,
#body_wrap.codex-harimap-v4 .hm-footer-section .footer-public-links > p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

#body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="area"] li > a {
  display: inline-flex;
  font-size: 0.9375rem;
  line-height: 1.55;
  min-height: 44px;
  padding-block: 0.35rem;
}

#body_wrap.codex-harimap-v4 .l-footer__foot .l-footer__nav a {
  align-items: center;
  color: #405365;
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.5;
  min-height: 44px;
  padding-block: 0.3rem;
}

#body_wrap.codex-harimap-v4 .l-footer__foot .copyright {
  font-size: 0.8125rem;
}

#body_wrap.codex-harimap-v4 .p-fixBtnWrap {
  bottom: calc(var(--hm-v5-anchor-safe) + max(0.65rem, env(safe-area-inset-bottom)));
  opacity: 0.9;
  transition: bottom 180ms ease;
}

@media (max-width: 959px) {
  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList.-type-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #body_wrap.codex-harimap-v4.single .l-mainContent,
  #body_wrap.codex-harimap-v4.single .l-mainContent__inner {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #body_wrap.codex-harimap-v4 .l-footer__widgetArea .w-footer {
    row-gap: 1.5rem !important;
  }

  #body_wrap.codex-harimap-v4 .l-footer__widgetArea .w-footer__box:is(
    [data-hm-footer-type="popular"],
    [data-hm-footer-type="area"]
  ) {
    border-top: 1px solid var(--hm-v5-line);
    padding-top: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  #body_wrap.codex-harimap-v4 .l-footer__widgetArea .w-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #body_wrap.codex-harimap-v4 .l-footer__widgetArea .w-footer__box[data-hm-footer-type="area"] {
    grid-column: 1 / -1;
  }

  #body_wrap.codex-harimap-v4 .hm-footer-section .footer-cat-nav__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 960px) {
  #body_wrap.codex-harimap-v4 .hm-footer-section .footer-cat-nav__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 599px) {
  :root {
    --hm-v5-text-measure: 100%;
    --hm-v5-media-measure: 100%;
  }

  #body_wrap.codex-harimap-v4 {
    font-size: 1rem;
  }

  #body_wrap.codex-harimap-v4 .l-content {
    padding-inline: clamp(0.75rem, 4vw, 1rem);
  }

  #body_wrap.codex-harimap-v4 .c-postTitle__ttl {
    font-size: clamp(1.22rem, 1rem + 1vw, 1.35rem);
    line-height: 1.45;
  }

  #body_wrap.codex-harimap-v4 .c-postTimes__modified {
    font-size: 0.75rem;
  }

  #body_wrap.codex-harimap-v4 .post_content {
    font-size: 1rem;
    line-height: 1.82;
  }

  #body_wrap.codex-harimap-v4 .post_content h2 {
    border-radius: 0;
    font-size: 1.2rem;
    line-height: 1.45;
    margin-block: 3.25rem 1.5rem;
    padding: 0.52rem 0.25rem 0.58rem 0.78rem;
  }

  #body_wrap.codex-harimap-v4 .post_content h3 {
    font-size: 1.08rem;
    margin-block: 2.25rem 1rem;
  }

  #body_wrap.codex-harimap-v4 .p-toc {
    margin-block: 2.5rem;
    padding: 0.9rem 1rem;
  }

  #body_wrap.codex-harimap-v4 .p-toc__link {
    font-size: 0.9375rem;
    min-height: 2.75rem;
  }

  #body_wrap.codex-harimap-v4 :where(.c-pageTitle, .c-ttl404) {
    font-size: 1.35rem;
  }

  #body_wrap.codex-harimap-v4 .p-termHead__desc {
    font-size: 0.9375rem;
    line-height: 1.78;
  }

  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList.-type-card {
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
  }

  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__title {
    font-size: 1rem;
    line-height: 1.55;
  }

  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__excerpt {
    font-size: 0.875rem;
    line-height: 1.72;
  }

  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main :where(.p-postList__times, .c-postTimes) {
    font-size: 0.75rem;
  }

  #body_wrap.codex-harimap-v4.home .hm-cal-pick {
    min-height: 6rem;
  }

  #body_wrap.codex-harimap-v4.home .hm-cal-pick-body {
    font-size: 0.875rem;
    line-height: 1.55;
  }

  #body_wrap.codex-harimap-v4.single .l-articleBottom__section.-related .p-relatedPosts {
    grid-auto-columns: minmax(14.5rem, 82vw);
  }

  #body_wrap.codex-harimap-v4.single .hm-v5-related-controls span {
    margin-right: auto;
  }

  #body_wrap.codex-harimap-v4.single .hm-v5-calendar-disclosure {
    margin-inline: 0;
    width: 100%;
  }

  #body_wrap.codex-harimap-v4 .p-fixBtnWrap {
    right: 0.45rem;
    transform: scale(0.88);
    transform-origin: right bottom;
  }

  #body_wrap.codex-harimap-v4 .l-footer__widgetArea .w-footer {
    grid-template-columns: minmax(0, 1fr);
  }

  #body_wrap.codex-harimap-v4 .hm-footer-section {
    height: auto;
    padding: 0.875rem;
  }

  #body_wrap.codex-harimap-v4 .hm-footer-section__title {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }

  #body_wrap.codex-harimap-v4 .hm-footer-section .footer-cat-nav__grid,
  #body_wrap.codex-harimap-v4 .hm-footer-section .footer-public-links > ul {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__link,
  #body_wrap.codex-harimap-v4 .hm-footer-section .codex-swell-popular-link {
    min-height: 5.5rem;
  }
}

@media (max-width: 359px) {
  #body_wrap.codex-harimap-v4 .l-content {
    padding-inline: 0.75rem;
  }

  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList__body {
    padding: 0.8rem 0.875rem 0.9rem;
  }

  #body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__link,
  #body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-link {
    grid-template-columns: 5.5rem minmax(0, 1fr) !important;
  }

  #body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="new"] .p-postList__thumb,
  #body_wrap.codex-harimap-v4 .hm-footer-section[data-hm-footer-type="popular"] .codex-swell-popular-media {
    width: 5.5rem;
  }

}

@media (prefers-reduced-motion: reduce) {
  #body_wrap.codex-harimap-v4 *,
  #body_wrap.codex-harimap-v4 *::before,
  #body_wrap.codex-harimap-v4 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Keep native list rows balanced and give the title column its full grid track. */
#body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList.-type-list .p-postList__body {
  justify-self: stretch;
  min-width: 0;
  width: 100% !important;
}

@media (max-width: 767px) {
  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList.-type-list .p-postList__thumb {
    align-self: start;
  }

  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList.-type-list .p-postList__meta {
    margin-top: 0;
  }

  #body_wrap.codex-harimap-v4:is(.archive, .search-results) main .p-postList.-type-list .p-postList__times {
    margin-top: 0 !important;
    padding-block: 0;
  }
}

.hm-next-read-v1{box-sizing:border-box;margin:2.5rem 0 1.25rem;padding:1.1rem 1rem 1rem;border:0;border-radius:14px;background:linear-gradient(160deg,#eef6f1 0%,#f5f9fc 100%);color:#17324d;box-shadow:0 1px 0 #dbe6ee inset}
.hm-next-read-v2__kicker{margin:0 0 .15rem!important;color:#2f7a41;font-size:.875rem!important;font-weight:800;letter-spacing:.14em}
.post_content .hm-next-read-v1 h2{margin:0 0 .8rem!important;padding:0!important;border:0!important;background:none!important;color:#17324d!important;font-size:1.25rem!important;line-height:1.4!important}
.post_content .hm-next-read-v1 h2::before,.post_content .hm-next-read-v1 h2::after{content:none!important}
.hm-next-read-v1 ul{display:grid;grid-template-columns:1fr;gap:10px;margin:0!important;padding:0!important;list-style:none!important}
.hm-next-read-v1 li{margin:0!important;padding:0!important;border:0!important}
.hm-next-read-v1 li::before{content:none!important}
.hm-next-read-v1 li a{display:grid;grid-template-columns:116px 1fr;gap:12px;align-items:center;min-height:44px;padding:8px;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(23,50,77,.10);color:#17324d!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease}
.hm-next-read-v1 li a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,50,77,.14)}
.hm-next-read-v2__media{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:7px;background:#e3ece6}
.hm-next-read-v2__media img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important}
.hm-next-read-v2__noimg{display:grid;place-items:center;height:100%;color:#2f7a41;font-weight:800}
.hm-next-read-v2__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.hm-next-read-v2__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:700;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
.hm-next-read-v2__date{color:#64748b;font-size:.875rem}
.hm-next-read-v1__tag{align-self:flex-start;display:inline-block;padding:1px 8px;border-radius:999px;background:#2f7a41;color:#fff;font-size:.875rem;font-weight:700;line-height:1.6}
.hm-next-read-v1__more{margin:.8rem 0 0!important;text-align:center}
.hm-next-read-v1__more a{display:inline-block;padding:.6rem 1.2rem;border:2px solid #2f7a41;border-radius:999px;background:#fff;color:#2f7a41!important;font-weight:700;font-size:.92rem;text-decoration:none!important}
.hm-next-read-v1 a:focus-visible{outline:3px solid #28763c;outline-offset:2px}
@media (min-width:768px){.hm-next-read-v1{padding:1.4rem 1.4rem 1.2rem}.hm-next-read-v1 ul{grid-template-columns:1fr 1fr}}

@media (min-width: 960px) {
  #header .l-header__inner { align-items: center !important; min-height: 96px; }
  #header .l-header__logo { padding: 12px 0 !important; align-self: center; flex: 0 0 auto; min-width: 200px; margin-right: 16px !important; }
  #header .c-headLogo { height: auto !important; display: flex; align-items: center; }
  #header .c-headLogo__link { height: auto !important; display: flex; align-items: center; }
  #header .c-headLogo__img { max-height: 68px !important; width: auto !important; height: auto !important; }
  #header .l-header__gnav, #header .c-gnav { height: 96px !important; align-items: stretch; }
  #header .c-gnav > .menu-item > a { padding: 0 14px !important; justify-content: center; font-size: 15px; font-weight: 600; letter-spacing: .02em; color: #1f2937; }
  #header .c-gnav > .menu-item > a .ttl { font-size: 15px; color: inherit; }
  #header .c-gnav > .menu-item > a:hover, #header .c-gnav > .menu-item > a:focus-visible { color: #0f5e8c; }
  #header .c-gnav > .menu-item > a::after { left: 14px !important; right: 14px; width: auto !important; height: 3px !important; border-radius: 3px 3px 0 0; bottom: 0; }
  .l-header__bar .c-catchphrase { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 1 1 auto; }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #header .l-header__inner { padding: 0 24px !important; }
  #header .l-header__logo { min-width: 170px; }
  #header .c-headLogo__img { max-height: 56px !important; }
  .l-header__bar .c-catchphrase { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.45; padding: 3px 0; text-wrap: balance; }
  #header .c-gnav > .menu-item > a { padding: 0 8px !important; font-size: 14px; }
  #header .c-gnav > .menu-item > a .ttl { font-size: 14px; }
  #header .c-gnav > .menu-item > a::after { left: 8px !important; right: 8px; }
}
@media (min-width: 960px) and (max-width: 1099px) {
  #header .l-header__logo { min-width: 0; margin-right: 8px !important; }
  #header .c-headLogo__img { max-height: 44px !important; }
  #header .c-gnav > .menu-item > a { padding: 0 7px !important; }
}


.hm-measurable-ad {
  box-sizing: border-box;
  clear: both;
  margin: clamp(1.5rem, 4vw, 2.5rem) auto;
  max-width: 100%;
  min-height: 140px;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.hm-measurable-ad__label {
  color: #64748b;
  display: block;
  font-size: 0.6875rem;
  letter-spacing: .08em;
  line-height: 1.4;
  margin-bottom: .35rem;
  text-align: center;
}
.hm-measurable-ad ins.adsbygoogle {
  margin-inline: auto;
  max-width: 100%;
}
.hm-measurable-ad[data-ad-state="unfilled"] {
  display: none;
}
#body_wrap.codex-harimap-v4.home .hm-measurable-ad--home {
  margin-block: clamp(1rem, 3vw, 1.75rem);
  max-width: 72rem;
}
#body_wrap.codex-harimap-v4.category .hm-measurable-ad--category {
  grid-column: 1 / -1;
  list-style: none;
}
/* 2026-10-23 A/B hm-top-ad-lead-v1 の B：リード（.hm-lead）直後の本文内枠。外枠に overflow/contain/固定幅を付けない。 */
.post_content > .hm-measurable-ad--single {
  margin-block: 1rem 1.5rem;
}
@media (max-width: 599px) {
  .hm-measurable-ad {
    margin-block: 1.25rem;
    min-height: 280px;
  }
}

@media (max-width:959px){
  /* 新着記事（SWELL 新着記事ウィジェット＋エリアタブ） */
  #body_wrap #swell_new_posts-2 .p-postList.-type-list{display:flex!important;flex-wrap:nowrap!important;gap:12px;margin:0 -2px!important;padding:4px 2px 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  #body_wrap #swell_new_posts-2 .p-postList__item{flex:0 0 68%!important;max-width:68%!important;margin:0!important;padding:0!important;scroll-snap-align:start;border:0!important}
  #body_wrap #swell_new_posts-2 .p-postList__link{display:flex!important;flex-direction:column!important;height:100%;padding:0!important;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(23,50,77,.12)}
  #body_wrap #swell_new_posts-2 .p-postList__thumb{width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:16/9;flex:none!important}
  #body_wrap #swell_new_posts-2 .p-postList__thumb img{width:100%;height:100%;object-fit:cover}
  #body_wrap #swell_new_posts-2 .p-postList__body{padding:10px 12px 12px!important;width:auto!important}
  #body_wrap #swell_new_posts-2 .p-postList__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.9rem!important;line-height:1.5!important}
  /* 人気記事ランキング（月間・週間・本日タブ） */
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-list{display:flex!important;flex-wrap:nowrap!important;gap:12px;margin:0!important;padding:4px 2px 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;list-style:none!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-item{flex:0 0 62%!important;max-width:62%!important;margin:0!important;padding:0!important;scroll-snap-align:start;border:0!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-link{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;height:100%;padding:0!important;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(23,50,77,.12)}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-media{position:relative;display:block!important;width:100%!important;max-width:none!important;aspect-ratio:16/10;flex:none!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-media img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
  /* 順位：画像に重ねるとアイキャッチが見にくいため、カード上部の帯に「1位」と出す（2026-10-09 本人「アイキャッチが見にくくなった」） */
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-link{padding-top:36px!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-media{position:static!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-item .codex-swell-popular-rank{position:absolute!important;top:7px!important;left:10px!important;right:auto!important;bottom:auto!important;z-index:3!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:24px!important;min-width:0!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:#a7460d!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important;transform:none!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-item .codex-swell-popular-rank::after{content:"位";margin-left:1px;font-size:11px}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-item:nth-child(1) .codex-swell-popular-rank{background:#c8971a!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-item:nth-child(2) .codex-swell-popular-rank{background:#7d8a97!important}
  #body_wrap #custom_html-8 .codex-swell-popular-tabs .codex-swell-popular-item:nth-child(3) .codex-swell-popular-rank{background:#a5683a!important}
  #body_wrap .codex-swell-popular-body{display:block!important;padding:10px 12px 12px!important}
  #body_wrap .codex-swell-popular-title{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.9rem;line-height:1.5}
  /* 重複をまとめる：スマホではサイドバーが記事の下に積まれ、フッターと同じ案内が2回出るため、サイドバー側の目的別ガイドと
     記事ページのフッター側の花ガイドを出さない（記事下の『咲く時期から』とフッターの目的別ガイドは残す）。広告・PRは対象外。 */
  #body_wrap #sidebar .reader-nav--sidebar{display:none!important}
  #body_wrap.single .hm-flower-promo--footer{display:none!important}
}