/* 上の帯の「チラシを見る」（2026-10-16 本人「ヘッダーに、チラシを見るを入れて欲しい」）。PDF を新しいタブで開く。
   PC（961px〜）だけ帯に出す。スマホはメニューの中に「チラシを見る（PDF）」を置く。申込の釦（金の枠）より控えめにする */
.header-flyer {
  display: none;
}
@media (min-width: 961px) {
  .header-flyer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid rgba(228, 233, 231, 0.42);
    border-radius: 1px;
    color: #e4e9e7;
    font-size: 15px;
    white-space: nowrap;
    flex-shrink: 0;
    transition: border-color 0.25s, color 0.25s;
  }
  .header-flyer .ui-icon {
    width: 18px;
    height: 18px;
    flex: none;
  }
  .header-flyer:hover,
  .header-flyer:focus-visible {
    border-color: var(--gold);
    color: var(--gold-light);
  }
  /* 帯の並び: 案内（右へ寄せる）→ チラシを見る → 受講を申し込む（間は帯の gap のまま） */
}
@media (min-width: 961px) and (max-width: 1180px) {
  .header-flyer {
    font-size: 14px;
    padding: 0 12px;
  }
}