.join-us-section{--join-overlay-top: .55;--join-overlay-bottom: .85;--join-content-max-width: 560px;--join-viewport-height: 100svh;--join-mobile-height: 480vh;--join-desktop-height: 400vh;position:relative;width:100%;height:var(--join-mobile-height);color:#fff;background:#101010;isolation:isolate}.join-us-section,.join-us-section *,.join-us-section *:before,.join-us-section *:after{box-sizing:border-box}.join-us-sticky{position:absolute;top:0;left:0;width:100%;height:var(--join-viewport-height);background:#101010;overflow:hidden;isolation:isolate;will-change:transform}.join-us-bg-photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;clip-path:circle(0 at 50% 50%);-webkit-clip-path:circle(0 at 50% 50%);will-change:clip-path}.join-us-bg-photo--empty{background:radial-gradient(circle at 50% 45%,#404040,#252525 28%,#101010 75%)}.join-us-circle-anchor{position:absolute;top:50%;left:50%;z-index:2;width:0;height:0;opacity:0;pointer-events:none;overflow:visible;will-change:opacity}.join-us-media-circle{position:absolute;top:0;left:0;z-index:2;width:0;height:0;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%);will-change:width,height}.join-us-media-circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 10px #ffffff80,inset 0 0 1px #fffc}.join-us-media-circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:1px;border-radius:inherit;pointer-events:none;background-image:linear-gradient(to top right,#ffffff03,#ffffff8c,#ffffff03,#ffffff8c,#ffffff03);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.join-us-inner-media{position:relative;width:100%;height:100%;background:#0d0d0d;overflow:hidden}.join-us-media-placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.join-us-media-empty{display:grid;place-items:center;width:100%;height:100%;padding:24px;color:#ffffff80;text-align:center;font-size:13px}.join-us-text-ring{position:absolute;top:0;left:0;z-index:3;width:0;height:0;pointer-events:none;transform:translate(-50%,-50%) rotate(0);transform-origin:center;will-change:width,height,transform}.join-us-text-ring svg{display:block;width:100%;height:100%;overflow:visible;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.join-us-final-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;width:100%;height:100%;padding:calc(env(safe-area-inset-top,0px) + 28px) 24px calc(env(safe-area-inset-bottom,0px) + 28px);opacity:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,var(--join-overlay-top)),rgba(0,0,0,var(--join-overlay-bottom)));transition:opacity .6s ease}.join-us-section.is-final .join-us-final-content{opacity:1;pointer-events:auto}.join-us-content-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,var(--join-content-max-width));max-height:calc(var(--join-viewport-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 48px);margin:auto;gap:clamp(18px,3vh,28px);text-align:center}.join-us-reveal-item{opacity:0;filter:blur(28px);transform:translateY(24px);will-change:opacity,filter,transform;transition:opacity .85s cubic-bezier(.22,.61,.36,1),filter .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}.join-us-logo.join-us-reveal-item{transition-delay:.08s}.join-us-catch.join-us-reveal-item{transition-delay:.18s}.join-us-cta.join-us-reveal-item{transition-delay:.28s}.join-us-section.is-final .join-us-reveal-item{opacity:1;filter:blur(0);transform:translateY(0)}.join-us-logo{display:block;width:clamp(150px,42vw,240px);max-height:clamp(44px,10vh,90px);object-fit:contain}.join-us-catch{width:100%;color:#fff;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;font-size:clamp(20px,5.5vw,30px);font-weight:700;line-height:1.55;letter-spacing:.04em;font-feature-settings:"palt" 1}.join-us-catch p{margin:0}.join-us-cta{width:min(100%,380px);margin-top:clamp(0px,1vh,8px)}.join-us-rainbow-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(58px,8vh,64px);padding:0 24px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#ffffff0d;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:box-shadow .4s ease,transform .25s ease}.join-us-rb-colors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;filter:blur(20px);pointer-events:none;transition:transform .45s cubic-bezier(.4,0,.2,1),filter .4s ease}.join-us-rb-color{position:absolute;top:50%;width:46%;aspect-ratio:1;border-radius:50%;opacity:.9;transform:translateY(-50%);will-change:transform;transition:transform 2.4s ease-in-out}.join-us-rb-color--1{left:-10%;background:#e87ca0}.join-us-rb-color--2{left:8%;background:#e8a065}.join-us-rb-color--3{left:26%;background:#8bc88e}.join-us-rb-color--4{left:45%;background:#9b6cc9}.join-us-rb-color--5{left:63%;background:#5a9ec2}.join-us-rb-color--6{left:80%;background:#d4a56a}.join-us-rb-content{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.join-us-rb-title{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;font-size:clamp(15px,4vw,17px);font-weight:800;line-height:1.3;letter-spacing:-.01em}.join-us-rb-sub{color:#ffffffe6;font-size:clamp(10px,2.8vw,12px);font-weight:500;line-height:1.3}@media(hover:hover){.join-us-rainbow-btn:hover{box-shadow:0 0 26px -2px #fff3}.join-us-rainbow-btn:hover .join-us-rb-colors{transform:scale(1.13);filter:blur(20px) saturate(1.1) brightness(1.06)}}.join-us-rainbow-btn:active{transform:scale(.995)}@media screen and (max-width:767px){.join-us-final-content{padding-top:calc(env(safe-area-inset-top,0px) + 24px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}}@media screen and (max-height:700px)and (max-width:767px){.join-us-content-unit{gap:14px}.join-us-logo{width:150px;max-height:54px}.join-us-catch{font-size:18px;line-height:1.45}.join-us-cta{width:min(100%,320px)}.join-us-rainbow-btn{height:56px}}@media screen and (min-width:768px){.join-us-section{height:var(--join-desktop-height)}.join-us-final-content{padding:max(48px,env(safe-area-inset-top,0px)) 48px max(48px,env(safe-area-inset-bottom,0px))}.join-us-content-unit{gap:clamp(22px,3vh,34px)}.join-us-catch{font-size:clamp(26px,2.2vw,34px)}}@media(prefers-reduced-motion:reduce){.join-us-reveal-item{opacity:1;filter:none;transform:none;transition:none}.join-us-rb-color{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/187/assets/fanclub-join-us.css.map */