:root{--pink:#f62a7d;--sky:#20bce9;--navy:#28375e;--orange:#ff8b1e;--emerald:#20ae82;--yellow:#f4bf24}*{box-sizing:border-box}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 #ffef39}.channel-logo{display:block;width:180px;height:37px;overflow:hidden}.channel-logo img{display:block;width:180px;height:37px;object-fit:cover}.site-header .channel-logo{width:215px;height:44px;flex:0 0 215px}.site-header .channel-logo 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,.site-header nav a[aria-current=page]{color:#fff;background:var(--sky)}.hero{padding:75px 24px 80px;text-align:center;color:#fff;background:linear-gradient(120deg,#158fd7,#27c6da 52%,#4bd18f)}.hero p{margin:0;font-family:"Trebuchet MS",sans-serif;font-weight:900;letter-spacing:.2em}.hero h1{margin:9px 0 13px;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:.09em}.hero span{font-weight:700;line-height:1.8}.series-list{width:min(1000px,calc(100% - 36px));margin:55px auto 80px;display:grid;gap:24px}.series{overflow:hidden;border:3px solid var(--sky);border-radius:24px;background:#fff;box-shadow:7px 7px 0 rgba(32,188,233,.18)}.series>div:first-child{padding:27px 32px}.series__type{margin:0 0 5px;color:#168dbb;font-size:.73rem;font-family:"Trebuchet MS",sans-serif;font-weight:900;letter-spacing:.16em}.series h2{margin:0 0 7px;font-size:clamp(1.35rem,3vw,1.85rem)}.series p{margin:0;line-height:1.8}.series__children{display:grid;gap:1px;background:#d7eff7;border-top:1px solid #d7eff7}.series__children section{position:relative;padding:20px 32px 20px 61px;background:#f7fdff}.series__children section:before{content:"↳";position:absolute;left:30px;top:19px;color:#168dbb;font-size:1.5rem;font-weight:900}.series__children h3{margin:0 0 4px;font-size:1.12rem}.series--zukan{border-color:var(--orange);box-shadow:7px 7px 0 rgba(255,139,30,.17)}.series--zukan .series__type,.series--zukan .series__children section:before{color:#d66d04}.series--zukan .series__children{background:#ffe6c7;border-color:#ffe6c7}.series--zukan .series__children section{background:#fffaf4}.series--usrail{border-color:var(--emerald);box-shadow:7px 7px 0 rgba(32,174,130,.17)}.series--usrail .series__type{color:#098665}.series--diary{border-color:var(--pink);box-shadow:7px 7px 0 rgba(246,42,125,.15)}.series--diary .series__type,.series--diary .series__children section:before{color:#de1968}.series--diary .series__children{background:#ffd0e2;border-color:#ffd0e2}.series--diary .series__children section{background:#fff8fb}.series--story{border-color:#7957c9;box-shadow:7px 7px 0 rgba(121,87,201,.16)}.series--story .series__type,.series--story .series__children section:before{color:#6643b7}.series--story .series__children{background:#e4dafc;border-color:#e4dafc}.series--story .series__children section{background:#fbf9ff}.series--howto{border-color:var(--yellow);box-shadow:7px 7px 0 rgba(244,191,36,.2)}.series--howto .series__type{color:#af7800}.series--trewal{border-color:#d33b45;box-shadow:7px 7px 0 rgba(211,59,69,.16)}.series--trewal .series__type,.series--trewal .series__children section:before{color:#b31c2a}.series--trewal .series__children{background:#f8d7da;border-color:#f8d7da}.series--trewal .series__children section{background:#fff9f9}footer{padding:33px 24px;text-align:center;color:#fff;background:var(--navy)}footer .channel-logo{margin:0 auto 10px}footer p{margin:0;font-size:.75rem}@media(max-width:760px){.site-header{padding:9px 15px}.site-header .channel-logo{width:170px;height:35px;flex-basis:170px}.site-header .channel-logo img{width:170px;height:35px}.site-header nav{gap:0}.site-header nav a{padding:2px 5px;font-size:.68rem}.hero{padding:56px 20px 62px}.series-list{margin:37px auto 60px}.series>div:first-child{padding:23px 22px}.series__children section{padding:18px 19px 18px 48px}.series__children section:before{left:20px;top:17px}}
:root{--series-links:1}.playlist-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px!important}.playlist-link{display:inline-block;margin-top:12px;padding:5px 11px;border-radius:999px;color:#fff!important;background:#168dbb;font-size:.76rem;font-weight:800;line-height:1.35!important;text-decoration:none}.playlist-links .playlist-link{margin-top:0}.playlist-link:hover{filter:brightness(.9)}.playlist-link--pending{background:#9ba5b6;cursor:default}
:root{--other:#6d75c9}.series--model{border-color:#8b67bf;box-shadow:7px 7px 0 rgba(139,103,191,.16)}.series--model .series__type,.series--model .series__children section:before{color:#7047a6}.series--model .series__children{background:#e9dffd;border-color:#e9dffd}.series--model .series__children section{background:#fcf9ff}.series--other{border-color:var(--other);box-shadow:7px 7px 0 rgba(109,117,201,.16)}.series--other .series__type,.series--other .series__children section:before{color:#5159b3}.series--other .series__children{background:#dfe3ff;border-color:#dfe3ff}.series--other .series__children section{background:#fafbff}
:root{--series-status:1}.series-status{display:inline-block;margin:0 0 0 7px;padding:2px 6px;border-radius:99px;color:#fff;background:#778397;font-size:.64rem;font-weight:800;vertical-align:middle;white-space:nowrap}.series-status--private{background:#a24b63}
:root{--series-pause:1}.series-status--pause{background:#4f83be}
:root{--series-image:1}.series__image{display:block;width:100%;max-height:420px;object-fit:cover;object-position:center}
:root{--series-aside:1}.series--usrail>div:first-child{position:relative;padding-right:min(37%,350px)}.series__image--aside{position:absolute;top:23px;right:27px;width:clamp(170px,31%,310px);max-height:150px;border:2px solid rgba(32,174,130,.55);border-radius:14px;box-shadow:4px 4px 0 rgba(32,174,130,.15)}@media(max-width:560px){.series--usrail>div:first-child{padding-right:22px}.series__image--aside{position:static;width:100%;max-height:none;margin:18px 0 0}}
:root{--detail-link:1}.series-detail-link{color:inherit;text-decoration:none;border-bottom:2px solid currentColor}.series-detail-link:hover{opacity:.68}
:root{--series-dots:1}body{background:radial-gradient(circle at 10px 10px,#c9f2d2 2px,transparent 3px) 0 0/24px 24px,#fffdf1}