@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700&display=swap');
a.sll-account-avatar{box-sizing:border-box;display:grid!important;place-items:center;position:relative;flex:0 0 36px;width:36px!important;height:36px!important;min-width:36px;padding:0!important;overflow:hidden;border:1px solid #d9cef6!important;border-radius:50%!important;background:#f7f3ff;color:#8667cf!important;line-height:1;transition:box-shadow .2s,transform .2s;align-self:center;text-decoration:none}
a.sll-account-avatar:after{display:none!important}a.sll-account-avatar:hover{box-shadow:0 0 0 4px #a287ef20;transform:translateY(-1px)}a.sll-account-avatar svg{width:21px;height:21px}a.sll-account-avatar img{display:block;width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;margin:0;max-width:100%}.sll-account-avatar:focus-visible,.sll-public-header a:focus-visible,.sll-public-menu:focus-visible{outline:3px solid #9273da;outline-offset:4px}
.site-header__inner:has(>.sll-account-avatar){grid-template-columns:auto auto auto!important}
.sll-public-footer{display:grid;grid-template-columns:1fr 1.2fr;gap:32px 80px;max-width:1180px;margin:0 auto;padding:60px 0 32px;font-family:"Noto Sans JP",sans-serif;color:#747f9d}.sll-public-footer img{max-width:225px;width:100%;height:auto}.sll-public-footer p{font-size:15px;line-height:2}.sll-public-footer a{color:inherit;text-decoration:none}.sll-public-footer a:hover{color:#8064d8}.sll-footer-nav,.sll-footer-legal{display:flex;flex-wrap:wrap;gap:18px 24px}.sll-footer-nav{font-size:14px;font-weight:700;letter-spacing:.1em;color:#596583}.sll-footer-legal{margin-top:24px;font-size:13px;line-height:1.9}.sll-public-footer small{grid-column:1/-1;font-size:12px;border-top:1px solid #e8e1f5;padding-top:24px}
@media(prefers-reduced-motion:reduce){a.sll-account-avatar{transition:none}}
.sll-public-header{font-family:"Noto Sans JP",sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#313a57}.sll-public-header *{box-sizing:border-box}.sll-public-header a{text-decoration:none}.sll-public-header img{display:block}.sll-public-header .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}












@media (prefers-reduced-motion: reduce) {
}
.sll-public-header .sr-only{clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden;}



.sll-public-header .site-width{z-index: 1; width: min(1180px, 100% - 48px); margin: 0px auto; position: relative;}

.sll-public-header{z-index: 30; padding-top: 8px; position: sticky; top: 0px;}
.sll-public-header .site-header__inner{backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.97); border: 1px solid rgba(225, 219, 241, 0.96); border-radius: 999px; grid-template-columns: auto minmax(0px, 1fr); align-items: center; gap: 30px; width: min(1920px, 100% - 16px); padding: 12px 28px 12px 18px; display: grid; box-shadow: rgba(71, 79, 124, 0.06) 0px 14px 34px;}
.sll-public-header .brand-logo{flex-shrink: 0; align-items: center; display: inline-flex;}
.sll-public-header .brand-logo__image{filter: drop-shadow(rgba(179, 163, 230, 0.14) 0px 6px 14px); width: 226px; max-width: 100%; height: auto;}
.sll-public-header .brand-logo.is-compact .brand-logo__image{width: 148px; max-width: 100%;}
.sll-public-header .menu-toggle{color: rgb(68, 80, 109); background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(213, 207, 233, 0.88); border-radius: 999px; width: 46px; height: 46px; display: none; position: relative; box-shadow: rgba(72, 80, 119, 0.08) 0px 10px 22px;}
.sll-public-header .menu-toggle span{background: currentcolor; border-radius: 999px; width: 20px; height: 2px; transition: transform 0.18s, opacity 0.18s, top 0.18s; position: absolute; left: 13px;}
.sll-public-header .menu-toggle span:first-child{top: 15px;}
.sll-public-header .menu-toggle span:nth-child(2){top: 22px;}
.sll-public-header .menu-toggle span:nth-child(3){top: 29px;}
.sll-public-header .menu-toggle.is-open span:first-child{top: 22px; transform: rotate(45deg);}
.sll-public-header .menu-toggle.is-open span:nth-child(2){opacity: 0;}
.sll-public-header .menu-toggle.is-open span:nth-child(3){top: 22px; transform: rotate(-45deg);}
.sll-public-header .site-nav{grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 16px; width: 100%; min-width: 0px; display: grid;}
.sll-public-header .site-nav ul{justify-content: center; align-items: center; gap: 28px; width: 100%; min-width: 0px; margin: 0px; padding: 0px; list-style: none; display: flex;}
.sll-public-header .site-nav a{color: rgb(74, 84, 116); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.9rem; font-weight: 700; transition: color 0.18s; position: relative;}
.sll-public-header .site-nav a::after{content: ""; transform-origin: 50% center; background: linear-gradient(90deg, rgb(245, 218, 131), rgb(167, 142, 241)); border-radius: 999px; width: 28px; height: 2px; transition: transform 0.18s; position: absolute; bottom: -10px; left: 50%; transform: translate(-50%) scaleX(0);}
.sll-public-header .site-nav a:hover,.sll-public-header  .site-nav a.is-active{color: rgb(123, 103, 199);}
.sll-public-header .site-nav a:hover::after,.sll-public-header  .site-nav a.is-active::after{transform: translate(-50%) scaleX(1);}
.sll-public-header .site-nav__socials{justify-self: end; align-items: center; gap: 12px; display: flex;}
.sll-public-header .site-nav__socials .social-circle{width: 40px; height: 40px; box-shadow: none; background: rgb(255, 255, 255); border-color: rgba(214, 208, 234, 0.96);}
.sll-public-header .site-nav__socials .social-circle svg{width: 19px; height: 19px;}
.sll-public-header .site-nav__socials .social-circle.theme-x{color: rgb(27, 27, 31);}
.sll-public-header .site-nav__socials .social-circle.theme-youtube{color: rgb(255, 31, 31);}
.sll-public-header .site-nav__socials .social-circle.theme-shop{color: rgb(244, 131, 191);}















































































































.sll-public-header .social-circle{color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(220, 214, 241, 0.94); border-radius: 50%; justify-content: center; align-items: center; width: 44px; height: 44px; display: inline-flex; box-shadow: rgba(72, 82, 121, 0.08) 0px 12px 20px;}
.sll-public-header .social-circle svg{width: 18px; height: 18px;}
.sll-public-header .social-circle--brand{box-shadow: none; background: 0px 0px; border: 0px;}
.sll-public-header .social-mark{justify-content: center; align-items: center; font-weight: 800; display: inline-flex;}
.sll-public-header .social-mark--image{object-fit: contain; width: 100%; height: 100%; display: block;}
.sll-public-header .social-mark--round{border-radius: 50%;}
.sll-public-header .social-mark--square{border-radius: 13px;}






































































































@media (width <= 760px) {



}

































@keyframes floatHero {
}
@keyframes auroraShift {

}
@keyframes lightSweep {
}
@keyframes titleGlow {
}
@keyframes sheenSweep {

}
@keyframes ribbonFlow {
}
@keyframes ribbonPulse {
}
@keyframes moonDrift {
}
@keyframes cometFlight {


}
@keyframes cometFlightAlt {


}
@keyframes orbitSpark {
}
@keyframes twinkleStar {
}
@keyframes starFieldPulse {
}
@keyframes detailShellIn {
}
@keyframes detailBandDrift {
}
@keyframes detailVisualAreaIn {
}
@keyframes detailGlowIn {
}
@keyframes detailCharacterIn {
}
@keyframes detailCardIn {
}
@keyframes detailControlsIn {
}
@keyframes detailCloseIn {
}
@media (width <= 1100px) {.sll-public-header .menu-toggle{display: inline-flex;}
.sll-public-header .site-nav{opacity: 0; pointer-events: none; background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(226, 221, 240, 0.96); border-radius: 28px; flex-direction: column; align-items: stretch; gap: 18px; margin-inline: 12px; padding: 18px; transition: opacity 0.18s, transform 0.18s; position: absolute; inset: calc(100% + 10px) 0px auto; transform: translateY(-8px); box-shadow: rgba(72, 82, 121, 0.1) 0px 18px 42px;}
.sll-public-header .site-nav.is-open{opacity: 1; pointer-events: auto; transform: translateY(0px);}
.sll-public-header .site-nav ul{flex-direction: column; align-items: flex-start; gap: 16px;}
.sll-public-header .site-nav__socials{justify-content: center;}

















}
@media (width <= 1500px) {.sll-public-header .site-header__inner{gap: 18px; padding: 12px 20px 12px 14px;}
.sll-public-header .brand-logo.is-compact .brand-logo__image{width: 126px;}
.sll-public-header .site-nav{gap: 10px;}
.sll-public-header .site-nav ul{gap: 18px;}
.sll-public-header .site-nav a{letter-spacing: 0.05em; font-size: 0.82rem;}
.sll-public-header .site-nav__socials{gap: 8px;}
.sll-public-header .site-nav__socials .social-circle{width: 36px; height: 36px;}
.sll-public-header .site-nav__socials .social-circle svg{width: 17px; height: 17px;}}
@media (width <= 760px) {
.sll-public-header .site-width{width: min(100%, 100% - 24px);}
.sll-public-header{padding-top: 10px;}
.sll-public-header .site-header__inner{backdrop-filter: none; padding: 14px 18px;}





.sll-public-header .brand-logo__image,.sll-public-header  .brand-logo.is-compact .brand-logo__image{width: 220px; max-width: 100%;}















































}
























































.sll-public-header .member-card .social-circle{width: 48px; height: 48px;}
























.sll-public-header .site-footer__socials .social-circle{width: 58px; height: 58px;}


@keyframes heroMistBreath {
}
@media (width <= 1100px) {



}
@media (width <= 760px) {


















.sll-public-header .member-card .social-circle{width: 42px; height: 42px;}


.sll-public-header .site-footer__socials .social-circle{width: 52px; height: 52px;}}





















.sll-public-header .social-mark--custom{object-fit: contain; width: 70%; height: 70%;}

@media (width <= 760px) {
}





















































@media (width <= 900px) {


}
@media (width <= 760px) {





}






























































@keyframes heroHaloFloat {
}
@keyframes heroRingOrbit {
}
@keyframes heroRibbonDrift {
}
@keyframes heroCometSweep {


}
@keyframes heroCometSweepAlt {


}
@keyframes heroSparkPulse {
}
@keyframes portraitFloat {
}
@keyframes ctaBreath {
}
@keyframes socialSheenSweep {
}
@keyframes arrowHaloPulse {
}
@keyframes cardSparkPulse {
}
@media (width <= 760px) {






}
@media (prefers-reduced-motion: reduce) {

}


























@keyframes heroPrismSpin {

}
@keyframes heroCurtainFlow {
}
@keyframes eyebrowShimmer {
}
@keyframes titleFloat {
}
@keyframes titlePulse {
}
@keyframes copyBreath {
}
@keyframes headingSparkRun {
}
@keyframes headingFloat {
}
@keyframes pickupCardDrift {
}
@keyframes memberCardIdle {
}
@keyframes ambientCardGlow {
}
@keyframes memberAuraPulse {
}
@keyframes portraitAuraSweep {
}
@keyframes newsCardIdle {
}
@keyframes arrowOrbit {
}
@keyframes bannerFloat {
}
@keyframes faqFloat {
}
@media (width <= 760px) {

}









@keyframes detailCharacterSettle {
}






























@keyframes liveBadgePulse {
}
@keyframes liveDotPulse {
}
@keyframes liveBadgeSheen {

}




@media (min-width: 1101px) {.sll-public-header .site-header__inner{grid-template-columns: auto auto !important; justify-content: center !important;}
.sll-public-header .site-nav{grid-template-columns: auto auto !important; width: auto !important;}}
@media (max-width: 1100px) {.sll-public-header .menu-toggle{justify-self: end !important; margin-left: auto !important;}}
@media (max-width: 1100px) {.sll-public-header .site-nav#sll-public-navigation{display: flex !important;}
.sll-public-header .site-nav__socials{justify-self: auto !important; justify-content: center !important; margin-top: 6px !important;}}
@media (max-width: 1100px) {.sll-public-header .site-header__inner{position: relative !important;}
.sll-public-header .site-nav#sll-public-navigation{margin-inline: 0px !important; width: auto !important;}}











.sll-public-header .social-circle.theme-iriam > img.social-mark{visibility: hidden !important;}
.sll-public-header .social-circle.theme-iriam{background-image: url("/social/iriam-logo.svg?v=20260608cat") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.sll-public-header .social-circle.theme-x{background: rgb(0, 0, 0) !important;}
.sll-public-header .social-circle.theme-mixch > img.social-mark{visibility: hidden !important;}
.sll-public-header .social-circle.theme-mixch{background-image: url("/social/mixch-logo.svg?v=20260608mixch") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.sll-public-header .social-circle.theme-mirrativ > img.social-mark{visibility: hidden !important;}
.sll-public-header .social-circle.theme-mirrativ{background-image: url("/social/mirrativ-logo.svg?v=20260609newlogo") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.sll-public-header .social-circle.theme-17live > img.social-mark{visibility: hidden !important;}
.sll-public-header .social-circle.theme-17live{background-image: url("/social/17live-logo.svg?v=20260630-17l") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.sll-public-header .social-circle.theme-tiktok > svg,.sll-public-header  .social-circle.theme-tiktok > img.social-mark,.sll-public-header  .social-circle[href*="tiktok"] > svg,.sll-public-header  .social-circle[href*="tiktok"] > img.social-mark,.sll-public-header  .social-circle[aria-label="tiktok" i] > svg,.sll-public-header  .social-circle[aria-label="tiktok" i] > img.social-mark,.sll-public-header  .social-circle[data-sll-tiktok] > svg,.sll-public-header  .social-circle[data-sll-tiktok] > img.social-mark{display: none !important;}
.sll-public-header .social-circle.theme-tiktok,.sll-public-header  .social-circle[href*="tiktok"],.sll-public-header  .social-circle[aria-label="tiktok" i],.sll-public-header  .social-circle[data-sll-tiktok]{background-color: rgb(1, 1, 1) !important; background-image: url("/social/tiktok-logo.svg?v=20260823tt") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}













@keyframes sllLivePulse {

}





































.sll-public-header .social-circle.theme-x > img.social-mark,.sll-public-header  .social-circle.theme-youtube > img.social-mark,.sll-public-header  .social-circle.theme-mirrativ > img.social-mark,.sll-public-header  .social-circle.theme-17live > img.social-mark{width: 70% !important; height: 70% !important; object-fit: contain !important;}




@media (min-width: 761px) {
}
@media (max-width: 760px) {







.sll-public-header .route-home .site-header__inner{background: rgba(255, 255, 255, 0.97) !important; backdrop-filter: none !important; box-shadow: rgba(120, 95, 180, 0.1) 0px 8px 20px !important;}

.sll-public-header .site-header__inner .menu-toggle{transform: translateX(-12px) !important;}
}



















@media (max-width: 640px) {
}

.sll-public-header html[data-sll-site="leapfamilia"] .brand-logo__image[src$="brand-logo.png"]{visibility: hidden !important;}
.sll-public-header html[data-sll-site="leapfamilia"] .brand-logo:has(> .brand-logo__image[src$="brand-logo.png"]){background: url("/site/logo-leap-familia.png") left center / contain no-repeat;}

@media (min-width: 1024px) {
}
@media (min-width: 1280px) {

}
@media (max-width: 1279px) {



}
@media (min-width: 761px) and (max-width: 1279px) {


}

@media (max-width: 760px) {





.sll-public-header html[data-sll-site="leapfamilia"] .route-home .site-header__inner{box-shadow: rgba(60, 110, 190, 0.1) 0px 8px 20px !important;}
}












@media (min-width: 761px) {
}




















@media (max-width: 760px) {









}


























@media (max-width: 760px) {









}






























@media (max-width: 760px) {



}


@media (max-width: 760px) {
}










@media (max-width: 600px) {

}




@keyframes myGradient {

}

@keyframes myGradient {

}

@keyframes sllcmsFadeIn {
}

@keyframes sllcmsRevealUp {
}



































































































@media (max-width: 640px) {





}




.sll-public-header .site-header__inner:has(>.sll-account-avatar){grid-template-columns:auto auto auto!important}
@media(max-width:760px){.site-header__inner:has(>.sll-account-avatar){grid-template-columns:1fr auto auto!important;gap:10px!important}.site-header__inner>.sll-account-avatar{grid-column:3!important;grid-row:1!important}.site-header__inner:has(>.sll-account-avatar)>.menu-toggle{grid-column:2!important;grid-row:1!important}.sll-public-footer{grid-template-columns:1fr;margin:0 5%;gap:24px}}