@charset "UTF-8";
:root{color-scheme:dark;--bg:#101419;--surface:#181e26;--surface-high:#202834;--line:#303a46;--text:#f3f5f7;--muted:#aeb9c5;--accent:#f98a71;font-family:"Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:50;top:-100px;left:16px;padding:12px 18px;background:var(--accent);color:var(--bg);font-weight:700;border-radius:4px}.skip-link:focus{top:12px}.site-header{background:#141a21;border-bottom:1px solid var(--line)}.header-inner,.main-shell,.footer-inner{width:min(1200px,calc(100% - 72px));margin-inline:auto}.header-inner{min-height:92px;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{color:var(--accent)}.brand-type{font-family:Arial,sans-serif;font-size:29px;font-weight:900;letter-spacing:.035em;line-height:1.05}.brand-sub{display:block;font-size:12px;letter-spacing:.08em;font-family:inherit;color:var(--muted);margin-top:6px;font-weight:600}.header-nav{display:flex;gap:30px;margin-left:auto;align-self:stretch;align-items:center;font-size:14px;font-weight:700}.header-nav a{height:100%;display:flex;align-items:center;position:relative}.header-nav a[aria-current]{color:var(--accent)}.header-nav a[aria-current]:after{content:"";position:absolute;height:3px;background:var(--accent);bottom:0;left:0;right:0}.header-nav a:hover{color:var(--accent)}.edition{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.15em;color:#82909f;border-left:1px solid var(--line);padding-left:30px;font-weight:700}.intro{padding:44px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-family:Arial,sans-serif;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.17em;line-height:1.5}.intro h1{font-size:clamp(26px,3vw,39px);line-height:1.5;letter-spacing:-.035em;font-weight:800;margin:9px 0 12px}.intro h1 span{display:inline-block}.intro-copy{color:var(--muted);font-size:16px;line-height:1.8}.channel-count{border-left:1px solid var(--line);padding-left:40px;min-width:160px;display:flex;flex-direction:column;gap:5px;align-items:center}.channel-count strong{font-family:Arial,sans-serif;font-size:62px;line-height:1;font-weight:800;letter-spacing:-.06em}.channel-count span{color:var(--muted);font-size:13px;letter-spacing:.06em}.channel-shortcuts{display:flex;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;flex-wrap:wrap}.channel-shortcuts a{font-size:14px;padding:7px 20px;border-radius:5px;background:var(--surface);display:flex;align-items:center;gap:10px;min-height:42px;border:1px solid var(--line);font-weight:600;transition:border-color .15s,background .15s}.channel-shortcuts a:hover{border-color:#8394a5;background:var(--surface-high)}.color-key{width:4px;height:14px;border-radius:1px}.soccer-color{background:#b1db6b}.rugby-color{background:#edc26c}.baseball-color{background:#89b7e5}.anime-color{background:#c5a2fb}.basketball-color{background:#f3a276}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:27px 0 18px}.section-heading h2{font-size:20px;font-weight:800;letter-spacing:-.025em}.section-heading>span{font-size:13px;color:var(--muted)}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.channel-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;transition:border-color .18s,transform .18s;scroll-margin-top:22px}.soccer{--channel:#b1db6b;--cover-bg:#293c2d}.rugby{--channel:#edc26c;--cover-bg:#413423}.baseball{--channel:#89b7e5;--cover-bg:#1c2a3e}.anime{--channel:#c5a2fb;--cover-bg:#28253d}.basketball{--channel:#f3a276;--cover-bg:#3d2d26}.channel-card:hover{border-color:var(--channel);transform:translateY(-3px)}.channel-link{height:100%;display:flex;flex-direction:column}.channel-card:focus-within{outline:3px solid var(--channel);outline-offset:4px}.channel-link:focus-visible{outline:none}.cover{aspect-ratio:16/8.8;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--cover-bg),#12171d);isolation:isolate}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.cover:after{content:"";position:absolute;z-index:1;inset:35% 0 0;background:linear-gradient(transparent,#080c127d);pointer-events:none}.cover-word{position:absolute;inset:0;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:clamp(25px,3.4vw,50px);font-weight:900;letter-spacing:-.025em;color:var(--channel);opacity:.5}.channel-card:hover .cover img{transform:scale(1.035)}.channel-number{position:absolute;top:13px;left:14px;background:var(--channel);color:#101419;font-family:Arial,sans-serif;font-size:12px;line-height:1.6;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:3px;z-index:2;box-shadow:0 1px 8px #0002}.cover-caption{position:absolute;bottom:17px;left:19px;font-family:Arial,sans-serif;font-weight:800;font-size:14px;letter-spacing:.1em;z-index:2;text-shadow:0 1px 6px #000}.play-mark{position:absolute;right:16px;bottom:14px;display:grid;place-items:center;padding-left:2px;width:36px;height:36px;border:1px solid #ffffff80;border-radius:50%;background:#10141988;color:#fff;font-size:13px;z-index:2}.branded-cover:after{opacity:.5}.channel-copy{padding:22px 22px 0;flex:1;display:flex;flex-direction:column}.channel-label{font-family:Arial,sans-serif;color:var(--channel);font-size:12px;font-weight:700;letter-spacing:.105em;margin-bottom:5px}.channel-copy h3{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(18px,1.7vw,23px);font-weight:800;letter-spacing:-.035em;line-height:1.6}.channel-copy h3>span{font-size:24px;color:var(--channel);font-weight:400;flex-shrink:0}.description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:10px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0 22px}.tags>span{font-size:12px;line-height:1.6;padding:3px 7px;background:#232d38;border-radius:3px;color:#c5d0db}.channel-cta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;min-height:57px;border-top:1px solid var(--line);font-size:14px;font-weight:700}.channel-cta>span{font-size:21px;color:var(--channel);transition:transform .18s}.channel-link:hover .channel-cta>span{transform:translateX(3px)}.watch-guide{background:linear-gradient(145deg,#1c242f,#131921);border:1px solid var(--line);border-radius:10px;padding:29px 28px;display:flex;flex-direction:column;scroll-margin-top:25px}.watch-guide h2{font-size:23px;letter-spacing:-.035em;margin-top:10px;line-height:1.55}.watch-guide ol{list-style:none;padding:0;margin:25px 0 20px;display:flex;flex-direction:column;gap:22px}.watch-guide li{display:flex;align-items:flex-start;gap:15px}.watch-guide li>span{font-family:Arial,sans-serif;font-size:12px;color:var(--accent);background:#f98a7112;border:1px solid #f98a7133;min-width:30px;height:30px;display:grid;place-items:center;border-radius:50%;margin-top:1px}.watch-guide h3{font-size:15px;font-weight:700;line-height:1.75}.watch-guide li p{font-size:14px;color:var(--muted);margin-top:2px;line-height:1.8}.guide-note{color:var(--muted);font-size:13px;line-height:1.8;margin-top:auto;border-top:1px solid var(--line);padding-top:17px}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:48px 0 44px;padding-top:32px;border-top:1px solid var(--line)}.about h2{font-size:22px;margin-top:8px;letter-spacing:-.025em}.about-copy{font-size:14px;color:var(--muted);line-height:1.9}.about details{margin-top:15px}.about summary{cursor:pointer;color:#d8e0e8;width:fit-content;min-height:40px;padding-block:6px;line-height:1.8}.about summary:hover{color:var(--accent)}.details-copy{border-left:2px solid var(--line);padding-left:18px;margin:10px 0}.details-copy p+p{margin-top:12px}.site-footer{background:#141a21;border-top:1px solid var(--line)}.footer-inner{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:28px;color:#8592a1;font-size:12px}.footer-brand{font-family:Arial,sans-serif;font-size:23px;letter-spacing:.035em;font-weight:900;color:#dce3ea;flex-shrink:0}.footer-brand>span{font-size:12px;font-weight:400;letter-spacing:.02em;display:block;margin-top:3px;color:var(--muted)}.footer-inner>span{font-family:Arial,sans-serif;letter-spacing:.1em;text-align:center;line-height:1.9}.footer-inner>a:last-child{white-space:nowrap;font-size:13px;min-height:44px;display:flex;align-items:center}.footer-inner>a:last-child:hover{color:var(--accent)}
@media(min-width:1450px){.header-inner,.main-shell,.footer-inner{width:min(1280px,calc(100% - 96px))}.cover{aspect-ratio:16/8.6}.channel-copy{padding-inline:25px}.description{font-size:15px}}
@media(max-width:1080px){.edition{display:none}.header-inner,.main-shell,.footer-inner{width:calc(100% - 48px)}.channel-grid{gap:18px}.channel-copy{padding:18px 16px 0}.channel-copy h3{font-size:19px}.watch-guide{padding:24px 20px}.watch-guide h2{font-size:21px}.channel-shortcuts a{padding-inline:18px}.tags{gap:5px}.tags>span{padding-inline:5px}.channel-count{padding-left:25px;min-width:130px}}
@media(max-width:850px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cover{aspect-ratio:16/8.8}.channel-copy{padding:21px 21px 0}.channel-copy h3{font-size:22px}.watch-guide{padding:28px 24px}.intro{padding:34px 0 28px}.intro h1{font-size:31px}.channel-count{min-width:105px;padding-left:18px}.channel-count strong{font-size:51px}.channel-count span{font-size:12px}.intro-copy{font-size:14px}.header-inner{min-height:80px}.channel-shortcuts{gap:8px;padding-block:14px}.channel-shortcuts a{padding:6px 13px;min-height:40px}.about{grid-template-columns:1fr;gap:18px;margin-top:36px}.footer-inner>span{max-width:280px}.watch-guide ol{gap:21px}.description{font-size:14px}}
@media(max-width:560px){:root{scroll-padding-top:20px}.header-inner,.main-shell,.footer-inner{width:calc(100% - 36px)}.header-inner{min-height:76px;gap:12px}.brand{gap:9px}.brand-symbol{width:34px;height:34px}.brand-type{font-size:24px}.brand-sub{font-size:12px;margin-top:5px}.header-nav{gap:18px;font-size:13px}.header-nav a:first-child{display:none}.intro{padding:29px 0 24px;gap:14px;align-items:flex-start}.intro h1{font-size:27px;line-height:1.6;letter-spacing:-.035em;margin:8px 0 9px}.intro-copy{font-size:14px;line-height:1.9}.intro .eyebrow{font-size:12px;letter-spacing:.1em}.channel-count{min-width:45px;padding:2px 0 0;border:0;gap:8px}.channel-count strong{font-size:35px}.channel-count span{writing-mode:vertical-rl;font-size:12px;letter-spacing:.13em;line-height:1.2}.channel-shortcuts{gap:7px;padding-block:13px}.channel-shortcuts a{font-size:13px;padding:5px 10px;gap:7px;min-height:38px}.color-key{height:12px;width:3px}.section-heading{padding:24px 0 15px;flex-wrap:wrap;gap:4px}.section-heading h2{font-size:19px}.section-heading>span{font-size:12px}.channel-grid{grid-template-columns:1fr;gap:22px}.channel-copy{padding:20px 21px 0}.channel-copy h3{font-size:23px}.description{font-size:15px;line-height:1.9}.tags>span{font-size:12px;padding:3px 8px}.cover{aspect-ratio:16/8.6}.cover-word{font-size:44px}.tags{margin-block:16px 19px}.channel-cta{min-height:58px;font-size:15px}.watch-guide{padding:26px 23px}.watch-guide h2{font-size:23px}.watch-guide ol{gap:24px;margin-block:24px}.watch-guide h3{font-size:16px}.watch-guide li p{font-size:14px}.guide-note{font-size:14px}.about{margin-block:35px 32px;padding-top:26px}.about-copy{font-size:14px}.footer-inner{flex-wrap:wrap;gap:18px;min-height:0;padding-block:24px}.footer-inner>span{order:3;max-width:none;width:100%;text-align:left;font-size:12px;letter-spacing:.04em}.footer-inner>a:last-child{margin-left:auto}.about h2{font-size:22px}}
.description,.about-copy{font-size:16px}.watch-guide li p{font-size:14px}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.channel-card:hover{transform:none}}