@charset "UTF-8";
/* サイドバーを使わず、一覧と読みものの幅を分ける。
 * 本文・見出し・既存リンク・表の見た目は、従来のstyle.cssを引き継ぐ。 */
.jhhn-one-column:not(.jhhn-front-page-view) #container .wrap { width: 100%; max-width: 1120px; box-sizing: border-box; }
.jhhn-one-column:not(.jhhn-front-page-view) #content-in { display: block; max-width: 1120px; width: 100%; margin-inline: auto; }
.jhhn-one-column #main { float: none; width: 100%; max-width: 100%; min-width: 0; margin-inline: auto; box-sizing: border-box; }
.jhhn-one-column:not(.jhhn-front-page-view) #main { padding: clamp(20px, 4vw, 48px); }
.jhhn-reading-view:not(.jhhn-front-page-view) #container #content-in { max-width: 1024px; }
.jhhn-reading-view:not(.jhhn-front-page-view) .article,
.jhhn-reading-view #main > .under-entry-content,
.jhhn-reading-view #main > .breadcrumb { max-width: 760px; margin-inline: auto; }
.jhhn-one-column .article { overflow-wrap: anywhere; }
.jhhn-one-column .article :is(h2, h3, [id]) { scroll-margin-top: 100px; }
.jhhn-one-column .article iframe { max-width: 100%; }
.jhhn-release-view .eye-catch-wrap:not(.display-none) { max-width: 420px; margin: 0 auto 20px; }
.jhhn-release-view .eye-catch { margin: 0; }
.jhhn-release-view .eye-catch img { width: 100%; height: auto; object-fit: contain; }
.jhhn-a02-pilot .jhhn-a02-intro { margin: 16px 0 22px; }
.jhhn-a02-pilot .jhhn-a02-meta { margin: 0 0 10px; color: #686068; font-size: .85rem; line-height: 1.5; }
.jhhn-a02-pilot .jhhn-a02-summary { margin: 0; font-size: 1rem; line-height: 1.75; }
.jhhn-a02-pilot .jhhn-a02-intro .jhhn-listen-links { margin: 18px 0 0; }
.jhhn-a02-pilot .eye-catch-wrap:not(.display-none) { max-width: 300px; }
.jhhn-a02-pilot .ad-a02-after-intro { margin-top: 24px; }
.jhhn-release-view .disc-info { width: 100%; }
.jhhn-release-view .toc { max-width: 100%; }
.jhhn-listen-links, .jhhn-people-links ul, .jhhn-explore-links { display: flex; flex-wrap: wrap; gap: 10px; }
/* Cocoonが自動追加するリンクアイコンと、古いHTMLに残る装飾矢印を対象部分だけ非表示にする。 */
.jhhn-one-column .jhhn-listen-links a > .anchor-icon,
.jhhn-one-column .jhhn-listen-links a > span[aria-hidden="true"],
.jhhn-one-column .jhhn-explore-links a > .anchor-icon,
.jhhn-one-column .jhhn-explore-links a > span[aria-hidden="true"] { display: none !important; }
.jhhn-listen-links { margin: 24px 0; }
.jhhn-one-column .jhhn-listen-links a { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 10px 18px; border: 1px solid #84475f; border-radius: 6px; background: #fff; color: #70334a; font: inherit; font-size: .9rem; font-weight: 700; line-height: 1.5; text-decoration: none; cursor: pointer; }
.jhhn-one-column .jhhn-listen-links a:first-child { background: #79364f; color: #fff; }
.jhhn-one-column .jhhn-listen-links a:hover { background: #f2e8ed; color: #58263b; }
.jhhn-track-toggle { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: .6rem 1rem; border: 1px solid #ddd; border-radius: 0; background: #fff; color: #719bad; font: inherit; font-size: .8rem; line-height: 1.5; text-decoration: none; cursor: pointer; }
.jhhn-track-toggle:hover { background: #eee; color: #dc6b9a; text-decoration: underline; }
.jhhn-people-links { margin: 28px 0; }
.jhhn-one-column .jhhn-people-links p { margin: 0 0 10px; font-size: .8rem; color: #686068; }
.jhhn-one-column .jhhn-people-links ul { margin: 0; padding: 0; list-style: none; }
.jhhn-one-column .jhhn-people-links a { display: block; padding: 7px 12px; border-radius: 4px; background: #f4f0f2; color: #7c3552; font-size: .83rem; text-decoration: none; }
.jhhn-track-section li[hidden] { display: none !important; }
.jhhn-track-toggle { margin: 0 0 24px; }
.jhhn-release-video { margin: 36px 0; }
.jhhn-one-column .jhhn-explore { margin-top: 48px; padding: 24px; background: #f8f3f5; border: 1px solid #ecdee5; border-radius: 8px; }
.jhhn-one-column nav.jhhn-explore { margin-bottom: 24px; }
.jhhn-one-column .jhhn-explore h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 1.2rem; border: 0; padding: 0; background: transparent; color: #333; font-size: 1rem; line-height: 1.25; font-weight: 700; }
.jhhn-one-column .jhhn-explore h2::before { content: ""; flex: 0 0 4px; height: 1em; background: currentColor; }
.jhhn-one-column .jhhn-explore-links a { flex: 1 1 180px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px; border: 1px solid #e5d6dd; background: #fff; border-radius: 5px; font-size: .85rem; color: #7c3552; text-decoration: none; }
.jhhn-one-column .jhhn-explore-links a:hover { color: #7c3552; text-decoration: underline; }
.jhhn-one-column .posts-not-found.jhhn-explore { margin: 32px auto 48px; }
.jhhn-one-column .posts-not-found.jhhn-explore p { margin: 0; }
.jhhn-archive-explore { margin: 20px 0 32px; padding: 20px; border: 1px solid #ecdee5; border-radius: 8px; background: #f8f3f5; }
.jhhn-archive-explore > p { margin: 0 0 16px; }
.jhhn-archive-explore form { margin: 0; }
.jhhn-archive-explore label { display: block; margin-bottom: 6px; font-weight: 700; }
.jhhn-archive-search-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.jhhn-archive-search-controls input { min-width: 0; width: 100%; height: 44px; padding: 8px 12px; border: 1px solid #cdbfc6; border-radius: 5px; background: #fff; color: #333; font: inherit; font-size: 16px; }
.jhhn-archive-search-controls button { min-width: 64px; min-height: 44px; padding: 8px 14px; border: 1px solid #79364f; border-radius: 5px; background: #79364f; color: #fff; font: inherit; cursor: pointer; }
.jhhn-archive-explore-links { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; margin-top: 16px; }
.jhhn-archive-explore-links > a, .jhhn-archive-explore-links summary { display: block; min-height: 44px; padding: 10px 14px; border: 1px solid #e5d6dd; border-radius: 5px; background: #fff; color: #7c3552; cursor: pointer; }
.jhhn-archive-explore-links details { flex: 1 1 200px; }
.jhhn-archive-explore-links > a { flex: 1 1 200px; text-decoration: none; }
.jhhn-archive-years { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0; }
.jhhn-archive-years a { display: inline-block; padding: 6px 9px; border: 1px solid #e5d6dd; border-radius: 4px; background: #fff; color: #7c3552; }
.jhhn-archive-explore :is(input, button, a, summary):focus-visible { outline: 3px solid #a94264; outline-offset: 2px; }
.jhhn-global-search { width: min(100%, 400px); margin: 12px auto 22px; text-align: left; }
/* 古いHTMLのラベルも画面には出さず、読み上げ用の名前を維持する。 */
.jhhn-global-search > label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.jhhn-global-search-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: stretch; }
.jhhn-global-search input[type="search"] { box-sizing: border-box; min-width: 0; width: 100%; height: 44px; margin: 0; padding: 8px 12px; border: 1px solid #cdbfc6; border-radius: 5px; background: #fff; color: #333; font: inherit; font-size: 16px; }
.jhhn-global-search button { box-sizing: border-box; position: static; float: none; transform: none; min-width: 64px; width: auto; height: 44px; margin: 0; padding: 8px 14px; border: 1px solid #79364f; border-radius: 5px; background: #79364f; color: #fff; font: inherit; font-size: .9rem; white-space: nowrap; cursor: pointer; }
.jhhn-global-search button:hover { background: #58263b; border-color: #58263b; color: #fff; }
@media (max-width: 834px) {
  .jhhn-one-column:not(.jhhn-front-page-view) #main { padding: 24px 20px; }
  .jhhn-one-column:not(.jhhn-front-page-view) #header-in { padding-inline: 20px; }
  .jhhn-one-column .jhhn-explore { padding: 20px; }
}
@media (max-width: 480px) {
  .jhhn-one-column:not(.jhhn-front-page-view) #main { padding: 24px 16px; }
  .jhhn-release-view .eye-catch-wrap:not(.display-none) { max-width: 320px; }
  .jhhn-a02-pilot .eye-catch-wrap:not(.display-none) { max-width: 200px; margin-top: 16px; }
  .jhhn-one-column .jhhn-listen-links a { flex: 1 1 100%; }
  .jhhn-one-column .jhhn-explore { padding: 14px; }
  .jhhn-one-column .jhhn-explore-links a { flex-basis: 100%; }
}
@media print {
  .jhhn-global-search, .jhhn-track-toggle { display: none; }
  .jhhn-track-section li[hidden] { display: list-item !important; }
}