#main_content .p-termHead:not(:has(.p-termHead__title, .p-termHead__thumbWrap, img)):has(> .p-termHead__desc:only-child):has(+ .p-termContent .sp1-cat-entry){display:none !important}

  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) {
    --codex-muted-text:#475569;
    --codex-muted-strong:#334155;
    --codex-accent-green:#166534;
    --codex-accent-orange:#9a3f0d;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) :where(.hm-lead,.hm-sub,.hm-ac-sub,.hm-submit-cta span,.hm-card em,.hm-guide-card em,.mh-sub,.mh-note,.sp1-sub,.sc-sub) {
    color:var(--codex-muted-text)!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-eyebrow,.hm-ac-eyebrow) {
    color:var(--codex-accent-orange)!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-cal-day.muted,.hm-cal-day.muted .hm-cal-num) {
    color:#64748b!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) :where(button,a.hm-btn,.hm-btn,.hm-month-tab,.hm-cal-day,.hm-cal-nav,.hm-ac-main-link,.hm-submit-cta a,.mh-btn,.mh-campaign-link,.sp1-btn,.sc-btn,.codex-swell-popular-tab) {
    min-height:44px!important;
    touch-action:manipulation;
  }
  :where(.hm-chip,.mh-chip,.sp-chip,.sc-chip,.sp-compact-offer,.codex-swell-popular-tab,.c-searchForm__submit) {
    min-height:44px!important;
    touch-action:manipulation;
  }
  @media (max-width: 640px) {
    :where(.p-spMenu a,.p-spMenu__inner a,.c-widget a,.c-gnav a,.hm-front-events a,.mh-product-front a,.mh-campaign-box a,.sp1-campaign-front a,.sc-portfolio-front a) {
      min-height:44px;
      display:inline-flex;
      align-items:center;
    }
  }
  :where(.c-categoryList__link,.c-tagList__link,.p-breadcrumb__text,.p-toc__link) {
    min-height:32px;
    display:inline-flex;
    align-items:center;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList) {
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px!important;
    width:100%;
    margin:0!important;
    padding-left:0!important;
    box-sizing:border-box;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList)::before {
    content:none!important;
    display:none!important;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList) :where(.c-categoryList__link,.c-tagList__link) {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box;
    min-height:0!important;
    height:34px;
    margin:0!important;
    padding:0 13px!important;
    line-height:1!important;
    white-space:nowrap;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-month-tab,.hm-cal-nav) {
    padding-top:9px;
    padding-bottom:9px;
  }
  :where(.hm-traffic-alert span,.hm-guide-card span,.sp-feature-label,.sp-offer-row-label.deadline) {
    color:#9a3f0d!important;
  }
  :where(.hm-traffic-alert span) {
    background:#9a3f0d!important;
    color:#fff!important;
  }
  :where(.hm-chip span,.mh-chip span,.sp-chip span,.sc-chip span,.hm-cal-panel-head span,.hm-cal-pick-body > span,.hm-date) {
    color:#334155!important;
  }
  :where(.codex-swell-popular-tab.is-active,.codex-swell-popular-rank,.c-postThumb__cat,.mh-amazon) {
    background:#9a3f0d!important;
    color:#fff!important;
  }
  :where(.monohikaku-price-btn) {
    min-height:44px!important;
    background:#0b63b6!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    padding:10px 12px!important;
  }
  :where(.codex-symbol-muted) {
    color:#475569!important;
  }
  :where(.footer-kouki-label,.footer-kouki-tag) {
    background:#e5edf6!important;
    color:#17324d!important;
  }
  :where(.l-footer,.l-footer__body,.l-footer__widgetArea,.footer-kouki,.footer-kouki *) {
    color:#334155!important;
  }
  :where(.post_content,.entry-content,.c-entry__content) table th {
    background:#e5edf6!important;
    color:#17324d!important;
  }
  :where(.post_content,.entry-content,.c-entry__content) a {
    color:#0b63b6;
  }
  :where(.post_content,.entry-content,.c-entry__content) .wp-block-buttons {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:12px;
  }
  :where(.post_content,.entry-content,.c-entry__content) .wp-block-button {
    display:flex;
    max-width:100%;
    margin:0!important;
  }
  :where(.post_content,.entry-content,.c-entry__content) .wp-block-button__link {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    min-height:44px;
    max-width:100%;
    line-height:1.4;
  }
  @media (max-width: 640px) {
    :where(.post_content,.entry-content,.c-entry__content) .wp-block-buttons {
      flex-direction:column;
      align-items:stretch;
    }
    :where(.post_content,.entry-content,.c-entry__content) .wp-block-buttons :where(.wp-block-button,.wp-block-button__link) {
      width:100%;
    }
  }
  :where(.c-postTimes__modified,.c-postTimes__posted) {
    color:#475569!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy) :where(.hm-cal-thumb img,.hm-card img,.hm-cal-pick img) {
    aspect-ratio:16/9;
  }


:root {
  --codex-readable-font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  --codex-readable-text: #172033;
  --codex-readable-muted: #475569;
  --codex-readable-heading: #0f172a;
}

body,
button,
input,
select,
textarea {
  font-family: var(--codex-readable-font-stack);
}

body {
  color: var(--codex-readable-text);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.post_content,
.entry-content,
.c-postContent {
  color: var(--codex-readable-text);
  font-size: 16.5px !important;
  line-height: 1.86 !important;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.post_content :where(p, li, dd),
.entry-content :where(p, li, dd),
.c-postContent :where(p, li, dd) {
  line-height: 1.86 !important;
}

.post_content :where(p),
.entry-content :where(p),
.c-postContent :where(p) {
  margin-top: 0;
  margin-bottom: 1.16em;
}

.post_content :where(ul, ol),
.entry-content :where(ul, ol),
.c-postContent :where(ul, ol) {
  padding-left: 1.45em;
}

.post_content :where(li + li),
.entry-content :where(li + li),
.c-postContent :where(li + li) {
  margin-top: 0.28em;
}

.post_content :where(h2, h3, h4),
.entry-content :where(h2, h3, h4),
.c-postContent :where(h2, h3, h4) {
  color: var(--codex-readable-heading);
  letter-spacing: 0;
  line-height: 1.44;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.post_content :where(figcaption, small, .wp-element-caption),
.entry-content :where(figcaption, small, .wp-element-caption),
.c-postContent :where(figcaption, small, .wp-element-caption) {
  color: var(--codex-readable-muted);
  line-height: 1.72;
}

.p-postList__title,
.c-postTitle__ttl,
.c-widget .p-postList__title {
  letter-spacing: 0;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

.post_content :where(table),
.entry-content :where(table),
.c-postContent :where(table) {
  font-size: 0.96em;
  line-height: 1.62;
}

.post_content :where(a),
.entry-content :where(a),
.c-postContent :where(a) {
  text-underline-offset: 0.16em;
}

@media (max-width: 640px) {
  .post_content,
  .entry-content,
  .c-postContent {
    font-size: 16px !important;
    line-height: 1.82 !important;
  }

  .post_content :where(p, li, dd),
  .entry-content :where(p, li, dd),
  .c-postContent :where(p, li, dd) {
    line-height: 1.82 !important;
  }

  .post_content :where(p),
  .entry-content :where(p),
  .c-postContent :where(p) {
    margin-bottom: 1.08em;
  }

  .p-postList__title,
  .c-postTitle__ttl,
  .c-widget .p-postList__title {
    line-height: 1.46;
  }
}


@supports (content-visibility: auto) {
  .hm-row-track > .hm-card { content-visibility: auto; contain-intrinsic-size: auto 260px auto 328px; }
  .l-footer .hm-footer-section { content-visibility: auto; contain-intrinsic-size: auto 1000px; }
}


/* Show the reader-facing category name; hide the internal template suffix. */
.c-pageTitle .c-pageTitle__subTitle {
    display: none !important;
}


#main_content .hm-category-local-first-heading {
    margin: 8px 0 4px;
    padding: 0 2px;
}
#main_content .hm-category-local-first-heading__title {
    margin: 0;
    color: #17384b;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: .02em;
}
#main_content .hm-category-local-first-heading__note {
    display: none;
    margin-top: 3px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}
#main_content .hm-category-furusato-panel {
    margin: 10px 0 0;
    overflow: hidden;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fffaf5;
    box-shadow: 0 4px 14px rgba(120, 53, 15, .05);
}
#main_content .hm-category-furusato-panel__head {
    display: grid;
    gap: 1px;
    padding: 10px 14px 8px;
}
#main_content .hm-category-furusato-panel__eyebrow {
    color: #9a3412;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: .08em;
}
#main_content .hm-category-furusato-panel__title {
    color: #172033;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
}
#main_content .hm-category-furusato-panel > .p-blogParts {
    margin: 0;
    padding: 0 12px 12px;
}
#main_content .hm-category-furusato-panel .hm-furusato-ranking {
    margin: 0;
}
#main_content .hm-category-furusato-panel .hm-fr-support {
    display: none;
}
@media (max-width: 600px) {
    #main_content .hm-category-local-first-heading {
        margin-top: 8px;
    }
    #main_content .hm-category-furusato-panel__head {
        padding: 9px 12px 7px;
    }
}

.hm-rail-advisory{border-left:4px solid #b45309;background:#fff7ed;color:#442400;padding:12px 16px;margin:18px 0;font-size:15px;line-height:1.7}.hm-rail-advisory p{margin:5px 0!important}.hm-rail-advisory a{color:#703800!important;text-decoration:underline!important}.hm-traffic-alert.hm-deal-alert{border-color:#86c79a!important;background:#f0faf3!important}.hm-traffic-alerts{grid-template-columns:minmax(0,1fr)!important}.hm-traffic-alerts>*{min-width:0;max-width:100%;box-sizing:border-box}.hm-traffic-alert.hm-deal-alert>span{background:#19743a!important;color:#fff!important}.hm-alert-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 2px}.hm-alert-tabs button{min-width:0;--tab:#b45309;--tint:#fff7ed;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1.5px solid var(--tab);border-radius:10px;background:var(--tint);color:var(--tab);font:inherit;font-size:14px;font-weight:800;line-height:1;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.hm-alert-tabs button[data-k=d]{--tab:#19743a;--tint:#f0faf3}.hm-alert-tabs button[aria-selected=true]{background:var(--tab);color:#fff;box-shadow:0 2px 6px rgba(23,50,77,.18)}.hm-alert-tabs button:focus-visible{outline:3px solid #17324d;outline-offset:2px}.hm-alert-tabs .hm-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--tab);color:#fff;font-size:12px;font-weight:800}.hm-alert-tabs button[aria-selected=true] .hm-tab-count{background:#fff;color:var(--tab)}@media(prefers-reduced-motion:reduce){.hm-alert-tabs button{transition:none}}.hm-traffic-alert[hidden]{display:none!important}

#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;
  }
}

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}
}
.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}
#body_wrap:is(.archive,.search-results) main .p-postList .p-postList__item .p-postList__title{font-size:max(16px,1rem)!important;line-height:1.55}#body_wrap:is(.archive,.search-results) main .p-postList .p-postList__item .p-postList__excerpt{font-size:14px;line-height:1.65;color:#4b5563}#body_wrap:is(.archive,.search-results) main .p-postList .p-postList__item :is(.p-postList__meta,.p-postList__times,.c-postTimes,.c-postTimes__modified,.c-postTimes__posted){font-size:14px!important}#body_wrap:is(.archive,.search-results) main .p-postList .p-postList__item .c-postThumb__cat{font-size:13px!important;padding:3px 8px;line-height:1.4}
#body_wrap .hm-footer-pr__intro-cta{font-size:14px!important;line-height:1.45!important}
.p-postList__times .c-postTimes__modified::after{content:"更新";margin-left:.3em;font-size:.86em;letter-spacing:.02em}

/* カテゴリー：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}}

/*
 * 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}
}
#body_wrap #main_content .l-mainContent__inner > .hm-cat-hero{order:-1}
#body_wrap .hm-cat-hero{display:block!important;width:100%;box-sizing:border-box}
.hm-cat-hero{margin:0 0 14px;padding:16px 16px 14px;border-radius:16px;background:linear-gradient(140deg,#0f3a28 0%,#1d6243 60%,#2d8a57 100%);color:#fff;box-shadow:0 8px 22px rgba(15,58,40,.18)}
.hm-cat-hero__kicker{margin:0 0 4px;color:#ffd54a;font-size:.72rem;font-weight:800;letter-spacing:.12em}
#body_wrap .hm-cat-hero .c-pageTitle{display:block!important;width:auto!important;margin:0!important;padding:0!important;text-indent:0!important;border:0!important;background:none!important;color:#fff!important;font-size:1.55rem!important;line-height:1.3!important;order:0!important}
#body_wrap .hm-cat-hero .c-pageTitle::before,#body_wrap .hm-cat-hero .c-pageTitle::after{display:none!important}
#body_wrap .hm-cat-hero .c-pageTitle *{color:#fff!important;float:none!important;position:static!important;display:inline!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:inherit!important;transform:none!important}
#body_wrap .hm-cat-hero .c-pageTitle .c-pageTitle__subTitle{display:none!important}
#body_wrap .hm-cat-hero .c-pageTitle *::before,#body_wrap .hm-cat-hero .c-pageTitle *::after{display:none!important}
.hm-cat-hero__meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.hm-cat-hero__meta span{padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.75rem;font-weight:700}
.hm-cat-hero__lead{margin:8px 0 0;color:#dcefe3;font-size:.84rem;line-height:1.65}
@media (max-width:959px){
  #body_wrap .p-postListTabBody .p-postList.-type-list > .p-postList__item:first-child .p-postList__link{display:block!important}
  #body_wrap .p-postListTabBody .p-postList.-type-list > .p-postList__item:first-child .p-postList__thumb{width:100%!important;max-width:none!important;margin:0 0 8px!important}
  #body_wrap .p-postListTabBody .p-postList.-type-list > .p-postList__item:first-child .p-postList__thumb,
  #body_wrap .p-postListTabBody .p-postList.-type-list > .p-postList__item:first-child .p-postList__thumb .c-postThumb__figure{height:auto!important;max-height:none!important;min-height:0!important}
  #body_wrap .p-postListTabBody .p-postList.-type-list > .p-postList__item:first-child .p-postList__thumb .c-postThumb__figure{border-radius:12px;overflow:hidden}
  #body_wrap .p-postListTabBody .p-postList.-type-list > .p-postList__item:first-child .p-postList__thumb .c-postThumb__figure::before{padding-top:56.25%!important}
  #body_wrap .p-postListTabBody .p-postList.-type-list > .p-postList__item:first-child .p-postList__title{font-size:1.05rem!important;line-height:1.5!important}
}
.hm-slider{position:relative}
.hm-slider__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px}
.hm-slider__hint{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:#fff4c2;color:#6b4e00;font-size:.72rem;font-weight:800}
.hm-slider__hint i{display:inline-block;font-style:normal;animation:hmSwipe 1.4s ease-in-out infinite}
.hm-slider__count{color:#475569;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}
.hm-slider__btn{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:40px;height:40px;margin-top:-6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:#17324d;font-size:22px;font-weight:700;line-height:1;box-shadow:0 2px 10px rgba(15,40,60,.28);cursor:pointer;transform:translateY(-50%);transition:opacity .2s}
.hm-slider__btn--prev{left:2px}
.hm-slider__btn--next{right:2px}
.hm-slider__btn[disabled]{opacity:0;pointer-events:none}
.hm-slider::after{content:"";position:absolute;top:30px;right:0;bottom:12px;width:28px;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9));transition:opacity .2s}
.hm-slider.is-end::after{opacity:0}
.hm-today-strip .hm-slider::after{background:linear-gradient(90deg,rgba(29,98,67,0),rgba(29,98,67,.85))}
.hm-today-strip .hm-slider__hint{background:rgba(255,213,74,.95);color:#0f3a28}
.hm-today-strip .hm-slider__count{color:#dcefe3}
@keyframes hmSwipe{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.hm-slider__hint i{animation:none}}
@media (min-width:960px){#swell_new_posts-2 .hm-slider__bar,#swell_new_posts-2 .hm-slider__btn,#custom_html-8 .hm-slider__bar,#custom_html-8 .hm-slider__btn{display:none!important}#swell_new_posts-2 .hm-slider::after,#custom_html-8 .hm-slider::after{display:none}}
#body_wrap .hm-term-dup{display:none!important}#body_wrap .hm-cat-hero .hm-cat-hero__kicker{font-size:.875rem;letter-spacing:.08em}#body_wrap .hm-cat-hero .hm-cat-hero__meta span{font-size:.875rem}#body_wrap .hm-cat-hero .hm-cat-hero__lead{font-size:.9375rem;line-height:1.7}#body_wrap .p-termNavigation.hm-term-nav{margin:0 0 16px!important}#body_wrap .p-termNavigation.hm-term-nav .c-categoryList__link{display:inline-flex;align-items:center;min-height:48px!important;font-size:.875rem!important;box-sizing:border-box}#body_wrap .p-termNavigation.hm-term-nav .hm-term-n{margin-left:6px;font-size:.875rem;font-weight:400;opacity:.85}#body_wrap .p-termHead.hm-term-dup + .p-termContent{margin-top:8px!important}#body_wrap .hm-term-more{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px;padding:16px;border-radius:16px;background:#f3f7f8}#body_wrap .hm-term-more__h{flex-basis:100%;margin:0 0 4px;font-size:1rem;font-weight:700;color:#04384c}#body_wrap .hm-term-more__a{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid #04384c;border-radius:16px;background:#fff;color:#04384c;font-size:.875rem;text-decoration:none;box-sizing:border-box}#body_wrap .hm-term-more__a.-main{flex-basis:100%;justify-content:center;background:#04384c;color:#fff;font-weight:700}#body_wrap .hm-term-more .hm-term-n{margin-left:6px;font-size:.875rem;font-weight:400;opacity:.85}@media (min-width:600px){#body_wrap .hm-term-more__a.-main{flex-basis:auto;padding:0 24px}}#body_wrap .hm-topic-part .hm-topic-kicker{font-size:.875rem;letter-spacing:.08em;color:#a84a12}#body_wrap .hm-topic-part .hm-topic-updated{font-size:.875rem;font-weight:600}#body_wrap .hm-topic-part .hm-topic-lead{font-size:.9375rem;line-height:1.75;color:#3f4f63}#body_wrap .hm-topic-part .hm-topic-tags span{font-size:.875rem}#body_wrap .hm-topic-part .hm-topic-links a{font-size:.875rem;min-height:48px;box-sizing:border-box}#body_wrap .hm-topic-part .hm-topic-card strong{font-size:.9375rem;line-height:1.5}#body_wrap .hm-topic-part .hm-topic-card em{font-size:.875rem;line-height:1.6;color:#55657a}#body_wrap .hm-topic-part .hm-topic-card{transition:box-shadow .15s,transform .15s}@media (hover:hover){#body_wrap .hm-topic-part .hm-topic-card:hover{box-shadow:0 6px 18px rgba(23,50,77,.12);transform:translateY(-2px)}}