@layer components{.c_top{--c_top-pink:#e84d81;--c_top-text:#550e25;--c_top-orange:#f5ad36;--c_top-blue:#1eade5;--c_top-green:#86cd62;--c_top-red:red;--c_top-cream:#fdf5e9;--c_top-footer-bg:#fdeef5;--c_top-footer-line:#e59db7;--c_top-yellow:#fcd200;--c_top-yellow-light:#fcea2a;--c_top-bubble-bg:#fdeef4;--c_top-paw-size:100px;--c_top-paw-angle:-20deg;color:var(--c_top-text);background-color:var(--c_top-cream);isolation:isolate;font-family:Hiragino Maru Gothic ProN,"M PLUS Rounded 1c",Hiragino Sans,Meiryo,sans-serif}.c_top:before{content:"";z-index:-1;background:var(--c_top-bg-paw) left top/var(--c_top-paw-size) auto repeat;transform:rotate(var(--c_top-paw-angle));pointer-events:none;position:fixed;inset:-50%}.c_top a:focus-visible{outline:3px solid var(--c_top-blue);outline-offset:3px}.c_top-hero{background:#fff var(--c_top-bg-hero-sp) center top/cover no-repeat;flex-direction:column;align-items:center;padding:24px 16px 40px;display:flex;position:relative}@media (width>=768px){.c_top-hero{background:var(--c_top-bg-hero) center/cover no-repeat}}.c_top-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--c_top-cream));pointer-events:none;height:30%;position:absolute;inset:auto 0 0}.c_top-hero img{height:auto;display:block}@media (width>=768px){.c_top-hero{padding:48px 24px 64px}}.c_top-hero__logo{z-index:1;width:80%;max-width:760px;margin-block:clamp(8px,2vw,24px) clamp(16px,3vw,40px);position:relative}.c_top-hero__logo img{width:100%}.c_top-hero__characters{z-index:1;width:92%;max-width:910px;position:relative}.c_top-hero__catch{z-index:2;width:100%;max-width:1130px;margin-top:-8%;position:relative}.c_top-hero__catch img{width:100%}.c_top-card{--c_top-card-color:var(--c_top-orange);border:1px solid var(--c_top-text);background:#fff;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.c_top-card--orange{--c_top-card-color:var(--c_top-orange)}.c_top-card--blue{--c_top-card-color:var(--c_top-blue)}.c_top-card--green{--c_top-card-color:var(--c_top-green)}.c_top-card__head{color:#fff;background:var(--c_top-card-color);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:800;display:flex}.c_top-card__head img{width:auto;height:1.3em}.c_top-card__body{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:20px 16px 24px;display:flex}@media (width>=768px){.c_top-card__body{padding:24px 32px 32px}}.c_top-bubble{border:2px solid var(--c_top-pink);text-align:center;box-shadow:inset 0 0 0 3px var(--c_top-bubble-bg);background:#fff;border-radius:12px;margin-bottom:8px;padding:8px 16px;font-weight:800;position:relative}.c_top-bubble:before,.c_top-bubble:after{content:"";border-style:solid;border-color:#0000;position:absolute;left:50%;translate:-50%}.c_top-bubble:before{border-width:10px 9px 0;border-top-color:var(--c_top-pink);top:100%}.c_top-bubble:after{border-width:8px 7px 0;border-top-color:#fff;top:calc(100% - 3px)}.c_top-sns{aspect-ratio:1;background:var(--c_top-pink);border-radius:12px;place-items:center;width:76px;transition:opacity .15s;display:grid}.c_top-sns:hover{opacity:.85}.c_top-sns img{width:62%;height:auto}.c_top-banner{aspect-ratio:530/290;object-fit:cover;width:100%;display:block}.c_top-coming-soon{aspect-ratio:530/290;border:4px solid var(--c_top-yellow);background:repeating-conic-gradient(from 0deg at 50% 50%, var(--c_top-yellow-light) 0deg 9deg, var(--c_top-yellow) 9deg 18deg);border-radius:6px;place-items:center;width:100%;display:grid}.c_top-coming-soon p{letter-spacing:.08em;color:#fff;text-shadow:3px 0 0 var(--c_top-pink), -3px 0 0 var(--c_top-pink), 0 3px 0 var(--c_top-pink), 0 -3px 0 var(--c_top-pink), 2px 2px 0 var(--c_top-pink), -2px 2px 0 var(--c_top-pink), 2px -2px 0 var(--c_top-pink), -2px -2px 0 var(--c_top-pink);font-size:clamp(1.75rem,1rem + 3vw,3rem);font-weight:800}.c_top-store-name{text-align:center;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:800}.c_top-info{flex-direction:column;gap:4px;font-weight:700;line-height:1.5;display:flex}.c_top-info__label{border-bottom:2px dashed var(--c_top-orange);color:var(--c_top-orange);align-items:center;gap:4px;margin-top:12px;padding-bottom:2px;display:flex}.c_top-info__label:first-child{margin-top:0}.c_top-info__label:before{content:"";aspect-ratio:1;background-color:var(--c_top-orange);width:1.1em;-webkit-mask:var(--c_top-icon-paw) center/contain no-repeat;-webkit-mask:var(--c_top-icon-paw) center/contain no-repeat;mask:var(--c_top-icon-paw) center/contain no-repeat}.c_top-info__value{padding-top:4px}.c_top-info__value a{text-underline-offset:3px;text-decoration:underline}.c_top-info__note{color:var(--c_top-red)}.c_top-info__sub{color:var(--c_top-orange)}.c_top-info__sub:not(:first-child){margin-top:4px}.c_top-map{aspect-ratio:4/3;border:0;width:100%}.c_top-recruit-copy{font-size:clamp(1.375rem,1rem + 1.4vw,2rem);font-weight:800;line-height:1.4}.c_top-btn{color:#fff;background:var(--c_top-pink);border-radius:999px;align-self:center;min-width:14em;padding:12px 32px;font-size:1.25rem;font-weight:800;transition:opacity .15s;display:inline-block}.c_top-btn:hover{opacity:.85}.c_top-app-icon{border-radius:18%;width:40%;max-width:155px;height:auto}.c_top-badge{width:160px;height:auto}.c_top-store-link{transition:opacity .15s;display:block}.c_top-store-link:hover{opacity:.85}.c_top-footer{--c_top-strip-height:16px;--c_top-strip-gap:12px;padding:calc(var(--c_top-strip-gap) * 2 + var(--c_top-strip-height) + 24px) 16px calc(32px + var(--safe-area-bottom));text-align:center;background:var(--c_top-footer-bg);border-top:2px solid var(--c_top-footer-line);position:relative}.c_top-footer:before{content:"";inset:var(--c_top-strip-gap) 0 auto;height:var(--c_top-strip-height);background:var(--c_top-footer-border) left center/auto 100% repeat-x;position:absolute}.c_top-footer__copy{margin-top:8px;font-size:.75rem}.c_top-banner-wrap{position:relative}.c_top-replay{--c_top-replay-shade:#0003;background:linear-gradient(var(--c_top-replay-shade), var(--c_top-replay-shade)), var(--c_top-banner-poster) center/cover no-repeat;cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.c_top-replay:hover{--c_top-replay-shade:#0000004d}.c_top-replay:focus-visible{outline:3px solid var(--c_top-blue);outline-offset:-6px}.c_top-replay[hidden]{display:none}.c_top-replay__icon{aspect-ratio:1;background:var(--c_top-pink);border:4px solid #fff;border-radius:50%;width:clamp(56px,12vw,80px);transition:scale .15s;position:relative;box-shadow:0 4px 12px #0000004d}.c_top-replay__icon:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#fff;width:34%;height:40%;position:absolute;top:50%;left:55%;translate:-50% -50%}.c_top-replay:hover .c_top-replay__icon{scale:1.08}@media (prefers-reduced-motion:reduce){.c_top-sns,.c_top-btn,.c_top-store-link,.c_top-replay__icon{transition:none}}}