﻿:root{--pink:#f62a7d;--pink-soft:#ffcae1;--yellow:#ffef39;--sky:#28b9ef;--navy:#28375e;--cream:#fffdf1;--green:#30ad70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:#fffaf2}.site-header{min-height:73px;padding:10px clamp(17px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:4px solid var(--pink);box-shadow:0 3px 0 var(--yellow);position:relative;z-index:2}.channel-logo{display:block;overflow:hidden}.channel-logo img{display:block;max-width:none;object-fit:cover;object-position:center 48%}.channel-logo--header{width:215px;height:44px;flex:0 0 215px}.channel-logo--header img{width:215px;height:44px}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.site-header nav a{padding:4px 10px;border-radius:99px;color:#1682ae;font-size:.79rem;font-weight:800;text-decoration:none}.site-header nav a:hover{color:#fff;background:var(--sky)}.hero{min-height:620px;position:relative;display:flex;align-items:center;padding:70px clamp(25px,9vw,150px);}.hero:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-48px;height:100px;background:var(--yellow);border-radius:50% 50% 0 0/100% 100% 0 0}.hero__copy{position:relative;z-index:1;width:min(42vw,505px);padding:26px 28px 28px;border-radius:30px;background:rgba(255,255,255,.9);box-shadow:8px 8px 0 rgba(246,42,125,.35)}.channel-logo--hero{width:100%;height:93px}.channel-logo--hero img{width:100%;height:93px}.division{display:inline-block;margin:8px 0 14px;padding:3px 13px;border-radius:99px;color:#fff;background:var(--pink);font-weight:800;letter-spacing:.12em}.hero__lead{margin:0;color:#435274;font-size:1.05rem;font-weight:700;line-height:1.9}.intro{padding:92px 25px 60px;text-align:center;background:#fff}.intro__label{margin:0;color:var(--pink);font-family:"Trebuchet MS",sans-serif;font-size:.86rem;font-weight:900;letter-spacing:.2em}.intro h1{margin:6px 0 18px;color:var(--pink);font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.11em;line-height:1.35}.intro h1 small{color:#32b978;font-size:.57em}.intro>p:last-child{max-width:680px;margin:0 auto;color:#5b6680;font-weight:600}.features{padding:35px max(22px,calc((100% - 1120px)/2)) 92px;background:radial-gradient(circle at 10px 10px,#c9f2d2 2px,transparent 3px) 0 0/24px 24px,#fffdf1}.feature{display:grid;grid-template-columns:1.12fr .88fr;align-items:stretch;overflow:hidden;max-width:1040px;margin:38px auto;border:4px solid var(--pink);border-radius:28px;background:#fff;box-shadow:9px 9px 0 rgba(246,42,125,.2)}.feature:nth-child(even){grid-template-columns:.88fr 1.12fr;border-color:var(--sky);box-shadow:9px 9px 0 rgba(40,185,239,.22)}.feature:nth-child(even) .feature__image{order:2}.feature:nth-child(even) .feature__eyebrow,.feature:nth-child(even) h2{color:#168dbb}.feature--fun{border-color:#e7a61e;box-shadow:9px 9px 0 rgba(231,166,30,.2)}.feature--fun .feature__eyebrow,.feature--fun h2{color:#bd7e08}.feature__image{min-height:315px}.feature__image img{display:block;width:100%;height:100%;object-fit:cover}.feature--series .feature__image img{object-position:center}.feature--characters .feature__image img{object-position:70% center}.feature--fun .feature__image img{object-position:center}.feature__text{align-self:center;padding:34px 38px}.feature__eyebrow{margin:0;color:var(--pink);font-family:"Trebuchet MS",sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.18em}.feature h2{margin:5px 0 16px;color:var(--pink);font-size:clamp(1.45rem,3vw,2.15rem);letter-spacing:.1em}.feature__text>p:last-child{margin:0;color:#5a6780;line-height:1.9}footer{padding:33px 24px;text-align:center;color:#fff;background:var(--navy)}.channel-logo--footer{width:180px;height:37px;margin:0 auto 10px}.channel-logo--footer img{width:180px;height:37px}.portal-link{color:var(--yellow);font-size:.78rem;font-weight:700}footer p{margin:0 0 7px;font-size:.75rem}@media(max-width:760px){.site-header{padding:9px 15px}.channel-logo--header{width:170px;height:35px;flex-basis:170px}.channel-logo--header img{width:170px;height:35px}.site-header nav{gap:0}.site-header nav a{padding:2px 5px;font-size:.68rem}.hero{min-height:560px;padding:42px 22px;align-items:flex-start;}.hero__copy{width:min(94vw,470px);padding:20px}.channel-logo--hero{height:74px}.channel-logo--hero img{height:74px}.division{font-size:.8rem}.hero__lead{font-size:.92rem}.intro{padding:75px 23px 45px}.features{padding:20px 18px 60px}.feature,.feature:nth-child(even){grid-template-columns:1fr;margin:28px auto}.feature:nth-child(even) .feature__image{order:0}.feature__image{min-height:210px}.feature__text{padding:26px 24px}.feature--characters .feature__image img{object-position:70% center}}



.feature--series{border-color:var(--sky);box-shadow:9px 9px 0 rgba(40,185,239,.28)}.feature--series .feature__eyebrow,.feature--series h2{color:#168dbb}.feature--characters{border-color:var(--pink);box-shadow:9px 9px 0 rgba(246,42,125,.22)}.feature--characters .feature__eyebrow,.feature--characters h2{color:var(--pink)}
.hero--station{background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.02) 54%),url("../poketv_img/channel-top.jpg") center center/cover}.hero--play{background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.02) 54%),url("../poketv_img/channel-top-play-bright.jpg") center center/cover}

.feature.feature--characters{border-color:var(--pink);box-shadow:9px 9px 0 rgba(246,42,125,.22)}.feature.feature--characters .feature__eyebrow,.feature.feature--characters h2{color:var(--pink)}
.feature--characters{position:relative;transition:transform .18s ease,box-shadow .18s ease}.feature--characters:hover{transform:translate(-2px,-2px);box-shadow:12px 12px 0 rgba(246,42,125,.28)}.feature__link{position:absolute;inset:0;z-index:1;border-radius:24px}.feature__link:focus-visible{outline:4px solid var(--yellow);outline-offset:-7px}.feature--series{position:relative;transition:transform .18s ease,box-shadow .18s ease}.feature--series:hover{transform:translate(-2px,-2px);box-shadow:12px 12px 0 rgba(40,185,239,.32)}



