/* 花めぐり：季節の色と代表の花、今の季節を強調（トップと記事下で同じ見た目） */
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article){position:relative;overflow:hidden;padding:20px 16px 18px!important;border:1px solid #ecd9e0!important;border-left:0!important;border-radius:16px!important;background:radial-gradient(circle at 92% 8%,rgba(236,150,178,.28) 0 70px,transparent 71px),radial-gradient(circle at 78% -6%,rgba(255,214,102,.30) 0 46px,transparent 47px),linear-gradient(165deg,#fff4f7 0%,#f5fbf6 62%,#fffdf6 100%)!important;box-shadow:0 1px 3px rgba(25,59,50,.06)}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-kicker{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #efd3dd;color:#9b3a5a!important;font-size:12px!important;letter-spacing:.08em}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#e2799c}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) h2{margin:10px 0 8px!important;font-size:24px!important;line-height:1.45!important}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article)>p:not(.hm-flower-kicker){margin:0 0 16px!important;color:#3d5a50;font-size:14.5px;line-height:1.75}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article)>a{display:flex!important;justify-content:center;width:100%;min-height:48px;border-radius:12px!important;font-size:15.5px;box-shadow:0 2px 6px rgba(36,94,67,.22)}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin:16px 0 0!important}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a{position:relative;flex-direction:column;gap:2px;min-height:64px!important;padding:10px 4px 8px!important;border-radius:12px!important;border:1px solid var(--fl-line,#cfe0d6)!important;background:var(--fl-bg,#fff)!important;color:var(--fl-ink,#194b34)!important;font-size:14px;line-height:1.3;text-align:center;white-space:normal!important;min-width:0;overflow:visible}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a:not(:first-child)::after{content:attr(title);width:100%;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10.5px;font-weight:600;line-height:1.35;opacity:.8}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a:first-child{grid-column:1/-1;flex-direction:row;min-height:44px!important;padding:8px 12px!important;background:rgba(255,255,255,.75)!important;font-size:14px}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a:nth-child(2){--fl-bg:#fff0f4;--fl-line:#f2c4d3;--fl-ink:#8f2d50}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a:nth-child(3){--fl-bg:#eef6fd;--fl-line:#bfd8ef;--fl-ink:#1f4f7a}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a:nth-child(4){--fl-bg:#fff4e8;--fl-line:#f0cfa5;--fl-ink:#8a4510}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a:nth-child(5){--fl-bg:#f1f4f8;--fl-line:#cdd6e2;--fl-ink:#34465c}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a.is-now{border-width:2px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)}
#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a.is-now::before{content:"いま見頃";position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:1px 7px;border-radius:999px;background:var(--fl-ink);color:#fff;font-size:10px;font-weight:800;line-height:1.5;white-space:nowrap}
@media (min-width:768px){#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article){padding:28px 28px 24px!important}#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article)>a{display:inline-flex!important;width:auto}#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav{grid-template-columns:1.4fr repeat(4,minmax(0,1fr))}#body_wrap .hm-flower-promo:is(.hm-flower-promo--home,.hm-flower-promo--article) .hm-flower-season-nav a:first-child{grid-column:auto;min-height:64px!important}}


#body_wrap.codex-harimap-v4.home #hm-event-calendar .hm-cal-grid > p {
  display: contents;
}


#body_wrap.codex-harimap-v4.home #hm-area-purpose .hm-guide-grid > p {
  display: contents;
}

#body_wrap.codex-harimap-v4.home #hm-area-purpose .hm-guide-support > br,
#body_wrap.codex-harimap-v4.home .hm-row-track > br {
  display: none;
}


/* codex-home-calendar-fold-progress-v1: the compact list replaces horizontal scrolling. */
#body_wrap.codex-harimap-v4 .hm-v5-calendar-more + .hm-scroll-progress {
  display: none !important;
}

#body_wrap.codex-harimap-v4 .hm-v5-calendar-more__close {
  appearance: none;
  background: #fff;
  border: 1px solid #b9d4c1;
  border-radius: 8px;
  color: #215e35;
  cursor: pointer;
  display: block;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 800;
  margin-top: 0.75rem;
  min-height: 44px;
  padding: 0.65rem 0.9rem;
  text-align: center;
  width: 100%;
}

#body_wrap.codex-harimap-v4 .hm-v5-calendar-more__close:hover,
#body_wrap.codex-harimap-v4 .hm-v5-calendar-more__close:focus-visible {
  background: var(--hm-v5-soft);
}

#body_wrap.codex-harimap-v4 .hm-v5-calendar-more__close:focus-visible {
  outline: 3px solid rgba(33, 94, 53, 0.28);
  outline-offset: 2px;
}

#body_wrap.codex-harimap-v4 .hm-v5-calendar-more__close[hidden] {
  display: none;
}


@media (max-width: 599px) {
  #body_wrap.codex-harimap-v4.home #hm-area-purpose .hm-guide-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #body_wrap.codex-harimap-v4.home #hm-area-purpose .hm-guide-support {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}