.xn-membership__section{--xn-bg: #07080a;--xn-surface: #111216;--xn-surface-raised: #17181d;--xn-text: #f8f5f7;--xn-text-dark: #2b2529;--xn-muted: #aaa3a8;--xn-pink: #ec5f94;--xn-pink-bright: #f48ab1;--xn-pink-soft: #f9d9e5;--xn-gold: #c8a94f;--xn-silver: #d7d8dd;--xn-border: rgba(255, 255, 255, .12);--xn-border-pink: rgba(236, 95, 148, .4);--xn-border-gold: rgba(200, 169, 79, .45);--xn-max-width: 1380px;position:relative;width:100%;margin:0;color:var(--xn-text);background:var(--xn-bg);font-family:var(--font-body-family),"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;letter-spacing:0;scroll-margin-top:96px}#program-faq{scroll-margin-top:96px}.xn-membership__section,.xn-membership__section *{box-sizing:border-box}.xn-membership__section a{color:inherit;text-decoration:none}.xn-membership__section img{display:block;max-width:100%}.xn-membership__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.xn-membership__container{width:min(calc(100% - 64px),var(--xn-max-width));margin-inline:auto}.xn-membership__section-title{margin:0 0 18px;color:var(--xn-text);font-family:var(--font-heading-family),"Yu Mincho",serif;font-size:clamp(2.8rem,3.1vw,4.2rem);font-weight:600;line-height:1.25;letter-spacing:0}.xn-membership__section-title--pink{color:var(--xn-pink-bright)}.xn-membership__section-lead{max-width:760px;margin:0;color:var(--xn-muted);font-size:1.6rem;line-height:1.9}.xn-membership__eyebrow{display:block;margin:0 0 16px;color:var(--xn-gold);font-size:1.25rem;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:uppercase}.xn-membership__button-row{display:flex;flex-wrap:wrap;gap:14px}.xn-membership__button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 28px;border:1px solid var(--xn-border-gold);border-radius:6px;color:var(--xn-text);background:var(--xn-surface);font-size:1.5rem;font-weight:700;line-height:1.35;text-align:center;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.xn-membership__button:hover{border-color:var(--xn-gold);background:#191816;transform:translateY(-1px)}.xn-membership__button--pink{border-color:var(--xn-pink);color:#170b10;background:var(--xn-pink)}.xn-membership__button--pink:hover{border-color:var(--xn-pink-bright);background:var(--xn-pink-bright)}.xn-membership__button:focus-visible,.xn-membership__faq-button:focus-visible,.xn-membership__product-card:focus-visible{outline:3px solid var(--xn-pink-soft);outline-offset:4px}.xn-membership__hero{min-height:0;overflow:hidden;border-bottom:1px solid var(--xn-border);background:#07080a}.xn-membership__mobile-header,.xn-membership__hero-native{display:none}.xn-membership__hero-poster{position:relative;width:min(100%,1920px);margin-inline:auto;aspect-ratio:1448 / 1086;overflow:hidden;background:#030303}.xn-membership__hero-poster>img{width:100%;height:100%;object-fit:contain;object-position:center top}.xn-membership__poster-hotspot{position:absolute;z-index:3;display:block;border:1px solid transparent;border-radius:5px}.xn-membership__poster-hotspot:hover{border-color:#f58fb7b8;background:#ec5f9414}.xn-membership__poster-hotspot:focus-visible{outline:3px solid #f7b4cf;outline-offset:3px;background:#ec5f941f}.xn-membership__poster-hotspot--benefits{top:3.2%;left:34.4%;width:8.3%;height:6.1%}.xn-membership__poster-hotspot--howto{top:3.2%;left:42.8%;width:9.5%;height:6.1%}.xn-membership__poster-hotspot--faq{top:3.2%;left:52.4%;width:9.2%;height:6.1%}.xn-membership__poster-hotspot--news{top:3.2%;left:62.1%;width:8.5%;height:6.1%}.xn-membership__poster-hotspot--header-login{top:2.4%;right:2.7%;width:18.8%;height:6.2%;border-radius:13px}.xn-membership__poster-hotspot--details{top:74.2%;left:3.2%;width:21.5%;height:6.5%;border-radius:10px}.xn-membership__poster-hotspot--login{top:74.2%;left:27%;width:22.6%;height:6.5%;border-radius:10px}.xn-membership__hero:before{content:"";position:absolute;z-index:0;top:19%;right:-8%;width:64%;height:1px;background:linear-gradient(90deg,transparent,var(--xn-gold),var(--xn-pink-bright),transparent);transform:rotate(13deg);opacity:.72}.xn-membership__hero:after{content:"";position:absolute;z-index:0;right:10%;bottom:14%;width:10px;height:10px;border:1px solid var(--xn-pink-bright);transform:rotate(45deg);box-shadow:120px -180px 0 -2px var(--xn-pink),-100px -90px 0 -3px var(--xn-gold)}.xn-membership__hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);grid-template-areas:"content visual" "actions visual" "bridge bridge";grid-template-rows:auto auto auto;align-items:center;column-gap:clamp(40px,6vw,96px);row-gap:28px;min-height:760px;padding-block:88px 76px}.xn-membership__hero-inner.xn-membership__hero-native{display:none}.xn-membership__hero-content{grid-area:content;align-self:end}.xn-membership__hero-actions{grid-area:actions;align-self:start}.xn-membership__brandline{display:block;margin:0 0 8px;color:var(--xn-text);font-family:var(--font-heading-family),"Times New Roman",serif;font-size:clamp(1.8rem,2vw,2.4rem);line-height:1.3}.xn-membership__hero-title{max-width:720px;margin:0;color:var(--xn-text);font-family:var(--font-heading-family),"Yu Mincho",serif;font-size:clamp(5.4rem,5.4vw,7.2rem);font-weight:600;line-height:1.34;letter-spacing:0}.xn-membership__hero-copy{max-width:580px;margin:28px 0 34px;color:#ddd6da;font-size:1.65rem;line-height:2}.xn-membership__hero-copy p{margin:0}.xn-membership__visual{grid-area:visual;position:relative;display:grid;place-items:center;min-height:540px}.xn-membership__hero-media{position:relative;width:min(100%,590px);aspect-ratio:1 / 1;overflow:hidden;border:1px solid var(--xn-border-pink);border-radius:50%;background:#100b0e;box-shadow:0 28px 80px #0000008a,0 0 44px #ec5f941f}.xn-membership__hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.xn-membership__spark{position:absolute;width:8px;height:8px;border:1px solid var(--xn-pink-bright);background:var(--xn-pink-soft);transform:rotate(45deg)}.xn-membership__spark--one{top:12%;left:8%}.xn-membership__spark--two{top:28%;right:3%;width:13px;height:13px}.xn-membership__spark--three{right:15%;bottom:8%;border-color:var(--xn-gold);background:var(--xn-gold)}.xn-membership__bridge{grid-area:bridge;display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,1.2fr) minmax(150px,1fr);align-items:center;gap:18px;width:min(760px,100%);margin:4px auto 0}.xn-membership__bridge-node{display:grid;justify-items:center;gap:10px;color:var(--xn-text);font-family:var(--font-heading-family),serif;font-size:1.35rem;text-align:center}.xn-membership__bridge-mark{display:grid;place-items:center;width:76px;height:76px;border:1px solid var(--xn-border-gold);border-radius:50%;color:var(--xn-gold);background:#111216eb;font-family:var(--font-heading-family),serif;font-size:3rem}.xn-membership__bridge-node--nini .xn-membership__bridge-mark{border-color:var(--xn-border-pink);color:var(--xn-pink-bright)}.xn-membership__bridge-line{position:relative;height:2px;background:linear-gradient(90deg,var(--xn-gold),var(--xn-pink))}.xn-membership__bridge-line:after{content:"";position:absolute;top:50%;right:-1px;width:11px;height:11px;border-top:2px solid var(--xn-pink-bright);border-right:2px solid var(--xn-pink-bright);transform:translateY(-50%) rotate(45deg)}.xn-membership__bridge-line span{position:absolute;left:50%;bottom:12px;width:max-content;color:var(--xn-muted);font-size:1.25rem;transform:translate(-50%)}.xn-membership__steps,.xn-membership__ranks,.xn-membership__eligibility,.xn-membership__flow-faq,.xn-membership__final{padding-block:clamp(72px,7vw,108px)}.xn-membership__steps-head,.xn-membership__ranks-head,.xn-membership__eligibility-head,.xn-membership__flow-faq-head{margin-bottom:38px;text-align:center}.xn-membership__steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:xn-step}.xn-membership__step-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;min-height:210px;padding:30px;border:1px solid var(--xn-border);border-radius:8px;background:var(--xn-surface)}.xn-membership__step-card:not(:last-child):after{content:"";position:absolute;z-index:2;top:50%;right:-18px;width:10px;height:10px;border-top:1px solid var(--xn-pink-bright);border-right:1px solid var(--xn-pink-bright);transform:translateY(-50%) rotate(45deg)}.xn-membership__icon-shell{display:grid;place-items:center;width:86px;height:86px;border:1px solid var(--xn-border-gold);border-radius:50%;color:var(--xn-gold);background:#151515}.xn-membership__icon-shell svg{width:38px;height:38px}.xn-membership__step-number{display:block;margin-bottom:6px;color:var(--xn-pink-bright);font-family:var(--font-heading-family),serif;font-size:1.35rem;font-weight:700}.xn-membership__step-title{margin:0 0 8px;color:var(--xn-text);font-size:2rem;line-height:1.35}.xn-membership__step-text{margin:0;color:var(--xn-muted);font-size:1.4rem;line-height:1.75}.xn-membership__intro{padding-block:clamp(68px,7vw,104px);color:var(--xn-text-dark);background:#fff9fb}.xn-membership__intro .xn-membership__section-title{color:#c94d7c}.xn-membership__intro .xn-membership__section-lead{color:#62565d}.xn-membership__intro-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(40px,6vw,86px)}.xn-membership__intro-copy .xn-membership__button{margin-top:28px;border-color:#c94d7c80;color:#a23964;background:transparent}.xn-membership__product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.xn-membership__product-card{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:1px solid rgba(201,77,124,.18);border-radius:8px;color:var(--xn-text-dark);background:#fff;transition:border-color .18s ease,transform .18s ease}.xn-membership__product-card:hover{border-color:#c94d7c8c;transform:translateY(-2px)}.xn-membership__product-media{aspect-ratio:1 / 1;overflow:hidden;background:#f8edf1}.xn-membership__product-media img{width:100%;height:100%;object-fit:cover}.xn-membership__product-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#8f6475;font-size:3.2rem}.xn-membership__product-meta{padding:14px}.xn-membership__product-category{display:block;margin-bottom:5px;color:#c94d7c;font-size:1.15rem;font-weight:700}.xn-membership__product-title{display:-webkit-box;overflow:hidden;margin:0;color:var(--xn-text-dark);font-size:1.35rem;font-weight:700;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.xn-membership__ranks{overflow-x:clip;border-top:1px solid var(--xn-border);background:radial-gradient(circle at 50% 12%,rgba(236,95,148,.1),transparent 34%),var(--xn-black)}.xn-membership__ranks-head{margin-bottom:32px;text-align:center}.xn-membership__section-kicker{margin:0 0 8px;color:var(--xn-gold);font-size:1.1rem;font-weight:700;letter-spacing:.22em}.xn-membership__ranks-head .xn-membership__section-lead{margin-inline:auto}.xn-membership__rank-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px;border:1px solid rgba(236,95,148,.22);border-radius:8px;background:#ffffff05}.xn-membership__rank-card{display:grid;grid-template-rows:auto minmax(34px,auto);gap:10px;min-width:0;padding:8px;border:1px solid rgba(236,95,148,.18);border-radius:7px;background:linear-gradient(180deg,#ffffff0b,#ffffff03);text-align:center}.xn-membership__rank-art-wrap,.xn-membership__welcome-art{width:100%;aspect-ratio:480 / 819;min-height:0;overflow:hidden;border-radius:6px;background:#070709}.xn-membership__rank-art{display:block;width:100%;height:100%;object-fit:contain}.xn-membership__rank-threshold{display:flex;align-items:center;justify-content:center;min-height:34px;margin:0;padding:7px 5px;border:1px solid rgba(236,95,148,.3);border-radius:4px;color:#f6d8e4;background:#0000006b;font-size:1.05rem;font-weight:700;line-height:1.35}.xn-membership__rank-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.xn-membership__rank-policy p{display:grid;gap:4px;margin:0;padding:15px 16px;border:1px solid var(--xn-border);border-radius:6px;background:var(--xn-surface)}.xn-membership__rank-policy strong{color:var(--xn-text);font-size:1.28rem}.xn-membership__rank-policy span{color:var(--xn-muted);font-size:1.08rem;line-height:1.55}.xn-membership__rank-note{margin:18px 0 0;color:var(--xn-muted);font-size:1.15rem;line-height:1.75;text-align:center}.xn-membership__eligibility{border-top:1px solid var(--xn-border)}.xn-membership__eligibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(280px,.8fr);gap:18px}.xn-membership__condition-card,.xn-membership__warning-card{padding:28px;border:1px solid var(--xn-border);border-radius:8px;background:var(--xn-surface)}.xn-membership__condition-title{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--xn-text);font-size:1.8rem}.xn-membership__condition-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--xn-pink);border-radius:50%;color:var(--xn-pink-bright);font-size:1.5rem}.xn-membership__condition-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}.xn-membership__condition-item{display:grid;grid-template-columns:20px 1fr;gap:9px;color:#ddd7db;font-size:1.4rem;line-height:1.65}.xn-membership__condition-item:before{color:var(--xn-pink-bright);content:"\2713"}.xn-membership__condition-card--excluded .xn-membership__condition-item:before{color:var(--xn-silver);content:"\d7"}.xn-membership__warning-card{display:grid;align-content:center;border-color:var(--xn-border-pink);background:#171216}.xn-membership__warning-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border:1px solid var(--xn-pink);border-radius:50%;color:var(--xn-pink-bright);font-size:2rem}.xn-membership__warning-text{margin:0;color:var(--xn-pink-soft);font-size:1.55rem;font-weight:700;line-height:1.8}.xn-membership__flow-faq{border-top:1px solid var(--xn-border)}.xn-membership__flow-faq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.xn-membership__flow-panel,.xn-membership__faq-panel{min-width:0;padding:32px;border:1px solid var(--xn-border);border-radius:8px;background:var(--xn-surface)}.xn-membership__panel-title{margin:0 0 24px;color:var(--xn-pink-bright);font-family:var(--font-heading-family),serif;font-size:2.4rem;line-height:1.35}.xn-membership__flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.xn-membership__flow-item{position:relative;min-width:0;text-align:center}.xn-membership__flow-item:not(:last-child):after{content:"\2192";position:absolute;top:34px;right:-14px;color:var(--xn-muted)}.xn-membership__flow-number{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border:1px solid var(--xn-border-pink);border-radius:50%;color:var(--xn-pink-bright);font-size:1.6rem;font-weight:800}.xn-membership__flow-title{margin:0;color:var(--xn-text);font-size:1.35rem;font-weight:700;line-height:1.65}.xn-membership__flow-note{margin:24px 0 0;color:var(--xn-muted);font-size:1.25rem;line-height:1.7;text-align:center}.xn-membership__faq-list{display:grid;gap:8px}.xn-membership__faq-item{border:1px solid var(--xn-border);border-radius:5px;background:#0e0f12}.xn-membership__faq-button{display:grid;grid-template-columns:1fr 24px;align-items:center;gap:16px;width:100%;min-height:52px;padding:14px 16px;border:0;color:var(--xn-text);background:transparent;font:inherit;font-size:1.35rem;font-weight:700;line-height:1.55;text-align:left;cursor:pointer}.xn-membership__faq-plus{position:relative;width:18px;height:18px}.xn-membership__faq-plus:before,.xn-membership__faq-plus:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:1px;background:var(--xn-pink-bright);transform:translate(-50%,-50%)}.xn-membership__faq-plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .16s ease}.xn-membership__faq-button[aria-expanded=true] .xn-membership__faq-plus:after{transform:translate(-50%,-50%) rotate(0)}.xn-membership__faq-answer{padding:0 16px 16px;color:var(--xn-muted);font-size:1.35rem;line-height:1.75}.xn-membership__faq-answer p{margin:0}.xn-membership__faq-panel[data-xn-membership-ready] .xn-membership__faq-answer[hidden]{display:none}.xn-membership__final{border-top:1px solid var(--xn-border);background:#08090b}.xn-membership__final-banner{position:relative;overflow:hidden;border-radius:10px;background:#0c080a}.xn-membership__final-banner picture,.xn-membership__final-banner img{display:block;width:100%}.xn-membership__final-banner img{height:auto}.xn-membership__final-hotspot{position:absolute;left:45.4%;width:27.2%;height:31.8%;border-radius:12px}.xn-membership__final-hotspot--register{top:17.8%}.xn-membership__final-hotspot--shop{top:56.8%}.xn-membership__final-hotspot:hover{background:#ffffff0a;box-shadow:inset 0 0 0 2px #ff98ccbf}.xn-membership__final-hotspot:focus-visible{outline:3px solid #fff;outline-offset:-5px}@media(max-width:1100px){.xn-membership__hero-inner{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.xn-membership__rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xn-membership__eligibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xn-membership__warning-card{grid-column:1 / -1}.xn-membership__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.xn-membership__mobile-header,.xn-membership__hero-native{display:block}.xn-membership__hero-poster{display:none}.xn-membership__hero-inner.xn-membership__hero-native{display:grid}.xn-membership__container{width:min(calc(100% - 40px),var(--xn-max-width))}.xn-membership__hero,.xn-membership__hero-inner{min-height:auto}.xn-membership__hero-inner{grid-template-columns:1fr;grid-template-areas:"content" "visual" "actions" "bridge";gap:28px;padding-block:64px 52px}.xn-membership__hero-title{max-width:650px;font-size:clamp(4.1rem,8.4vw,5.6rem)}.xn-membership__visual{min-height:420px}.xn-membership__hero-media{width:min(74vw,480px)}.xn-membership__bridge{margin-top:0}.xn-membership__steps-grid,.xn-membership__intro-grid,.xn-membership__flow-faq-grid{grid-template-columns:1fr}.xn-membership__step-card:not(:last-child):after{top:auto;right:50%;bottom:-17px;transform:translate(50%) rotate(135deg)}}@media(max-width:749px){.xn-membership__final-hotspot{left:7.4%;width:85.2%;height:12.8%;border-radius:10px}.xn-membership__final-hotspot--register{top:52.5%}.xn-membership__final-hotspot--shop{top:67.8%}}@media(max-width:640px){.xn-membership__container{width:min(calc(100% - 32px),var(--xn-max-width))}.xn-membership__steps,.xn-membership__ranks,.xn-membership__eligibility,.xn-membership__flow-faq,.xn-membership__final,.xn-membership__intro{padding-block:54px}.xn-membership__section-title{font-size:clamp(2.6rem,8vw,3.2rem)}.xn-membership__hero-inner{padding-block:52px 44px}.xn-membership__hero-title{font-size:clamp(3.5rem,10.4vw,4.4rem);line-height:1.38}.xn-membership__hero-copy{margin-block:22px 28px;font-size:1.5rem;line-height:1.85}.xn-membership__button-row,.xn-membership__button{width:100%}.xn-membership__visual{min-height:330px}.xn-membership__hero-media{width:min(86vw,390px)}.xn-membership__bridge{grid-template-columns:minmax(96px,1fr) minmax(80px,.7fr) minmax(96px,1fr);gap:10px}.xn-membership__bridge-mark{width:60px;height:60px;font-size:2.4rem}.xn-membership__bridge-line span{bottom:10px;font-size:1.05rem}.xn-membership__step-card{grid-template-columns:70px 1fr;gap:16px;min-height:170px;padding:22px}.xn-membership__icon-shell{width:68px;height:68px}.xn-membership__icon-shell svg{width:31px;height:31px}.xn-membership__product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xn-membership__product-meta{padding:11px}.xn-membership__rank-grid{display:flex;gap:12px;overflow-x:auto;margin-inline:-16px;padding:12px 16px 14px;border-inline:0;border-radius:0;scroll-snap-type:x mandatory;scrollbar-width:none}.xn-membership__rank-grid::-webkit-scrollbar{display:none}.xn-membership__rank-card{flex:0 0 min(48vw,210px);min-height:0;padding:6px;scroll-snap-align:start}.xn-membership__rank-threshold{min-height:32px;font-size:.95rem}.xn-membership__rank-policy{grid-template-columns:1fr;gap:8px}.xn-membership__rank-policy p{padding:13px 14px}.xn-membership__eligibility-grid{grid-template-columns:1fr}.xn-membership__warning-card{grid-column:auto}.xn-membership__condition-card,.xn-membership__warning-card,.xn-membership__flow-panel,.xn-membership__faq-panel{padding:22px}.xn-membership__flow-list{grid-template-columns:1fr;gap:24px}.xn-membership__flow-item:not(:last-child):after{top:auto;right:50%;bottom:-21px;transform:translate(50%) rotate(90deg)}}@media(prefers-reduced-motion:reduce){.xn-membership__section *,.xn-membership__section *:before,.xn-membership__section *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.xn-membership__section,.xn-membership__button{color:#111;background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/xn-membership.css.map */