/* Loaded only on the Kyusei category hub. */
#lani-kyusei-guide { margin-top: clamp(1.5rem, 3vw, 3rem); }
#lani-kyusei-guide .lani-kyusei-guide__content { padding: clamp(1.15rem, 2.5vw, 2rem); background: #fff; border: 1px solid #d7e7f3; border-radius: 18px; box-shadow: 0 8px 28px rgba(18, 74, 112, .06); color: #173a52; line-height: 1.8; }
#lani-kyusei-guide p { margin: 0 0 1em; }
#lani-kyusei-guide h2 { margin: 1.5em 0 .7em; color: #0c527f; font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.4; }
#lani-kyusei-guide .marker-under-blue { background: linear-gradient(transparent 72%, #cceeff 72%); }
#lani-kyusei-guide figure { margin: 1rem 0; }
#lani-kyusei-guide .scrollable-table { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #d7e7f3; border-radius: 12px; }
#lani-kyusei-guide table { width: 100%; border-collapse: collapse; font-size: .93rem; }
#lani-kyusei-guide figure.c-spec table { min-width: 730px; }
#lani-kyusei-guide th, #lani-kyusei-guide td { padding: .8rem .9rem; border-bottom: 1px solid #dceaf4; vertical-align: top; }
#lani-kyusei-guide tr:last-child th, #lani-kyusei-guide tr:last-child td { border-bottom: 0; }
#lani-kyusei-guide th { min-width: 7.5em; text-align: left; color: #0b517d; background: #eef7fc; }
#lani-kyusei-guide td a { color: #075fa0; text-decoration: underline; text-underline-offset: .18em; }
#lani-kyusei-guide td a:focus-visible { outline: 2px solid #075fa0; outline-offset: 3px; }
#lani-kyusei-guide figure.noscroll_table01 .scrollable-table { overflow: hidden; }
#lani-kyusei-guide figure.noscroll_table01 table { min-width: 0; table-layout: fixed; }
#lani-kyusei-guide figure.noscroll_table01 th { min-width: 0; text-align: center; }
#lani-kyusei-guide figure.noscroll_table01 td { min-width: 0; overflow-wrap: anywhere; text-align: center; }
#lani-kyusei-guide figure.noscroll_table01 td a { display: block; text-align: center; text-wrap: balance; }
#lani-kyusei-guide figure.noscroll_table01 picture { display: block; margin-bottom: .65rem; }
#lani-kyusei-guide figure.noscroll_table01 img { display: block; max-width: 100%; height: auto; margin-inline: auto; }
@media (max-width: 767px) {
  #lani-kyusei-guide .lani-kyusei-guide__content { padding: 1rem; }
  #lani-kyusei-guide figure.c-spec .scrollable-table::after { content: "横にスクロールして年別の記事を見られます →"; display: block; padding: .5rem .7rem; color: #496777; font-size: .76rem; }
}