#body_wrap.hm-unified-design-v1 { --hm-ink:#17324d; --hm-text:#24364b; --hm-muted:#5a6978; --hm-brand:#19766f; --hm-brand-deep:#115954; --hm-accent:#a84f1f; --hm-line:#d9e3e8; --hm-soft:#f4f8f7; --hm-soft-blue:#f2f6fb; --hm-surface:#ffffff; --hm-radius-sm:8px; --hm-radius:14px; --hm-radius-lg:20px; --hm-shadow-sm:0 1px 2px rgba(23,50,77,.07),0 8px 24px rgba(23,50,77,.05); --hm-shadow:0 4px 12px rgba(23,50,77,.08),0 18px 44px rgba(23,50,77,.08); color:var(--hm-text); } .hm-skip-link { position:fixed; z-index:100000; top:10px; left:10px; transform:translateY(-160%); display:inline-flex; align-items:center; min-height:44px; padding:8px 16px; border:2px solid var(--hm-ink,#17324d); border-radius:10px; background:#fff; color:var(--hm-ink,#17324d)!important; font-weight:800; box-shadow:0 8px 24px rgba(15,23,42,.22); clip-path:inset(50%); /* Keep nonfocused fixed links clipped in element captures too. */ transition:none; } .hm-skip-link:focus { clip-path:none; transform:translateY(0); } #body_wrap.hm-unified-design-v1 :where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #d97706!important; outline-offset:3px!important; border-radius:var(--hm-radius-sm); } #body_wrap.hm-unified-design-v1 :where(.c-postTitle__ttl,.c-pageTitle,.c-ttl404,.p-postList__title) { color:var(--hm-ink); text-wrap:balance; overflow-wrap:anywhere; } #body_wrap.hm-unified-design-v1 :where(.p-articleThumb,.p-postList__thumb,.c-postThumb__figure) { overflow:hidden; border-radius:var(--hm-radius); } #body_wrap.hm-unified-design-v1 .p-articleThumb { box-shadow:var(--hm-shadow-sm); } #body_wrap.hm-unified-design-v1 .p-articleThumb img { transition:transform .28s ease; } #body_wrap.hm-unified-design-v1 :where(.p-termHead,.p-searchContent,.c-ttl404 + .post_content) { border:1px solid var(--hm-line); border-radius:var(--hm-radius); background:linear-gradient(145deg,var(--hm-surface),var(--hm-soft)); box-shadow:var(--hm-shadow-sm); } #body_wrap.hm-unified-design-v1 .p-termHead { padding:clamp(18px,3vw,28px); } #body_wrap.hm-unified-design-v1 main .p-postList__item { overflow:hidden; border:1px solid var(--hm-line); border-radius:var(--hm-radius); background:var(--hm-surface); box-shadow:var(--hm-shadow-sm); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } #body_wrap.hm-unified-design-v1 main .p-postList__item:hover { transform:translateY(-2px); border-color:#b9ccd4; box-shadow:var(--hm-shadow); } #body_wrap.hm-unified-design-v1 main .p-postList__item .p-postList__body { padding:14px 16px 16px; } #body_wrap.hm-unified-design-v1 main .p-postList__item .p-postList__title { font-weight:750; line-height:1.55; } #body_wrap.hm-unified-design-v1 main .p-postList__item .p-postList__excerpt { color:var(--hm-muted); line-height:1.72; } #body_wrap.hm-unified-design-v1 :where(.p-postList__times,.c-postTimes,.p-breadcrumb) { color:var(--hm-muted); } #body_wrap.hm-unified-design-v1 .post_content :where(h2,h3) { scroll-margin-top:96px; } #body_wrap.hm-unified-design-v1 .post_content h2 { border-radius:var(--hm-radius-sm); text-wrap:balance; } #body_wrap.hm-unified-design-v1 .post_content :where(blockquote,.wp-block-quote,.wp-block-table,.swell-block-capbox,.is-style-big_icon_point,.is-style-big_icon_check) { border-radius:var(--hm-radius-sm); } #body_wrap.hm-unified-design-v1 .post_content a:not(.wp-element-button):not([class*="btn"]):not([class*="button"]) { text-decoration-thickness:.08em; text-underline-offset:.2em; } #body_wrap.hm-unified-design-v1 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) { min-height:48px; border:1px solid #bdcbd2; border-radius:10px; background:#fff; color:var(--hm-text); } #body_wrap.hm-unified-design-v1 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea):focus { border-color:var(--hm-brand); box-shadow:0 0 0 4px rgba(25,118,111,.13); } #body_wrap.hm-unified-design-v1 :where(.c-searchForm__submit,.page-numbers) { min-width:44px; min-height:44px; } /* The PR landing page has its own complete hero H1; remove the duplicate theme title visually and from the accessibility tree. */ #body_wrap.hm-unified-design-v1.id_20288 .c-pageTitle { display:none; } #body_wrap.hm-unified-design-v1 .l-footer__widgetArea { border-top:1px solid var(--hm-line); background:linear-gradient(180deg,#f7faf9 0%,#edf4f2 100%); } #body_wrap.hm-unified-design-v1 .l-footer__foot { border-top:1px solid var(--hm-line); background:#e7efed; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure { border:0; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure > summary { position:relative; display:flex; align-items:center; min-height:52px; padding:12px 48px 12px 16px; border:1px solid #cbd9dd; border-radius:12px; background:#fff; color:var(--hm-ink); font-weight:800; cursor:pointer; list-style:none; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure > summary::-webkit-details-marker { display:none; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure > summary::after { content:"＋"; position:absolute; right:16px; top:50%; transform:translateY(-50%); color:var(--hm-brand); font-size:1.2rem; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure[open] > summary::after { content:"−"; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure__content { padding-top:14px; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure__content .c-widget__title.-footer { display:none; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure__content a { border-radius:7px; } @media (min-width:769px) { #body_wrap.hm-unified-design-v1 .hm-footer-disclosure > summary { display:none; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure__content { padding-top:0; } #body_wrap.hm-unified-design-v1 main .p-postList__item:hover .p-postList__thumb img, #body_wrap.hm-unified-design-v1 main .p-postList__item:hover .c-postThumb__img { transform:scale(1.018); } } @media (max-width:768px) { #body_wrap.hm-unified-design-v1 :where(.c-postTitle__ttl,.c-pageTitle,.c-ttl404) { line-height:1.45; } #body_wrap.hm-unified-design-v1 :where(.c-categoryList__link,.c-tagList__link) { height:40px!important; min-height:40px!important; padding-inline:14px!important; } #body_wrap.hm-unified-design-v1 .p-toc__link { display:flex!important; align-items:center; min-height:44px!important; padding-top:8px!important; padding-bottom:8px!important; line-height:1.55!important; } #body_wrap.hm-unified-design-v1 .p-breadcrumb__text { min-height:40px!important; padding-top:4px; padding-bottom:4px; } #body_wrap.hm-unified-design-v1 .c-searchForm__s { min-height:48px; } #body_wrap.hm-unified-design-v1 .c-searchForm__submit { width:48px!important; min-width:48px!important; min-height:48px!important; } #body_wrap.hm-unified-design-v1 .l-footer__widgetArea { padding:24px 0 18px; } #body_wrap.hm-unified-design-v1 .l-footer__widgetArea .w-footer { display:grid!important; gap:10px!important; } #body_wrap.hm-unified-design-v1 .l-footer__widgetArea .w-footer__box { width:100%!important; margin:0!important; padding:0!important; } #body_wrap.hm-unified-design-v1 .hm-footer-disclosure__content a { display:flex; align-items:center; min-height:40px; } #body_wrap.hm-unified-design-v1 main .p-postList__item .p-postList__body { padding:13px 14px 15px; } } @media (prefers-reduced-motion:reduce) { .hm-skip-link, #body_wrap.hm-unified-design-v1 main .p-postList__item, #body_wrap.hm-unified-design-v1 .p-articleThumb img { transition:none!important; } #body_wrap.hm-unified-design-v1 main .p-postList__item:hover { transform:none; } } @media (max-width: 960px) { #body_wrap.page:not(.home) .l-mainContent__inner, #body_wrap.archive.category .l-mainContent__inner, .page:not(.home) .l-mainContent__inner, .archive.category .l-mainContent__inner { display: flex; flex-direction: column; } #body_wrap.page:not(.home) .l-mainContent__inner > .c-pageTitle, #body_wrap.archive.category .l-mainContent__inner > .c-pageTitle, .page:not(.home) .l-mainContent__inner > .c-pageTitle, .archive.category .l-mainContent__inner > .c-pageTitle { order: 1; margin-top: 0 !important; } #body_wrap.page:not(.home) .l-mainContent__inner > .post_content, .page:not(.home) .l-mainContent__inner > .post_content { order: 2; } #body_wrap.archive.category .l-mainContent__inner > .p-termHead, .archive.category .l-mainContent__inner > .p-termHead { order: 2; } #body_wrap.archive.category .l-mainContent__inner > .p-termContent, .archive.category .l-mainContent__inner > .p-termContent { order: 3; } #body_wrap.page:not(.home) .l-mainContent__inner > .google-auto-placed:first-child, #body_wrap.archive.category .l-mainContent__inner > .google-auto-placed:first-child, .page:not(.home) .l-mainContent__inner > .google-auto-placed:first-child, .archive.category .l-mainContent__inner > .google-auto-placed:first-child { order: 6; margin: 24px 0 0 !important; } #body_wrap.page-id-14978 .codex-lazy-google-form:not(:has(iframe)), .page-id-14978 .codex-lazy-google-form:not(:has(iframe)) { min-height: 240px !important; height: 240px !important; display: flex; align-items: center; justify-content: center; border: 1px solid #dbe7df; border-radius: 8px; background: #f7fbf8; color: #315041; overflow: hidden; } #body_wrap.page-id-14978 .codex-lazy-google-form:not(:has(iframe))::before, .page-id-14978 .codex-lazy-google-form:not(:has(iframe))::before { content: "お問い合わせフォームを読み込みます"; padding: 0 16px; font-size: 14px; font-weight: 700; line-height: 1.7; text-align: center; } #body_wrap.page-id-14978 .codex-lazy-google-form iframe, .page-id-14978 .codex-lazy-google-form iframe { min-height: 900px !important; } } .post_content :is(p,li,dd,td,th,figcaption,blockquote) a:not([class]):not([style]):not(:has(img)){text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.22em!important;text-decoration-skip-ink:auto} .post_content :is(p,li,dd,td,th,figcaption,blockquote) a:not([class]):not([style]):not(:has(img)):hover{text-decoration-thickness:2px!important} .post_content :is(p,li,dd) a:not([class]):not([style]):not(:has(img)):visited{color:#6b3fa0} /* SWELL small opacity makes otherwise dark labels fall below 4.5:1. */ #body_wrap.is-hub .post_content small{font-size:max(14px,.875em);opacity:1!important} #body_wrap.is-hub .cr-prefsrc-top__go{background-color:#fff} @media (max-width:959px){ #body_wrap .p-articleMetas.-top .c-categoryList__link:nth-child(n+4){display:none!important} #body_wrap.is-hub .p-articleMetas.-top .p-articleMetas__termList.c-categoryList{display:none!important} #body_wrap.is-hub .p-toc.-capbox{font-size:.88em} #body_wrap.is-hub .p-toc.-capbox li{margin-top:.1em;margin-bottom:.1em;line-height:1.45} } main.l-mainContent .l-mainContent__inner>.post_content>.claude-holiday--front{order:2} .claude-holiday{margin:0 0 1.6em;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#8a2a0b 0%,#b5481a 55%,#d07a1e 100%);color:#fff;box-shadow:0 6px 18px rgba(120,40,10,.22)} .claude-holiday a.claude-holiday__link{display:block;padding:18px 20px 16px;color:#fff!important;text-decoration:none!important} .claude-holiday__kicker{display:inline-block;margin:0 0 6px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:13px;font-weight:700;letter-spacing:.04em} .claude-holiday__dates{display:block;font-size:15px;font-weight:700;opacity:.95} .claude-holiday__title{display:block;margin:2px 0 6px;font-size:22px;font-weight:800;line-height:1.35} .claude-holiday__lead{display:block;font-size:14px;line-height:1.6;opacity:.95} .claude-holiday-strip{margin:0 0 1.4em} .claude-holiday-strip a{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-height:48px;padding:10px 14px;border:1px solid #f0d2bd;border-left:6px solid #b5481a;border-radius:12px;background:#fff6ef;color:#5a1c06!important;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none!important} .claude-holiday-strip__kicker{color:#b5481a} .claude-holiday-strip__go{margin-left:auto;color:#075ea9;white-space:nowrap} .claude-holiday-strip a:focus-visible{outline:3px solid #b85400;outline-offset:3px} .claude-holiday__btn{display:inline-block;margin-top:12px;padding:10px 18px;border-radius:999px;background:#fff;color:#8a2a0b;font-weight:800;font-size:15px;min-height:44px;box-sizing:border-box} .claude-holiday a.claude-holiday__link:hover .claude-holiday__btn,.claude-holiday a.claude-holiday__link:focus-visible .claude-holiday__btn{background:#ffe9d6} .claude-holiday a.claude-holiday__link:focus-visible{outline:3px solid #ffd27a;outline-offset:-3px} @media(min-width:960px){.claude-holiday a.claude-holiday__link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 24px;padding:20px 26px}.claude-holiday__btn{margin-top:0;grid-row:1/span 4;grid-column:2}.claude-holiday__title{font-size:25px}} /* B: materialized only for the assigned browser; A never requests the image. */ .claude-holiday--illustrated{background:linear-gradient(135deg,#8a2a0b,#a84413)} .claude-holiday--illustrated a.claude-holiday__link{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0 12px 12px} .claude-holiday--illustrated .claude-holiday__image{display:block;width:calc(100% + 24px);max-width:none;height:auto;margin:0 -12px 12px;border:0;border-radius:0;grid-column:1;grid-row:1} /* The image already carries the headline/date. Keep those accessible without repeating them visually. */ .claude-holiday--illustrated .claude-holiday__kicker,.claude-holiday--illustrated .claude-holiday__lead{display:none} .claude-holiday--illustrated .claude-holiday__title,.claude-holiday--illustrated .claude-holiday__dates{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .claude-holiday--illustrated .claude-holiday__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0;padding:12px 18px;grid-column:1;grid-row:2;line-height:1.5} .claude-holiday--illustrated a.claude-holiday__link:focus-visible{outline:4px solid #ffd27a;outline-offset:-5px} @media(min-width:960px){ .claude-holiday--illustrated a.claude-holiday__link{grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:24px;padding:12px 16px} .claude-holiday--illustrated .claude-holiday__image{grid-column:1;grid-row:1;align-self:center;width:100%;margin:0;border-radius:8px} .claude-holiday--illustrated .claude-holiday__btn{grid-column:2;grid-row:1} } .hmw-filter{position:sticky;top:0;z-index:20;margin:0 0 18px;padding:10px 0 8px;background:rgba(255,255,255,.96);backdrop-filter:blur(4px);border-bottom:1px solid #d9e6e2} .hmw-filter__row{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px 2px} .hmw-filter button{flex:0 0 auto;min-height:40px;padding:7px 14px;border:1.5px solid #9cc3b8;border-radius:999px;background:#fff;color:#14453c;font-size:14px;font-weight:800;line-height:1.2;cursor:pointer;white-space:nowrap} .hmw-filter button[aria-pressed="true"]{background:#0b6b55;border-color:#0b6b55;color:#fff} .hmw-filter button:focus-visible{outline:3px solid #ffbf47;outline-offset:2px} .hmw-filter__count{margin:6px 2px 0;font-size:13px;font-weight:700;color:#45605f} .hmw-filter__count b{color:#a23b12;font-size:16px} @media(max-width:600px){.hmw-filter__row{gap:6px}.hmw-filter button{min-height:38px;padding:6px 11px;font-size:13px}} .hmw .hmw-item[hidden]{display:none!important} .hmw .hmw-empty{grid-column:1/-1;margin:0!important;padding:6px 10px;color:#7a8b88;font-size:12.5px;text-align:left} .hmw .hmw-badge.hmw-today{background:#c2410c!important;color:#fff!important;border-color:#c2410c!important} .hmw .hmw-badge.hmw-tomorrow{background:#fff3e6!important;color:#9a3412!important;border-color:#f3b37a!important} .hmw-filter button.hmw-filter__saved{border-color:#f3a5b5;color:#be123c} .hmw-filter button.hmw-filter__saved[aria-pressed="true"]{background:#e11d48;border-color:#e11d48;color:#fff} .hmw-filter button.hmw-filter__dice{border-color:#f0b35a;background:#fff7e8;color:#8a4b00} .hmw .hmw-heart{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#be123c;font-size:19px;line-height:1;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.25);transition:transform .15s} .hmw .hmw-heart[aria-pressed="true"]{background:#e11d48;color:#fff} .hmw .hmw-heart.is-pop{animation:hmw-heart .45s ease} .hmw .hmw-heart:focus-visible{outline:3px solid #ffbf47;outline-offset:2px} @keyframes hmw-heart{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}} .hmw-toast{position:fixed;left:50%;top:76px;z-index:9999;max-width:min(92vw,420px);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} .hmw-toast.is-on{opacity:1;transform:translate(-50%,0)} .hmw .hmw-countdown{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:#ffcc33;color:#4a2500;font-size:14px;font-weight:900;letter-spacing:.02em} @media(max-width:600px){.hmw-filter__row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.hmw-filter__row::-webkit-scrollbar{display:none}} @media(prefers-reduced-motion:reduce){.hmw .hmw-heart.is-pop,.hmw .hmw-item.is-picked{animation:none}} :root{--ms-head:#153c43;} /* 申込先の枠とボタン（tools/affmiss_insert.py が足す .ms-apply / .ms-apply-mid）。全サイト共通、色は --ms-head（各サイトの比較表と同じ）。 ボタンは高さ48px以上・16px・白文字（コントラスト4.5:1以上）、スマホでは横幅いっぱい。 */ .post_content .ms-apply{margin:2em 0 1.5em;padding:16px 16px 10px;border:2px solid var(--ms-head,#173b64);border-radius:10px;background:#f7f9fc} .post_content .ms-apply__title{margin:0 0 10px!important;font-size:17px;font-weight:700;color:var(--ms-head,#173b64);line-height:1.5} .post_content .ms-apply p{margin:0 0 10px} .post_content .ms-apply__btn,.post_content .ms-apply-mid .ms-apply__btn{display:flex;align-items:center;justify-content:center;gap:.4em;box-sizing:border-box;width:100%;min-height:52px;padding:10px 16px;border-radius:8px;background:var(--ms-head,#173b64);color:#fff!important;font-size:16px;font-weight:700;line-height:1.45;text-align:center;text-decoration:none!important;box-shadow:0 2px 0 rgba(0,0,0,.18)} .post_content .ms-apply__btn::after{content:"›";font-size:1.3em;line-height:1} .post_content .ms-apply__btn:hover{filter:brightness(1.12)} #body_wrap .post_content .ms-apply__btn:focus-visible{outline:3px solid #2454db!important;outline-offset:3px!important} .post_content .ms-apply__sub{display:block;margin-top:4px;font-size:14px;color:#3d4652} .post_content .ms-apply__note{margin:4px 0 6px!important;font-size:14px;color:#3d4652;line-height:1.6} .post_content .ms-apply-mid{margin:1.2em 0 1.6em} @media (min-width:768px){.post_content .ms-apply__btn{width:auto;min-width:min(100%,420px);display:inline-flex}.post_content .ms-apply p{display:block}} /* 提携リンクのボタンをリンク先サービスのイメージカラーにする。tools/brand_colors.py が assets/brand-colors.json から作る（手で直さない） */ #body_wrap .post_content a:is(.ms-apply__btn,.wp-block-button__link,.swell-block-button__link,[class*="btn"],[class*="button"],[style*="background"]):is([href*="valuecommerce.com"],[href*="afl.rakuten.co.jp"],[href*="a8.net"],[href*="accesstrade.net"],[href*="linksynergy.com"],[href*="moshimo.com"],[href*="trafficgate.net"],[href*="rentracks.jp"],[href*="felmat.net"],[href*="afi-b.com"],[href*="amazon.co.jp"][href*="tag="],[href*="amzn."],[href^="https://shopping.yahoo.co.jp/"],[href^="https://store.shopping.yahoo.co.jp/"],[href^="https://travel.yahoo.co.jp/"],[href^="https://www.asoview.com/"],[href^="https://www.ikyu.com/"],[href^="https://www.jalan.net/"],[href^="https://www.jtb.co.jp/"],[href^="https://www.kkday.com/"],[href^="https://www.klook.com/"],[href^="https://yado.knt.co.jp/"]):is([href*="0100p03h00"],[href*="35FBA6+BA1SQY+50"],[href*="35FBA6+BET9L6+50"],[href*="4B7VKV+123W4I+3NAY"],[href*="4B7VKV+123WWA+3NAY"],[href*="4B85OZ+E39HL6+5W12"],[href*="4B9XTA+C1FQKQ+50"],[href*="4BEA4X+3NKYVE+7QW"],[href*="4BEA51+4V1L9E+35UM"],[href*="4BEET2+50ZY2Y+59RY"],[href*="4BEFL7+D2CMUQ+2WL0"],[href*="4BEGD9+D8AY4Q+5XHK"],[href*="4BEJHC+F5D8AY+4WD6"],[href*="4BEL1G+9RVDGY+3ZZC"],[href*="4BEL1J+4FKCAY+4KHO"],[href*="4BEMLP+7MH022+1LOO"],[href*="akippa.com"],[href*="algo.promo"],[href*="amazon.co.jp"],[href*="amzn.asia"],[href*="amzn.to"],[href*="asoview.com"],[href*="asus.com"],[href*="cado.com"],[href*="conoha.jp"],[href*="deli-picks.com"],[href*="dell.com"],[href*="dyson.co.jp"],[href*="gmktec.com"],[href*="gmobb.jp"],[href*="gnavi.co.jp"],[href*="ikyu.com"],[href*="interlink.or.jp"],[href*="irobot-jp.com"],[href*="jalan.net"],[href*="jtb.co.jp"],[href*="knt.co.jp"],[href*="lenovo.com"],[href*="macromill.com"],[href*="monitor.macromill.com"],[href*="nishikawa1566.com"],[href*="ns-softbank-hikari.com"],[href*="nta.co.jp"],[href*="o-ken.com"],[href*="offerid=1728655"],[href*="offerid=2040720"],[href*="rakuten.co.jp"],[href*="rental-car.jp"],[href*="rog.asus.com"],[href*="tabelog.com"],[href*="ticket.rakuten.co.jp"],[href*="travel.rakuten.co.jp"],[href*="warau.jp"],[href*="yahoo.co.jp"]){background:var(--se-brand-bg)!important;background-color:var(--se-brand-bg)!important;border-color:var(--se-brand-bg)!important;color:var(--se-brand-text)!important} #body_wrap .post_content a:is(.ms-apply__btn,.wp-block-button__link,.swell-block-button__link,[class*="btn"],[class*="button"],[style*="background"]):is([href*="valuecommerce.com"],[href*="afl.rakuten.co.jp"],[href*="a8.net"],[href*="accesstrade.net"],[href*="linksynergy.com"],[href*="moshimo.com"],[href*="trafficgate.net"],[href*="rentracks.jp"],[href*="felmat.net"],[href*="afi-b.com"],[href*="amazon.co.jp"][href*="tag="],[href*="amzn."],[href^="https://shopping.yahoo.co.jp/"],[href^="https://store.shopping.yahoo.co.jp/"],[href^="https://travel.yahoo.co.jp/"],[href^="https://www.asoview.com/"],[href^="https://www.ikyu.com/"],[href^="https://www.jalan.net/"],[href^="https://www.jtb.co.jp/"],[href^="https://www.kkday.com/"],[href^="https://www.klook.com/"],[href^="https://yado.knt.co.jp/"]):is([href*="0100p03h00"],[href*="35FBA6+BA1SQY+50"],[href*="35FBA6+BET9L6+50"],[href*="4B7VKV+123W4I+3NAY"],[href*="4B7VKV+123WWA+3NAY"],[href*="4B85OZ+E39HL6+5W12"],[href*="4B9XTA+C1FQKQ+50"],[href*="4BEA4X+3NKYVE+7QW"],[href*="4BEA51+4V1L9E+35UM"],[href*="4BEET2+50ZY2Y+59RY"],[href*="4BEFL7+D2CMUQ+2WL0"],[href*="4BEGD9+D8AY4Q+5XHK"],[href*="4BEJHC+F5D8AY+4WD6"],[href*="4BEL1G+9RVDGY+3ZZC"],[href*="4BEL1J+4FKCAY+4KHO"],[href*="4BEMLP+7MH022+1LOO"],[href*="akippa.com"],[href*="algo.promo"],[href*="amazon.co.jp"],[href*="amzn.asia"],[href*="amzn.to"],[href*="asoview.com"],[href*="asus.com"],[href*="cado.com"],[href*="conoha.jp"],[href*="deli-picks.com"],[href*="dell.com"],[href*="dyson.co.jp"],[href*="gmktec.com"],[href*="gmobb.jp"],[href*="gnavi.co.jp"],[href*="ikyu.com"],[href*="interlink.or.jp"],[href*="irobot-jp.com"],[href*="jalan.net"],[href*="jtb.co.jp"],[href*="knt.co.jp"],[href*="lenovo.com"],[href*="macromill.com"],[href*="monitor.macromill.com"],[href*="nishikawa1566.com"],[href*="ns-softbank-hikari.com"],[href*="nta.co.jp"],[href*="o-ken.com"],[href*="offerid=1728655"],[href*="offerid=2040720"],[href*="rakuten.co.jp"],[href*="rental-car.jp"],[href*="rog.asus.com"],[href*="tabelog.com"],[href*="ticket.rakuten.co.jp"],[href*="travel.rakuten.co.jp"],[href*="warau.jp"],[href*="yahoo.co.jp"]) :not(img){color:var(--se-brand-text)!important} #body_wrap .post_content a[href*="amzn.to"]{--se-brand-bg:#ff9900;--se-brand-text:#0f1111} #body_wrap .post_content a[href*="asus.com"]{--se-brand-bg:#b3b3b3;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="cado.com"]{--se-brand-bg:#27282d;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="dell.com"]{--se-brand-bg:#0073cd;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="gmobb.jp"]{--se-brand-bg:#005bac;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="ikyu.com"]{--se-brand-bg:#1a4678;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="warau.jp"]{--se-brand-bg:#eb1315;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="amzn.asia"]{--se-brand-bg:#ff9900;--se-brand-text:#0f1111} #body_wrap .post_content a[href*="conoha.jp"]{--se-brand-bg:#12b8d7;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="jalan.net"]{--se-brand-bg:#ff6600;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="jtb.co.jp"]{--se-brand-bg:#d04510;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="knt.co.jp"]{--se-brand-bg:#024299;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="nta.co.jp"]{--se-brand-bg:#111184;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="o-ken.com"]{--se-brand-bg:#1d3b4e;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="akippa.com"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="algo.promo"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="gmktec.com"]{--se-brand-bg:#454546;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="lenovo.com"]{--se-brand-bg:#e3140c;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="0100p03h00"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="asoview.com"]{--se-brand-bg:#eb0000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="dyson.co.jp"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="gnavi.co.jp"]{--se-brand-bg:#f1b145;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="tabelog.com"]{--se-brand-bg:#7e5b24;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="yahoo.co.jp"]{--se-brand-bg:#e60033;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="amazon.co.jp"]{--se-brand-bg:#ff9900;--se-brand-text:#0f1111} #body_wrap .post_content a[href*="rog.asus.com"]{--se-brand-bg:#ea0a19;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="irobot-jp.com"]{--se-brand-bg:#6cb86a;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="macromill.com"]{--se-brand-bg:#0052a4;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="rakuten.co.jp"]{--se-brand-bg:#bf0000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="rental-car.jp"]{--se-brand-bg:#f1ab10;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="deli-picks.com"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="offerid=2040720"]{--se-brand-bg:#f1b145;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="interlink.or.jp"]{--se-brand-bg:#0060af;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="offerid=1728655"]{--se-brand-bg:#8020cb;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="35FBA6+BA1SQY+50"]{--se-brand-bg:#12b8d7;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="35FBA6+BET9L6+50"]{--se-brand-bg:#12b8d7;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="4B9XTA+C1FQKQ+50"]{--se-brand-bg:#005bac;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4BEA4X+3NKYVE+7QW"]{--se-brand-bg:#0060af;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="nishikawa1566.com"]{--se-brand-bg:#d71623;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4B7VKV+123W4I+3NAY"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4B7VKV+123WWA+3NAY"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4BEGD9+D8AY4Q+5XHK"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4BEET2+50ZY2Y+59RY"]{--se-brand-bg:#27282d;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4BEJHC+F5D8AY+4WD6"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4B85OZ+E39HL6+5W12"]{--se-brand-bg:#454546;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4BEL1J+4FKCAY+4KHO"]{--se-brand-bg:#6cb86a;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="4BEFL7+D2CMUQ+2WL0"]{--se-brand-bg:#ff5300;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="4BEMLP+7MH022+1LOO"]{--se-brand-bg:#1d3b4e;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="4BEA51+4V1L9E+35UM"]{--se-brand-bg:#f1ab10;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="4BEL1G+9RVDGY+3ZZC"]{--se-brand-bg:#eb1315;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="ticket.rakuten.co.jp"]{--se-brand-bg:#8020cb;--se-brand-text:#ffffff} #body_wrap .post_content a[href*="travel.rakuten.co.jp"]{--se-brand-bg:#00b800;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="monitor.macromill.com"]{--se-brand-bg:#ff5300;--se-brand-text:#1a1a1a} #body_wrap .post_content a[href*="ns-softbank-hikari.com"]{--se-brand-bg:#000000;--se-brand-text:#ffffff} /* イベント記事の「開催日に空いている近くの宿」（tools/harimap_stay_box.py が本文に入れる）。ボタンの色は brand-buttons.css が付ける */ .post_content .hm-stay{margin:2.2em 0;padding:18px 16px 14px;border:2px solid #153c43;border-radius:12px;background:#f6fafb} .post_content .hm-stay__title{margin:0 0 .3em!important;font-size:19px;font-weight:800;line-height:1.45;color:#153c43} .post_content .hm-stay__lead{margin:0 0 1em!important;font-size:14px;line-height:1.7;color:#334} .post_content .hm-stay__list{display:grid;gap:12px;margin:0 0 .8em;padding:0;list-style:none} .post_content .hm-stay__item{margin:0;padding:12px;border:1px solid #d5e3e6;border-radius:10px;background:#fff;list-style:none} .post_content .hm-stay__item::before{display:none!important} .post_content .hm-stay__top{display:flex;gap:12px;align-items:flex-start} .post_content .hm-stay__img{flex:0 0 88px;width:88px;height:66px;object-fit:cover;border-radius:6px;margin:0!important} .post_content .hm-stay__name{margin:0!important;font-size:16px;font-weight:700;line-height:1.45;color:#111} .post_content .hm-stay__meta{margin:.2em 0 0!important;font-size:14px;line-height:1.6;color:#445} .post_content .hm-stay__price{margin:.5em 0 0!important;font-size:15px;line-height:1.5;color:#111} .post_content .hm-stay__price b{font-size:20px;color:#a23b12} .post_content .hm-stay__deal{margin:.5em 0 0!important;padding:6px 10px;border-radius:6px;background:#fff4ee;font-size:14px;line-height:1.6;color:#5a2a0c} .post_content .hm-stay__deal b{color:#a23b12} .post_content .hm-stay__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:.7em 0 0} .post_content .hm-stay__btn{display:flex!important;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;border-radius:8px;background:#153c43;color:#fff!important;font-size:14px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none!important} .post_content .hm-stay__more{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:.4em 0 .6em} .post_content .hm-stay__note{margin:.4em 0 0!important;font-size:13px;line-height:1.6;color:#556} @media (max-width:420px){.post_content .hm-stay__btns,.post_content .hm-stay__more{grid-template-columns:1fr}} .post_content .hm-stay__cmp{margin:.6em 0 0;padding:8px 10px;border-radius:8px;background:#f3f6f8} .post_content .hm-stay__cmp-title{margin:0 0 .3em!important;font-size:13px;font-weight:700;color:#334} .post_content .hm-stay__otas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px;margin:0;padding:0;list-style:none} .post_content .hm-stay__ota{margin:0;padding:2px 0;list-style:none;font-size:14px;line-height:1.5;color:#223} .post_content .hm-stay__ota::before{display:none!important} .post_content .hm-stay__ota span{margin-right:.4em} .post_content .hm-stay__ota em{margin-left:.3em;padding:1px 6px;border-radius:4px;background:#a23b12;color:#fff;font-style:normal;font-size:12px;font-weight:700} .post_content .hm-stay__ota.is-low b{color:#a23b12} .post_content .hm-stay__ota small{display:block;font-size:12px;color:#5a2a0c} /* 宿の記事の「旅行サイト別の最安料金」（tools/harimap_hotel_compare.py）。チップの色は brand-buttons.css（各社のイメージカラー） */ .post_content .hm-cmp{margin:2em 0;padding:18px 16px 14px;border:2px solid #153c43;border-radius:12px;background:#fbfcfd} .post_content .hm-cmp__title{margin:0 0 .3em!important;font-size:19px;font-weight:800;line-height:1.45;color:#153c43} .post_content .hm-cmp__lead{margin:0 0 1em!important;font-size:14px;line-height:1.7;color:#334} .post_content .hm-cmp__list{display:grid;gap:10px;margin:0 0 .6em;padding:0;list-style:none} .post_content .hm-cmp__item{margin:0;padding:10px 12px;border:1px solid #d5e3e6;border-radius:10px;background:#fff;list-style:none} .post_content .hm-cmp__item::before{display:none!important} .post_content .hm-cmp__name{margin:0 0 .4em!important;font-size:16px;font-weight:700;line-height:1.45;color:#111} .post_content .hm-cmp__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px} .post_content .hm-cmp__chip{position:relative;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 .4em;min-height:48px;padding:5px 8px;border-radius:8px;background:#eef3f7;color:#172b3a;font-size:13px;line-height:1.4;text-decoration:none!important} .post_content .hm-cmp__chip b{font-size:16px} /* 色は brand-buttons.css（#body_wrap 付き）の文字色より強くする */ #body_wrap#body_wrap .post_content .hm-cmp .hm-cmp__chips .hm-cmp__chip em,#body_wrap#body_wrap .post_content .hm-cmp .hm-cmp__chips .hm-cmp__chip i{padding:0 6px;border-radius:4px;background:#fff!important;color:#a23b12!important;font-style:normal;font-size:12px;font-weight:800} #body_wrap#body_wrap .post_content .hm-cmp .hm-cmp__chips .hm-cmp__chip i{color:#445!important;font-weight:600} .post_content .hm-cmp__chip.is-low{outline:3px solid #f5a623;outline-offset:1px} .post_content .hm-cmp__perk{margin:.5em 0 0!important;font-size:13px;line-height:1.6;color:#5a2a0c} .post_content .hm-cmp__note{margin:.4em 0 0!important;font-size:13px;line-height:1.6;color:#556} .post_content .hm-stay__sale{display:inline-block;margin-left:.4em;padding:1px 8px;border-radius:4px;background:#bf0000;color:#fff;font-size:12px;font-weight:700;vertical-align:middle} /* 2026-10-12 宿の予約ボタン整理：節ごとの料金・地域検索・一覧表からのページ内リンク */ .post_content .hm-cmp--mini{margin:1.4em 0 2em;padding:14px 12px 10px} .post_content .hm-cmp--mini .hm-cmp__title{font-size:16px} .post_content .hm-cmp__title small{font-size:12px;font-weight:600;color:#556;white-space:nowrap} .post_content .hm-ota-area{margin:1.4em 0;padding:14px 12px 10px;border-width:1px} .post_content .hm-ota-area .hm-cmp__title{font-size:16px} .post_content .hm-ota-area .hm-cmp__chip{min-height:44px} .post_content .hm-ota-area .hm-cmp__chip b{font-size:13px} .post_content .hm-cmp__item{scroll-margin-top:90px} .post_content a.hm-cmp-jump{display:inline-block;padding:6px 10px;border:1px solid #153c43;border-radius:6px;background:#fff;color:#153c43!important;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none!important;white-space:nowrap} /* はりまっぷ：記事内 AdSense 枠（Codex「AdSense immediate article slots」＝.codex-hm-ad-reserve / .codex-hm-article-ad）を切り取らない。 2026-10-10 Claude。design system v4 が横幅のはみ出し対策で overflow:clip を上下左右に付けており、iPhone Safari で 広告の iframe が ins より背が高い時に上下が切れて細い帯になっていた（本人のスクリーンショット、記事末尾の広告）。 2026-10-21 Claude：横も visible にする。スマホの全幅レスポンシブ広告は Google が ins を画面幅（375px）・margin-left:-15px に 広げるので、横 clip だと左右15pxずつ切れて右端の ⓘ が欠け、左右にずれて見えていた（本人「途中で切れたり、横にズレたり」）。 ページの横スクロールは #body_wrap の overflow-x:clip が画面幅で止めるので、枠側で切る必要はない。広告の位置・表示条件は変えない。 戻し方：overflow-y だけ visible に戻す（.bak-20261021-fullbleed）。 */ #body_wrap.codex-harimap-v4 .codex-hm-ad-reserve, #body_wrap.codex-harimap-v4 .codex-hm-article-ad, .single-post .codex-hm-ad-reserve, .single-post .codex-hm-article-ad{overflow:visible!important;contain:none!important} /* 部品の中・フッター・一覧に入った自動広告の位置合わせは reading_design.php の claude-hm-nested-ad-css / -align に移した（2026-10-22。全ページに出すため）。 */ /* Harimap 記事冒頭の要点カード（答え・主な数字・次の行動）。2026-10-10 article-top-structure-refresh。 本文側の書き方：

市町｜種類

答え

項目
値補足
…

次の行動 →

確認日・未発表など

カードは div.hm-lead に限る。トップのヒーロー説明文

に濃い箱・余白が漏れ、3行で切る指定の4行目が 余白から半分見えていた（2026-10-11 claude-sitewide-review の top_first_view）。 */ .post_content :is(div,section).hm-lead{background:#123f43;color:#fff;border-radius:16px;padding:22px 20px;margin:0 0 24px;line-height:1.7} .post_content :is(div,section).hm-lead p{color:#fff;margin:0 0 12px} .post_content :is(div,section).hm-lead .hm-lead__kicker{font-size:14px;font-weight:800;letter-spacing:.06em;color:#cfe8e2} .post_content :is(div,section).hm-lead .hm-lead__answer{font-size:21px;font-weight:850;line-height:1.55;margin-bottom:16px} .post_content .hm-lead__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0} .post_content .hm-lead__facts>div{background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;padding:12px 14px;min-width:0} .post_content .hm-lead__facts dt{font-size:14px;font-weight:700;color:#cfe8e2;margin:0 0 4px} .post_content .hm-lead__facts dd{font-size:18px;font-weight:850;line-height:1.45;margin:0;color:#fff;overflow-wrap:anywhere} .post_content .hm-lead__facts dd small{display:block;font-size:14px;font-weight:500;color:#e2efec;margin-top:4px;line-height:1.6} .post_content :is(div,section).hm-lead .hm-lead__action{margin:0 0 10px} .post_content :is(div,section).hm-lead .hm-lead__action a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border-radius:10px;background:#fff;color:#123f43!important;font-size:16px;font-weight:850;text-decoration:none!important;text-align:center;line-height:1.5} .post_content :is(div,section).hm-lead .hm-lead__action a:focus-visible{outline:3px solid #f6b26b;outline-offset:3px} .post_content :is(div,section).hm-lead .hm-lead__note{font-size:14px;color:#d8ebe7;margin:0} @media(max-width:600px){.post_content :is(div,section).hm-lead{padding:20px 16px}.post_content :is(div,section).hm-lead .hm-lead__answer{font-size:19px}.post_content .hm-lead__facts{grid-template-columns:minmax(0,1fr);gap:8px}.post_content .hm-lead__facts>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;align-items:baseline;padding:10px 12px}.post_content .hm-lead__facts dt{margin:0}.post_content .hm-lead__facts dd{font-size:17px}} /* 2026-10-20 決まった形でない公開済みカード（見出し p.hmw-title＋ul＋素のリンク＋small。直近140本中67本）も読めるように： 濃い地に暗い青のリンク・薄い小さな文字で読めなかった（Harimap 45533、本人「見にくくない？」）。新規は engine/lead.py が決まった形を求める */ .post_content :is(div,section).hm-lead .hmw-title{font-size:20px;font-weight:850;line-height:1.55;margin:0 0 14px;color:#fff} .post_content :is(div,section).hm-lead>ul{margin:0 0 14px!important;padding:0!important;list-style:none!important} .post_content :is(div,section).hm-lead>ul>li{position:relative;margin:0 0 8px!important;padding:10px 12px 10px 36px!important;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;color:#fff;font-size:16px;font-weight:700;line-height:1.6;list-style:none!important} .post_content :is(div,section).hm-lead>ul>li::before{content:"✓"!important;position:absolute;left:13px;top:10px;color:#f6b26b!important;font-weight:900;background:none!important;width:auto!important;height:auto!important;border:0!important;transform:none!important} .post_content :is(div,section).hm-lead>p:not(.hm-lead__action) a,.post_content :is(div,section).hm-lead>ul a{color:#fff!important;font-weight:800;text-decoration:underline;text-underline-offset:3px} .post_content :is(div,section).hm-lead small{color:#e2efec;font-size:14px} /* 2026-10-20 ボタンに全体リンクの下線（claude-links-style の !important、詳細度0,3,3）が付いていたのを消す */ .post_content :is(div,section).hm-lead p.hm-lead__action a[href]{text-decoration:none!important} /* 2026-10-20

で書かれたカード（44493・44501・44894・45370・45378）は div だけを見ていたので素の表示だった。 項目を div で包まず dt/dd を直に並べた facts も、ラベル｜値の2列で読めるようにする */ .post_content .hm-lead__facts:not(:has(>div)){grid-template-columns:7.5em minmax(0,1fr);gap:8px 10px;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;padding:12px 14px} .post_content .hm-lead__facts:not(:has(>div))>dd{font-size:16px} .post_content a[data-hm-book-short]{flex:1 1 220px;max-width:360px;box-sizing:border-box} .c-pagination:not(:has(a)){display:none} #body_wrap :where(.pagination,.c-pagination) .page-numbers{height:48px!important;min-width:48px!important;line-height:46px!important;font-size:16px!important;box-sizing:border-box}#body_wrap :where(.pagination,.c-pagination) .page-numbers:not(.current){background:#fff!important;color:#1f2937!important;border:1px solid #cbd5e1!important;box-shadow:none!important}#body_wrap :where(.pagination,.c-pagination) .page-numbers:not(.current):hover{background:#f1f5f9!important;border-color:#64748b!important}#body_wrap :where(.pagination,.c-pagination) .page-numbers.current{background:#04384c!important;color:#fff!important;border:1px solid #04384c!important;font-weight:700} /* 開閉の見出し（details>summary）のタップ領域を44px以上にそろえる（2026-10-11 claude-ux-research、台帳 20261010-details-summary-44px）。 Apple HIG 44pt・Material 48dp。SP1 の問い合わせの開閉が29px、モノヒカクの「条件・注意点を見る」が42pxだった（390px実測）。 min-height は低いものだけを伸ばす。上下の余白は :where() で詳細度0にして、テーマや部品が余白を指定している所はそちらを優先する。 */ summary{min-height:44px;box-sizing:border-box} :where(summary){padding-top:7px;padding-bottom:7px} #body_wrap .hm-footer-pr__intro-cta{font-size:14px!important;line-height:1.45!important} /* 見出しだけ字詰め（palt）にする（2026-10-12 claude-ux-research、主題 fonts、台帳 20261012-h1-h4-palt-6692f0）。 国内の比較メディア（マイベスト h2・価格.comマガジン）は見出しだけ palt で本文はベタ組み。モノヒカク・SP1 はデザインシステムで 全体に palt 済みのため、未適用のはりまっぷ・招待コードナビだけに配る。390px で「〜山崎の町と／一緒に訪ねるか」の2行が1行に収まった。 本文には掛けない（行政・新聞・SmartHR も本文はベタ組み）。戻し方：sitewide_css.py --site S --css ... --deactivate。 */ :is(.c-pageTitle,.p-articleHead h1,.post_content :is(h2,h3,h4)){font-feature-settings:"palt" 1} /* Harimap mobile post bottom trim (2026-10-12, Claude surplus sites-mobile-after-article-trim-rest). Posts at phone/tablet width only; PC unchanged. Before 8,375px from body end to footer end at 390px, after about 3,850px. Kept: next-read (snippet 107), same-city events, furusato gifts, paid PR banners, popular ranking, reader-nav, prev/next. 2026-10-13: every hidden part is hidden only for the b arm of its A/B (html.pmx-hm-*, assets/common/part_metrics.php); a sees it. Rollback: python3 -B tools/sitewide_css.py --site harimap --css assets/mobile-post-bottom-harimap.css --name "Claude: mobile post bottom trim" --deactivate */ @media (max-width: 959px) { /* footer: new posts and the area map repeat the next-read links, the city events and the header menu */ html.pmx-hm-footer-new .single .l-footer .w-footer__box:has(#hm-footer-title-new), html.pmx-hm-area-map .single .l-footer .w-footer__box:has(.footer-area-map) { display: none !important; } .single .l-footer__nav { display: flex !important; flex-wrap: wrap; gap: 0 14px; } .single .l-footer__nav li { margin: 0; border: 0; } /* the Hyogo-wide calendar repeats the same-city upcoming events right above it; keep it only when that block is missing (PC and the top page keep it) */ html.pmx-hm-hyogo-cal .single .w-singleBottom:has(.hm-today-tomorrow-events .hm-tt-card) .p-blogParts:has(#hm-article-calendar) { display: none !important; } /* calendar in the article bottom: keep the day list with prev/next day; drop the month grid, the duplicate submit CTA and the empty line, city filter as one swipe row */ html.pmx-hm-cal-grid .single #hm-article-calendar .hm-month-tabs, html.pmx-hm-cal-grid .single #hm-article-calendar .hm-calendar, html.pmx-hm-cal-grid .single #hm-article-calendar .hm-submit-cta, .single #hm-article-calendar .hm-section > p:not(:has(*:not(br))) { display: none !important; } .single #hm-article-calendar .hm-cal-area-filter { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 8px; scrollbar-width: none; } .single #hm-article-calendar .hm-cal-area-filter > * { flex: 0 0 auto; } /* flower promo: heading and link only */ html.pmx-hm-flower-text .single .hm-flower-promo--article > p:not(.hm-flower-kicker), html.pmx-hm-flower-text .single .hm-flower-promo--article .hm-flower-season-nav { display: none !important; } /* furusato gifts: 2026-10-18 the one-row swipe was removed; blog part 36586 now stacks 2 horizontal cards on phones like the sale cards above it */ /* regional PR: paid banners stay full size; the recruit card repeats the head CTA; official links become one swipe row */ html.pmx-hm-pr-recruit .single .hm-footer-pr__track--paid .hm-footer-pr__slot:has(.hm-footer-pr__recruit), html.pmx-hm-pr-recruit .single .hm-footer-pr__section-note { display: none !important; } .single .hm-footer-pr__entry-actions { display: flex !important; gap: 8px; } .single .hm-footer-pr__entry-actions > a { flex: 1 1 0; margin: 0; } .single .hm-footer-pr__track--official { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 8px; scrollbar-width: none; } .single .hm-footer-pr__track--official .hm-footer-pr__slot { flex: 0 0 42%; margin: 0; } } @media (max-width: 959px) { .single #content.l-content { margin-bottom: 24px !important; padding-bottom: 24px !important; } .single #before_footer_widget { margin-top: 24px !important; margin-bottom: 20px !important; } .single .codex-preferred-source-widget { margin: 8px auto !important; } .single .codex-preferred-source-widget:has([google-add-preferred-source-btn] > *) > p:last-of-type { display: none !important; } .single .l-footer .widget_search { display: none; } } /* Explicitly authored .se-cta and owned ms-apply keyboard-focus correction; no generic link conversion or color assignment. Site/vendor colors continue to come from the existing canonical color modules. */ .post_content .se-cta{margin:1.25em 0;max-width:100%;clear:both} .post_content .se-cta__benefit{margin:0 0 .55em!important;font-size:16px;font-weight:700;line-height:1.6} .post_content .se-cta .se-cta__btn,.post_content .se-cta--provided>a,.post_content .se-cta--provided>p>a{position:relative;display:flex;align-items:center;justify-content:center;gap:.65em;box-sizing:border-box;width:100%;max-width:100%;min-height:52px;padding:12px 18px;border:0;border-radius:8px;background:var(--ms-head,#173b64);color:#fff;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;text-align:center;box-shadow:0 2px 0 #0003} .post_content .se-cta .se-cta__btn::after{content:none!important} .post_content .se-cta__label{min-width:0;overflow-wrap:anywhere} .post_content .se-cta__arrow{flex:none;font-size:1.1em;line-height:1} .post_content .se-cta__btn:hover,.post_content .se-cta--provided>a:hover,.post_content .se-cta--provided>p>a:hover{text-decoration:underline;text-underline-offset:.2em} .post_content .se-cta .se-cta__btn:focus-visible,.post_content .se-cta--provided>a:focus-visible,.post_content .se-cta--provided>p>a:focus-visible,#body_wrap .post_content a.ms-apply__btn:focus-visible{outline:3px solid #2454db!important;outline-offset:3px!important} .post_content .se-cta--provided img[width="1"][height="1"]{position:absolute;width:1px!important;height:1px!important;opacity:0;visibility:hidden;pointer-events:none} .post_content .se-cta__note{margin:.6em 0 0!important;color:#3d4652;font-size:14px;line-height:1.7} @media(min-width:768px){.post_content .se-cta .se-cta__btn,.post_content .se-cta--provided>a,.post_content .se-cta--provided>p>a{width:fit-content;min-width:min(100%,360px)}} /* Classic WordPress may wrap a complete text material and its tracker in a paragraph. */ .post_content .se-cta--provided>p:not(.se-cta__benefit):not(.se-cta__note){margin:0!important} .post_content .hm-stay__cta-note{margin:.45em 0 0!important;font-size:13px;line-height:1.65;color:#445}.post_content .hm-stay__btn[data-pm-design-b="cta-design-v1-hm-stay"]{gap:.35em;box-shadow:0 2px 0 rgba(0,0,0,.18)}.post_content .hm-stay__btn[data-pm-design-b="cta-design-v1-hm-stay"] .pm-cta-label{min-width:0}.post_content .hm-stay__btn .pm-cta-design-arrow{flex:0 0 auto}.post_content .hm-stay__btn[data-pm-design-b="cta-design-v1-hm-stay"] .pm-cta-action{white-space:nowrap} /* カテゴリー：SWELL既定の英字の副題（全サイト） */ #body_wrap .c-pageTitle__subTitle{display:none!important} /* 記事・固定ページの枠（トップ以外）。並び順に依らないよう要素ごとに上の余白だけで間隔を作る */ #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>*{margin-bottom:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleHead,.c-pageTitle){margin-top:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.p-articleMetas.-top{margin-top:12px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleThumb,.w-singleTop,.sp1-mnp-strip,.post_content){margin-top:24px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleFoot,.w-singleBottom){margin-top:40px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.p-articleFoot{padding-top:16px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.w-singleBottom,.w-singleTop):not(:has(*)){margin-top:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.c-shareBtns.-bottom{margin-top:24px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>#after_article{margin-top:32px!important;padding-top:0!important} #body_wrap.sr-on #after_article .l-articleBottom__section{margin-top:40px!important} #body_wrap.sr-on #after_article>:first-child{margin-top:0!important} /* 本文の見出しと段落 */ #body_wrap.sr-on .post_content>h2:not(:first-child){margin-top:48px!important} #body_wrap.sr-on .post_content>h2{margin-bottom:24px!important} #body_wrap.sr-on .post_content>h3:not(:first-child){margin-top:32px!important} #body_wrap.sr-on .post_content>h3{margin-bottom:16px!important} #body_wrap.sr-on .post_content>*:has(+.p-toc){margin-bottom:32px!important} #body_wrap.sr-on .post_content>.p-toc{margin-top:0!important;margin-bottom:32px!important} /* 目次の「もっと見る」：SWELL既定は 98x35px でタップ目安44pxに届かない（2026-10-22 モノ比較 anker-charger 390px実測）。全サイト共通で高さ44px */ .p-toc__expandBtn{min-height:44px!important;padding:10px 20px!important} #body_wrap.sr-flat .post_content>p{margin-bottom:1.2em!important} /* 段落→段落の間：行間1.82（29px）と段落間18px の差が小さく切れ目が見えなかった。参考記事の390px実測の中央値24〜25px（ダイヤモンド・Zenn24、 ライフハッカー25/PC30、note30/PC36）に合わせ SP1.5em≒24px・PC1.7em≒28px。段落の次が段落の時だけ（囲み・表・リストの前の余白は別管理）。 2026-10-23 UX 20261010-sp-17px-24px-1-5em-pc-28px-1-82。戻し方：この2行を消して配り直す */ #body_wrap:is(.sr-card,.sr-hm) .post_content>p:has(+p){margin-bottom:1.5em!important} @media (min-width:960px){#body_wrap:is(.sr-card,.sr-hm) .post_content>p:has(+p){margin-bottom:1.7em!important}} /* カテゴリー：見出し→説明16→一覧24。案内パーツの重なる見出し・説明を隠す */ #body_wrap.sr-on.archive .c-pageTitle{margin-bottom:0!important} #body_wrap.sr-on.archive .p-termHead{margin-top:16px!important;margin-bottom:24px!important} #body_wrap.sr-on.archive .l-mainContent__inner>*{margin-bottom:0!important} #body_wrap.sr-on.archive .l-mainContent__inner>:is(.p-termContent,.sc-guide,.c-prNotation,.p-postListWrap,.c-pagination){margin-top:24px!important} #body_wrap.sr-shotai.archive .p-termHead{padding:16px!important} #body_wrap.sr-card.archive .p-termHead__desc{padding:0!important} #body_wrap.sr-mono .mono-cat-head>div:first-child,#body_wrap.sr-sp1 .sp1-cat-head>div:first-child, #body_wrap.sr-mono .mono-cat-lead{display:none!important} #body_wrap.sr-mono .mono-cat-head,#body_wrap.sr-sp1 .sp1-cat-head{justify-content:flex-start!important;margin-bottom:8px!important} /* トップ：見出し直後とセクション間 */ #body_wrap.sr-on.home :is(.mhz,.spz,.shz){row-gap:0!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>*{margin-top:0!important;margin-bottom:0!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:not(style,script,link,template)~:not(style,script,link,template){margin-top:28px!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+*,#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+:is(style,script)+*{margin-top:16px!important} /* フッター */ #body_wrap.sr-on .w-footer{padding-top:0!important} #body_wrap.sr-on .l-footer__widgetArea{padding-top:32px!important;padding-bottom:32px!important} @media (max-width:959px){ /* カード型3サイトのスマホ：本文の左右を20pxに */ #body_wrap.sr-card:not(.home) #content.l-content{padding-top:16px!important} #body_wrap.sr-shotai:not(.home) #content.l-content{padding-left:8px!important;padding-right:8px!important} #body_wrap.sr-card:not(.home) .l-mainContent__inner{padding:20px 12px 28px!important} #body_wrap.sr-on .w-footer__box{padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important} #body_wrap.sr-on .w-footer__box+.w-footer__box{margin-top:32px!important} } @media (min-width:960px){ #body_wrap.sr-card:not(.home) #content.l-content{padding-top:40px!important} #body_wrap.sr-card:not(.home) .l-mainContent__inner{padding:56px 64px!important} #body_wrap.sr-flat:is(.single,.page):not(.home) .l-mainContent__inner{max-width:800px;margin-left:auto;margin-right:auto} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleThumb,.w-singleTop,.sp1-mnp-strip,.post_content){margin-top:32px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleFoot,.w-singleBottom){margin-top:48px!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.w-singleBottom,.w-singleTop):not(:has(*)){margin-top:0!important} #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>#after_article{margin-top:40px!important} #body_wrap.sr-on #after_article .l-articleBottom__section{margin-top:48px!important} #body_wrap.sr-on .post_content>h2:not(:first-child){margin-top:64px!important} #body_wrap.sr-on .post_content>h2{margin-bottom:28px!important} #body_wrap.sr-on .post_content>h3:not(:first-child){margin-top:40px!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:not(style,script,link,template)~:not(style,script,link,template){margin-top:40px!important} #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+*,#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+:is(style,script)+*{margin-top:24px!important} #body_wrap.sr-on .l-footer__widgetArea{padding-top:48px!important;padding-bottom:48px!important} #body_wrap.sr-shotai.archive .p-termHead{padding:20px 24px!important} } .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-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:8px;margin:0 0 10px} .hm-wantrank__tabs button{min-height:40px;margin:0;padding:6px;border:0;border-radius:8px;background:#eef1f3;color:#153c43;font-size:14px;font-weight:800;cursor:pointer} .hm-wantrank__tabs button[aria-selected="true"]{background:#e11d48;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-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:#153c43!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} .hm-wantrank__rank{position:absolute;top:8px;left:8px;z-index:1;display:inline-flex;align-items:baseline;justify-content:center;gap:1px;min-width:44px;height:40px;padding:4px 9px 0;box-sizing:border-box;border:2px solid #fff;border-radius:12px;background:#1d2b36;color:#fff;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.4)} .hm-wantrank__rank b{font-size:24px;font-weight:900;letter-spacing:-.02em} .hm-wantrank__rank small{font-size:12px;font-weight:900} .hm-wantrank__item:nth-child(1) .hm-wantrank__rank{background:linear-gradient(180deg,#fcd34d,#d97706);color:#3b2300} .hm-wantrank__item:nth-child(2) .hm-wantrank__rank{background:linear-gradient(180deg,#e5e7eb,#9ca3af);color:#1f2937} .hm-wantrank__item:nth-child(3) .hm-wantrank__rank{background:linear-gradient(180deg,#fdba74,#b45309);color:#3b1600} .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} /* 画面下の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:26px 0 6px!important;padding:0!important;border:0!important;background:none!important;color:#1d2b36!important;font-size:18px!important;font-weight:900} .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}} /* 交流ひろばの投稿欄を「ここに書ける・押すと投稿できる」と一目で分かる見た目にする（2026-10-25 本人「コメント投稿のところ投稿できるのかわかりにくいね」）。 プラグイン harimap-koryu の見た目だけを上書きし、文言・動作は変えない。戻し方：Code Snippet「Claude: koryu compose polish」を停止。 */ .hmk .hmk-compose{border-color:var(--hmk-brand-2);box-shadow:0 3px 10px rgba(23,60,72,.12)} .hmk .hmk-compose__fake{padding:12px 12px 12px 14px;color:var(--hmk-sub);cursor:pointer} .hmk .hmk-compose__fake-text{display:block;flex:1;min-width:0;font-size:13px;line-height:1.4} .hmk .hmk-compose__fake-text::before{content:"✏️ コメントを書く";display:block;margin-bottom:2px;color:var(--hmk-brand);font-size:16px;font-weight:900} .hmk .hmk-compose__fake::after{content:"書く ›";flex:none;padding:10px 18px;border-radius:999px;background:var(--hmk-brand-2);color:#fff;font-size:15px;font-weight:900;box-shadow:0 3px 0 var(--hmk-brand)} .hmk .hmk-compose__fake:active::after{transform:translateY(2px);box-shadow:0 1px 0 var(--hmk-brand)} .hmk .hmk-compose__fake-photo{width:auto;padding:0 12px;font-size:20px;white-space:nowrap} .hmk .hmk-compose__fake-photo::after{content:" 写真";font-size:13px;font-weight:800;color:var(--hmk-brand)} .hmk .hmk-compose__form:has(textarea:placeholder-shown):has(.hmk-thumbs:empty) .hmk-counter::before{content:"2文字から投稿できます　";color:var(--hmk-brand-2);font-weight:800} .hmk .hmk-compose__foot .hmk-btn:not([disabled]){box-shadow:0 0 0 4px rgba(36,96,111,.22)} @media (max-width:420px){.hmk .hmk-compose__fake{gap:8px;padding:12px 10px}.hmk .hmk-compose__fake::after{padding:10px 14px}.hmk .hmk-compose__fake .hmk-av{display:none}} /* * 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; } } @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} }