body.single-post #content.hm-issue {box-sizing:border-box;width:100%;float:none;max-width:860px;margin:auto;padding:34px clamp(16px,4vw,46px) 60px;color:#392d26;background:#fffdf9;font-family:"Yu Mincho",serif;line-height:1.85}
.hm-issue figure{margin:0}.hm-issue figure img{display:block;width:100%;height:auto}.issue-top{aspect-ratio:1898/708;overflow:hidden}.issue-brand,.hm-issue figcaption{text-align:center}.issue-brand{font-size:2rem}.issue-brand small{display:block;font-size:1rem;margin-bottom:12px}.hm-issue figcaption{padding:.5em;font-size:.92rem}
.issue-share{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #baaa97;margin-bottom:16px;font:12px sans-serif;letter-spacing:.13em}.issue-share a{display:grid;place-items:center;width:42px;height:42px;background:#111;color:white;border-radius:6px;text-decoration:none;font:23px sans-serif}.issue-share .issue-line{background:#06c755;border-radius:50%}.hm-issue h1{font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.5;margin:.3em 0}.hm-issue h2{font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.5}.issue-lead{font-size:1.15rem}.issue-section{display:grid;grid-template-columns:minmax(145px,28%) 1fr;align-items:center;gap:clamp(14px,4vw,44px);margin:2rem 0}.issue-phone{box-sizing:border-box;display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:center;gap:9px;text-align:center;border:5px solid #292622;border-radius:23px;background:#faf5ea;padding:26px 5px 9px;font-size:.9rem;aspect-ratio:.6}.issue-phone:before{content:"";width:35%;height:6px;border-radius:0 0 6px 6px;background:#292622;position:absolute;top:0}.issue-phone.issue-route{justify-content:flex-end;background:#eee8df url(../images/dayori-map.png) center/cover}.issue-phone .issue-button{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;background:#65412c;color:white;border-radius:5px;font:bold .8rem sans-serif;text-decoration:none}.issue-button svg{width:12px;height:15px;fill:none;stroke:currentColor}.issue-button .hm-directions-button__arrow{display:none}@media(max-width:440px){.issue-section{grid-template-columns:minmax(122px,42%) 1fr}.issue-section p{font-size:.93rem}.issue-phone strong{font-size:.9rem}}
.hm-issue article{width:100%;min-width:0}.hm-issue .issue-section>*{min-width:0}.hm-issue figure{width:100%;max-width:100%}.hm-issue .issue-phone{overflow:hidden}.hm-issue .issue-phone span,.hm-issue .issue-phone strong{overflow-wrap:break-word}.hm-issue .issue-route .issue-button svg{flex-shrink:0}.hm-issue figure img{border:0;margin:0;padding:0}.hm-issue .issue-top img{max-width:100%;height:auto}

/* First issue article: white canvas, compact homepage composition, and verified share marks. */
body.hm-first-issue{background:#fff!important}
body.hm-first-issue #content.hm-issue{background:#fff;padding-top:0}
.hm-issue .issue-homepage{position:relative;box-sizing:border-box;width:100%;aspect-ratio:1898/1378;margin:0 0 20px;overflow:hidden;background:#fff}
.hm-issue .issue-homepage img{position:absolute;left:0;display:block;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0}
.hm-issue .issue-homepage__hero{top:0;z-index:1}
.hm-issue .issue-homepage__cards{top:51.52%;z-index:2}
.hm-issue .issue-share{justify-content:flex-start}
.hm-issue .issue-share a svg{display:block;width:22px;height:22px}
.hm-issue .issue-share .issue-line svg{width:24px;height:23px}
.hm-issue .issue-share .issue-x svg{width:20px;height:20px}
.hm-issue .issue-route-visual{position:relative;display:block;width:100%;line-height:0;overflow:hidden;border-radius:20px}
.hm-issue .issue-route-visual>img{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;border:0}
.hm-issue .issue-route-hotspot{position:absolute;z-index:3;left:14%;right:14%;bottom:9%;width:auto;height:12%;min-height:0;padding:0;border:0;border-radius:14px;background:transparent!important;color:transparent!important;text-decoration:none;font-size:0;line-height:1;box-shadow:none}
.hm-issue .issue-route-hotspot svg,.hm-issue .issue-route-hotspot span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.hm-issue .issue-route-hotspot:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 5px #65412c!important}
.hm-issue .issue-phone{aspect-ratio:.5;border-color:#c6c1b8;padding:28px 8px 10px;box-shadow:inset 0 0 0 2px #292622}
.hm-issue .issue-phone:before{top:4px}
/* v1.5.289: editorial first-issue layout, matching sticky header, and inset phone frame. */
@media (min-width: 901px) {
  body.single-post .site-header { position: sticky; top: 0; z-index: 12010; background: #fff; }
  body.admin-bar.single-post .site-header { top: 32px; }
  body.single-post .header-inner { box-sizing: border-box; width: 100%; max-width: 1160px; height: 96px; margin: 0 auto; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
  body.single-post .brand-logo { display: block; width: 160px; height: auto; max-height: 60px; }
  body.single-post .primary-nav { padding: 8.5px 0; }
}
@media (max-width: 900px) {
  body.hm-first-issue #content.hm-issue { padding-top: min(calc(100vw * 204 / 949), var(--hm-header-limit, 96px)) !important; }
  body.admin-bar.hm-first-issue #content.hm-issue { padding-top: calc(min(calc(100vw * 204 / 949), var(--hm-header-limit, 96px)) + 32px) !important; }
}
@media (max-width: 782px) {
  body.admin-bar.hm-first-issue #content.hm-issue { padding-top: calc(min(calc(100vw * 204 / 949), var(--hm-header-limit, 96px)) + 46px) !important; }
}
body.single-post #content.hm-issue { color: #202020; background: #fff; font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: 1.9; }
body.hm-first-issue #content.hm-issue { background: #fff; }
.hm-issue .issue-homepage { aspect-ratio: 23 / 10; margin-bottom: 26px; background: #583f31; }
.hm-issue .issue-homepage__hero { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 52%; }
.hm-issue .issue-homepage__tiles { position: absolute; z-index: 2; top: auto; bottom: 3%; left: 50%; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; width: min(90%, 740px); transform: translateX(-50%); }
.hm-issue .issue-homepage__card { position: relative; display: block; min-width: 0; overflow: hidden; border-radius: 5px; background: #fff; color: #332820; text-decoration: none; box-shadow: 0 4px 14px rgba(27, 18, 11, .24); }
.hm-issue .issue-homepage__tiles .issue-homepage__card img { position: static; left: auto; display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 1.5; margin: 0; padding: 0; border: 0; object-fit: cover; }
.hm-issue .issue-homepage__caption { display: flex; align-items: center; gap: 4px; min-height: 22px; padding: 3px 5px; background: #fff; color: #332820; font-size: 10px; line-height: 1.2; white-space: nowrap; }
.hm-issue .issue-homepage__number { flex: 0 0 auto; color: #a67a48; font: 700 9px/1 Arial, sans-serif; letter-spacing: .04em; }
.hm-issue .issue-homepage__label { overflow: hidden; text-overflow: ellipsis; }
.hm-issue .issue-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; margin: 0 0 10px; color: #626262; font: 500 .9rem/1.5 "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.hm-issue .issue-meta__separator { color: #8a8a8a; }
.hm-issue h1 { margin: 0 0 14px; color: #161616; font: 700 clamp(1.5rem, 3.1vw, 2rem)/1.45 "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.hm-issue .issue-share { justify-content: flex-start; gap: 12px; border-bottom-color: #e6e6e6; margin: 0 0 22px; color: #252525; }
.hm-issue .issue-share a { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; }
.hm-issue .issue-share a svg { display: block; width: 32px; height: 32px; }
.hm-issue .issue-share .issue-line, .hm-issue .issue-share .issue-x { border-radius: 50%; background: transparent; }
.hm-issue .issue-lead { margin: 1.4em 0; color: #292929; font-size: 1.08rem; font-weight: 500; }
.hm-issue h2 { color: #1d1d1d; font-weight: 700; }
.hm-issue .issue-route-visual { position: relative; display: block; width: 100%; overflow: visible; border-radius: 0; line-height: 0; }
.hm-issue .issue-route-device { position: relative; box-sizing: border-box; width: 100%; aspect-ratio: .5; overflow: hidden; border: 5px solid #c6c1b8; border-radius: 23px; background: #faf5ea; box-shadow: inset 0 0 0 2px #292622; }
.hm-issue .issue-route-device__screen { position: absolute; inset: 8.8% 4.5% 2.5%; border-radius: 16px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 129% 120.5%; }
.hm-issue .issue-route-device::before { position: absolute; z-index: 2; top: 4px; left: 50%; width: 35%; height: 6px; border-radius: 0 0 6px 6px; background: #292622; content: ""; transform: translateX(-50%); }
.hm-issue .issue-route-hotspot { position: absolute; z-index: 3; left: 14%; right: 14%; bottom: 9%; width: auto; height: 12%; min-height: 0; padding: 0; border: 0; border-radius: 14px; background: transparent !important; color: transparent !important; text-decoration: none; font-size: 0; line-height: 1; box-shadow: none; }
.hm-issue .issue-route-hotspot svg, .hm-issue .issue-route-hotspot span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.hm-issue .issue-route-hotspot:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px #65412c !important; }
@media (max-width: 900px) {
  .hm-issue .issue-homepage { aspect-ratio: 9 / 5; }
  .hm-issue .issue-homepage__tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: min(72%, 580px); }
  .hm-issue .issue-homepage__caption { min-height: 25px; font-size: 11px; }
  .hm-issue .issue-homepage__number { font-size: 10px; }
}
@media (max-width: 640px) {
  .hm-issue .issue-homepage { aspect-ratio: 3 / 2; margin-bottom: 22px; }
  .hm-issue .issue-homepage__tiles { width: 88%; bottom: 2.5%; gap: 6px; }
  .hm-issue .issue-homepage__tiles .issue-homepage__card img { aspect-ratio: 1.45; }
  .hm-issue .issue-homepage__caption { min-height: 19px; gap: 3px; padding: 2px 4px; font-size: 9px; }
  .hm-issue .issue-homepage__number { font-size: 8px; }
  .hm-issue .issue-meta { font-size: .82rem; }
  .hm-issue h1 { font-size: clamp(1.35rem, 6vw, 1.8rem); }
}

/* v1.5.290: align article navigation with the template page header. */
body.single-post .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 12010 !important;
  background: #fff !important;
}
body.admin-bar.single-post .site-header { top: 32px !important; }
@media (max-width: 782px) {
  body.admin-bar.single-post .site-header { top: 46px !important; }
}
@media (min-width: 901px) {
  body.single-post .header-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    min-height: 112px;
    height: auto;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
  }
  body.single-post .brand img,
  body.single-post .brand-logo {
    display: block;
    width: 160px;
    height: auto;
    max-height: 68px;
    object-fit: contain;
  }
  body.single-post .primary-nav {
    display: flex;
    align-self: center;
    align-items: center;
    gap: 30px;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  body.single-post .primary-nav > div { flex: 0 0 auto; width: auto; }
  body.single-post .primary-nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body.single-post .primary-nav li { flex: 0 0 auto; width: auto; margin: 0; padding: 0; border: 0; }
  body.single-post .primary-nav a {
    display: block;
    min-height: 0;
    padding: 9px 0;
    color: #202020;
    font-family: "Noto Serif JP", "Yu Mincho", serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    text-decoration: none;
    white-space: nowrap;
  }
  body.single-post .primary-nav .nav-item-icon { display: none !important; }
}


.hm-issue .issue-body { display: flow-root; }
.hm-issue .issue-body > section:last-of-type { margin-bottom: 24px; }
.hm-issue .issue-body > p:last-child { margin: 0; }
.hm-issue .issue-share .issue-line svg,
.hm-issue .issue-share .issue-x svg { width: 32px; height: 32px; }
@media (max-width: 900px) {
  body.hm-first-issue #content.hm-issue { padding-top: 0 !important; }
  body.admin-bar.hm-first-issue #content.hm-issue { padding-top: 0 !important; }
  .hm-issue .issue-homepage { aspect-ratio: 23 / 10; margin-bottom: 22px; }
  .hm-issue .issue-homepage__tiles {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 96%;
    bottom: 3.5%;
    gap: 4px;
  }
  .hm-issue .issue-homepage__tiles .issue-homepage__card img { aspect-ratio: 1.3; }
  .hm-issue .issue-homepage__caption {
    min-height: 17px;
    gap: 2px;
    padding: 2px 3px;
    font-size: clamp(7px, 1.7vw, 9px);
  }
  .hm-issue .issue-homepage__number { font-size: clamp(6px, 1.4vw, 8px); }
  .hm-issue .issue-share a { width: 40px; height: 40px; }
  .hm-issue .issue-share a svg { width: 40px; height: 40px; }
  .hm-issue .issue-share .issue-line svg,
  .hm-issue .issue-share .issue-x svg { width: 40px !important; height: 40px !important; }
}
@media (max-width: 640px) {
  body.hm-first-issue #content.hm-issue { --issue-gutter: clamp(16px, 4vw, 46px); }
  .hm-issue .issue-homepage {
    width: calc(100% + var(--issue-gutter) + var(--issue-gutter));
    max-width: none;
    margin-left: calc(0px - var(--issue-gutter));
    margin-right: calc(0px - var(--issue-gutter));
    aspect-ratio: 23 / 10;
  }
  .hm-issue .issue-homepage__tiles { width: 96%; gap: 3px; bottom: 3%; }
  .hm-issue .issue-homepage__tiles .issue-homepage__card img { aspect-ratio: 1.3; }
  .hm-issue .issue-homepage__caption {
    min-height: 15px;
    gap: 1px;
    padding: 1px 2px;
    font-size: clamp(6px, 1.7vw, 8px);
  }
  .hm-issue .issue-homepage__number { font-size: clamp(5.5px, 1.4vw, 7px); }
}
@media (min-width: 1101px) {
  body.single-post .header-inner {
    max-width: 1160px;
    min-height: 118px;
    padding: 16px 0;
    gap: 0;
  }
  body.single-post .brand img,
  body.single-post .brand-logo {
    width: 170px;
    max-height: none;
  }
  body.single-post .primary-nav { align-self: flex-start; gap: 0; margin: 0; }
  body.single-post .primary-nav ul { gap: 4px; }
  body.single-post .primary-nav a {
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 29.4px;
    padding: 9px 14.4px;
  }
}

/* v1.5.291: match the standard 96px header and center the navigation row. */
@media (min-width: 901px) {
  body.single-post .site-header { height: 96px; }
  body.single-post .header-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1160px;
    height: 96px;
    min-height: 96px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
  }
  body.single-post .brand img,
  body.single-post .brand-logo {
    width: 170px;
    height: auto;
    max-height: none;
    object-fit: contain;
  }
  body.single-post .menu-toggle { display: none !important; }
  body.single-post .primary-nav {
    display: flex;
    align-self: center !important;
    align-items: center;
    gap: 0;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  body.single-post .primary-nav > div { display: flex; align-items: center; width: auto; }
  body.single-post .primary-nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body.single-post .primary-nav li { flex: 0 0 auto; width: auto; margin: 0; padding: 0; border: 0; }
  body.single-post .primary-nav a {
    display: block;
    min-height: 0;
    padding: 9px 14.4px;
    color: #202020;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 29.4px;
    text-decoration: none;
    white-space: nowrap;
  }
  body.single-post .primary-nav .nav-item-icon { display: none !important; }
}

/* v1.5.292: tighten the first-issue mobile layout and article ending. */
body.hm-first-issue #content.hm-issue { padding-bottom: 24px !important; }

/* v1.5.293: refine first-issue share marks, article spacing, and phone mockup sizing. */
body.hm-first-issue .hm-issue .issue-share { margin-bottom: 10px; }
body.hm-first-issue .hm-issue .issue-lead { margin-top: .6em; }
body.hm-first-issue .hm-issue .issue-section { grid-template-columns: minmax(145px, 26%) 1fr; }
@media (max-width: 440px) {
  body.hm-first-issue .hm-issue .issue-section { grid-template-columns: minmax(122px, 38%) 1fr; }
}
/* v1.5.294: slightly smaller share badges with a clear LINE mark. */
body.hm-first-issue .hm-issue .issue-share a { width: 28px; height: 28px; }
body.hm-first-issue .hm-issue .issue-share a svg { width: 28px; height: 28px; }
@media (max-width: 900px) {
  body.hm-first-issue .hm-issue .issue-share a { width: 40px; height: 40px; }
  body.hm-first-issue .hm-issue .issue-share a svg { width: 36px !important; height: 36px !important; }
}
/* v1.5.295: reduce both share badges and use the article image spacing on mobile. */
body.hm-first-issue .hm-issue .issue-share a { width: 28px; height: 28px; }
body.hm-first-issue .hm-issue .issue-share a svg { width: 24px !important; height: 24px !important; }
@media (max-width: 900px) {
  body.hm-first-issue .hm-issue .issue-share a { width: 40px; height: 40px; }
  body.hm-first-issue .hm-issue .issue-share a svg { width: 32px !important; height: 32px !important; }
  body.hm-first-issue .hm-issue .issue-body > .issue-section { margin: 20px 0 26px; }
  body.hm-first-issue .hm-issue .issue-body > .issue-section + .issue-section { margin-top: 0; }
  body.hm-first-issue .hm-issue .issue-body > section:last-of-type { margin-bottom: 24px; }
}
/* v1.5.296: keep share icon artwork the same size on mobile and desktop. */
@media (max-width: 900px) {
  body.hm-first-issue .hm-issue .issue-share a svg { width: 24px !important; height: 24px !important; }
}
/* v1.5.297: match mobile share icon spacing to desktop while keeping 40px hit areas. */
@media (max-width: 900px) {
  body.hm-first-issue .hm-issue .issue-share { gap: 0; }
  body.hm-first-issue .hm-issue .issue-share .issue-line { margin-left: 6px; }
}
:is(.hm-issue, .hm-post-article) .issue-footer-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  margin-top: 2rem;
  border-top: 1px solid #e5ddd4;
}
:is(.hm-issue, .hm-post-article) .issue-footer-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #69452f;
  font-size: .9rem;
}
:is(.hm-issue, .hm-post-article) .issue-footer-links a[rel="next"] { margin-inline-start: auto; }

/* v1.5.331: readable live label on the phone illustration's route button. */
.hm-issue .issue-route-hotspot{
 left:12.5%;right:12.5%;bottom:4%;height:13%;border-radius:6px;
 background:#592f13!important;color:#fff!important;display:flex;align-items:center;justify-content:center;
 font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;
}
.hm-issue .issue-route-hotspot span{
 position:static!important;width:auto!important;height:auto!important;overflow:visible!important;
 clip-path:none!important;white-space:nowrap!important;color:#fff!important;
}
.hm-issue .issue-route-hotspot svg{display:none!important}
.hm-issue .issue-route-hotspot:hover,.hm-issue .issue-route-hotspot:focus{color:#fff!important;background:#592f13!important}