/* 秋の配色。ことは版の構造・文字サイズ・プリントの表示はそのまま使う。 */
:root {
  --cream: #fffaf2; --brown: #483428; --muted: #67584a;
  --green: #52613c; --green-main: #8a9961; --green-light: #edf0df;
  --orange: #98451e; --orange-main: #c47942; --orange-light: #fbead4;
  --line: #e0d1b9;
}
body { background-color: var(--cream); }
.review-banner { background: #70563d; }
.site-header { border-bottom-color: #a67749; }
.brand-mark { background: #f9edd8; border-color: #cfaa72; }
.site-nav { background: #f7ecd8; }
.site-nav a:hover, .site-nav a[aria-current] { color: #704629; border-bottom-color: #b66e36; }
.hero-banner { background: #f8e8cc url('assets/autumn-leaves.svg') center / cover no-repeat; }
.hero-banner::before, .hero-banner::after { display: none; }
.hero-banner h1 { color: #503c2c; }
.hero-banner h1 em { color: #8c481f; background: linear-gradient(transparent 66%, #efcb8877 66%); }
.hero-banner .eyebrow { color: #70583c; }
.hero-banner-text { padding-block: 46px; }
.hero-banner-chara img { filter: drop-shadow(0 8px 10px #7d542425); }
.bubble { color: #59432e; border-color: #c79960; background: #fffef9; }
.bubble::after { border-color: #c79960; background: #fffef9; }
.bunting { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30'%3E%3Cpath d='M0 0h40L20 27z' fill='%238a9961'/%3E%3Cpath d='M40 0h40L60 27z' fill='%23c47942'/%3E%3Cpath d='M80 0h40L100 27z' fill='%23dfb45e'/%3E%3C/svg%3E"); }
main h2::before { background: #b37a42; }
.portal-corners > a.corner-active { border-color: #9aa270; background: #fffef9; }
.corner-next { background: #f8f0df !important; border-color: #d4bb8f !important; }
.corner-next img { height: 174px; right: 18px; }
.band-green { border-color: #b8bf91; background: #eef0df; }
.quiz-card { border-color: #deccb1; }
.card-preview { background: #f1e2c8; }
.paper-tag { background: #fffdf4; color: #665034; }
.download-section { background: #fffdf7; border-color: #c69a69; }
.video-section { background: #edf0df; border-color: #b1bc88; }
.question-sheet { border-top-color: #8b9b65; }
.question-choices li { background: #f6f4e9; border-color: #e1dbc8; }
.ad-reserve { background: #f4efe5; }
.site-footer { background: #efe8d4; border-color: #a3a877; }
@media (min-width: 761px) {
  .hero-banner-chara { padding-right: 38px; }
  .hero-banner-chara .bubble { top: 24px; left: -8px; max-width: 285px; }
}
@media (max-width: 760px) {
  .hero-banner { background-size: auto 100%; background-position: center; }
  .hero-banner h1 { font-size: 36px; }
  .hero-banner .hero-copy { font-size: 20px; }
  .hero-banner-chara .bubble { margin-bottom: 24px; }
  .corner-next img { height: 128px; right: 12px; }
}
@media print { .hero-banner { background: none; } }