@import url("/jp/typography.css?v=20261015");
:root{--shell-width:1220px;--ink:#222;--blue:#69b6d6;--pink:#e6006d}
.collab-main,.collab-main *, .collab-page .collab-subnav,.collab-page .collab-subnav *{box-sizing:border-box}
html,body{margin:0;padding:0}
body.collab-page{min-width:1000px;background:#f4f4f4;color:var(--ink);font-family:var(--jp-font-text)}
.collab-page .header-sub{display:block}
.collab-page .header-sub .container{height:38px}
.collab-page .collab-subnav{float:left;display:flex;height:38px;margin:0;padding:0;list-style:none}
.collab-page .collab-subnav li{position:relative;height:38px}
.collab-page .collab-subnav li+li:before{content:"";position:absolute;left:0;top:12px;width:1px;height:14px;background:rgba(0,0,0,.12)}
.collab-page .collab-subnav a{display:block;height:38px;padding:0 24px;color:#666;font-size:12px;line-height:38px;text-decoration:none}
.collab-page .collab-subnav a:hover,.collab-page .collab-subnav .active a{color:#111;font-weight:var(--jp-weight-semibold)}
.collab-page .footer{margin-top:0}
.collab-main{overflow:hidden;position:relative}
.section-kicker{margin:0 0 15px;font-size:11px;font-weight:var(--jp-weight-bold);letter-spacing:.32em;text-transform:uppercase}
.section-title{margin:0;font-family:var(--jp-font-display);font-size:clamp(42px,6vw,92px);line-height:.95;letter-spacing:.03em}
.section-copy{font-size:16px;line-height:2.15;letter-spacing:.055em}

/* Gintama */
.theme-gintama{--blue:#83cbe5;background:#e8eef0}
.gintama-hero{position:relative;min-height:770px;padding:86px 0 105px;overflow:hidden;background:linear-gradient(118deg,#dcecf1 0 58%,#111 58% 100%)}
.gintama-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#111 1px,transparent 1.5px);background-size:13px 13px;opacity:.075}
.gintama-hero:after{content:"万事屋　銀　魂　万事屋　銀　魂";position:absolute;left:-3%;right:-3%;bottom:20px;height:47px;padding-left:3%;overflow:hidden;background:#d8222a;color:#fff;font:900 25px/47px Impact,"Arial Black",sans-serif;letter-spacing:.34em;transform:rotate(-2deg);white-space:nowrap}
.gintama-hero__inner{position:relative;z-index:2;width:1220px;margin:0 auto}
.gintama-stamp{position:absolute;right:18px;top:0;z-index:8;width:84px;height:84px;background:#fff;border:5px solid #111;box-shadow:9px 9px 0 #d8222a;color:#111;font:900 55px/72px "Yu Mincho",serif;text-align:center;transform:rotate(4deg)}
.gintama-heading{position:relative;z-index:7;width:360px;padding-top:55px}
.gintama-heading .section-kicker{color:#d8222a}
.gintama-heading .section-title{font-family:var(--jp-font-display);font-size:108px;font-weight:var(--jp-weight-semibold);text-shadow:5px 5px 0 #fff}
.gintama-heading p{margin:28px 0 0;border-left:8px solid #d8222a;padding-left:18px;font-weight:var(--jp-weight-bold);line-height:1.8}
.gintama-carousel{position:absolute;right:52px;top:5px;width:760px;height:525px;perspective:1400px}
.gintama-slide{position:absolute;left:0;top:0;width:690px;height:418px;margin:0;opacity:0;transform:translate3d(250px,45px,-250px) rotate(4deg);transition:transform 1.15s cubic-bezier(.16,.8,.24,1),opacity .9s ease,filter .9s ease;filter:saturate(.6);pointer-events:none}
.gintama-slide:before{content:"";position:absolute;inset:-13px;background:#fff;border:3px solid #111;box-shadow:14px 16px 0 rgba(0,0,0,.22);z-index:-1}
.gintama-slide img{width:100%;height:100%;object-fit:cover;display:block}
.gintama-slide figcaption{position:absolute;left:-13px;bottom:-49px;padding:7px 17px;background:#111;color:#fff;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.18em}
.gintama-slide.is-active{z-index:5;opacity:1;transform:translate3d(0,62px,0) rotate(-2deg);filter:none}
.gintama-slide.is-next{z-index:4;opacity:.5;transform:translate3d(92px,19px,-85px) rotate(2deg);filter:saturate(.75)}
.gintama-slide.is-after{z-index:3;opacity:.24;transform:translate3d(164px,-15px,-160px) rotate(5deg);filter:saturate(.45)}
.gintama-story{position:relative;padding:125px 0 145px;background:#fff}
.gintama-story:before{content:"";position:absolute;left:0;top:0;width:33%;height:14px;background:#83cbe5}.gintama-story:after{content:"";position:absolute;left:33%;right:0;top:0;height:14px;background:#111}
.gintama-story__inner{display:grid;grid-template-columns:300px 1fr;gap:105px;width:1000px;margin:0 auto}
.gintama-story__label{position:sticky;top:30px;align-self:start}
.gintama-story__label .kanji{font:900 160px/1 "Yu Mincho",serif;color:#111;text-shadow:8px 8px 0 #83cbe5}
.gintama-story__label small{display:block;margin-top:15px;color:#d8222a;font-weight:var(--jp-weight-bold);letter-spacing:.2em}
.gintama-story__copy{position:relative;padding:45px 55px;background:#f4f0e8;border:2px solid #111;box-shadow:18px 18px 0 #111}
.gintama-story__copy:before{content:"特別仕様";position:absolute;right:-26px;top:-30px;padding:9px 15px;background:#d8222a;color:#fff;font-weight:var(--jp-weight-bold);transform:rotate(3deg)}
.gintama-story__copy p{margin:0 0 1.6em}.gintama-story__copy p:last-child{margin-bottom:0;font-weight:var(--jp-weight-bold)}
.gintama-long{padding:110px 0;background:linear-gradient(180deg,#dcecf1,#f4f4f4)}
.gintama-long__frame{width:min(880px,calc(100% - 80px));margin:0 auto;padding:14px;background:#fff;border:2px solid #111;box-shadow:24px 24px 0 rgba(0,0,0,.14)}
.gintama-long img{display:block;width:100%;height:auto}

/* LoveLive */
.theme-lovelive{background:#fff8fb;color:#4c3541}
.lovelive-hero{position:relative;padding:105px 0 125px;background:radial-gradient(circle at 17% 20%,rgba(255,255,255,.96),transparent 28%),linear-gradient(135deg,#fff8fa,#fbe6ee 55%,#fff)}
.lovelive-hero:before,.lovelive-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}
.lovelive-hero:before{width:420px;height:420px;right:-140px;top:60px;background:rgba(230,0,109,.08)}
.lovelive-hero:after{width:250px;height:250px;left:-100px;bottom:-40px;background:rgba(209,170,111,.16)}
.lovelive-heading{position:relative;z-index:2;width:1080px;margin:0 auto 60px;text-align:center}
.lovelive-heading .section-kicker{color:#e6006d}.lovelive-heading .section-title{font-family:var(--jp-font-display);font-style:italic;color:#b88b58;font-size:74px}
.p-series__item{position:relative;z-index:2;width:940px;margin:0 auto;padding:45px 70px 62px;background:rgba(255,255,255,.75);border-radius:48% 48% 16px 16px/8% 8% 16px 16px;box-shadow:0 28px 80px rgba(130,48,82,.18);opacity:0;transform:translateY(55px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.p-series__item.is-active{opacity:1;transform:none}
.p-series__item:before,.p-series__item:after{content:"";position:absolute;inset:22px;border:1px solid rgba(230,0,109,.24);border-radius:inherit;pointer-events:none}.p-series__item:after{inset:auto -35px 90px auto;width:110px;height:110px;border:0;background:linear-gradient(45deg,transparent 45%,#e6006d 46% 52%,transparent 53%);transform:rotate(18deg)}
.p-series__item img{display:block;width:min(680px,100%);height:auto;margin:0 auto;filter:drop-shadow(0 22px 18px rgba(90,44,55,.2))}
.p-about{position:relative;padding:145px 0 160px;background:#fff}
.p-about:before{content:"μ's";position:absolute;left:4%;top:38px;color:rgba(230,0,109,.055);font:italic 260px/1 "Times New Roman",serif}
.p-about__inner{position:relative;width:920px;margin:0 auto;text-align:center}
.p-about__title{display:inline-block;margin:0 0 55px;padding:0 45px 16px;border-bottom:2px solid #e6006d;color:#e6006d;font:italic 700 62px/1 "Times New Roman",serif}
.p-about__copy{margin:0;padding:65px 78px;background:linear-gradient(#fff,#fff8fb);border-top:1px solid #e7caa9;border-bottom:1px solid #e7caa9;font-family:var(--jp-font-text);font-size:18px;line-height:2.45;letter-spacing:.08em}
.lovelive-u1-gallery{padding:95px 0 115px;background:linear-gradient(135deg,#fff6fa,#f8e9f1 55%,#fff9fb)}
.lovelive-u1-gallery__inner{width:min(96%,1800px);margin:0 auto}
.lovelive-u1-gallery__label{display:inline-block;margin-bottom:32px;padding:8px 18px;border:1px solid #e6a6c2;border-radius:30px;background:#fff;color:#d64787;font-size:13px;font-weight:var(--jp-weight-bold);letter-spacing:.13em}
.lovelive-u1-gallery__cards{display:flex;flex-direction:column;align-items:center;gap:58px}
.lovelive-u1-gallery__cards figure{width:fit-content;max-width:100%;margin:0;padding:12px;background:#fff;border:1px solid #f3d7e5;border-radius:14px;box-shadow:0 18px 40px rgba(166,71,114,.15);transform:rotate(-.35deg)}
.lovelive-u1-gallery__cards figure:nth-child(even){transform:rotate(.35deg)}
.lovelive-u1-gallery__cards figure:has(img[src$="lovelive-u1-1.jpg"]){width:min(760px,100%)}
.lovelive-u1-gallery__cards figure:has(img[src$="lovelive-u1-2.jpg"]){width:100%}
.lovelive-u1-gallery__cards figure:has(img[src$="lovelive-u1-3.jpg"]){width:min(1050px,100%)}
.lovelive-u1-gallery__cards figure:has(img[src$="Lovelive.jpg"]){width:min(1050px,100%)}
.lovelive-u1-gallery__cards img{display:block;width:100%;height:auto;border-radius:7px}

/* Pile */
.theme-pile{background:#fff7fb;color:#70445d}
.pile-hero{position:relative;min-height:820px;padding:100px 0 130px;background:radial-gradient(circle at 72% 18%,#fff 0 5%,transparent 30%),linear-gradient(145deg,#f8dbe9,#fff 42%,#f0ddec)}
.pile-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(220,82,145,.2) 0 1px,transparent 1.5px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.pile-hero__inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;width:1120px;margin:0 auto}
.pile-visual{position:relative;padding:24px}
.pile-visual:before{content:"";position:absolute;inset:0;border:1px solid rgba(191,45,112,.35);transform:rotate(-3deg)}
.pile-visual:after{content:"816";position:absolute;right:-24px;bottom:-28px;color:#dc5291;font:italic 80px/1 Georgia,serif;opacity:.25}
.pile-image-cycle{position:relative;width:100%;isolation:isolate}
.pile-image-cycle:after{content:"";position:absolute;inset:-4%;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,185,224,.3),rgba(232,65,151,.12) 46%,transparent 72%);filter:blur(8px);transition:opacity .18s ease}
.pile-image-cycle.is-transitioning:after{opacity:1}
.pile-visual .pile-image-cycle img{position:relative;display:block;width:100%;height:auto;box-shadow:0 35px 70px rgba(150,62,106,.2);transition:opacity .18s ease,filter .18s ease}
.pile-visual .pile-image-cycle .pile-image-cycle__alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
.pile-image-cycle.show-alternate .pile-image-cycle__alternate{opacity:1;filter:drop-shadow(0 0 12px rgba(224,86,158,.32))}
.pile-image-cycle.show-alternate .pile-image-cycle__base{opacity:.04}
.pile-copy{position:relative;padding:25px 0}
.pile-copy .section-kicker{color:#dc5291}.pile-copy .section-title{font-family:var(--jp-font-display);font-style:italic;font-weight:var(--jp-weight-semibold);color:#be2d70;font-size:100px}
.pile-copy__tagline{margin:22px 0 40px;color:#9c5578;font-family:var(--jp-font-text);font-size:25px;letter-spacing:.12em}
.pile-copy__body{padding:36px 42px;background:rgba(255,255,255,.64);border-left:3px solid #dc5291;box-shadow:0 16px 45px rgba(153,59,104,.1);font-family:var(--jp-font-text);font-size:16px;line-height:2.2;letter-spacing:.055em}
.pile-sign{margin:26px 0 0;text-align:right;color:#dc5291;font:italic 35px/1 Georgia,serif}

@media(max-width:1100px){body.collab-page{min-width:0}.collab-page .header-main .container,.collab-page .header-sub .container{width:94%}.collab-page .header-main .nav-main li a{padding:0 10px}.gintama-hero__inner,.lovelive-heading,.pile-hero__inner{width:92%}.gintama-heading{width:30%}.gintama-carousel{right:2%;width:64%}.gintama-slide{width:88%}.gintama-story__inner,.p-about__inner{width:86%}.p-series__item{width:84%}.pile-hero__inner{gap:40px}}
@media(max-width:736px){body.collab-page{min-width:0}.collab-page .header-main{height:70px}.collab-page .header-main .logo{padding-top:10px}.collab-page .header-main .nav{display:none}.collab-page .header-sub{height:auto}.collab-page .header-sub .container{height:auto}.collab-page .collab-subnav{float:none;justify-content:center;height:42px}.collab-page .collab-subnav a{height:42px;padding:0 14px;line-height:42px}.gintama-hero{min-height:670px;padding-top:45px}.gintama-heading{width:100%;padding:0}.gintama-heading .section-title{font-size:78px}.gintama-carousel{position:relative;right:auto;top:auto;width:95%;height:340px;margin:55px auto 0}.gintama-slide{width:86%;height:260px}.gintama-story__inner{display:block}.gintama-story__label{position:static;margin-bottom:55px}.gintama-story__label .kanji{font-size:110px}.gintama-story__copy{padding:32px 27px;box-shadow:10px 10px 0 #111}.section-copy{font-size:14px}.gintama-long{padding:70px 0}.gintama-long__frame{width:90%;padding:7px;box-shadow:12px 12px 0 rgba(0,0,0,.14)}.lovelive-hero{padding:70px 0}.lovelive-heading .section-title{font-size:46px}.p-series__item{width:90%;padding:25px 22px}.p-about{padding:90px 0}.p-about__title{font-size:46px}.p-about__copy{padding:38px 26px;font-size:15px}.pile-hero{padding:70px 0}.pile-hero__inner{display:block}.pile-visual{width:90%;margin:0 auto 70px}.pile-copy .section-title{font-size:76px}.pile-copy__body{padding:28px 25px}}
@media(prefers-reduced-motion:reduce){.gintama-slide,.p-series__item{transition:none}}
@media(prefers-reduced-motion:reduce){.pile-image-cycle img,.pile-image-cycle:after{transition:none}}
@media(max-width:736px){.lovelive-u1-gallery{padding:65px 0}.lovelive-u1-gallery__cards{gap:28px}.lovelive-u1-gallery__cards figure{transform:none!important;padding:7px}}