/* ───────── 下層ページ共通 ───────── */
.hdr.solid-always{background:rgba(35,24,21,.96);backdrop-filter:blur(8px)}
.nav a[aria-current="page"]{color:var(--orq)}
.nav a[aria-current="page"]::after{right:0}

.ph{position:relative;isolation:isolate;padding:150px 0 56px;overflow:hidden;border-bottom:3px solid var(--orq)}
.ph-bg{position:absolute;inset:0;z-index:-2}
.ph-bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.8) contrast(1.1)}
.ph::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(35,24,21,.97) 0%,rgba(35,24,21,.8) 45%,rgba(35,24,21,.45) 100%)}
.crumb{display:flex;gap:10px;font-size:12px;font-weight:700;color:var(--steel);margin-bottom:18px}
.crumb a:hover{color:var(--orq)}
.crumb li{list-style:none}
.crumb li+li::before{content:"›";margin-right:10px}
.ph h1{font-family:var(--display);font-weight:900;font-size:clamp(64px,10vw,140px);line-height:.82;text-transform:uppercase;transform:skewX(-9deg);transform-origin:left bottom}
.ph h1 small{display:block;font-family:var(--jp);font-size:16px;font-weight:900;letter-spacing:.14em;color:var(--orq);transform:skewX(9deg);margin-top:16px}

.page-sec{padding:clamp(56px,7vw,96px) 0}
.page-sec+.page-sec{padding-top:0}
.sub-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px;border-bottom:2px solid var(--ice);padding-bottom:14px}
.sub-head h2{font-family:var(--display);font-weight:900;font-size:clamp(36px,4.6vw,56px);line-height:.9;text-transform:uppercase}
.sub-head h2 small{font-family:var(--jp);font-size:14px;font-weight:900;letter-spacing:.12em;color:var(--orq);margin-left:14px;vertical-align:.4em}
.seg-ctl{display:flex;gap:6px;flex-wrap:wrap}
.seg-ctl button{font:900 13px var(--jp);padding:8px 16px;border:1.5px solid rgba(238,242,244,.35);background:none;color:var(--ice);cursor:pointer}
.seg-ctl button[aria-pressed="true"]{background:var(--orq);border-color:var(--orq);color:var(--ink)}
.empty{padding:40px 0;color:var(--steel)}
.loading{padding:60px 0;color:var(--steel);font-family:var(--display);letter-spacing:.1em}
.tbl a{border-bottom:1px solid rgba(238,242,244,.3)}
.tbl a:hover{color:var(--orq);border-color:var(--orq)}
.tbl th[data-sort]{cursor:pointer;user-select:none}
.tbl th[data-sort]:hover,.tbl th[aria-sort]{color:var(--orq)}
.tbl th[aria-sort="descending"]::after{content:" ▼";font-size:9px}
.tbl th[aria-sort="ascending"]::after{content:" ▲";font-size:9px}
.badge{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--orq);color:var(--ink);font-family:var(--display);font-weight:900;font-size:14px;border-radius:2px;vertical-align:2px}

/* ───────── 選手一覧 ───────── */
.leaders{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:56px}
.leader{position:relative;background:var(--ink-2);padding:20px 20px 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;border-top:3px solid var(--orq)}
.leader .k{grid-column:1/-1;font-size:12px;font-weight:900;color:var(--steel);letter-spacing:.1em}
.leader .v{font-family:var(--display);font-weight:900;font-size:58px;line-height:.9;color:var(--orq)}
.leader .n{font-weight:900;font-size:16px;line-height:1.35}
.leader .n small{display:block;font-family:var(--display);font-weight:700;font-size:14px;color:var(--steel);letter-spacing:.06em}
.leader:hover .n{color:var(--orq)}
.pos-group{margin-bottom:56px}
.pos-group h3{font-family:var(--display);font-weight:900;font-size:28px;letter-spacing:.04em;margin-bottom:16px;display:flex;align-items:baseline;gap:12px}
.pos-group h3 small{font-family:var(--jp);font-size:13px;color:var(--steel);font-weight:700}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.card{position:relative;display:flex;flex-direction:column;background:var(--ink-2);overflow:hidden;transition:transform .2s}
.card:hover{transform:translateY(-3px)}
.card:hover .card-name{color:var(--orq)}
.card-img{position:relative;aspect-ratio:1;background:#D9DCDD;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.card-no{position:absolute;left:12px;top:6px;font-family:var(--display);font-weight:900;font-size:56px;line-height:1;color:var(--ink);opacity:.9}
.card-ca{position:absolute;right:10px;top:10px}
.card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:2px}
.card-name{font-weight:900;font-size:17px;line-height:1.35}
.card-en{font-family:var(--display);font-weight:700;font-size:14px;color:var(--steel);letter-spacing:.06em}
.card-st{display:flex;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(238,242,244,.1);font-family:var(--display);font-weight:800;font-size:15px;color:var(--steel)}
.card-st b{color:var(--ice);font-size:19px;margin-right:2px}
.card-st .pts b{color:var(--orq)}

/* ───────── 選手詳細 ───────── */
.pd{position:relative;isolation:isolate;padding:110px 0 0;overflow:hidden;background:var(--ink)}
.pd-num{position:absolute;right:-2vw;top:40px;z-index:-1;font-family:var(--display);font-weight:900;font-size:clamp(260px,42vw,620px);line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(232,197,0,.22);transform:skewX(-9deg)}
.pd-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:end}
.pd-photo{aspect-ratio:1;background:#D9DCDD;overflow:hidden;border-bottom:6px solid var(--orq)}
.pd-photo img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.pd-info{padding-bottom:36px}
.pd-meta{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.08em;color:var(--orq)}
.pd-meta .pos{border:1.5px solid currentColor;padding:1px 10px}
.pd-meta .role{background:var(--orq);color:var(--ink);padding:3px 10px;font-size:14px}
.pd h1{font-weight:900;font-size:clamp(40px,5.4vw,72px);line-height:1.15;margin-top:14px;letter-spacing:.04em}
.pd .en{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.2vw,28px);letter-spacing:.1em;color:var(--steel)}
.pd .bignum{font-family:var(--display);font-weight:900;font-size:clamp(90px,10vw,150px);line-height:.8;color:var(--orq);margin-top:8px}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:28px;background:rgba(238,242,244,.1)}
.tile{background:var(--ink-2);padding:16px 12px;text-align:center}
.tile b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(36px,4vw,52px);line-height:1}
.tile small{display:block;font-size:11px;font-weight:700;color:var(--steel);margin-top:6px;letter-spacing:.06em}
.tile.hl b{color:var(--orq)}
.pd-note{font-size:12px;color:var(--steel);margin-top:10px}
.prof{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.dl{display:grid;grid-template-columns:120px 1fr;border-top:1px solid rgba(238,242,244,.15)}
.dl dt,.dl dd{padding:14px 0;border-bottom:1px solid rgba(238,242,244,.15)}
.dl dt{font-size:13px;font-weight:700;color:var(--steel)}
.dl dd{font-weight:700}
.career{list-style:none;position:relative;padding-left:22px}
.career::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:rgba(238,242,244,.15)}
.career li{position:relative;padding:7px 0;font-weight:700;font-size:15px}
.career li::before{content:"";position:absolute;left:-21px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--ink);border:2px solid var(--steel)}
.career li:last-child{color:var(--orq)}
.career li:last-child::before{background:var(--orq);border-color:var(--orq)}
.pn{display:flex;justify-content:space-between;gap:12px;margin-top:48px;flex-wrap:wrap}
.pn a{display:flex;flex-direction:column;padding:16px 22px;background:var(--ink-2);min-width:220px;transition:background .2s}
.pn a:hover{background:var(--ink-3)}
.pn a small{font-size:12px;color:var(--steel);font-weight:700}
.pn a span{font-weight:900}
.pn a.next{text-align:right;margin-left:auto}

/* ───────── 試合一覧 ───────── */
.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:rgba(238,242,244,.1);margin-top:-1px}
.summary div{background:var(--ink-2);padding:20px 16px;text-align:center}
.summary b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(34px,4vw,50px);line-height:1}
.summary small{display:block;font-size:12px;font-weight:700;color:var(--steel);margin-top:6px}
.summary .hl b{color:var(--orq)}
.month{font-family:var(--display);font-weight:800;font-size:22px;color:var(--steel);letter-spacing:.06em;margin:28px 0 8px}
.glist{list-style:none}
.gl{display:grid;grid-template-columns:110px 70px 1fr minmax(0,1.1fr) auto;gap:18px;align-items:center;padding:16px 8px;border-bottom:1px solid rgba(238,242,244,.12)}
.gl:hover{background:var(--ink-2)}
.gl .dt{font-family:var(--display);font-weight:900;font-size:30px;line-height:.95}
.gl .dt small{display:block;font-size:14px;color:var(--steel);font-weight:700;letter-spacing:.06em}
.gl .ha{justify-self:start;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.14em;padding:2px 9px;border:1.5px solid var(--steel);color:var(--steel)}
.gl.home .ha{background:var(--orq);border-color:var(--orq);color:var(--ink)}
.gl .op{display:flex;align-items:center;gap:12px;font-weight:900;font-size:17px;min-width:0}
.gl .op img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.gl .ven{font-size:13px;color:rgba(238,242,244,.65)}
.gl .act{display:flex;align-items:center;gap:14px;justify-self:end}
.gl .sc{font-family:var(--display);font-weight:900;font-size:36px;line-height:1;white-space:nowrap}
.gl .sc i{font-style:normal;color:var(--steel);font-size:.6em;margin:0 6px}
.gl .tix{font-weight:900;font-size:13px;background:var(--orq);color:var(--ink);padding:9px 14px;white-space:nowrap}
.gl .det{font-weight:900;font-size:13px;border-bottom:2px solid var(--orq);white-space:nowrap}
.gl.live{background:rgba(208,32,46,.12)}
.gl .wl{margin:0}

/* ───────── 試合詳細 ───────── */
.gd{padding:120px 0 0;background:radial-gradient(ellipse at 50% 0%,#3B302B 0%,var(--ink) 70%)}
.gd-status{display:flex;justify-content:center;gap:10px;align-items:center;font-weight:900;font-size:14px;margin-bottom:10px}
.gd-status .st{padding:3px 12px;background:var(--ink-3)}
.gd-status .st.final{background:var(--ice);color:var(--ink)}
.gd-status .st.live{background:var(--red);color:#fff}
.gd-when{text-align:center;color:rgba(238,242,244,.75);font-size:14px;font-weight:700}
.sb{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,3vw,48px);max-width:1000px;margin:34px auto 0}
.sb .gt{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-weight:900;font-size:clamp(15px,1.8vw,22px);line-height:1.3}
.sb .tm img{width:clamp(72px,10vw,130px);height:clamp(72px,10vw,130px);object-fit:contain}
.sb .tm small{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--steel)}
.sb .tm.us{color:var(--orq)}
.sb .mid{text-align:center}
.sb .big{font-family:var(--display);font-weight:900;font-size:clamp(84px,13vw,180px);line-height:.85;display:flex;gap:clamp(10px,2vw,28px);align-items:center;font-variant-numeric:tabular-nums}
.sb .big i{font-style:normal;font-size:.35em;color:var(--steel)}
.sb .big .w{color:var(--orq)}
.sb .big .l{color:rgba(238,242,244,.45)}
.sb .vs{font-family:var(--display);font-weight:900;font-size:64px;color:var(--steel)}
.ptbl{max-width:640px;margin:34px auto 0;min-width:0}
.ptbl td{font-size:24px}
.gd-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px;padding-bottom:48px}
.gd .clock{justify-content:center;border:0;margin-top:26px}
.flow{list-style:none;max-width:900px;margin:0 auto}
.flow-p{font-family:var(--display);font-weight:900;font-size:20px;color:var(--steel);letter-spacing:.08em;text-align:center;padding:18px 0 8px;border-bottom:1px solid rgba(238,242,244,.12)}
.ev{display:grid;grid-template-columns:1fr 84px 1fr;align-items:center;padding:12px 0;border-bottom:1px solid rgba(238,242,244,.07)}
.ev .t{text-align:center;font-family:var(--display);font-weight:800;font-size:20px;color:var(--steel)}
.ev .who{font-weight:900;font-size:16px;line-height:1.4}
.ev .who small{display:block;font-weight:500;font-size:12px;color:rgba(238,242,244,.65)}
.ev .t{grid-column:2;grid-row:1}
.ev .who{grid-row:1}
.ev.home .who{text-align:right;grid-column:1}
.ev.away .who{grid-column:3}
.ev.us .who{color:var(--orq)}
.ev .run{font-family:var(--display);font-weight:800;font-size:14px;color:var(--steel);margin:0 8px}
.lineups{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lineups h3{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;margin-bottom:12px}
.lineups h3 img{width:32px;height:32px;object-fit:contain}
.lineups .tbl{min-width:0}
.lineups .tbl td{font-size:17px;padding:8px}
.lineups .tbl td.l{font-size:14px}
.lineups .tbl td.got{color:var(--orq);font-weight:900}
.gd-video{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center}
.gd-video video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border:3px solid var(--ink-3)}

@media (max-width:1100px){
  .leaders{grid-template-columns:1fr 1fr}
  .gl{grid-template-columns:90px 1fr auto;grid-template-areas:"dt op act" "dt ven act";row-gap:2px}
  .gl .dt{grid-area:dt}.gl .op{grid-area:op}.gl .ven{grid-area:ven}.gl .act{grid-area:act}
  .gl .ha{display:none}
}
@media (max-width:820px){
  .pd-in{grid-template-columns:1fr}
  .pd-photo{max-width:420px}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .prof{grid-template-columns:1fr}
  .summary{grid-template-columns:repeat(3,1fr)}
  .lineups{grid-template-columns:1fr}
  .gd-video{grid-template-columns:1fr}
  .gd-video video{max-width:280px}
}
@media (max-width:560px){
  .ph{padding:120px 0 40px}
  .leaders{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr;gap:10px}
  .card-no{font-size:40px}
  .card-name{font-size:15px}
  .card-st{gap:8px;font-size:13px}
  .card-st b{font-size:16px}
  .gl{grid-template-columns:64px 1fr;grid-template-areas:"dt op" "dt ven" "act act";gap:4px 12px}
  .gl .dt{font-size:24px}
  .gl .act{justify-self:start;margin-top:6px}
  .gl .op img{width:30px;height:30px}
  .ev{grid-template-columns:1fr 64px 1fr}
  .ev .who{font-size:14px}
  .sb .vs{font-size:40px}
  .pn a{min-width:0;flex:1}
}
.card-img:not(:has(img)),.pd-photo:not(:has(img)){background:#2E2420 url(../assets/emblem.png) center 40%/45% no-repeat}
.card-img:not(:has(img)) .card-no{color:var(--ice)}

/* ───────── ニュース ───────── */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.nc{display:flex;flex-direction:column;background:var(--ink-2);overflow:hidden;transition:transform .2s}
.nc:hover{transform:translateY(-3px)}
.nc:hover .nc-t{color:var(--orq)}
.nc-img{aspect-ratio:16/10;background:#2E2420 url(../assets/emblem.png) center/34% no-repeat;overflow:hidden}
.nc-img img{width:100%;height:100%;object-fit:cover}
.nc-b{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}
.nc-m{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--steel);font-weight:700}
.nc-m time{font-family:var(--display);font-size:16px;letter-spacing:.04em;color:var(--ice)}
.cat{font-size:11px;font-weight:900;color:var(--orq);border:1px solid var(--orq);padding:2px 8px}
.cat.syachilog{color:var(--ice);border-color:var(--ice)}
.cat.interview{background:var(--orq);color:var(--ink)}
.nc-t{font-weight:900;font-size:16px;line-height:1.5}
.nc-e{font-size:13px;color:rgba(238,242,244,.65);line-height:1.6}
.load-more{display:flex;justify-content:center;margin-top:36px}

/* 記事 */
.art{max-width:820px;margin:0 auto}
.art-head{padding:130px 0 28px;border-bottom:1px solid rgba(238,242,244,.15);margin-bottom:36px}
.art-head h1{font-weight:900;font-size:clamp(24px,3.2vw,38px);line-height:1.45;margin-top:14px}
.prose{font-size:16px;line-height:2;color:rgba(238,242,244,.9)}
.prose>*+*{margin-top:1.2em}
.prose h2{font-size:24px;font-weight:900;line-height:1.5;margin-top:2em;color:var(--ice)}
.prose h3{font-size:19px;font-weight:900;line-height:1.5;margin-top:1.8em;padding-left:12px;border-left:4px solid var(--orq);color:var(--ice)}
.prose h4{font-size:16px;font-weight:900}
.prose a{color:var(--orq);border-bottom:1px solid currentColor;word-break:break-all}
.prose img{height:auto;max-width:100%;margin:0 auto}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:12px;color:var(--steel);text-align:center;margin-top:6px}
.prose ul,.prose ol{padding-left:1.5em}
.prose blockquote{border-left:3px solid var(--steel);padding-left:16px;color:rgba(238,242,244,.75)}
.prose table{width:100%;border-collapse:collapse;font-size:14px}
.prose th,.prose td{border:1px solid rgba(238,242,244,.2);padding:8px}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.art-foot{margin-top:56px;padding-top:24px;border-top:1px solid rgba(238,242,244,.15);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--steel)}
.art-foot a{color:var(--orq)}

/* ───────── 観戦ガイド ───────── */
.guide-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.guide-nav a{font-weight:900;font-size:14px;padding:10px 18px;border:1.5px solid rgba(238,242,244,.35)}
.guide-nav a:hover{border-color:var(--orq);color:var(--orq)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:st}
.steps li{background:var(--ink-2);padding:24px 22px;counter-increment:st;position:relative}
.steps li::before{content:counter(st);font-family:var(--display);font-weight:900;font-size:56px;line-height:1;color:var(--orq);display:block;margin-bottom:10px}
.steps h3{font-weight:900;font-size:18px;margin-bottom:8px}
.steps p{font-size:14px;color:rgba(238,242,244,.75)}
.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tip{background:var(--ink-2);padding:24px;border-left:4px solid var(--orq)}
.tip h3{font-weight:900;font-size:18px;margin-bottom:8px}
.tip p{font-size:14px;color:rgba(238,242,244,.78)}
.venue{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;background:var(--ink-2);padding:28px;margin-bottom:16px}
.venue h3{font-weight:900;font-size:22px}
.venue .tag{display:inline-block;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.12em;background:var(--orq);color:var(--ink);padding:2px 10px;margin-bottom:10px}
.venue dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;font-size:14px;margin-top:14px}
.venue dt{color:var(--steel);font-weight:700}
.venue .acts{display:flex;flex-direction:column;gap:10px;justify-content:center}
.faq details{border-bottom:1px solid rgba(238,242,244,.15)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-weight:900;font-size:16px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-family:var(--display);font-size:28px;color:var(--orq);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;color:rgba(238,242,244,.8);font-size:15px}

/* ───────── パートナー ───────── */
.tier-sec{margin-bottom:56px}
.tier-sec h3{display:flex;align-items:baseline;gap:14px;font-family:var(--display);font-weight:900;font-size:clamp(26px,3vw,36px);letter-spacing:.02em;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(35,24,21,.15)}
.tier-sec h3 small{font-family:var(--jp);font-size:13px;font-weight:700;color:#6E767C}
.plogos{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(var(--lw,180px),1fr))}
.plogo{background:#fff;border:1px solid rgba(35,24,21,.1);display:grid;place-items:center;height:var(--lh,96px);padding:14px 18px;transition:border-color .2s, box-shadow .2s}
a.plogo:hover{border-color:var(--orq);box-shadow:0 0 0 2px var(--orq) inset}
.plogo img{max-width:100%;max-height:calc(var(--lh,96px) - 28px);width:auto;height:auto;object-fit:contain}
.t-official,.t-main{--lw:260px;--lh:130px}
.t-platinum{--lw:220px;--lh:110px}
.t-gold{--lw:180px;--lh:92px}
.t-bronze,.t-city,.t-supplier,.t-cooperation{--lw:150px;--lh:78px}
.partners-page{background:var(--white);color:var(--ink)}
.partners-page .sub-head{border-color:var(--ink)}
.iv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.iv{display:flex;flex-direction:column;background:var(--ink);color:var(--ice);overflow:hidden}
.iv img{aspect-ratio:702/643;object-fit:cover;width:100%;background:#fff}  /* 現行サイトのアイキャッチ（702×643）をそのままの比率で */
.iv span{padding:16px;font-weight:900}
.iv small{display:block;font-size:12px;color:var(--orq);font-weight:700;margin-bottom:4px}

/* ───────── チア ───────── */
.crew-hero{position:relative;isolation:isolate;padding:140px 0 60px;background:#E8C500;color:var(--ink);overflow:hidden}
.crew-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.crew-hero h1{font-family:var(--display);font-weight:900;font-size:clamp(64px,9vw,128px);line-height:.85;transform:skewX(-9deg)}
.crew-hero h1 small{display:block;font-family:var(--jp);font-size:15px;letter-spacing:.14em;transform:skewX(9deg);margin-top:14px}
.crew-hero p{font-weight:700;margin-top:20px;max-width:30em}
.crew-hero .pres{font-size:13px;margin-top:14px;font-weight:900}
.crew-hero img{width:100%;box-shadow:0 30px 60px rgba(35,24,21,.35)}
.crew-hero .crumb{color:rgba(35,24,21,.7)}
.members{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mem{background:var(--ink-2);display:grid;grid-template-rows:auto 1fr}
.mem img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 15%;background:#E9E9E9}
.mem-b{padding:20px 22px 24px}
.mem-b h3{font-family:var(--display);font-weight:900;font-size:36px;line-height:1;color:var(--orq)}
.mem-b .from{font-size:12px;color:var(--steel);font-weight:700;margin-top:4px}
.mem-b h4{font-size:12px;font-weight:900;color:var(--steel);margin-top:14px;letter-spacing:.06em}
.mem-b p{font-size:14px;color:rgba(238,242,244,.85);margin-top:4px}

/* ───────── スタッフ ───────── */
.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sf{background:var(--ink-2)}
.sf img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 10%;background:#D9DCDD}
.sf-b{padding:16px 18px 20px}
.sf-b small{display:block;font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--orq)}
.sf-b span{display:block;font-size:12px;color:var(--steel);font-weight:700}
.sf-b b{display:block;font-weight:900;font-size:20px;margin-top:6px}

/* ───────── ギャラリー ───────── */
.gal{columns:3 280px;column-gap:12px}
.gal button{display:block;width:100%;margin:0 0 12px;padding:0;border:0;background:none;cursor:zoom-in;break-inside:avoid;overflow:hidden}
.gal img{width:100%;height:auto;transition:transform .5s}
.gal button:hover img{transform:scale(1.03)}
.lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh}
.lb::backdrop{background:rgba(10,6,5,.94)}
.lb-in{position:fixed;inset:0;display:grid;place-items:center;padding:60px 70px}
.lb img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain}
.lb button{position:fixed;background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.3);width:48px;height:48px;font:900 22px var(--display);cursor:pointer}
.lb .x{top:16px;right:16px}
.lb .pv{left:16px;top:50%}
.lb .nx{right:16px;top:50%}
.lb .cnt{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);font-family:var(--display);font-weight:700;color:var(--steel);letter-spacing:.1em}

/* ───────── お問い合わせ・プライバシー ───────── */
.form{max-width:760px}
.fg{padding:22px 0;border-bottom:1px solid rgba(238,242,244,.12)}
.fg>label,.fg>legend{display:block;font-weight:900;margin-bottom:10px}
.req{font-size:11px;background:var(--red);color:#fff;padding:1px 6px;margin-left:8px;vertical-align:2px}
fieldset.fg{border:0;border-bottom:1px solid rgba(238,242,244,.12);margin:0}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.checks label{display:flex;gap:10px;align-items:center;font-weight:700;background:var(--ink-2);padding:12px 14px;cursor:pointer}
.checks input{accent-color:var(--orq);width:18px;height:18px}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{width:100%;font:500 16px var(--jp);padding:13px 14px;background:#fff;color:var(--ink);border:2px solid transparent}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--orq)}
.agree{display:flex;gap:10px;align-items:center;font-weight:700}
.agree input{accent-color:var(--orq);width:18px;height:18px}
.form .btn{margin-top:28px;border:0;cursor:pointer;font-family:var(--jp)}
.note-box{background:var(--ink-2);padding:20px 22px;font-size:14px;color:rgba(238,242,244,.8);margin-bottom:28px}
.note-box a{color:var(--orq);border-bottom:1px solid currentColor}
.policy{max-width:860px}
.policy h2{font-weight:900;font-size:22px;margin:2.2em 0 .8em;padding-bottom:8px;border-bottom:2px solid var(--orq)}
.policy h3{font-weight:900;font-size:17px;margin:1.6em 0 .5em}
.policy p,.policy li{font-size:15px;line-height:1.9;color:rgba(238,242,244,.85)}
.policy ol,.policy ul{padding-left:1.4em}
.policy .sign{margin-top:1.4em;padding:18px 20px;background:var(--ink-2)}

/* トップ：パートナー（データ表示） */
.tier .plogos{--lw:180px;--lh:92px}
.tier.main .plogos{--lw:220px;--lh:110px}

@media (max-width:1100px){
  .staff-grid{grid-template-columns:repeat(3,1fr)}
  .members{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .steps{grid-template-columns:1fr}
  .tips{grid-template-columns:1fr}
  .venue{grid-template-columns:1fr}
  .crew-hero .wrap{grid-template-columns:1fr}
  .staff-grid{grid-template-columns:repeat(2,1fr)}
  .checks{grid-template-columns:1fr}
}
@media (max-width:560px){
  .members{grid-template-columns:1fr}
  .t-official,.t-main{--lw:150px;--lh:90px}
  .t-platinum{--lw:140px;--lh:80px}
  .t-gold,.t-bronze,.t-city,.t-supplier,.t-cooperation{--lw:120px;--lh:66px}
  .lb-in{padding:60px 10px}
  .lb .pv,.lb .nx{top:auto;bottom:10px}
}

/* 補助クラス */
.lk{color:var(--orq)}
.muted{color:var(--steel)}
.mt24{margin-top:24px}.mt40{margin-top:40px}.pt0{padding-top:0}
.tr{text-align:right}
.lede-l{max-width:40em;font-size:16px;color:rgba(238,242,244,.85)}
.p-intro{max-width:42em;font-weight:700;margin-bottom:48px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ニュース一覧のインタビュー：顔が切れないよう上寄せ */
.nc-img.iv-thumb img{object-position:30% 18%}

/* ───────── パートナーインタビュー記事 ───────── */
.art.art-iv{max-width:1040px}
.ivh{padding:120px 0 8px}
.ivh-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:20px}
.ivh-photo{width:100%;aspect-ratio:702/643;object-fit:cover;background:#fff}
.ivh-label{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.14em;color:var(--orq)}
.ivh h1{font-weight:900;font-size:clamp(22px,2.4vw,30px);line-height:1.4;margin-top:6px}
.ivh-catch{font-weight:900;font-size:clamp(22px,2.6vw,32px);line-height:1.6;margin-top:22px;padding-left:18px;border-left:5px solid var(--orq);text-wrap:balance;word-break:auto-phrase}
.ivh-name{display:block;margin-top:26px;max-width:100%;max-height:70px;width:auto;height:auto;mix-blend-mode:lighten}  /* 黒地の氏名画像を背景になじませる */
.ivh-intro{margin-top:44px;background:var(--ink-2);padding:24px 28px;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}
.ivh-intro h2{font-weight:900;font-size:15px;color:var(--orq);letter-spacing:.08em}
.ivh-intro p{font-size:15px;line-height:1.9;color:rgba(238,242,244,.85)}
.qa{max-width:820px;margin:72px auto 0}
.qa-img{margin:0 0 28px}
.qa-img img{width:100%;height:auto}
.qa-q{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;font-weight:900;font-size:clamp(18px,2vw,22px);line-height:1.55;padding-bottom:16px;border-bottom:1px solid rgba(238,242,244,.18)}
.qa-q span{font-family:var(--display);font-weight:900;font-size:clamp(44px,5vw,60px);line-height:.8;color:var(--orq)}
.qa-lead{font-weight:900;font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:22px 0 20px;color:var(--ice)}
.qa-lead strong{color:var(--orq)}
.qa .prose strong{color:var(--ice);background:linear-gradient(transparent 62%,rgba(232,197,0,.35) 62%)}
.ivco{max-width:820px;margin:80px auto 0;background:var(--ice);color:var(--ink);padding:32px;display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center}
.ivco-logo{width:100%;height:auto;max-height:120px;object-fit:contain;mix-blend-mode:multiply}  /* ロゴ画像の白地を枠の色になじませる */
.ivco h2{font-weight:900;font-size:15px;letter-spacing:.08em;color:#6E767C}
.ivco p{font-weight:700;line-height:1.9;margin:8px 0 18px}
.art-iv .art-foot{max-width:820px;margin-left:auto;margin-right:auto}
@media (max-width:820px){
  .ivh-in{grid-template-columns:1fr}
  .ivh-intro{grid-template-columns:1fr;gap:8px}
  .ivco{grid-template-columns:1fr;gap:18px;padding:24px}
  .ivco-logo{max-width:220px}
}

/* 所属企業 */
.card-emp{display:flex;flex-direction:column;font-weight:700;font-size:13px;line-height:1.4;margin-top:6px;color:var(--ice)}
.card-emp small{font-size:10px;color:var(--steel);letter-spacing:.08em}
.badge-t{width:auto;padding:0 8px;font-family:var(--jp);font-size:11px;margin-left:6px}
.emp{display:flex;align-items:center;gap:16px;margin-top:22px;padding:12px 16px 12px 12px;background:var(--ink-2);border-left:4px solid var(--orq);max-width:480px}
a.emp:hover{background:var(--ink-3)}
.emp-logo{flex-shrink:0;width:120px;height:56px;background:#fff;display:grid;place-items:center;padding:6px 10px}
.emp-logo img{max-width:100%;max-height:44px;object-fit:contain}
.emp>span:not(.emp-logo):not(.emp-arw){display:flex;flex-direction:column;font-weight:900;font-size:17px;line-height:1.4;flex:1}
.emp small{font-size:11px;color:var(--steel);font-weight:700;letter-spacing:.06em;display:flex;gap:8px;align-items:center}
.emp-tag{font-style:normal;font-size:10px;background:var(--orq);color:var(--ink);padding:1px 6px}
.emp-arw{font-size:22px;color:var(--orq)}

/* スタッフ（データ表示） */
.staff-sec{margin-bottom:64px}
.staff-sec .staff-grid{margin-bottom:16px}
.staff-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sf-text{border-left:3px solid var(--orq)}
.sf-text .sf-b{padding:16px 18px}
a.sf{transition:background .2s}
a.sf:hover{background:var(--ink-3)}
.sf-link{color:var(--orq)!important;margin-top:6px}

/* チア：ロゴ */
.crew-hero h1.crew-logo{transform:none;line-height:1}
.crew-logo img{display:block;width:min(100%,460px);height:auto;box-shadow:none}
.crew-hero h1.crew-logo small{transform:none;margin-top:18px}

/* チア 2026-27 */
.crew-visual{width:100%;box-shadow:0 30px 60px rgba(35,24,21,.35)}
.crew-hero .pres{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid rgba(35,24,21,.25)}
.pres-l{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.1em}
.pres-n{font-weight:900}
.pres-logo{height:52px;width:auto;mix-blend-mode:multiply}  /* ロゴの白地を黄色の背景になじませる */
.pres-t{font-size:12px;font-weight:900;background:var(--ink);color:var(--orq);padding:3px 10px}
a.pres:hover .pres-l{text-decoration:underline}
.members{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.mem-img{position:relative}
.mem-img img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 12%;background:#E9E9E9}
.mem-role{position:absolute;left:12px;top:12px;font-family:var(--display);font-weight:900;font-size:14px;letter-spacing:.12em;background:var(--orq);color:var(--ink);padding:3px 10px}

.crew-hero .pres-logo{width:auto;height:52px;box-shadow:none}
.members{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.members{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.members{grid-template-columns:1fr}}

/* チア：プロフィール（ヒアリングシート） */
.mem-tags{position:absolute;left:12px;top:12px;display:flex;gap:6px}
.mem-tags .mem-role{position:static}
.mem-new{background:var(--ice)!important}
.mem-one{margin-top:12px;padding:10px 12px;background:rgba(232,197,0,.1);border-left:3px solid var(--orq);font-weight:700;font-size:14px;line-height:1.7}
.mem-more{margin-top:16px;border-top:1px solid rgba(238,242,244,.12)}
.mem-more summary{cursor:pointer;list-style:none;padding:12px 0 4px;font-weight:900;font-size:14px;color:var(--orq)}
.mem-more summary::-webkit-details-marker{display:none}
.mem-more summary::after{content:" ＋"}
.mem-more[open] summary::after{content:" －"}
.mem-more dt{font-size:12px;font-weight:900;color:var(--steel);margin-top:14px}
.mem-more dd{font-size:14px;line-height:1.8;color:rgba(238,242,244,.85);margin-top:4px}
.mem{align-self:start}

/* ロゴ未登録のパートナーは社名を中央に */
.plogo>span{text-align:center;font-weight:900;font-size:13px;line-height:1.5;color:var(--ink)}

/* 選手一覧：TOP3 */
.leaders.leaders3{grid-template-columns:repeat(3,1fr);gap:16px}
.leader-col{background:var(--ink-2);border-top:3px solid var(--orq);padding:18px 18px 10px}
.leader-col h3{display:flex;align-items:baseline;gap:10px;font-weight:900;font-size:15px;color:var(--steel);margin-bottom:6px}
.leader-col h3 span{font-family:var(--display);font-size:30px;color:var(--orq);letter-spacing:.02em}
.leader-col ol{list-style:none}
.leader-col li a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 4px;border-top:1px solid rgba(238,242,244,.1)}
.leader-col li a:hover .n{color:var(--orq)}
.leader-col .rk{font-family:var(--display);font-weight:900;font-size:26px;color:var(--steel);text-align:center}
.leader-col .r1 .rk{color:var(--orq)}
.leader-col .n{font-weight:900;font-size:16px;line-height:1.35}
.leader-col .n small{display:block;font-family:var(--display);font-weight:700;font-size:13px;color:var(--steel);letter-spacing:.06em}
.leader-col .v{font-family:var(--display);font-weight:900;font-size:34px;line-height:1}
.leader-col .r1 .v{color:var(--orq);font-size:42px}
.tiles{grid-template-columns:repeat(3,1fr)}
@media (max-width:820px){.leaders.leaders3{grid-template-columns:1fr}}

/* 選手詳細：ゴール・アシストの記録 */
.pt-games{display:grid;gap:14px}
.pt-game{background:var(--ink-2)}
.pt-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid rgba(238,242,244,.1)}
.pt-head:hover .pt-opp{color:var(--orq)}
.pt-date{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.04em}
.pt-opp{font-weight:900;font-size:16px}
.pt-head .wl{margin:0}
.pt-sc{font-family:var(--display);font-weight:800;font-size:18px;color:var(--steel)}
.pt-sum{margin-left:auto;font-family:var(--display);font-weight:900;font-size:22px;color:var(--orq)}
.pt-list{list-style:none;padding:6px 18px 12px}
.pt-list li{display:grid;grid-template-columns:90px 80px 1fr;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid rgba(238,242,244,.06)}
.pt-list li:last-child{border-bottom:0}
.pt-t{font-family:var(--display);font-weight:800;font-size:16px;color:var(--steel)}
.pt-k{font-weight:900;font-size:13px}
.is-g .pt-k{color:var(--orq)}
.pt-d{font-size:14px;color:rgba(238,242,244,.8)}
@media (max-width:560px){.pt-list li{grid-template-columns:70px 64px 1fr;gap:8px}.pt-sum{margin-left:0}}

/* ───────── 相手チームのロゴ ───────── */
.tlogo{display:inline-block;width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:8px}
.tlogo-sm{width:22px;height:22px;margin-right:6px}
.tlogo-board{width:44px;height:44px;margin:0 10px 0 4px}
.tlogo-rail{display:block;width:56px;height:56px;margin:0 0 8px}
.tlogo-res{display:block;width:64px;height:64px;margin:0 auto 8px}
.score .tm:first-child .tlogo-res{margin-left:0}
.score .tm:last-child .tlogo-res{margin-right:0}
.b-vs .opp{display:flex;align-items:center;flex-wrap:wrap}
/* XHLロゴ */
.season .xhl-badge{display:inline-block;margin-left:12px;vertical-align:middle}
.season .xhl-badge img{height:40px;width:auto;display:block}
.ft-xhl{display:inline-flex;align-items:center;gap:12px;color:var(--steel)}
.ft-xhl img{height:44px;width:auto}
.ft-xhl:hover span{color:var(--orq)}
/* リンクサイドの写真の入れ替え */
.rs-grid figure{position:relative}
.rs-grid figure img.rs-in{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.rs-grid figure img.rs-in.on{opacity:1}
/* SNS */
.sns-sec{background:var(--ink-2)}
.sns-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.sns-cards{display:grid;gap:12px}
.sns-card{display:flex;align-items:center;gap:18px;padding:18px 20px;background:var(--ink);border-left:4px solid var(--orq);transition:transform .2s}
.sns-card:hover{transform:translateX(4px)}
.sns-card>span:last-child{display:flex;flex-direction:column;font-size:13px;color:rgba(238,242,244,.7)}
.sns-card b{font-family:var(--display);font-size:24px;letter-spacing:.04em;color:var(--ice);line-height:1.1}
.sns-card small{font-weight:700;color:var(--orq);font-size:13px}
.sns-ic{flex-shrink:0;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--ice);color:var(--ink);font-size:20px}
.sns-ic svg{width:26px;height:26px}
.sns-card.ig .sns-ic{background:linear-gradient(45deg,#F9CE34,#EE2A7B 55%,#6228D7);color:#fff}
.sns-card.x .sns-ic{background:#000;color:#fff;border:1px solid rgba(255,255,255,.3)}
.sns-card.yt .sns-ic{background:#FF0033;color:#fff}
.sns-card.hl .sns-ic{background:var(--orq)}
.sns-x{background:var(--ink);min-height:200px;padding:6px}
.sns-x .twitter-timeline{display:block;padding:20px;color:var(--orq)}
/* 動画 */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.vc{background:var(--ink-2);display:flex;flex-direction:column}
.vc-play{position:relative;display:block;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:16/9;overflow:hidden}
.vc-play img{width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .3s}
.vc-play:hover img{transform:scale(1.04);opacity:.85}
.vc-btn{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(232,197,0,.92)}
.vc-btn::after{content:"";position:absolute;left:26px;top:20px;border-left:18px solid var(--ink);border-top:12px solid transparent;border-bottom:12px solid transparent}
.vc-b{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px}
.vc-m{display:flex;align-items:center;gap:10px}
.vc-m time{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.04em}
.vc-m .wl{margin:0}
.vc-sc{font-family:var(--display);font-weight:800;font-size:18px;color:var(--steel)}
.vc-logos{display:flex;align-items:center;gap:6px}
.vc-logos i{font-style:normal;font-family:var(--display);color:var(--steel);margin-right:8px}
.vc-t{font-weight:900;font-size:15px;line-height:1.5}
.vc .det{align-self:flex-start;font-weight:900;font-size:13px;border-bottom:2px solid var(--orq)}
.yt-dlg{border:0;padding:0;background:transparent;width:min(1100px,94vw);max-width:none;overflow:visible}
.yt-dlg::backdrop{background:rgba(10,6,5,.9)}
.yt-frame{aspect-ratio:16/9;background:#000}
.yt-frame iframe{width:100%;height:100%;border:0}
.yt-t{color:var(--ice);font-weight:700;margin-top:10px;font-size:14px}
.yt-x{position:absolute;top:-48px;right:0;width:40px;height:40px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.5);color:#fff;font:900 22px var(--display);cursor:pointer}
.gd-video-yt{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.gd-yt{max-width:none}
.mt0{margin-top:0}
@media (max-width:820px){.sns-grid{grid-template-columns:1fr}.gd-video-yt{grid-template-columns:1fr}}


/* ───────── ルール・用語辞典（rules.html） ───────── */
.xf-flow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.xf-flow li{background:var(--ink-2);padding:18px 16px;position:relative;border-top:4px solid var(--orq)}
.xf-flow li:nth-child(n+4){border-top-color:var(--steel)}
.xf-flow b{display:block;font-family:var(--display);font-weight:900;font-size:40px;line-height:1}
.xf-flow span{display:block;font-weight:900;color:var(--orq);margin-top:4px}
.xf-flow small{display:block;font-size:13px;color:rgba(238,242,244,.75);margin-top:6px;line-height:1.55}
.xf-h{font-weight:900;font-size:18px;margin:32px 0 12px}
.xf-pts{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.xf-pts li{background:var(--ice);color:var(--ink);padding:16px;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:10px}
.xf-pts b{font-family:var(--display);font-weight:900;font-size:56px;line-height:.85;grid-row:span 2}
.xf-pts span{font-weight:900;font-size:12px}
.xf-pts small{font-weight:700;font-size:14px}
.xf-note{margin-top:16px;font-size:14px;color:rgba(238,242,244,.75);max-width:52em}
.dg-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;font-weight:700;margin-bottom:16px;color:rgba(238,242,244,.8)}
.dg-legend span{display:inline-flex;align-items:center;gap:6px}
.dg-legend i{display:inline-block;width:14px;height:14px;border-radius:50%}
.dg-legend i.pl-o{background:var(--orq)}
.dg-legend i.pl-x{background:#6D7A84;border:2px solid #fff}
.dg-legend i.puck{width:9px;height:9px;background:#111;border:1.5px solid #fff}
.dg-legend i.ln-b{width:22px;height:6px;border-radius:0;background:#1F5FBF}
.dg-legend i.ln-r{width:22px;height:6px;border-radius:0;background:var(--red)}
.dg-list{display:grid;gap:20px}
.dg{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--ink-2);padding:24px}
.dg-svg svg{width:100%;height:auto;display:block}
.dg h3{font-weight:900;font-size:24px;margin-bottom:12px}
.dg h3 small{font-family:var(--display);font-size:16px;letter-spacing:.06em;color:var(--orq);margin-left:10px}
.dg ol{padding-left:1.4em;font-size:14px;display:grid;gap:6px;color:rgba(238,242,244,.85)}
.dg-more{margin-top:14px;font-size:14px}
.dg-play{margin-top:14px;font:inherit;font-size:13px;font-weight:900;padding:6px 14px;background:none;color:var(--ice);border:1.5px solid rgba(238,242,244,.35);cursor:pointer}
.dg-play:hover{border-color:var(--orq);color:var(--orq)}
.rk-ice{fill:#E8EEF1;stroke:#9AA3AA;stroke-width:3}
.rk-gl{stroke:var(--red);stroke-width:2}
.rk-rl{stroke:var(--red);stroke-width:6}
.rk-bl{stroke:#1F5FBF;stroke-width:7}
.rk-c{fill:none;stroke:var(--red);stroke-width:2;opacity:.55}
.rk-d{fill:var(--red)}
.rk-cr{fill:#9FD0EE;stroke:var(--red);stroke-width:1.5}
.rk-goal{fill:#fff;stroke:var(--red);stroke-width:2}
.rk-box{fill:var(--ink-3);stroke:#9AA3AA;stroke-width:1.5}
.rk-t{fill:rgba(238,242,244,.7);font-size:11px;font-weight:700}
.rk-z{fill:#5B6873;font-size:13px;font-weight:900;paint-order:stroke;stroke:#E8EEF1;stroke-width:5px;stroke-linejoin:round}
.pl-o{fill:var(--orq);stroke:var(--ink);stroke-width:2.5}
.pl-x{fill:#6D7A84;stroke:#fff;stroke-width:2.5}
.pl-g{fill:#6D7A84;stroke:#fff;stroke-width:4}
.puck{fill:#111;stroke:#fff;stroke-width:1.5}
.flag{fill:var(--red)}
.flag-t{fill:#fff;font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:.06em}
.rk-hl{stroke:var(--orq);stroke-width:10;opacity:0}
.spot{fill:var(--orq);opacity:0}
.ofs-flag,.ice-flag,.ice-lb,.pp-flag,.pp-goal{opacity:0}
/* 図解のアニメーション（8秒でくり返し。画面に入っている間だけ .play で動く） */
.dg .scene *{animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-play-state:paused;animation-fill-mode:both}
.dg .scene{animation:dg-scene 8s infinite paused}
.dg.play .scene,.dg.play .scene *{animation-play-state:running}
@keyframes dg-scene{0%,93%{opacity:1}97%,100%{opacity:0}}
.ofs-a{animation-name:ofs-a}
.ofs-c{animation-name:ofs-c}
.ofs-flag{animation-name:show-52}
.ofs-hl{animation-name:hl-52}
@keyframes ofs-a{0%,5%{transform:translate(0,0)}40%,100%{transform:translate(150px,0)}}
@keyframes ofs-c{0%,15%{transform:translate(0,0)}60%,100%{transform:translate(175px,0)}}
@keyframes show-52{0%,51%{opacity:0}54%,100%{opacity:1}}
@keyframes hl-52{0%,51%{opacity:0}54%,90%{opacity:.9}100%{opacity:0}}
.ice-p{animation-name:ice-p}
.ice-flag{animation-name:show-47}
.ice-spot{animation-name:spot-62}
.ice-lb{animation-name:show-62}
@keyframes ice-p{0%,12%{transform:translate(0,0)}45%,100%{transform:translate(447px,-35px)}}
@keyframes show-47{0%,46%{opacity:0}49%,100%{opacity:1}}
@keyframes show-62{0%,61%{opacity:0}64%,100%{opacity:1}}
@keyframes spot-62{0%,61%{opacity:0}66%{opacity:1}72%{opacity:.35}78%,100%{opacity:1}}
.pp-pen{animation-name:pp-pen}
.pp-p{animation-name:pp-p}
.pp-flag{animation-name:pp-flag}
.pp-goal{animation-name:pp-goal}
@keyframes pp-pen{0%,8%{transform:translate(0,0)}25%,84%{transform:translate(-112px,141px)}93%,100%{transform:translate(0,0)}}
@keyframes pp-p{0%,35%{transform:translate(0,0)}45%{transform:translate(0,67px)}55%{transform:translate(58px,100px)}66%{transform:translate(58px,-32px)}78%,100%{transform:translate(154px,24px)}}
@keyframes pp-flag{0%,27%{opacity:0}30%,74%{opacity:1}77%,100%{opacity:0}}
@keyframes pp-goal{0%,78%{opacity:0}81%,100%{opacity:1}}
.pnl-wrap{overflow-x:auto}
.pnl{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.pnl th,.pnl td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(238,242,244,.15);vertical-align:top}
.pnl thead th{font-size:12px;letter-spacing:.1em;color:var(--steel);border-bottom:2px solid var(--ice)}
.pnl tbody th{font-weight:900;font-size:16px;white-space:nowrap}
.pnl tbody th small{display:block;font-family:var(--display);font-size:13px;letter-spacing:.04em;color:var(--steel);font-weight:700}
.pnl-no{font-family:var(--display);font-weight:900;font-size:24px;color:var(--orq);width:3em}
.pnl-lv{white-space:nowrap;font-weight:700}
.pt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.pt-card{background:var(--ink-2);padding:20px;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--orq);transition:background .2s}
.pt-card:hover{background:var(--ink-3)}
.pt-card b{font-family:var(--display);font-weight:900;font-size:44px;line-height:1}
.pt-card span{font-weight:900}
.pt-card small{font-size:13px;color:rgba(238,242,244,.72);line-height:1.6}
.gl-tools{display:grid;gap:14px;margin-bottom:12px}
.gl-search input{width:100%;font:inherit;font-size:16px;padding:14px 16px;background:var(--ice);color:var(--ink);border:0}
.gl-chips{display:flex;flex-wrap:wrap;gap:8px}
.gl-chips button{font:inherit;font-weight:900;font-size:14px;padding:8px 16px;background:none;color:var(--ice);border:1.5px solid rgba(238,242,244,.35);cursor:pointer}
.gl-chips button small{font-family:var(--display);margin-left:6px;color:var(--steel)}
.gl-chips button[aria-pressed="true"]{background:var(--orq);border-color:var(--orq);color:var(--ink)}
.gl-chips button[aria-pressed="true"] small{color:var(--ink)}
.gl-count{font-size:13px;color:var(--steel);margin-bottom:12px}
.gl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.gt{background:var(--ink-2);padding:22px;scroll-margin-top:100px;border-left:4px solid transparent}
.gt[hidden]{display:none}
.gt.hit{border-left-color:var(--orq);background:var(--ink-3)}
.gt h3{font-weight:900;font-size:19px;line-height:1.4;margin-bottom:8px}
.gt h3 small{display:block;font-family:var(--display);font-size:14px;letter-spacing:.04em;color:var(--steel);font-weight:700}
.gt-cat{display:inline-block;font-size:11px;font-weight:900;padding:2px 8px;background:var(--ice);color:var(--ink);margin-right:10px;vertical-align:.2em}
.gt[data-cat="penalty"] .gt-cat{background:var(--red);color:#fff}
.gt[data-cat="type"] .gt-cat{background:var(--orq)}
.gt p{font-size:14px;color:rgba(238,242,244,.85)}
.gt-meta,.gt-rel{margin-top:8px}
.gt-meta span,.gt-rel span{display:inline-block;font-size:11px;font-weight:900;color:var(--orq);margin-right:10px;letter-spacing:.06em}
.gt-rel a{margin-right:12px}
@media (max-width:980px){.dg{grid-template-columns:1fr}.pt-grid{grid-template-columns:repeat(2,1fr)}.xf-flow{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.gl-list{grid-template-columns:1fr}.xf-pts{grid-template-columns:repeat(2,1fr)}.xf-flow{grid-template-columns:repeat(2,1fr)}.dg{padding:16px}}

.sns-only{grid-template-columns:1fr}
.sns-only .sns-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.sns-only .sns-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sns-only .sns-cards{grid-template-columns:1fr}}

/* チアページ：NAGOYA ICE CREW のTikTok・Instagram */
.crew-sns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.cs-panel{background:var(--ink-2);padding:20px;border-top:4px solid var(--orq)}
.cs-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.cs-head p{display:flex;flex-direction:column;line-height:1.2;margin-right:auto}
.cs-head b{font-family:var(--display);font-size:26px;letter-spacing:.04em}
.cs-head small{font-weight:700;color:var(--orq);font-size:13px}
.cs-head.tt .sns-ic{background:#000;color:#fff;border:1px solid rgba(255,255,255,.3)}
.cs-head.ig .sns-ic{background:linear-gradient(45deg,#F9CE34,#EE2A7B 55%,#6228D7);color:#fff}
.cs-follow{padding:10px 16px;font-size:13px}
.cs-tt{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.cs-tt button{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;background:var(--ink);cursor:pointer;overflow:hidden;color:#fff;text-align:left;font:inherit}
.cs-tt img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cs-tt button::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.75))}
.cs-tt button:hover img{transform:scale(1.05)}
.cs-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(232,197,0,.92);color:var(--ink);display:grid;place-items:center;font-size:15px;z-index:1;opacity:0;transition:opacity .2s}
.cs-tt button:hover .cs-play,.cs-tt button:focus-visible .cs-play{opacity:1}
.cs-cap{position:absolute;left:10px;right:10px;bottom:28px;z-index:1;font-size:12px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs-views{position:absolute;left:10px;bottom:8px;z-index:1;font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.04em}
/* Instagram公式埋め込みの上部（プロフィール欄・約157px）を隠して、3列×2段の投稿タイルだけ見せる */
.cs-ig{position:relative;overflow:hidden;aspect-ratio:3/2.01;background:var(--ink)}
.cs-ig iframe{position:absolute;left:0;top:-157px;width:100%;height:calc(100% + 157px);border:0}
.tt-dlg{width:min(400px,92vw,47vh)}
.tt-frame{aspect-ratio:9/16;max-height:86vh;margin:0 auto;background:#000}
.tt-frame iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:900px){.crew-sns{grid-template-columns:1fr}}
@media (max-width:480px){.cs-head{flex-wrap:wrap}.cs-follow{width:100%;text-align:center}.cs-cap{display:none}}
.cs-ig{container-type:inline-size}
@container (max-width:490px){.cs-ig iframe{top:-147px;height:calc(100% + 147px)}}

.gd-video-own{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:28px;align-items:center}
.gd-video-own video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
.gd-yt2{display:inline-block;background:none;border:0;border-bottom:2px solid currentColor;color:inherit;font:inherit;font-weight:900;cursor:pointer;margin:12px 20px 0 0;padding:4px 0}
@media (max-width:720px){.gd-video-own{grid-template-columns:1fr}.gd-video-own video{max-width:340px}}
/* TikTok と Instagram のパネルの高さを揃える（どちらも3列×2段の正方形タイル） */
.crew-sns{align-items:stretch}
.cs-tt{aspect-ratio:3/2.01;grid-template-rows:repeat(2,minmax(0,1fr))}
.cs-tt li{min-height:0}
.cs-tt button{aspect-ratio:auto;height:100%}
.cs-tt img{object-position:center 30%}
.vs-l{font-family:var(--display);font-weight:700;font-size:.8em;color:var(--steel);letter-spacing:.06em;margin-right:2px}

/* ───────── ファンクラブ（fanclub.html） ───────── */
.fc-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.fc-plan{display:flex;flex-direction:column;background:var(--ink-2);border-top:6px solid var(--steel)}
.fc-plan.black{border-top-color:#0b0807;outline:1px solid rgba(232,197,0,.45)}
.fc-plan.yellow{border-top-color:var(--orq)}
.fc-plan.blue{border-top-color:#2F6FD6}
.fc-vis{background:#000;aspect-ratio:9/7;overflow:hidden}
.fc-vis img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.fc-b{display:flex;flex-direction:column;gap:12px;padding:24px;flex:1}
.fc-tier{font-family:var(--display);font-weight:900;font-size:40px;letter-spacing:.08em;line-height:1}
.black .fc-tier{color:var(--ice);text-shadow:0 0 18px rgba(232,197,0,.45)}
.yellow .fc-tier{color:var(--orq)}
.blue .fc-tier{color:#6FA3FF}
.fc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.fc-price b{font-family:var(--display);font-weight:900;font-size:44px;line-height:1}
.fc-price span{font-weight:900;font-size:14px}
.fc-price small{flex-basis:100%;font-size:12px;color:var(--steel);font-weight:700}
.fc-lead{font-size:14px;color:rgba(238,242,244,.8)}
.fc-list{list-style:none;display:grid;gap:8px;font-size:14px;font-weight:700;border-top:1px solid rgba(238,242,244,.12);padding-top:14px;margin-bottom:auto}
.fc-list li{position:relative;padding-left:22px}
.fc-list li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--orq);border-bottom:2.5px solid var(--orq);transform:rotate(-45deg)}
.fc-list li.hl{color:var(--orq)}
.fc-buy{margin-top:8px;text-align:center;background:var(--orq);color:var(--ink)}
.black .fc-buy{background:var(--ice);color:var(--ink)}
.blue .fc-buy{background:#2F6FD6;color:#fff}
.fc-login{font-size:12px;font-weight:700;color:var(--steel);text-align:center;text-decoration:underline;text-underline-offset:3px}
.fc-login:hover{color:var(--ice)}
.fc-tbl{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}
.fc-tbl th,.fc-tbl td{padding:14px 12px;border-bottom:1px solid rgba(238,242,244,.12);text-align:center}
.fc-tbl tbody th{text-align:left;font-weight:700}
.fc-tbl thead th{font-family:var(--display);font-weight:900;font-size:18px;letter-spacing:.08em}
.fc-tbl .t-black{background:#0b0807;color:var(--ice)}
.fc-tbl .t-yellow{background:var(--orq);color:var(--ink)}
.fc-tbl .t-blue{background:#2F6FD6;color:#fff}
.fc-tbl td{color:var(--orq);font-size:16px}
.fc-tbl td.no{color:var(--steel)}
.fc-tbl tr.fee td{color:var(--ice);font-weight:900;font-size:15px}
.fc-goods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fc-goods figure{background:var(--ink-2)}
.fc-goods img{width:100%;aspect-ratio:3/2;object-fit:cover}
.fc-goods figcaption{padding:16px 20px;font-size:14px;color:rgba(238,242,244,.8)}
.fc-goods figcaption b{display:block;color:var(--ice);font-size:17px;margin-bottom:4px}
@media (max-width:980px){.fc-plans{grid-template-columns:1fr}.fc-vis{aspect-ratio:16/9}}
@media (max-width:720px){.fc-goods{grid-template-columns:1fr}}
.opp-n{display:flex;align-items:center;gap:10px}
.opp-n .tlogo-rail{width:44px;height:44px;margin:0;flex-shrink:0}

/* ───────── ファン写真投稿（post.html・gallery.html・photo-admin.html） ───────── */
.fp-wrap{max-width:860px}
.fp-rules{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:24px 0}
.fp-rules li{background:var(--ink-2);padding:16px;border-top:4px solid var(--orq)}
.fp-rules b{display:block;font-family:var(--display);font-weight:900;font-size:30px;line-height:1.1}
.fp-rules span{font-size:13px;color:rgba(238,242,244,.75)}
.fp-box{background:var(--ink-2);padding:24px;margin-top:20px}
.fp-h{font-weight:900;font-size:19px;margin-bottom:12px}
.fp-note{font-size:13px;color:rgba(238,242,244,.75);margin-bottom:12px}
.fp-form{display:grid;gap:14px}
.fp-field{display:grid;gap:6px;font-size:13px;font-weight:700}
.fp-field input,.fp-field select{font:inherit;font-size:16px;padding:12px 14px;background:var(--ice);color:var(--ink);border:0;width:100%}
.fp-field input[type=file]{background:transparent;color:var(--ice);padding:8px 0}
.fp-check{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700}
.fp-check input{width:18px;height:18px;accent-color:var(--orq)}
.fp-form .btn{justify-self:start}
.fp-msg{margin-top:12px;font-size:14px;font-weight:700;color:#FF9C9C}
.fp-msg.ok{color:var(--orq)}
.fp-who{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--steel);margin-bottom:16px}
.fp-link{background:none;border:0;color:var(--ice);text-decoration:underline;cursor:pointer;font:inherit}
.fp-prev,.fp-mine{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.fp-prev li,.fp-mine li{position:relative;background:var(--ink)}
.fp-prev img,.fp-mine img{width:100%;aspect-ratio:1;object-fit:cover}
.fp-prev span,.fp-mine .st{position:absolute;left:0;right:0;bottom:0;font-size:11px;font-weight:900;padding:4px 6px;background:rgba(0,0,0,.7)}
.fp-prev li.ng img{opacity:.35}
.fp-prev li.ng span{background:#B3261E}
.fp-mine .st.approved{background:var(--orq);color:var(--ink)}
.fp-mine .st.rejected{background:var(--ink-3);color:var(--steel)}
.fp-terms{margin-top:48px;font-size:13px;color:rgba(238,242,244,.8)}
.fp-terms ol{padding-left:1.4em;display:grid;gap:8px}
.fan-sec .sub-head .btn{margin-bottom:6px}
.fan-h{font-family:var(--display);font-weight:900;font-size:30px;margin:28px 0 12px}
.fan-h small{font-family:var(--jp);font-size:13px;color:var(--orq);margin-left:12px;letter-spacing:.06em}
.fan-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.fan-nomc{display:grid;gap:6px}
.fan-nomc .btn{text-align:center;padding:10px;font-size:13px}
.fan-chips{margin:28px 0 14px}
.fan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.fan-ph{position:relative;display:block;padding:0;border:0;background:var(--ink-2);cursor:zoom-in;overflow:hidden;width:100%}
.fan-ph img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}
.fan-ph:hover img{transform:scale(1.04)}
.fan-by{position:absolute;left:0;bottom:0;font-size:11px;font-weight:700;color:#fff;padding:3px 8px;background:rgba(0,0,0,.6)}
.fan-award{position:absolute;top:8px;left:8px;font-size:11px;font-weight:900;padding:3px 8px;background:var(--orq);color:var(--ink)}
.fan-award.season{background:var(--ice)}
#flb .cnt{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:700}
.adm{background:var(--ink)}
.adm-wrap{padding:40px var(--gutter)}
.adm-h{font-weight:900;font-size:26px;margin-bottom:20px}
.adm-h small{font-size:13px;color:var(--orq)}
.adm-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:12px}
.adm-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.adm-item{background:var(--ink-2);display:grid;grid-template-rows:auto 1fr}
.adm-img{padding:0;border:0;background:#000;cursor:zoom-in}
.adm-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.adm-b{display:grid;gap:6px;padding:12px;font-size:13px}
.adm-b b{font-size:15px}
.adm-b .warn{color:#FF9C9C;font-weight:900}
.adm-b .okd{color:#8FD694;font-weight:700}
.adm-b input[type=url],.adm-b select{font:inherit;padding:8px;background:var(--ice);color:var(--ink);border:0}
.adm-btns{display:flex;gap:8px;margin-top:4px}
.adm-btns .btn{padding:8px 14px;font-size:13px}
@media (max-width:560px){.fp-rules{grid-template-columns:1fr}}
/* スタッフ用：ニュース投稿 */
.adm-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.adm-nav a{font-size:13px;font-weight:900;padding:8px 14px;border:1.5px solid rgba(238,242,244,.3)}
.adm-nav a[aria-current="page"]{background:var(--orq);border-color:var(--orq);color:var(--ink)}
.nw-bar{margin-bottom:12px}
.nw-tbl{width:100%;border-collapse:collapse;font-size:14px}
.nw-tbl th,.nw-tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(238,242,244,.12)}
.nw-tbl th{font-size:12px;color:var(--steel)}
.nw-st{font-size:12px;font-weight:900;padding:2px 8px;background:var(--ink-3)}
.nw-st.published{background:var(--orq);color:var(--ink)}
.nw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:16px;align-items:start}
.nw-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nw-thumb{display:flex;align-items:center;gap:12px}
.nw-thumb img{width:120px;aspect-ratio:3/2;object-fit:cover}
.nw-file,.nw-imgbtn{cursor:pointer}
.nw-tools{display:flex;flex-wrap:wrap;gap:4px}
.nw-tools button,.nw-imgbtn{font:inherit;font-size:13px;font-weight:700;padding:6px 12px;background:var(--ink-3);color:var(--ice);border:0;cursor:pointer}
.nw-imgbtn{background:var(--orq);color:var(--ink)}
#nwBody{font:inherit;font-size:15px;line-height:1.8;padding:12px;background:var(--ice);color:var(--ink);border:0;width:100%;resize:vertical}
.nw-btns{align-items:center}
.nw-del{margin-left:auto;color:#FF9C9C}
.nw-prev{position:sticky;top:20px;background:var(--ink-2);padding:20px;max-height:calc(100vh - 40px);overflow:auto}
.nw-art h2{font-size:22px;font-weight:900;margin:6px 0 16px}
.nw-pmeta{font-size:12px;color:var(--steel)}
@media (max-width:980px){.nw-grid{grid-template-columns:1fr}.nw-prev{position:static;max-height:none}}
/* ファンクラブ：会員ページの画像は縦長なので切り取らずに全体を表示 */
.fc-vis{aspect-ratio:auto;display:flex;justify-content:center}
.fc-vis img{width:100%;height:auto;object-fit:contain;max-height:420px}
@media (max-width:980px){.fc-vis{aspect-ratio:auto}}
.fp-pick{justify-self:start;cursor:pointer}
.fp-rm{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font:900 16px var(--jp);cursor:pointer}
.fp-sent{margin-top:8px;padding:24px;background:var(--ink);border:2px solid var(--orq);text-align:center}
.fp-sent-ic{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--orq);color:var(--ink);font:900 30px var(--jp)}
.fp-sent-t{font-weight:900;font-size:22px;margin-top:10px}
.fp-sent-to{font-size:14px;color:var(--orq);font-weight:700;word-break:break-all;margin-bottom:14px}
.fp-sent-steps{text-align:left;max-width:420px;margin:0 auto 14px;padding-left:1.4em;font-size:14px;display:grid;gap:4px}
.fp-sent-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:8px}

/* ファン写真への動線：トップの告知帯・FAN PHOTOS欄 */
.fan-band{display:flex;align-items:center;gap:14px;padding:14px var(--gutter);background:var(--orq);color:var(--ink);font-weight:700;font-size:15px}
.fan-band:hover .fan-band-go{text-decoration:underline}
.fan-band-ic{font-size:22px}
.fan-band-t{flex:1}
.fan-band-go{font-weight:900;white-space:nowrap}
.fan-top{padding:clamp(56px,8vw,110px) 0;background:var(--ink-2)}
.fan-top .lede{margin-bottom:24px}
.fan-top-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:24px}
.fan-top-cta{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:820px){.fan-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fan-band{font-size:13px}}

/* ───────── 地域貢献活動（community.html） ───────── */
.cm-hero{position:relative;isolation:isolate;min-height:min(78vh,720px);display:flex;align-items:flex-end;padding:140px 0 64px;border-bottom:3px solid var(--orq);overflow:hidden}
.cm-hero-bg{position:absolute;inset:0;z-index:-1}
.cm-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.cm-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,24,21,.35) 0%,rgba(35,24,21,.55) 45%,rgba(35,24,21,.95) 100%)}
.cm-kicker{font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.2em;color:var(--orq);margin:18px 0 10px}
.cm-hero h1{font-weight:900;font-size:clamp(38px,6.4vw,84px);line-height:1.15;letter-spacing:.02em}
.cm-sub{font-weight:700;font-size:clamp(15px,1.6vw,20px);margin-top:16px;color:rgba(238,242,244,.9)}
.cm-intro-in{max-width:46em;display:grid;gap:14px;font-size:16px;line-height:2;color:rgba(238,242,244,.88)}
.cm-promise{font-weight:900;font-size:clamp(18px,2vw,24px);color:var(--orq);line-height:1.6}
.cm-nums{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:44px 0 8px}
.cm-nums li{background:var(--ink-2);padding:22px 20px;border-top:4px solid var(--orq)}
.cm-nums b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(40px,4.4vw,60px);line-height:1}
.cm-nums b small{font-family:var(--jp);font-size:.35em;margin-left:4px}
.cm-nums span{display:block;font-size:12px;color:rgba(238,242,244,.72);margin-top:8px;line-height:1.6}
.cm-pillar:nth-of-type(odd){background:var(--ink-2)}
.cm-pl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
.cm-rev .cm-pl-img{order:2}
.cm-pl-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cm-pl-b{display:grid;gap:12px;font-size:15px;line-height:1.95;color:rgba(238,242,244,.85)}
.cm-no{font-family:var(--display);font-weight:900;font-size:64px;line-height:.8;color:var(--orq)}
.cm-pl-b h2{font-weight:900;font-size:clamp(28px,3.4vw,40px);color:var(--ice);line-height:1.3}
.cm-pl-b h2 small{display:block;font-family:var(--display);font-size:16px;letter-spacing:.16em;color:var(--steel);font-weight:800}
.cm-lead{font-weight:900;color:var(--orq);font-size:16px}
.cm-pl-b h3{font-weight:900;font-size:15px;color:var(--ice);margin-top:8px}
.cm-list{list-style:none;display:grid;gap:6px}
.cm-list li{position:relative;padding-left:20px;font-weight:700;font-size:14px}
.cm-list li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:3px;background:var(--orq)}
.cm-chips{margin:24px 0 18px}
.cm-tl{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cm-tl a{display:flex;flex-direction:column;height:100%;background:var(--ink-2);transition:background .2s}
.cm-tl a:hover{background:var(--ink-3)}
.cm-tl a>img,.cm-ph{width:100%;aspect-ratio:16/10;object-fit:cover}
.cm-tl img.cm-logo{object-fit:contain;background:#fff;padding:20px}
.cm-ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--ink-3),var(--ink))}
.cm-ph img{width:72px;opacity:.55}
.cm-tl a>div{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.cm-tl time{font-family:var(--display);font-weight:800;font-size:15px;color:var(--orq);letter-spacing:.06em}
.cm-tl h3{font-weight:900;font-size:16px;line-height:1.5}
.cm-tl p{font-size:13px;color:rgba(238,242,244,.75);line-height:1.75}
.cm-tag{margin-top:auto;align-self:flex-start;font-size:11px;font-weight:900;padding:3px 10px;border:1.5px solid rgba(238,242,244,.35)}
.cm-join{background:var(--orq);color:var(--ink);text-align:center}
.cm-join .cm-kicker{color:var(--ink)}
.cm-join h2{font-weight:900;font-size:clamp(26px,3.6vw,44px);line-height:1.4;margin-bottom:18px}
.cm-join p{max-width:44em;margin:0 auto 14px;font-weight:700;line-height:1.9}
.cm-join .cm-promise{color:var(--ink)}
.cm-join-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.cm-join .btn-y{background:var(--ink);color:var(--orq)}
.cm-join .btn-o{border-color:var(--ink);color:var(--ink)}
@media (max-width:980px){.cm-pl{grid-template-columns:1fr}.cm-rev .cm-pl-img{order:0}.cm-tl{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-nums{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cm-tl{grid-template-columns:1fr}}
.adm-logo{width:40px;vertical-align:middle;margin-right:10px}
.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.hub-card{display:grid;gap:6px;background:var(--ink-2);padding:24px;border-top:4px solid var(--orq);transition:background .2s}
.hub-card:hover{background:var(--ink-3)}
.hub-ic{font-size:30px}
.hub-card b{font-size:19px;font-weight:900}
.hub-card span{font-size:13px;color:rgba(238,242,244,.75)}
.hub-card em{font-style:normal;font-weight:900;color:var(--orq);font-size:14px}
/* フォトギャラリー：シーズンの切り替え */
.season-tabs{position:sticky;top:76px;z-index:5;background:rgba(35,24,21,.95);padding:14px 0;border-bottom:1px solid rgba(238,242,244,.12)}
.season-tabs .gl-chips{display:flex;gap:8px}
@media (max-width:1100px){.season-tabs{top:64px}}
.fan-grid .fan-empty{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:var(--ink-2);border:2px dashed rgba(232,197,0,.5);padding:28px}
.fan-empty>span{font-size:40px}
.fan-empty p{flex:1;min-width:220px;font-size:14px;color:rgba(238,242,244,.8)}
.fan-empty b{display:block;font-size:18px;color:var(--ice);margin-bottom:4px}
.fan-sec{padding-top:56px}
/* トップのパートナー欄：スマホではロゴを小さめに複数列で並べる */
@media (max-width:600px){
  .tier .plogos,.tier.main .plogos{grid-template-columns:repeat(2,minmax(0,1fr));--lh:70px;gap:8px}
  .tier:not(.main) .plogos{grid-template-columns:repeat(3,minmax(0,1fr));--lh:56px;gap:6px}
  .tier .plogo{padding:8px 10px}
  .tier{padding:20px 0}
}
/* パートナー一覧の区分見出し：スマホでも英語と日本語を1行に収める */
@media (max-width:600px){
  .tier-sec h3{font-size:clamp(18px,5.6vw,26px);gap:8px;white-space:nowrap;flex-wrap:nowrap}
  .tier-sec h3 small{font-size:10.5px;letter-spacing:0;white-space:nowrap;flex-shrink:0}
}
@media (max-width:340px){.tier-sec h3{font-size:16px}}