@charset "utf-8";

body.single-news { display: flex; min-height: 100vh; flex-direction: column; }
body.single-news > header, body.single-news > footer { flex: 0 0 auto; }
body.single-news #wrap.news-page { flex: 1 0 auto; box-sizing: border-box; }
#wrap.news-page { padding: 0 24px 68px; background: #fff; }
.news-page .news-article { max-width: 680px; margin: 0 auto; background: #fff; }
.news-page .news-article-header { width: auto; height: auto; margin: 0; padding: 42px 0 30px; border-bottom: 1px solid #c9d8e1; background: transparent; }
.news-page .news-article-header .news-article-kicker { float: none; margin: 0 0 14px; color: #0091ff; font: 600 60px/1 "Josefin Sans", sans-serif; letter-spacing: .01em; }
.news-page .news-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-bottom: 22px; color: #5d6871; font-size: 24px; line-height: 1.4; }
.news-page .news-article-meta span { padding: 5px 13px; border-radius: 999px; background: #e5f2f9; color: #145a86; font-size: 21px; font-weight: 600; }
.news-page .news-discipline-gymkhana { background: #e3f2fa; color: #145a86; }
.news-page .news-discipline-dirttrial { background: #fff0e2; color: #a45710; }
.news-page .news-discipline-rally { background: #f0e9fa; color: #684497; }
.news-page .news-discipline-race { background: #fde9eb; color: #a83a49; }
.news-page .news-discipline-committee { background: #e3f4f2; color: #176e6c; }
.news-page .news-discipline-all { background: #edf1f4; color: #536a79; }
.news-page .news-article-meta time { margin-left: auto; }
.news-page .news-article-header h1 { margin: 0; color: #17364b; font-size: 38px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.news-page .news-article-content { padding: 38px 0 18px; color: #303b43; font-size: 28px; line-height: 1.85; overflow-wrap: anywhere; }
.news-page .news-article-content > :first-child { margin-top: 0; }
.news-page .news-article-content > :last-child { margin-bottom: 0; }
.news-page .news-article-content p { margin: 0 0 1.25em; }
.news-page .news-article-content h2, .news-page .news-article-content h3 { margin: 1.7em 0 .65em; color: #145a86; line-height: 1.45; }
.news-page .news-article-content h2 { font-size: 32px; }
.news-page .news-article-content h3 { font-size: 29px; }
.news-page .news-article-content ul, .news-page .news-article-content ol { margin: 0 0 1.25em; padding-left: 1.3em; }
.news-page .news-article-content a { color: #0074c9; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .16em; }
.news-page .news-article-content img { display: block; width: auto; max-width: 100%; height: auto; margin: 1.3em auto; }
.news-page .news-article-content figure { max-width: 100%; margin: 1.4em auto; }
.news-page .news-article-content figcaption { margin-top: .45em; color: #687983; font-size: 21px; line-height: 1.5; text-align: center; }
.news-page .news-article-file { margin-top: 42px; padding-top: 28px; border-top: 1px solid #c9d8e1; }
.news-page .news-article-file p { margin: 0 0 13px; color: #5d6871; font-size: 22px; }
.news-page .news-article-file a { position: relative; display: flex; min-height: 76px; align-items: center; gap: 14px; padding: 14px 54px 14px 20px; border: 1px solid #9fc7dc; background: #f2f8fb; color: #145a86; font-size: 24px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.news-page .news-article-file a:hover { border-color: #0074c9; background: #e4f3fb; opacity: 1; }
.news-page .news-article-file svg { flex: 0 0 auto; width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.news-page .news-article-file b { position: absolute; top: 50%; right: 19px; transform: translateY(-50%); color: #5b9aba; font: 400 38px/1 Arial, sans-serif; }
.news-archive-page { min-height: calc(100vh - 100px); }
.news-archive-page .news-archive { max-width: 680px; margin: 0 auto; padding: 38px 0 68px; }
.news-archive-page .news-filter { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 22px; background: #f1f7fa; }
.news-archive-page .news-filter-selects { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; grid-column: 1 / -1; }
.news-archive-page .news-filter label { display: grid; gap: 6px; color: #50636e; font-size: 20px; font-weight: 600; }
.news-archive-page .news-filter select, .news-archive-page .news-filter input { width: 100%; min-width: 0; height: 58px; box-sizing: border-box; padding: 0 14px; border: 1px solid #b6cfde; border-radius: 0; background: #fff; color: #243b4a; font: 400 23px/1 "Noto Sans JP", sans-serif; }
.news-archive-page .news-filter-keyword { grid-column: 1; }
.news-archive-page .news-filter button { min-height: 58px; align-self: end; padding: 0 24px; border: 0; background: #0874ba; color: #fff; font: 600 23px/1 "Noto Sans JP", sans-serif; cursor: pointer; }
.news-archive-page .news-filter button:hover { background: #005d98; }
.news-archive-page .news-filter button b { margin-left: 8px; font: 400 30px/1 Arial, sans-serif; vertical-align: -2px; }
.news-archive-page .news-result-count { margin: 34px 0 14px; color: #63727a; font-size: 22px; }
.news-archive-page .news-result-count strong { margin-right: 3px; color: #145a86; font-size: 30px; }
.news-archive-page .news-archive-list { margin: 0; padding: 0; border-top: 1px solid #cad9e1; list-style: none; }
.news-archive-page .news-discipline-badge { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 28px; padding: 0 10px; border-radius: 999px; font-size: 17px; font-weight: 600; line-height: 1; white-space: nowrap; }
.news-archive-page .news-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 38px; }
.news-archive-page .news-pagination .page-numbers { display: grid; min-width: 48px; height: 48px; place-items: center; border: 1px solid #b6cfde; color: #145a86; font-size: 21px; }
.news-archive-page .news-pagination a.page-numbers:hover { background: #e8f5fb; opacity: 1; }
.news-archive-page .news-pagination .current { border-color: #0874ba; background: #0874ba; color: #fff; }
.news-archive-page .news-archive-empty { margin: 36px 0 0; padding: 30px; background: #f3f7f9; color: #65727a; font-size: 24px; text-align: center; }
.news-archive-page .news-discipline-gymkhana { background: #e3f2fa; color: #145a86; }
.news-archive-page .news-discipline-dirttrial { background: #fff0e2; color: #a45710; }
.news-archive-page .news-discipline-rally { background: #f0e9fa; color: #684497; }
.news-archive-page .news-discipline-race { background: #fde9eb; color: #a83a49; }
.news-archive-page .news-discipline-committee { background: #e3f4f2; color: #176e6c; }
.news-archive-page .news-discipline-all { background: #edf1f4; color: #536a79; }