.ja-practical-note nav{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:6px}
.ja-directory{padding-block:32px;margin-block:24px}
.ja-directory p{max-width:70ch}
.ja-directory nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;margin-top:22px}
.ja-directory nav a{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;background:#f0f5f1;border:1px solid #ccdcd2;border-radius:12px;color:#174b40;text-decoration:none;line-height:1.6}
.ja-directory nav a:hover,.ja-directory nav a:focus-visible{background:#e2eee5;outline:2px solid #38775d;outline-offset:2px}
html[lang="ja"] main{overflow-wrap:break-word}
html[lang="ja"] .tg-kicker,html[lang="ja"] [class$="-kicker"]{letter-spacing:.06em;line-height:1.8}
html[lang="ja"] main input,html[lang="ja"] main select{max-width:100%}
html[lang="ja"] .sw-seasons b{display:none}
html[lang="ja"] .sw-seasons button[aria-pressed="true"],html[lang="ja"] .sw-seasons button[aria-pressed="true"] span,html[lang="ja"] .sw-seasons button[aria-pressed="true"] small{color:#163e32;background-color:#dce9df}
@media(max-width:620px){.ja-practical-note{padding-block:10px}.ja-directory{padding-block:18px}.ja-directory nav{grid-template-columns:1fr 1fr;gap:8px}.ja-directory nav a{font-size:13px;padding:12px}.ja-directory h2{font-size:1.6rem}}
@media print{.ja-practical-note,.ja-directory{display:none}}
@media(max-width:620px){html[lang="ja"] .sw-seasons{grid-template-columns:repeat(2,minmax(0,1fr))}html[lang="ja"] .sw-months{grid-template-columns:repeat(4,minmax(0,1fr))}html[lang="ja"] .sw-seasons button,html[lang="ja"] .sw-months button{min-width:0;padding-inline:8px}}