@charset "UTF-8";
/* =========================================================
   TOP ONE / トップワン  — 静的デザイン案 共通CSS
   接頭辞 to- でグローバル汚染を回避（WPテーマ化を想定）
   ========================================================= */

:root {
  /* Color */
  --to-dark:      #0d0d0f;
  --to-dark-2:    #16161a;
  --to-dark-3:    #1f1f25;
  --to-light:     #f5f5f7;
  --to-white:     #ffffff;
  --to-accent:    #dc6432; /* Primary / CTA（ロゴのオレンジ） */
  --to-accent-d:  #c15326;
  --to-gold:      #e89258; /* 差し色（明るいオレンジ／プレミアム強調） */
  --to-text:      #ededf0; /* on dark */
  --to-text-dk:   #1a1a1c; /* on light */
  --to-muted:     #9a9aa2;
  --to-border:    rgba(255,255,255,.12);
  --to-border-lt: rgba(0,0,0,.10);

  /* Layout */
  --to-maxw:      1280px;
  --to-maxw-narrow: 860px;
  --to-pad:       clamp(16px, 4vw, 48px);
  --to-radius:    14px;
  --to-radius-sm: 8px;
  --to-shadow:    0 18px 50px rgba(0,0,0,.45);
  --to-shadow-sm: 0 6px 20px rgba(0,0,0,.30);

  /* Type */
  --to-font-jp:   "Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  --to-font-disp: "Oswald", "Noto Sans JP", sans-serif;

  /* Header height */
  --to-header-h:  72px;
}

/* ---------- Reset-ish ---------- */
*,*::before,*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--to-font-jp);
  font-size: clamp(16px, 1.05vw, 17px);
  line-height: 1.85;
  color: var(--to-text);
  background: var(--to-dark);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
h1,h2,h3,h4 { margin: 0; line-height: 1.25; font-weight: 700; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--to-gold); outline-offset: 3px; border-radius: 4px; }

/* ---------- Utilities ---------- */
.to-container { width: 100%; max-width: var(--to-maxw); margin-inline: auto; padding-inline: var(--to-pad); }
.to-narrow { max-width: var(--to-maxw-narrow); }
.to-section { padding-block: clamp(56px, 8vw, 112px); }
.to-section--light { background: var(--to-light); color: var(--to-text-dk); }
.to-section--dark2 { background: var(--to-dark-2); }
.to-visually-hidden {
  position:absolute!important; width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.to-eng { font-family: var(--to-font-disp); text-transform: uppercase; letter-spacing: .06em; }

/* Section heading */
.to-head { margin-bottom: clamp(28px, 4vw, 48px); }
.to-head__en {
  font-family: var(--to-font-disp); font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: var(--to-accent); font-size: clamp(13px,1.4vw,15px);
  display: inline-flex; align-items: center; gap: .6em;
}
.to-head__en::before { content:""; width: 34px; height: 2px; background: var(--to-accent); display:inline-block; }
.to-head__jp {
  font-family: var(--to-font-disp);
  font-size: clamp(28px, 4.4vw, 46px); font-weight: 700; letter-spacing: .02em;
  margin-top: .3em;
}
.to-section--light .to-head__jp { color: var(--to-text-dk); }
.to-head--center { text-align: center; }
.to-head--center .to-head__en { justify-content: center; }

/* ---------- Buttons ---------- */
.to-btn {
  --_bg: var(--to-accent); --_fg: #fff;
  display: inline-flex; align-items: center; justify-content: center; gap: .6em;
  min-height: 54px; padding: 0 30px;
  font-family: var(--to-font-jp); font-weight: 700; font-size: 16px; line-height: 1.2;
  background: var(--_bg); color: var(--_fg);
  border: 2px solid var(--_bg); border-radius: var(--to-radius-sm);
  cursor: pointer; transition: transform .15s ease, background .2s ease, box-shadow .2s ease;
}
.to-btn:hover { background: var(--to-accent-d); border-color: var(--to-accent-d); transform: translateY(-2px); box-shadow: var(--to-shadow-sm); }
.to-btn__arrow { font-family: var(--to-font-disp); }
.to-btn--ghost { --_bg: transparent; --_fg: #fff; border-color: rgba(255,255,255,.5); }
.to-btn--ghost:hover { background: rgba(255,255,255,.10); border-color:#fff; }
.to-btn--gold { --_bg: var(--to-gold); --_fg: #1a1409; border-color: var(--to-gold); }
.to-btn--gold:hover { background: #d9b25c; border-color:#d9b25c; }
.to-btn--lg { min-height: 60px; font-size: 17px; padding: 0 38px; }
.to-btn--block { width: 100%; }
.to-section--light .to-btn--ghost { --_fg: var(--to-text-dk); border-color: rgba(0,0,0,.35); }
.to-section--light .to-btn--ghost:hover { background: rgba(0,0,0,.06); border-color:#000; }

/* =========================================================
   Header
   ========================================================= */
.to-header {
  position: sticky; top: 0; z-index: 100;
  height: var(--to-header-h);
  background: rgba(13,13,15,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--to-border);
}
.to-header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.to-logo { display: inline-flex; align-items: center; }
.to-logo__img { height: 40px; width: auto; display: block; }
@media (max-width: 767px){ .to-logo__img { height: 32px; } }
.to-nav { display: flex; align-items: center; gap: 28px; }
.to-nav__list { display: flex; gap: 26px; }
.to-nav__list a { font-size: 14px; font-weight: 500; color: #dcdce2; position: relative; padding: 6px 0; transition: color .2s; }
.to-nav__list a::after { content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background: var(--to-accent); transition: width .2s; }
.to-nav__list a:hover, .to-nav__list a[aria-current="page"] { color:#fff; }
.to-nav__list a:hover::after, .to-nav__list a[aria-current="page"]::after { width:100%; }
.to-nav__cta { margin-left: 4px; }
.to-nav__cta .to-btn { min-height: 44px; padding: 0 20px; font-size: 14px; }

.to-burger {
  display: none; width: 46px; height: 46px; border: 1px solid var(--to-border);
  background: transparent; border-radius: 8px; cursor: pointer; padding: 0;
}
.to-burger span, .to-burger span::before, .to-burger span::after {
  content:""; display:block; width: 22px; height: 2px; background:#fff; margin-inline:auto; position: relative; transition: .25s;
}
.to-burger span::before { position:absolute; top:-7px; left:0; }
.to-burger span::after  { position:absolute; top: 7px; left:0; }
.to-burger[aria-expanded="true"] span { background: transparent; }
.to-burger[aria-expanded="true"] span::before { top:0; transform: rotate(45deg); }
.to-burger[aria-expanded="true"] span::after  { top:0; transform: rotate(-45deg); }

/* =========================================================
   Hero
   ========================================================= */
.to-hero { position: relative; background: var(--to-dark); overflow: hidden; }
.to-hero__media { position: absolute; inset: 0; z-index: 0; }
.to-hero__media::after {
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(13,13,15,.94) 0%, rgba(13,13,15,.72) 42%, rgba(13,13,15,.30) 100%),
    linear-gradient(0deg, rgba(13,13,15,.95) 2%, transparent 45%);
}
.to-hero__media img { width:100%; height:100%; object-fit: cover; object-position: center 30%; }
.to-hero__inner {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1.35fr .85fr; gap: 48px; align-items: end;
  min-height: min(88vh, 780px); padding-block: 64px 56px;
}
.to-hero__badge {
  display:inline-flex; align-items:center; gap:.6em;
  font-family: var(--to-font-disp); font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  font-size: 13px; color:#fff; background: var(--to-accent); padding: 7px 14px; border-radius: 4px;
}
.to-hero__title {
  font-family: var(--to-font-disp); font-weight: 700; text-transform: uppercase;
  font-size: clamp(46px, 8.5vw, 108px); line-height: .95; letter-spacing: .01em;
  margin: 18px 0 10px; color:#fff;
}
.to-hero__title b { color: var(--to-accent); }
.to-hero__lead { font-size: clamp(16px,1.5vw,19px); color:#d6d6dc; max-width: 44ch; margin-bottom: 26px; }
.to-hero__actions { display:flex; flex-wrap: wrap; gap: 14px; }

/* 次回大会パネル */
.to-eventcard {
  background: rgba(22,22,26,.86); border: 1px solid var(--to-border);
  border-radius: var(--to-radius); padding: 26px 26px 24px; backdrop-filter: blur(6px);
  box-shadow: var(--to-shadow);
}
.to-eventcard__tag { font-family: var(--to-font-disp); letter-spacing:.16em; text-transform:uppercase; color: var(--to-gold); font-size: 13px; font-weight:600; }
.to-eventcard__name { font-family: var(--to-font-disp); font-size: 30px; font-weight:700; color:#fff; margin: 6px 0 16px; }
.to-eventcard__row { display:flex; gap: 12px; padding: 11px 0; border-top: 1px solid var(--to-border); font-size: 15px; }
.to-eventcard__row:first-of-type { border-top: 0; }
.to-eventcard__row dt { flex: 0 0 76px; color: var(--to-muted); }
.to-eventcard__row dd { margin:0; color:#fff; font-weight:500; }
.to-eventcard__cd { display:flex; gap:10px; margin: 18px 0 20px; }
.to-cd__unit { flex:1; text-align:center; background: var(--to-dark); border:1px solid var(--to-border); border-radius: 8px; padding: 10px 4px; }
.to-cd__num { font-family: var(--to-font-disp); font-size: 30px; font-weight:700; color:#fff; line-height:1; }
.to-cd__lbl { font-size: 11px; color: var(--to-muted); letter-spacing:.08em; margin-top: 4px; }

/* Scroll cue */
.to-hero__cue { position:absolute; left: var(--to-pad); bottom: 18px; z-index:1; font-size:11px; letter-spacing:.24em; color: var(--to-muted); font-family: var(--to-font-disp); text-transform:uppercase; }

/* =========================================================
   ニュース／更新導線
   ========================================================= */
.to-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 30px); }
.to-newscard { background: var(--to-dark-2); border:1px solid var(--to-border); border-radius: var(--to-radius); overflow: hidden; transition: transform .2s, border-color .2s; }
.to-section--light .to-newscard { background:#fff; border-color: var(--to-border-lt); box-shadow: var(--to-shadow-sm); }
.to-newscard:hover { transform: translateY(-4px); border-color: rgba(220,100,50,.65); }
.to-newscard__thumb { aspect-ratio: 16/9; background:#26262c; overflow:hidden; }
.to-newscard__thumb img { width:100%; height:100%; object-fit: cover; }
.to-newscard__body { padding: 18px 20px 22px; }
.to-newscard__meta { display:flex; align-items:center; gap:10px; font-size:13px; margin-bottom:10px; }
.to-newscard__cat { font-family: var(--to-font-disp); letter-spacing:.08em; text-transform:uppercase; color:#fff; background: var(--to-accent); padding: 3px 10px; border-radius:4px; font-size:11px; font-weight:600; }
.to-newscard__date { color: var(--to-muted); font-family: var(--to-font-disp); letter-spacing:.05em; }
.to-section--light .to-newscard__date { color:#6a6a72; }
.to-newscard__title { font-size: 17px; font-weight:700; line-height:1.5; }

/* News list (news.html) */
.to-newslist { display:flex; flex-direction: column; gap: 0; border-top:1px solid var(--to-border-lt); }
.to-newsrow { display:flex; gap: 22px; align-items:center; padding: 20px 4px; border-bottom:1px solid var(--to-border-lt); transition: background .2s; }
.to-newsrow:hover { background: rgba(0,0,0,.03); }
.to-newsrow__date { flex: 0 0 auto; font-family: var(--to-font-disp); color:#6a6a72; letter-spacing:.05em; }
.to-newsrow__cat { flex:0 0 auto; font-size:11px; font-weight:600; font-family: var(--to-font-disp); letter-spacing:.06em; text-transform:uppercase; color:#fff; background:#33333a; padding:3px 12px; border-radius:4px; }
.to-newsrow__cat--result { background: var(--to-accent); }
.to-newsrow__cat--ticket { background: var(--to-gold); color:#1a1409; }
.to-newsrow__title { font-weight:600; }

/* =========================================================
   カテゴリ導線タイル
   ========================================================= */
.to-tiles { display:grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.to-tile { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height: 190px; padding: 22px; border-radius: var(--to-radius); overflow:hidden; color:#fff; background:#1c1c22; border:1px solid var(--to-border); transition: transform .2s; }
.to-tile:hover { transform: translateY(-4px); }
.to-tile::before { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.72)); z-index:0; }
.to-tile img { position:absolute; inset:0; width:100%;height:100%; object-fit:cover; z-index:-1; opacity:.55; }
.to-tile__en { position:relative; z-index:1; font-family: var(--to-font-disp); text-transform:uppercase; letter-spacing:.1em; color: var(--to-gold); font-size:13px; font-weight:600; }
.to-tile__jp { position:relative; z-index:1; font-size:20px; font-weight:700; margin-top: 2px; }
.to-tile__arrow { position:relative; z-index:1; font-family: var(--to-font-disp); margin-top:12px; color:#fff; font-size:14px; }

/* =========================================================
   About / チーム
   ========================================================= */
.to-about { display:grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px,5vw,64px); align-items:center; }
.to-about__img { border-radius: var(--to-radius); overflow:hidden; aspect-ratio: 4/3; box-shadow: var(--to-shadow); }
.to-about__img img { width:100%;height:100%;object-fit:cover; }
.to-about__lead { font-size: clamp(19px,2.2vw,26px); font-weight:700; line-height:1.6; margin-bottom: .8em; }
.to-stats { display:flex; gap: 30px; margin-top: 26px; flex-wrap:wrap; }
.to-stat__num { font-family: var(--to-font-disp); font-size: 42px; font-weight:700; color: var(--to-accent); line-height:1; }
.to-stat__lbl { font-size: 13px; color: var(--to-muted); margin-top: 4px; }
.to-section--light .to-stat__lbl { color:#6a6a72; }

/* =========================================================
   選手カード
   ========================================================= */
.to-fighters { display:grid; grid-template-columns: repeat(4,1fr); gap: clamp(16px,2.4vw,26px); }
.to-fcard { position:relative; border-radius: var(--to-radius); overflow:hidden; background:#1c1c22; border:1px solid var(--to-border); }
.to-fcard__img { aspect-ratio: 4/5; overflow:hidden; background:#26262c; }
.to-fcard__img img { width:100%;height:100%;object-fit:cover; object-position: top center; transition: transform .4s; }
.to-fcard:hover .to-fcard__img img { transform: scale(1.05); }
.to-fcard__body { padding: 16px 18px 20px; }
.to-fcard__class { font-family: var(--to-font-disp); font-size:12px; letter-spacing:.08em; color: var(--to-gold); font-weight:600; text-transform:uppercase; }
.to-fcard__name { font-size: 20px; font-weight:700; color:#fff; margin: 2px 0 4px; }
.to-fcard__name span { font-family: var(--to-font-disp); font-size:12px; color: var(--to-muted); display:block; letter-spacing:.06em; font-weight:500; }
.to-fcard__rec { font-size:13px; color: var(--to-muted); font-family: var(--to-font-disp); letter-spacing:.04em; }
.to-fcard__rec b { color:#fff; }

/* =========================================================
   チケット表（event.html）
   ========================================================= */
.to-tickets { display:grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.to-tk { background:#fff; border:1px solid var(--to-border-lt); border-radius: var(--to-radius); padding: 26px 22px; text-align:center; position:relative; }
.to-tk--vip { border-color: var(--to-gold); box-shadow: 0 10px 30px rgba(200,162,74,.18); }
.to-tk__ribbon { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background: var(--to-gold); color:#1a1409; font-family: var(--to-font-disp); font-weight:600; letter-spacing:.1em; font-size:12px; padding:4px 14px; border-radius:20px; text-transform:uppercase; }
.to-tk__name { font-family: var(--to-font-disp); font-size:26px; font-weight:700; text-transform:uppercase; color: var(--to-text-dk); }
.to-tk__price { font-family: var(--to-font-disp); font-size:38px; font-weight:700; color: var(--to-accent); margin: 8px 0 2px; }
.to-tk__price small { font-size:15px; color:#6a6a72; font-weight:500; }
.to-tk__desc { font-size:14px; color:#54545c; min-height: 3em; }

/* Match card (対戦カード) */
.to-matches { display:flex; flex-direction:column; gap: 14px; }
.to-match { display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap: 16px; background: var(--to-dark-2); border:1px solid var(--to-border); border-radius: var(--to-radius); padding: 18px 22px; }
.to-match__class { grid-column: 1/-1; text-align:center; font-family: var(--to-font-disp); letter-spacing:.1em; color: var(--to-gold); font-size:12px; font-weight:600; text-transform:uppercase; margin-bottom: 2px; }
.to-match__fighter { display:flex; align-items:center; gap:12px; }
.to-match__fighter--r { flex-direction: row-reverse; text-align:right; justify-content:flex-start; }
.to-match__ava { width:52px;height:52px;border-radius:50%;object-fit:cover;background:#33333a; flex:0 0 auto; }
.to-match__fname { font-weight:700; color:#fff; }
.to-match__fname span { display:block; font-size:12px; color:var(--to-muted); font-family:var(--to-font-disp); font-weight:500; }
.to-match__vs { font-family: var(--to-font-disp); font-weight:700; color: var(--to-accent); font-size:22px; }

/* =========================================================
   CTA 帯
   ========================================================= */
.to-cta { position:relative; overflow:hidden; background: var(--to-dark-2); border-block:1px solid var(--to-border); }
.to-cta__inner { display:grid; grid-template-columns: 1fr auto; gap: 32px; align-items:center; padding-block: clamp(44px,6vw,72px); }
.to-cta__title { font-family: var(--to-font-disp); font-size: clamp(26px,3.6vw,40px); font-weight:700; color:#fff; }
.to-cta__title b { color: var(--to-accent); }
.to-cta__text { color: var(--to-muted); margin-top: 6px; margin-bottom:0; }
.to-cta__actions { display:flex; gap:14px; flex-wrap:wrap; }

/* =========================================================
   Footer
   ========================================================= */
.to-footer { background: var(--to-dark); border-top:1px solid var(--to-border); padding-top: clamp(48px,6vw,72px); }
.to-footer__grid { display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 44px; }
.to-footer__brand .to-logo { margin-bottom: 14px; }
.to-footer__desc { color: var(--to-muted); font-size:14px; max-width: 34ch; }
.to-footer h4 { font-family: var(--to-font-disp); text-transform:uppercase; letter-spacing:.08em; font-size:14px; color:#fff; margin-bottom: 16px; }
.to-footer__list li { margin-bottom: 10px; }
.to-footer__list a { color: var(--to-muted); font-size:14px; transition:color .2s; }
.to-footer__list a:hover { color:#fff; }
.to-sns { display:flex; gap:12px; margin-top: 6px; }
.to-sns a { width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--to-border);border-radius:10px;color:#fff;transition:.2s; }
.to-sns a:hover { background: var(--to-accent); border-color: var(--to-accent); }
.to-sns svg { width:20px;height:20px;fill:currentColor; }
.to-footer__bottom { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding: 22px 0; border-top:1px solid var(--to-border); font-size:13px; color: var(--to-muted); }
.to-footer__bottom a { color: var(--to-muted); }
.to-footer__bottom a:hover { color:#fff; }

/* Back to top */
.to-top { position: fixed; right: 20px; bottom: 20px; z-index: 90; width:48px;height:48px; display:grid;place-items:center; background: var(--to-accent); color:#fff; border-radius:50%; box-shadow: var(--to-shadow-sm); opacity:0; pointer-events:none; transition: opacity .3s, transform .2s; font-family: var(--to-font-disp); }
.to-top.is-show { opacity:1; pointer-events:auto; }
.to-top:hover { transform: translateY(-3px); }

/* =========================================================
   Breadcrumb / page hero (下層共通)
   ========================================================= */
.to-pagehero { position:relative; padding-block: clamp(48px,7vw,90px) clamp(36px,5vw,56px); border-bottom:1px solid var(--to-border); overflow:hidden; }
.to-pagehero::before { content:""; position:absolute; inset:0; background: radial-gradient(120% 140% at 80% 0%, rgba(220,100,50,.28), transparent 55%); z-index:0; }
.to-pagehero__inner { position:relative; z-index:1; }
.to-pagehero__en { font-family: var(--to-font-disp); text-transform:uppercase; letter-spacing:.16em; color: var(--to-accent); font-weight:600; font-size:14px; }
.to-pagehero__title { font-family: var(--to-font-disp); font-size: clamp(32px,5vw,58px); font-weight:700; color:#fff; margin-top:4px; }
.to-breadcrumb { font-size:13px; color: var(--to-muted); margin-top: 14px; }
.to-breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; }
.to-breadcrumb a:hover { color:#fff; }
.to-breadcrumb li:not(:last-child)::after { content:"›"; margin-left:8px; color: var(--to-border); }

/* Filter chips */
.to-filter { display:flex; flex-wrap:wrap; gap:10px; margin-bottom: 34px; }
.to-chip { font-size:14px; font-weight:600; padding: 9px 18px; border-radius: 40px; border:1px solid var(--to-border-lt); background:#fff; color: var(--to-text-dk); cursor:pointer; transition:.2s; }
.to-chip:hover { border-color: var(--to-accent); color: var(--to-accent); }
.to-chip[aria-pressed="true"] { background: var(--to-accent); border-color: var(--to-accent); color:#fff; }

/* pagination */
.to-pager { display:flex; justify-content:center; gap:8px; margin-top: 44px; }
.to-pager a, .to-pager span { min-width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--to-border-lt);border-radius:8px;font-family:var(--to-font-disp);font-weight:600;color:var(--to-text-dk);background:#fff;transition:.2s; }
.to-pager a:hover { border-color:var(--to-accent); color:var(--to-accent); }
.to-pager [aria-current="page"] { background:var(--to-accent); border-color:var(--to-accent); color:#fff; }

/* note (デザイン案の注記) */
.to-note { font-size:13px; color: var(--to-muted); text-align:center; padding: 14px; border:1px dashed var(--to-border); border-radius:8px; margin-top: 8px; }
.to-section--light .to-note { color:#6a6a72; border-color: var(--to-border-lt); }

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 1023px) {
  .to-hero__inner { grid-template-columns: 1fr; gap: 32px; align-items: start; min-height: auto; padding-block: 48px 44px; }
  .to-eventcard { max-width: 460px; }
  .to-news { grid-template-columns: repeat(2,1fr); }
  .to-tiles { grid-template-columns: repeat(2,1fr); }
  .to-fighters { grid-template-columns: repeat(3,1fr); }
  .to-tickets { grid-template-columns: repeat(2,1fr); }
  .to-about { grid-template-columns: 1fr; }
  .to-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .to-cta__inner { grid-template-columns: 1fr; text-align:center; }
  .to-cta__actions { justify-content:center; }
}
@media (max-width: 767px) {
  :root { --to-header-h: 62px; }
  .to-nav { position: fixed; inset: var(--to-header-h) 0 auto 0; flex-direction: column; align-items: stretch;
            background: rgba(13,13,15,.98); border-bottom:1px solid var(--to-border); padding: 12px var(--to-pad) 24px;
            gap: 4px; transform: translateY(-120%); transition: transform .3s ease; max-height: calc(100vh - var(--to-header-h)); overflow:auto; }
  .to-nav.is-open { transform: translateY(0); }
  .to-nav__list { flex-direction: column; gap: 0; }
  .to-nav__list a { display:block; padding: 14px 4px; border-bottom:1px solid var(--to-border); font-size:16px; }
  .to-nav__cta { margin: 14px 0 0; }
  .to-nav__cta .to-btn { min-height: 52px; width:100%; font-size:16px; }
  .to-burger { display:block; }
  .to-news { grid-template-columns: 1fr; }
  .to-tiles { grid-template-columns: 1fr 1fr; gap:12px; }
  .to-tile { min-height: 150px; }
  .to-fighters { grid-template-columns: repeat(2,1fr); }
  .to-tickets { grid-template-columns: 1fr 1fr; }
  .to-footer__grid { grid-template-columns: 1fr; gap: 30px; }
  .to-hero__title { font-size: clamp(44px, 15vw, 72px); }
  .to-match { grid-template-columns: 1fr auto 1fr; padding: 16px; gap: 8px; }
  .to-match__ava { width:40px;height:40px; }
  .to-newsrow { flex-wrap:wrap; gap:8px 14px; }
  .to-newsrow__title { flex-basis:100%; }
  body.to-noscroll { overflow: hidden; }
}
@media (max-width: 420px) {
  .to-tickets, .to-tiles { grid-template-columns: 1fr; }
  .to-hero__cue { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* =========================================================
   Hero (BreakingDown型・動きあり)  .to-hero--bd
   ========================================================= */
.to-hero--bd {
  min-height: 100svh;
  display: flex; flex-direction: column; justify-content: center;
  background: #000; text-align: center; isolation: isolate;
  padding-block: calc(var(--to-header-h) + 24px) 0;
}
.to-hero__glow {
  position: absolute; left: 50%; bottom: -14%; transform: translateX(-50%);
  width: min(150vw, 1500px); height: 88vh; z-index: -2; pointer-events: none;
  background:
    radial-gradient(60% 55% at 50% 100%, rgba(255,138,60,.95), rgba(220,100,50,.55) 26%, rgba(220,100,50,.18) 45%, transparent 66%);
  filter: blur(6px);
  animation: to-glow 4.4s ease-in-out infinite;
}
.to-hero__glowline {
  position:absolute; left:0; right:0; bottom: 30%; height:2px; z-index:-2; pointer-events:none;
  background: linear-gradient(90deg, transparent, rgba(255,150,70,.9), transparent);
  box-shadow: 0 0 24px 4px rgba(255,138,60,.6);
  animation: to-glowline 4.4s ease-in-out infinite;
}
@keyframes to-glow { 0%,100%{ opacity:.72; transform:translateX(-50%) scaleY(.94); } 50%{ opacity:1; transform:translateX(-50%) scaleY(1.06);} }
@keyframes to-glowline { 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.to-hero--bd::after {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background: radial-gradient(120% 80% at 50% 40%, transparent 55%, rgba(0,0,0,.85));
}
.to-embers { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.to-embers span {
  position:absolute; bottom:-10px; width:6px; height:6px; border-radius:50%;
  background: radial-gradient(circle, #ffb070, #dc6432);
  opacity:0; animation: to-ember linear infinite;
}
@keyframes to-ember {
  0%{ transform: translateY(0) scale(1); opacity:0; }
  10%{ opacity:.9; }
  100%{ transform: translateY(-92vh) scale(.3); opacity:0; }
}
.to-embers span:nth-child(1){ left:8%;  animation-duration:7s;  animation-delay:0s; }
.to-embers span:nth-child(2){ left:18%; animation-duration:9s;  animation-delay:1.2s; width:4px;height:4px;}
.to-embers span:nth-child(3){ left:28%; animation-duration:6.5s;animation-delay:2.1s; }
.to-embers span:nth-child(4){ left:38%; animation-duration:8.5s;animation-delay:.6s; width:8px;height:8px;}
.to-embers span:nth-child(5){ left:47%; animation-duration:7.6s;animation-delay:3s; }
.to-embers span:nth-child(6){ left:56%; animation-duration:9.5s;animation-delay:1.7s; width:5px;height:5px;}
.to-embers span:nth-child(7){ left:64%; animation-duration:6.8s;animation-delay:2.6s; }
.to-embers span:nth-child(8){ left:72%; animation-duration:8.2s;animation-delay:.3s; width:7px;height:7px;}
.to-embers span:nth-child(9){ left:80%; animation-duration:7.1s;animation-delay:3.4s; }
.to-embers span:nth-child(10){left:88%; animation-duration:9.2s;animation-delay:1s; width:4px;height:4px;}
.to-embers span:nth-child(11){left:33%; animation-duration:10s; animation-delay:4s; }
.to-embers span:nth-child(12){left:60%; animation-duration:8.8s;animation-delay:4.6s; width:6px;height:6px;}

.to-herobd { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:22px; }
.to-herobd__badge {
  display:inline-flex; align-items:center; gap:.6em; font-family:var(--to-font-disp); font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; font-size:13px; color:#ffb884;
  border:1px solid rgba(255,150,90,.5); padding:8px 18px; border-radius:40px;
  opacity:0; animation: to-up .8s ease .1s forwards;
}
.to-herobd__logo { width:min(78vw, 640px); filter: drop-shadow(0 6px 30px rgba(255,120,50,.35));
  opacity:0; transform: scale(.9); animation: to-pop 1s cubic-bezier(.2,.8,.2,1) .25s forwards; }
.to-herobd__vol {
  font-family:var(--to-font-disp); font-weight:700; text-transform:uppercase; letter-spacing:.04em;
  font-size: clamp(40px, 9vw, 116px); line-height:.9; color:#fff; margin:0;
  text-shadow: 0 4px 40px rgba(255,120,50,.35);
  opacity:0; animation: to-up .9s ease .5s forwards;
}
.to-herobd__vol b { color: var(--to-accent); }
.to-herobd__meta {
  display:flex; align-items:center; gap:16px; flex-wrap:wrap; justify-content:center;
  font-family:var(--to-font-disp); opacity:0; animation: to-up .9s ease .7s forwards;
}
.to-herobd__date { font-size: clamp(26px,4.4vw,44px); font-weight:700; color:#fff; letter-spacing:.02em; }
.to-herobd__date b { color: var(--to-accent); }
.to-herobd__dow { font-size:14px; color:#ffb884; border:1px solid rgba(255,150,90,.5); padding:2px 8px; border-radius:4px; vertical-align:middle; }
.to-herobd__venue { font-size: clamp(15px,2vw,20px); color:#d6d6dc; font-family:var(--to-font-jp); }
.to-herobd__cd { display:flex; gap:12px; opacity:0; animation: to-up .9s ease .85s forwards; }
.to-herobd__cd .to-cd__unit { min-width:74px; background: rgba(20,16,14,.7); border-color: rgba(255,150,90,.28); }
.to-herobd__cd .to-cd__num { color:#fff; }
.to-herobd__actions { display:flex; gap:14px; flex-wrap:wrap; justify-content:center; opacity:0; animation: to-up .9s ease 1s forwards; }
.to-herobd__actions .to-btn { box-shadow: 0 8px 30px rgba(220,100,50,.4); }
.to-herobd__actions .to-btn:not(.to-btn--ghost){ animation: to-pulse 2.4s ease-in-out infinite; }
.to-herobd__note { font-size:12px; color:var(--to-muted); opacity:0; animation: to-up .9s ease 1.15s forwards; }

@keyframes to-up { from{ opacity:0; transform: translateY(24px);} to{ opacity:1; transform:none; } }
@keyframes to-pop { from{ opacity:0; transform: scale(.9);} to{ opacity:1; transform:none; } }
@keyframes to-pulse { 0%,100%{ box-shadow:0 8px 30px rgba(220,100,50,.4);} 50%{ box-shadow:0 10px 44px rgba(255,138,60,.75);} }

.to-marquee { position:relative; z-index:1; margin-top: 40px; border-block:1px solid rgba(255,150,90,.25);
  background: rgba(0,0,0,.5); overflow:hidden; }
.to-marquee__track { display:flex; width:max-content; animation: to-marq 22s linear infinite; }
.to-marquee__track span {
  font-family:var(--to-font-disp); font-weight:700; text-transform:uppercase; letter-spacing:.08em;
  font-size:16px; color:#fff; padding:14px 26px; display:inline-flex; align-items:center; gap:26px; white-space:nowrap;
}
.to-marquee__track span::after { content:"\2605"; color: var(--to-accent); }
@keyframes to-marq { from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
.to-hero__cue--bd { position:absolute; left:50%; transform:translateX(-50%); bottom:96px; z-index:1;
  color:#ffb884; font-family:var(--to-font-disp); letter-spacing:.24em; font-size:11px; text-transform:uppercase;
  animation: to-bounce 2s ease-in-out infinite; }
@keyframes to-bounce { 0%,100%{ transform:translate(-50%,0);} 50%{ transform:translate(-50%,8px);} }

@media (max-width: 767px){
  .to-hero--bd { min-height: 92svh; }
  .to-herobd__cd .to-cd__unit { min-width:58px; }
  .to-hero__cue--bd { display:none; }
}

/* =========================================================
   料金ブロック（トップ・簡易）  .to-price
   ========================================================= */
.to-price { display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
.to-pricecard {
  background: var(--to-dark-2); border:1px solid var(--to-border); border-radius: var(--to-radius);
  padding: 24px 20px; text-align:center; transition: transform .2s, border-color .2s;
}
.to-pricecard:hover { transform: translateY(-4px); border-color: rgba(220,100,50,.6); }
.to-pricecard--vip { border-color: var(--to-accent); background: linear-gradient(180deg, rgba(220,100,50,.14), var(--to-dark-2)); }
.to-pricecard__name { font-family:var(--to-font-disp); font-size:22px; font-weight:700; text-transform:uppercase; color:#fff; }
.to-pricecard__price { font-family:var(--to-font-disp); font-size:34px; font-weight:700; color:var(--to-accent); line-height:1; margin:8px 0 2px; }
.to-pricecard__price small { font-size:14px; color:var(--to-muted); font-weight:500; }
.to-pricecard__note { font-size:13px; color:var(--to-muted); }
@media (max-width:767px){ .to-price { grid-template-columns:1fr 1fr; } }
@media (max-width:420px){ .to-price { grid-template-columns:1fr; } }

/* =========================================================
   協賛ロゴ  .to-sponsors
   ========================================================= */
.to-sponsors { display:grid; gap:18px; }
.to-sponsors--lg { grid-template-columns: repeat(3,1fr); }
.to-sponsors--md { grid-template-columns: repeat(4,1fr); }
.to-sponsors--sm { grid-template-columns: repeat(6,1fr); }
.to-sponsor {
  aspect-ratio: 3/2; display:grid; place-items:center; padding:18px;
  background:#fff; border:1px solid var(--to-border-lt); border-radius: var(--to-radius-sm);
  color:#8a8a92; font-family:var(--to-font-disp); font-weight:600; letter-spacing:.04em; text-align:center;
  transition: transform .2s;
}
.to-sponsor:hover { transform: translateY(-3px); }
.to-sponsor img { max-width:100%; max-height:100%; object-fit:contain; }
.to-sponsor--ghost { background: transparent; border-style:dashed; border-color: var(--to-border); color: var(--to-muted); }
@media (max-width:1023px){ .to-sponsors--lg{grid-template-columns:repeat(2,1fr);} .to-sponsors--md{grid-template-columns:repeat(3,1fr);} .to-sponsors--sm{grid-template-columns:repeat(4,1fr);} }
@media (max-width:600px){ .to-sponsors--lg,.to-sponsors--md{grid-template-columns:repeat(2,1fr);} .to-sponsors--sm{grid-template-columns:repeat(3,1fr);} }

/* =========================================================
   Hero 追加演出（ド派手モード）  for .to-hero--bd
   ========================================================= */
/* 背景：実試合ビジュアルをブラーで敷き、ゆっくりズーム */
.to-hero__bgzoom {
  position:absolute; inset:-5%; z-index:-4; pointer-events:none;
  background:url("../img/yt/dRVvQR5QAB0.jpg") center/cover no-repeat;
  filter: blur(16px) brightness(.32) saturate(1.3) contrast(1.1);
  transform: scale(1.12);
  animation: to-zoom 16s ease-in-out infinite alternate;
}
@keyframes to-zoom { from{ transform:scale(1.12) translateY(0);} to{ transform:scale(1.3) translateY(-2%);} }

/* 回転する光線（サンバースト） */
.to-hero__rays {
  position:absolute; left:50%; top:40%; transform:translate(-50%,-50%);
  width:200vmax; height:200vmax; z-index:-3; pointer-events:none; opacity:.4;
  mix-blend-mode: screen;
  background: repeating-conic-gradient(from 0deg,
    rgba(255,150,70,0) 0deg, rgba(255,150,70,0) 9deg,
    rgba(255,140,55,.30) 9deg, rgba(255,140,55,.30) 18deg);
  animation: to-spin 16s linear infinite;
}
@keyframes to-spin { to{ transform:translate(-50%,-50%) rotate(360deg);} }

/* 斜めスピードライン */
.to-speedlines {
  position:absolute; inset:0; z-index:-2; pointer-events:none; opacity:.14;
  background: repeating-linear-gradient(115deg, transparent 0 36px, rgba(255,170,90,.9) 36px 38px);
  background-size:200% 100%;
  animation: to-sweep 3s linear infinite;
}
@keyframes to-sweep { to{ background-position:-200% 0;} }

/* 立ち上る炎 */
.to-flames {
  position:absolute; left:0; right:0; bottom:0; height:48vh; z-index:-2; pointer-events:none;
  mix-blend-mode: screen; filter: blur(10px);
  background:
    radial-gradient(42% 85% at 18% 125%, rgba(255,90,20,.85), transparent 62%),
    radial-gradient(38% 95% at 42% 130%, rgba(255,150,45,.95), transparent 62%),
    radial-gradient(40% 90% at 62% 125%, rgba(255,110,25,.9), transparent 62%),
    radial-gradient(45% 88% at 84% 128%, rgba(220,70,20,.8), transparent 62%);
  transform-origin: bottom;
  animation: to-flicker .16s steps(2,end) infinite, to-flameup 5s ease-in-out infinite;
}
@keyframes to-flicker { 0%{opacity:.82;} 100%{opacity:1;} }
@keyframes to-flameup { 0%,100%{ transform:scaleY(1) scaleX(1);} 50%{ transform:scaleY(1.16) scaleX(1.03);} }

/* たまに閃光（激しすぎない範囲） */
.to-hero__strobe {
  position:absolute; inset:0; z-index:0; pointer-events:none; background:#ffd9b0; opacity:0;
  mix-blend-mode: overlay; animation: to-flash 5.5s steps(1,end) infinite;
}
@keyframes to-flash { 0%,3%,100%{opacity:0;} 1%{opacity:.16;} 2%{opacity:.05;} 40%{opacity:0;} 41%{opacity:.10;} 42%{opacity:0;} }

/* 火の粉：大きく・明るく・多く */
.to-embers span {
  box-shadow: 0 0 10px 2px rgba(255,140,60,.9);
}
.to-embers span:nth-child(13){ left:12%; animation-duration:6.2s; animation-delay:.9s; width:7px;height:7px;}
.to-embers span:nth-child(14){ left:22%; animation-duration:8.1s; animation-delay:2.4s; }
.to-embers span:nth-child(15){ left:44%; animation-duration:5.8s; animation-delay:1.5s; width:9px;height:9px;}
.to-embers span:nth-child(16){ left:52%; animation-duration:7.3s; animation-delay:3.6s; }
.to-embers span:nth-child(17){ left:68%; animation-duration:6.6s; animation-delay:.4s; width:8px;height:8px;}
.to-embers span:nth-child(18){ left:76%; animation-duration:9s;   animation-delay:2.9s; }
.to-embers span:nth-child(19){ left:84%; animation-duration:5.5s; animation-delay:4.1s; width:6px;height:6px;}
.to-embers span:nth-child(20){ left:94%; animation-duration:7.8s; animation-delay:1.9s; }

/* ロゴ：登場後に発光パルス＋微振動 */
.to-herobd__logo {
  animation: to-pop 1s cubic-bezier(.2,.8,.2,1) .25s both, to-logopulse 2.2s ease-in-out 1.3s infinite;
}
@keyframes to-logopulse {
  0%,100%{ filter: drop-shadow(0 6px 24px rgba(255,120,50,.35)); transform: translateY(0) rotate(0deg); }
  25%{ transform: translateY(-1px) rotate(-.4deg); }
  50%{ filter: drop-shadow(0 8px 44px rgba(255,150,70,.85)); transform: translateY(1px) rotate(.4deg); }
  75%{ transform: translateY(-1px) rotate(-.3deg); }
}

/* 大会名：ネオン点滅＋衝撃スケール */
.to-herobd__vol { animation: to-up .9s ease .5s both, to-slam 3.2s ease-in-out 1.4s infinite; }
.to-herobd__vol b {
  color: var(--to-accent);
  animation: to-neon 1.8s ease-in-out infinite;
}
@keyframes to-neon {
  0%,100%{ text-shadow:0 0 10px rgba(255,120,50,.8), 0 0 26px rgba(255,120,50,.5); }
  45%{ text-shadow:0 0 22px rgba(255,160,80,1), 0 0 64px rgba(255,120,50,.9); }
  47%{ text-shadow:none; }        /* ちらつき */
  49%{ text-shadow:0 0 22px rgba(255,160,80,1), 0 0 64px rgba(255,120,50,.9); }
}
@keyframes to-slam { 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.035);} }

/* 発光をより強く・速く */
.to-hero__glow { animation-duration: 3s; }
.to-hero__glowline { animation-duration: 3s; }

/* マーキーを速く・派手に */
.to-marquee { background: linear-gradient(90deg, rgba(220,100,50,.18), rgba(0,0,0,.55), rgba(220,100,50,.18)); border-color: rgba(255,150,90,.45); }
.to-marquee__track { animation-duration: 12s; }
.to-marquee__track span { font-size:17px; }
.to-marquee__track span::after { animation: to-neon 1.8s ease-in-out infinite; }

/* バッジも点滅 */
.to-herobd__badge { animation: to-up .8s ease .1s both, to-blink 1.4s steps(1,end) 1s infinite; }
@keyframes to-blink { 0%,100%{ border-color: rgba(255,150,90,.5);} 50%{ border-color: rgba(255,150,90,1); box-shadow:0 0 16px rgba(255,140,60,.6);} }

@media (max-width: 767px){
  .to-hero__rays { opacity:.3; }
  .to-flames { height:38vh; }
}

/* =========================================================
   Hero 背景動画  .to-hero--video
   ========================================================= */
.to-hero__video {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center; z-index:-4; pointer-events:none;
  background:#000;
}
.to-hero__scrim {
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.28) 32%, rgba(0,0,0,.45) 66%, rgba(0,0,0,.85) 100%),
    radial-gradient(120% 90% at 50% 32%, transparent 42%, rgba(0,0,0,.6));
}
/* 動画がある時は装飾を控えめにして映像を主役に */
.to-hero--video .to-hero__rays { opacity:.16; }
.to-hero--video .to-speedlines { opacity:.05; }
.to-hero--video .to-flames { opacity:.6; height:34vh; }
.to-hero--video .to-hero__glow { opacity:.7; }
.to-hero--video .to-embers span { box-shadow:0 0 8px 1px rgba(255,140,60,.8); }

/* =========================================================
   Hero 骨太タイポ見出し（ド派手・動画と合体）  .to-herobd__hl
   ========================================================= */
.to-herobd__hl { display:flex; flex-direction:column; align-items:center; gap:6px; margin:0; }
.to-herobd__hl-top {
  font-family:var(--to-font-disp); font-weight:700; text-transform:uppercase;
  font-size: clamp(58px, 13.5vw, 190px); line-height:.82; letter-spacing:.005em; color:#fff;
  text-shadow: 0 0 34px rgba(255,120,50,.55), 0 8px 46px rgba(0,0,0,.6);
  -webkit-text-stroke: 2px rgba(255,150,80,.22);
  animation: to-slamin 1s cubic-bezier(.15,.9,.2,1) .2s both;
}
.to-herobd__hl-top b { color: var(--to-accent); animation: to-neon 1.6s ease-in-out infinite; }
.to-herobd__hl-sub {
  font-family:var(--to-font-disp); font-weight:700; text-transform:uppercase;
  font-size: clamp(24px, 4.8vw, 64px); letter-spacing:.05em; color:#fff; line-height:1;
  display:inline-flex; align-items:center; gap:.5em; flex-wrap:wrap; justify-content:center;
  animation: to-up .8s ease .55s both;
}
.to-herobd__hl-sub i {
  font-style:normal; color:#180f06; background: var(--to-accent);
  padding:.06em .42em; border-radius:6px; box-shadow:0 0 26px rgba(255,120,50,.7);
  animation: to-blink 1.4s steps(1,end) infinite;
}
@keyframes to-slamin {
  0%{ opacity:0; transform: scale(1.7); filter: blur(16px); }
  55%{ opacity:1; filter: blur(0); }
  70%{ transform: scale(.97); }
  100%{ transform: scale(1); }
}
/* さらにド派手：見出しに微振動、光線を動画上でも少し強める */
.to-herobd__hl-top { will-change: transform, filter; }
.to-hero--video .to-hero__rays { opacity:.22; }
.to-hero--video .to-flames { opacity:.72; }
@media (max-width:767px){
  .to-herobd__hl-top { -webkit-text-stroke: 1px rgba(255,150,80,.22); }
}

/* =========================================================
   ヒーロー比較用スイッチャー（提案用・本番では削除）
   ========================================================= */
.to-switch {
  position:fixed; left:50%; transform:translateX(-50%); bottom:18px; z-index:300;
  display:flex; align-items:center; gap:4px; padding:6px 6px 6px 14px;
  background:rgba(10,10,12,.82); border:1px solid var(--to-border); border-radius:40px;
  backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.to-switch__lbl { font-family:var(--to-font-disp); letter-spacing:.1em; font-size:11px; color:var(--to-muted); text-transform:uppercase; margin-right:4px; }
.to-switch a { font-family:var(--to-font-disp); font-weight:600; font-size:14px; color:#dcdce2; padding:8px 16px; border-radius:30px; transition:.2s; }
.to-switch a:hover { color:#fff; }
.to-switch a[aria-current="page"] { background:var(--to-accent); color:#fff; }
@media (max-width:520px){ .to-switch { bottom:12px; padding:5px 5px 5px 10px; } .to-switch a{ padding:7px 12px; font-size:13px; } }

/* =========================================================
   HERO B：分割ポスター型  .to-heroB
   ========================================================= */
.to-heroB { min-height:100svh; display:flex; flex-direction:column; justify-content:center; background:#000; }
.to-heroB__grid { position:relative; z-index:1; flex:1; display:grid; grid-template-columns:1fr 1.15fr; }
.to-heroB__panel {
  display:flex; flex-direction:column; justify-content:center; gap:16px;
  padding: clamp(28px,5vw,72px); padding-top: calc(var(--to-header-h) + 24px);
  background:linear-gradient(160deg,#151515,#090909); position:relative; overflow:hidden;
}
.to-heroB__panel::before { content:""; position:absolute; left:-22%; top:-12%; width:64%; height:130%; background:var(--to-accent); transform:skewX(-14deg); opacity:.14; }
.to-heroB__panel > * { position:relative; z-index:1; }
.to-heroB__title { margin:0; font-family:var(--to-font-disp); text-transform:uppercase; color:#fff; line-height:.84; }
.to-heroB__title b { color:var(--to-accent); }
.to-heroB__top { display:block; font-size:clamp(48px,7.4vw,112px); font-weight:700; letter-spacing:.01em; animation: to-inleft .8s ease .2s both; text-shadow:0 0 30px rgba(255,120,50,.35); }
.to-heroB__vol { display:block; font-size:clamp(28px,4.6vw,60px); font-weight:700; margin-top:8px; animation: to-inleft .8s ease .4s both; }
.to-heroB__date { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; font-family:var(--to-font-disp); animation: to-up .8s ease .6s both; }
.to-heroB__d { font-size:clamp(36px,5.2vw,68px); font-weight:700; color:#fff; letter-spacing:.01em; }
.to-heroB__d em { font-style:normal; color:var(--to-accent); }
.to-heroB__dow { align-self:center; font-size:13px; color:#ffb884; border:1px solid rgba(255,150,90,.5); padding:3px 10px; border-radius:4px; }
.to-heroB__venue { color:#d6d6dc; font-size:clamp(15px,1.6vw,19px); }
.to-heroB__media { position:relative; overflow:hidden; background:#000; }
.to-heroB__media .to-hero__video { position:absolute; inset:0; z-index:0; }
.to-heroB__media::before { content:""; position:absolute; left:-1px; top:0; bottom:0; width:130px; background:linear-gradient(90deg,#0a0a0a,transparent); z-index:2; }
.to-heroB__media::after { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(0deg, rgba(0,0,0,.55), transparent 42%); }
@keyframes to-inleft { from{opacity:0; transform:translateX(-40px);} to{opacity:1; transform:none;} }
@media (max-width:900px){
  .to-heroB__grid { grid-template-columns:1fr; }
  .to-heroB__media { order:-1; min-height:40vh; }
  .to-heroB__media::before { display:none; }
  .to-heroB__panel { padding-top: clamp(28px,6vw,48px); }
}

/* =========================================================
   HERO C：シネマ全面 ＋ 下部インフォ帯  .to-heroC
   ========================================================= */
.to-heroC { min-height:100vh; min-height:100svh; position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; background:#000; overflow:hidden; text-align:center; }
.to-heroC__center { position:relative; z-index:2; padding: var(--to-header-h) 20px 120px; }
.to-heroC__badge { display:inline-block; font-family:var(--to-font-disp); font-weight:600; letter-spacing:.22em; text-transform:uppercase; font-size:13px; color:#ffb884; border:1px solid rgba(255,150,90,.5); padding:8px 18px; border-radius:40px; margin-bottom:22px; opacity:0; animation: to-up .8s ease .2s forwards; }
.to-heroC__title { margin:0; font-family:var(--to-font-disp); font-weight:700; text-transform:uppercase; color:#fff; font-size:clamp(56px,12vw,168px); line-height:.86; letter-spacing:.18em; text-shadow:0 0 44px rgba(255,120,50,.5); opacity:0; animation: to-spread 1.1s cubic-bezier(.2,.8,.2,1) .35s forwards; }
.to-heroC__title b { color:var(--to-accent); }
.to-heroC__sub { display:block; font-size:clamp(24px,4.4vw,58px); letter-spacing:.08em; margin-top:10px; opacity:0; animation: to-up .9s ease .8s forwards; }
@keyframes to-spread { from{opacity:0; letter-spacing:.5em; filter:blur(8px); transform:scale(1.05);} to{opacity:1; letter-spacing:.18em; filter:blur(0); transform:scale(1);} }
.to-heroC__bar {
  position:absolute; left:0; right:0; bottom:0; z-index:3;
  display:grid; grid-template-columns:auto auto 1fr auto; gap:clamp(14px,2.5vw,36px); align-items:center;
  padding: 18px clamp(16px,4vw,48px); border-top:2px solid var(--to-accent);
  background:linear-gradient(0deg, rgba(0,0,0,.92), rgba(0,0,0,.55) 70%, transparent);
  opacity:0; animation: to-up .9s ease 1s forwards;
}
.to-heroC__cell small { display:block; font-family:var(--to-font-disp); letter-spacing:.14em; text-transform:uppercase; color:var(--to-accent); font-size:11px; margin-bottom:2px; }
.to-heroC__cell strong { font-family:var(--to-font-disp); font-weight:600; font-size:clamp(16px,1.9vw,23px); color:#fff; letter-spacing:.02em; }
.to-heroC__bar .to-herobd__cd { justify-self:end; }
.to-heroC__bar .to-cd__unit { min-width:60px; padding:6px 4px; background:rgba(20,16,14,.7); border-color:rgba(255,150,90,.28); }
.to-heroC__bar .to-cd__num { font-size:24px; color:#fff; }
.to-heroC__bar .to-btn { min-height:50px; }
@media (max-width:860px){
  .to-heroC__bar { grid-template-columns:1fr 1fr; gap:12px; text-align:left; }
  .to-heroC__bar .to-herobd__cd { grid-column:1/-1; justify-self:start; }
  .to-heroC__bar .to-btn { grid-column:1/-1; width:100%; }
}

/* =========================================================
   ローディング画面  .to-loader
   ========================================================= */
.to-loader {
  position:fixed; inset:0; z-index:9999; display:grid; place-items:center;
  background:#0a0a0c; transition:opacity .6s ease, visibility .6s ease;
}
.to-loader.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.to-loader__inner { display:flex; flex-direction:column; align-items:center; gap:22px; padding:20px; }
.to-loader__logo { width:min(68vw, 380px); height:auto;
  animation: to-loadpulse 1.5s ease-in-out infinite; }
@keyframes to-loadpulse {
  0%,100%{ opacity:.85; filter:drop-shadow(0 0 10px rgba(255,120,50,.3)); transform:scale(.99); }
  50%{ opacity:1; filter:drop-shadow(0 0 26px rgba(255,140,60,.7)); transform:scale(1.01); }
}
.to-loader__bar { width:200px; height:3px; background:rgba(255,255,255,.12); border-radius:3px; overflow:hidden; position:relative; }
.to-loader__bar::after {
  content:""; position:absolute; top:0; left:0; height:100%; width:42%;
  background:var(--to-accent); box-shadow:0 0 16px var(--to-accent);
  animation: to-loadbar 1s ease-in-out infinite;
}
@keyframes to-loadbar {
  0%{ transform:translateX(-120%); } 100%{ transform:translateX(360%); }
}
.to-loader__txt { font-family:var(--to-font-disp); letter-spacing:.42em; font-size:12px;
  color:var(--to-muted); text-transform:uppercase; padding-left:.42em; }
/* ローディング中は背面スクロールを抑制 */
body.to-loading { overflow:hidden; }

/* =========================================================
   動画ヒーロー：ヘッダーを映像に重ねてFVを最上部まで見せる
   （A案 .to-hero--bd / C案 .to-heroC 用。上部の黒帯対策）
   ========================================================= */
.to-hero--bd, .to-heroB, .to-heroC { margin-top: calc(-1 * var(--to-header-h)); }
.to-header--overlay {
  background: linear-gradient(180deg, rgba(8,8,10,.7), rgba(8,8,10,.18) 60%, transparent);
  border-bottom: 0; backdrop-filter: none;
  transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
}
.to-header--overlay.is-solid {
  background: rgba(13,13,15,.9);
  border-bottom: 1px solid var(--to-border);
  backdrop-filter: blur(10px);
}

/* =========================================================
   C案バリエーション（C-2 / C-3 / C-4）
   ========================================================= */
/* --- C-2：エディトリアル（左寄せ・下） --- */
.to-heroC--edit { align-items:flex-end; justify-content:flex-start; text-align:left; }
.to-heroC--edit .to-heroC__center { text-align:left; width:100%; max-width:1120px; margin-right:auto;
  padding: var(--to-header-h) clamp(16px,4vw,56px) 128px; }
.to-heroC--edit .to-heroC__title { letter-spacing:.02em; }
.to-heroC__meta2 { margin:18px 0 0; font-family:var(--to-font-disp); letter-spacing:.04em;
  color:#eaeaea; font-size:clamp(15px,2vw,22px); opacity:0; animation: to-up .9s ease .9s forwards; }
.to-heroC__meta2 b { color:var(--to-accent); }
.to-heroC--edit .to-heroC__bar { grid-template-columns:1fr auto; }
.to-heroC--edit .to-heroC__bar .to-herobd__cd { justify-self:start; }

/* --- C-3：フローティング・ガラスカード --- */
.to-heroC--glass .to-heroC__bar {
  position:absolute; left:50%; transform:translateX(-50%); bottom:clamp(20px,4vw,40px);
  width:min(960px,92%); border-top:1px solid rgba(255,150,90,.4); border:1px solid rgba(255,150,90,.4);
  border-radius:18px; background:rgba(18,16,14,.45); backdrop-filter:blur(16px);
  padding:16px clamp(16px,3vw,28px); box-shadow:0 20px 60px rgba(0,0,0,.5);
}

/* --- C-4：カウントダウン主役 --- */
.to-heroC--cd .to-heroC__title { font-size:clamp(38px,6.5vw,92px); }
.to-heroC--cd .to-heroC__center .to-herobd__cd { justify-content:center; gap:clamp(10px,1.6vw,16px); margin-top:clamp(18px,3vw,30px); }
.to-heroC--cd .to-heroC__center .to-cd__unit { min-width:clamp(68px,11vw,116px); padding:14px 8px;
  background:rgba(20,16,14,.5); border:1px solid rgba(255,150,90,.4); }
.to-heroC--cd .to-heroC__center .to-cd__num { font-size:clamp(40px,8vw,88px); }
.to-heroC--cd .to-heroC__center .to-cd__lbl { font-size:12px; letter-spacing:.14em; }

/* =========================================================
   選手 詳細ページ  .to-fhero / .to-fdata
   ========================================================= */
.to-fhero { position:relative; background:var(--to-dark); border-bottom:1px solid var(--to-border); overflow:hidden; }
.to-fhero::before { content:""; position:absolute; inset:0; background:radial-gradient(120% 130% at 85% 0%, rgba(220,100,50,.22), transparent 55%); z-index:0; }
.to-fhero__inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,420px) 1fr; gap:clamp(24px,4vw,56px);
  align-items:center; padding-block: clamp(32px,5vw,64px); }
.to-fhero__photo { aspect-ratio:4/5; border-radius:var(--to-radius); overflow:hidden; background:#26262c; box-shadow:var(--to-shadow); }
.to-fhero__photo img { width:100%; height:100%; object-fit:cover; object-position:top center; }
.to-fhero__badges { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.to-fhero__badge { font-family:var(--to-font-disp); font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:13px;
  color:#fff; background:var(--to-accent); padding:5px 12px; border-radius:4px; }
.to-fhero__badge--ghost { background:transparent; color:#ffb884; border:1px solid rgba(255,150,90,.5); }
.to-fhero__name { font-family:var(--to-font-disp); font-size:clamp(38px,6vw,76px); font-weight:700; color:#fff; line-height:1; }
.to-fhero__name span { display:block; font-size:clamp(13px,1.4vw,16px); color:var(--to-muted); letter-spacing:.14em; margin-top:8px; font-weight:500; }
.to-fhero__record { display:flex; gap:28px; margin:22px 0 24px; }
.to-fhero__rec b { display:block; font-family:var(--to-font-disp); font-size:clamp(32px,4.4vw,52px); font-weight:700; color:var(--to-accent); line-height:1; }
.to-fhero__rec small { font-size:12px; color:var(--to-muted); letter-spacing:.08em; }
.to-fhero__actions { display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width:767px){ .to-fhero__inner { grid-template-columns:1fr; } .to-fhero__photo{ max-width:320px; } }

.to-fdata { width:100%; border-collapse:collapse; }
.to-fdata th, .to-fdata td { text-align:left; padding:14px 12px; border-bottom:1px solid var(--to-border-lt); font-size:15px; }
.to-fdata th { width:34%; color:#6a6a72; font-weight:700; white-space:nowrap; }
.to-section--light .to-fdata td { color:var(--to-text-dk); }

/* =========================================================
   スマホ：ヒーロー/CTAのボタンを100%幅に
   ========================================================= */
@media (max-width: 767px){
  .to-hero__actions, .to-fhero__actions, .to-cta__actions,
  .to-herobd__actions, .to-heroC__bar {
    flex-direction: column; align-items: stretch;
  }
  .to-hero__actions .to-btn, .to-fhero__actions .to-btn, .to-cta__actions .to-btn,
  .to-herobd__actions .to-btn {
    width: 100%;
  }
}

/* =========================================================
   フッター：運営者情報
   ========================================================= */
.to-footer__admin { border-top:1px solid var(--to-border); padding:22px 0 6px; color:var(--to-muted); font-size:13px; line-height:1.8; }
.to-footer__admin p { margin:0 0 6px; }
.to-footer__admin strong { color:#cfcfd4; }
.to-fill { border-bottom:1px dashed var(--to-muted); padding:0 3px; color:#c9c9cf; }
.to-footer__legal { margin-top:8px; display:flex; flex-wrap:wrap; gap:8px 18px; }
.to-footer__legal a { color:var(--to-muted); }
.to-footer__legal a:hover { color:#fff; }

/* =========================================================
   TOP ONE について（マニフェスト）  .to-manifesto
   ========================================================= */
.to-manifesto { position:relative; background:var(--to-dark); overflow:hidden; text-align:center; }
.to-manifesto::before { content:""; position:absolute; inset:0; z-index:0;
  background: radial-gradient(120% 90% at 50% 0%, rgba(220,100,50,.18), transparent 55%); }
.to-manifesto .to-container { position:relative; z-index:1; }
.to-manifesto__body > p { font-size:clamp(17px,2vw,21px); line-height:2; color:#d6d6dc; margin:0 0 1.5em; }
/* 筆文字キャッチコピー */
.to-manifesto__lead {
  font-family:"Yuji Boku", var(--to-font-jp);
  font-weight:400;
  font-size:clamp(38px,8.5vw,88px);
  color:#fff; line-height:1.4; letter-spacing:.05em;
  margin:0 auto 1.2em; display:inline-block; position:relative;
  text-shadow:0 3px 26px rgba(0,0,0,.55), 0 0 34px rgba(220,100,50,.22);
  transform:rotate(-1.5deg);
}
.to-manifesto__lead::after {
  content:""; display:block; width:80%; height:6px; margin:.28em auto 0;
  background:linear-gradient(90deg, transparent, var(--to-accent) 18%, var(--to-accent) 82%, transparent);
  border-radius:6px; transform:rotate(-1deg) scaleX(1.06); opacity:.88;
}
/* 筆文字を画像で入れる場合 */
.to-manifesto__img {
  display:block; width:clamp(260px, 82vw, 860px); height:auto; margin:0 auto;
  filter: drop-shadow(0 4px 24px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(220,100,50,.18));
}
/* 画像キャッチ時はテキスト用の下線は消す */
.to-manifesto__lead:has(.to-manifesto__img)::after { display:none; }
.to-manifesto__body > p.to-manifesto__hl {
  font-size:clamp(20px,3vw,30px); font-weight:700; color:#fff; line-height:1.6;
}
.to-manifesto__body > p.to-manifesto__cta {
  font-family:var(--to-font-disp); font-size:clamp(28px,5.4vw,58px); font-weight:700;
  color:#fff; letter-spacing:.01em; line-height:1.2; margin-top:1.3em; margin-bottom:0;
}
.to-manifesto__body > p.to-manifesto__cta b { color:var(--to-accent); }

/* =========================================================
   SNSタイル（3列→スマホ1列）  .to-tiles--3
   ========================================================= */
.to-tiles--3 { grid-template-columns:repeat(3,1fr); }
@media (max-width:767px){
  .to-tiles--3 { grid-template-columns:1fr; }
}
/* タイル内テキストがはみ出さないように */
.to-tile__arrow { overflow-wrap:anywhere; }