.xc-nini-banner-section{--xnb-gold: var(--xnb-border, #c9a24b);--xnb-gold-hi: #efd695;--xnb-gold-lo: #6f5518;--xnb-bg: #05070b;background:#050607;padding:var(--xnb-pad-top, 56px) 20px var(--xnb-pad-bottom, 56px)}.xc-nini-banner-wrap{max-width:var(--xnb-maxw, 1200px);margin:0 auto}.xc-nini-banner-frame{position:relative;padding:2px;border-radius:20px;background:linear-gradient(135deg,var(--xnb-gold-hi) 0%,var(--xnb-gold) 14%,var(--xnb-gold-lo) 32%,var(--xnb-gold) 50%,#f2dfa4 63%,var(--xnb-gold-lo) 82%,var(--xnb-gold) 100%);box-shadow:0 18px 50px #0000008c}.xc-nini-banner-inner{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(130% 170% at 88% -30%,rgba(216,180,90,.1),transparent 46%),radial-gradient(120% 150% at 0% 120%,rgba(216,180,90,.06),transparent 40%),repeating-linear-gradient(115deg,rgba(255,255,255,.016) 0 2px,transparent 2px 7px),linear-gradient(160deg,#0c0e13 0%,var(--xnb-bg) 52%,#090b10 100%);box-shadow:inset 0 0 0 1px #d8b45a38,inset 0 0 60px #0000008c;padding:clamp(30px,4.4vw,56px) clamp(24px,4.6vw,60px)}.xc-nini-banner-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--xnb-overlay, 0);pointer-events:none}.xc-nini-banner-deco{position:absolute;pointer-events:none}.xc-nini-banner-deco--ticks{top:16px;left:44px;width:66px;height:5px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--xnb-accent, #d8b45a) 55%,transparent) 0 3px,transparent 3px 9px);opacity:.7}.xc-nini-banner-deco--glyph{top:12px;right:20px;font-family:var(--xc-font-mono, "IBM Plex Mono", monospace);font-size:12px;letter-spacing:2px;color:var(--xnb-accent, #d8b45a);opacity:.85}.xc-nini-banner-deco--bl{left:18px;bottom:14px;width:120px;height:26px;border-left:1px solid rgba(216,180,90,.4);border-bottom:1px solid rgba(216,180,90,.4);-webkit-mask:linear-gradient(90deg,#000 60%,transparent);mask:linear-gradient(90deg,#000 60%,transparent)}.xc-nini-banner-deco--br{right:24px;bottom:16px;width:72px;height:9px;background:repeating-linear-gradient(135deg,rgba(216,180,90,.5) 0 1.5px,transparent 1.5px 7px);opacity:.8}.xc-nini-banner-label{position:absolute;top:clamp(20px,2.6vw,34px);left:clamp(24px,3.8vw,48px);margin:0;display:flex;align-items:center;gap:12px;z-index:2}.xc-nini-banner-reticle{position:relative;width:20px;height:20px;flex:0 0 auto;border:1px solid var(--xnb-accent, #d8b45a);border-radius:50%;opacity:.9}.xc-nini-banner-reticle:before,.xc-nini-banner-reticle:after{content:"";position:absolute;background:var(--xnb-accent, #d8b45a)}.xc-nini-banner-reticle:before{left:-5px;right:-5px;top:50%;height:1px}.xc-nini-banner-reticle:after{top:-5px;bottom:-5px;left:50%;width:1px}.xc-nini-banner-label-text{display:grid;gap:2px}.xc-nini-banner-label-l1,.xc-nini-banner-label-l2{font-family:var(--xc-font-mono, "IBM Plex Mono", monospace);font-size:11px;letter-spacing:.32em;line-height:1.4}.xc-nini-banner-label-l1{color:var(--xnb-accent, #d8b45a)}.xc-nini-banner-label-l2{color:#8d9299}.xc-nini-banner-grid{position:relative;display:grid;grid-template-columns:minmax(280px,.92fr) 1px 1.3fr;gap:clamp(26px,4vw,58px);align-items:center;padding-top:clamp(30px,4vw,40px);z-index:1}.xc-nini-banner-left,.xc-nini-banner-right{min-width:0}.xc-nini-banner-left{text-align:center}.xc-nini-banner-title{margin:0 0 18px;font-family:var(--xc-font-serif, "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif);font-weight:600;font-size:clamp(28px,2.9vw,40px);letter-spacing:.05em;line-height:1.25;color:#e2c06a;background:linear-gradient(180deg,#f7e7b4,#eccf85 28%,#c39a3f 52%,#8f6f26 72%,#e3c377);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.xc-nini-banner-ornament{display:flex;align-items:center;gap:12px;margin:0 auto 16px;max-width:420px}.xc-nini-banner-ornament i{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(216,180,90,.55))}.xc-nini-banner-ornament i:last-child{background:linear-gradient(90deg,rgba(216,180,90,.55),transparent)}.xc-nini-banner-ornament b{width:7px;height:7px;flex:0 0 auto;background:var(--xnb-accent, #d8b45a);transform:rotate(45deg);box-shadow:0 0 0 3px #d8b45a26}.xc-nini-banner-sub{margin:0;display:inline-flex;align-items:center;gap:14px;font-family:var(--xc-font-mono, "IBM Plex Mono", monospace);font-size:clamp(11px,1.1vw,13.5px);letter-spacing:.4em;color:var(--xnb-accent, #d8b45a);white-space:nowrap}.xc-nini-banner-sub:before,.xc-nini-banner-sub:after{content:"";width:24px;height:1px;flex:0 0 auto;background:var(--xnb-accent, #d8b45a);opacity:.8}.xc-nini-banner-divider{position:relative;width:1px;align-self:stretch;background:linear-gradient(180deg,transparent 4%,rgba(255,255,255,.16) 24%,rgba(255,255,255,.16) 76%,transparent 96%)}.xc-nini-banner-divider:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:12px;transform:translate(-50%,-50%);background:var(--xnb-accent, #d8b45a);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.9}.xc-nini-banner-heading{margin:0 0 16px;font-family:var(--xc-font-serif, "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif);font-weight:600;font-size:clamp(19px,2.2vw,30px);line-height:1.6;letter-spacing:.03em;color:var(--xnb-text, #f4f2ec)}.xc-nini-banner-body{margin:0 0 24px;font-family:var(--xc-font-jp, "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif);font-size:clamp(13px,1.2vw,15.5px);line-height:2.05;color:#bfc4cb}.xc-nini-banner-cta{display:inline-block;text-decoration:none}.xc-nini-banner-cta-frame{display:inline-block;padding:2px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);background:linear-gradient(135deg,#efd695,var(--xnb-btn-border, #d8b45a) 30%,#7c5f1c 55%,var(--xnb-btn-border, #d8b45a) 80%,#efd695);transition:filter .2s}.xc-nini-banner-cta-inner{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px clamp(28px,3.4vw,52px);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);background:linear-gradient(180deg,#14161b,#07090d);box-shadow:inset 0 0 0 1px #efd69547,inset 0 -14px 24px #00000080;color:var(--xnb-btn-text, #ffffff);font-family:var(--xc-font-jp, "Zen Kaku Gothic New", "Noto Sans JP", sans-serif);font-size:clamp(15px,1.35vw,19px);font-weight:700;letter-spacing:.08em;transition:background-color .2s}.xc-nini-banner-cta:hover .xc-nini-banner-cta-frame{filter:brightness(1.12)}.xc-nini-banner-cta:focus-visible{outline:2px solid var(--xnb-accent, #d8b45a);outline-offset:4px}.xc-nini-banner-rule{display:block;margin:24px 0 16px;border-top:1px dotted rgba(216,180,90,.45)}.xc-nini-banner-notes{margin:0;padding:0;list-style:none;display:grid;gap:8px}.xc-nini-banner-notes li{font-family:var(--xc-font-jp, "Zen Kaku Gothic New", "Noto Sans JP", sans-serif);font-size:clamp(12px,1.05vw,13.5px);line-height:1.9;color:#a9aeb6}.xc-nini-banner-cta--img{display:inline-block;max-width:640px;transition:filter .2s}.xc-nini-banner-cta--img img{display:block;width:100%;height:auto}.xc-nini-banner-cta--img:hover{filter:brightness(1.1)}@media(min-width:768px){.xc-nini-banner-frame--img{padding:0;background:none;box-shadow:0 18px 50px #0000008c;border-radius:0}.xc-nini-banner-frame--img .xc-nini-banner-inner{aspect-ratio:2111 / 745;border-radius:0;background:var(--xnb-bg-image) center / 100% 100% no-repeat;box-shadow:none;display:flex;align-items:center;padding:4.6% 5.2% 5%}.xc-nini-banner-frame--img .xc-nini-banner-deco{display:none}.xc-nini-banner-frame--img .xc-nini-banner-divider{visibility:hidden}.xc-nini-banner-frame--img .xc-nini-banner-grid{flex:1;padding-top:2.4%;grid-template-columns:minmax(280px,.88fr) 1px 1.34fr}.xc-nini-banner-frame--img .xc-nini-banner-label{top:6.4%;left:5.4%}.xc-nini-banner-frame--img .xc-nini-banner-rule{border-top-color:#d8b45a4d;margin:14px 0 10px}.xc-nini-banner-frame--img .xc-nini-banner-heading{margin-bottom:10px;font-size:clamp(18px,2vw,27px)}.xc-nini-banner-frame--img .xc-nini-banner-body{margin-bottom:14px;line-height:1.9}.xc-nini-banner-frame--img .xc-nini-banner-cta--img{max-width:540px}.xc-nini-banner-frame--img .xc-nini-banner-notes{gap:4px}.xc-nini-banner-frame--img .xc-nini-banner-notes li{font-size:clamp(11px,.95vw,12.5px);line-height:1.7}}@media(max-width:989px){.xc-nini-banner-grid{grid-template-columns:minmax(240px,.95fr) 1px 1.2fr;gap:clamp(20px,3vw,32px)}}@media(max-width:767px){.xc-nini-banner-section{padding-left:14px;padding-right:14px}.xc-nini-banner-inner{padding:76px 22px 40px}.xc-nini-banner-label{top:22px;left:20px}.xc-nini-banner-deco--ticks{left:auto;right:84px;top:18px;width:44px}.xc-nini-banner-grid{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:0;text-align:center}.xc-nini-banner-sub{letter-spacing:.2em;font-size:10.5px;gap:8px}.xc-nini-banner-sub:before,.xc-nini-banner-sub:after{width:12px}.xc-nini-banner-divider{width:auto;height:1px;align-self:auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 30% 70%,transparent)}.xc-nini-banner-title{font-size:clamp(30px,8.6vw,40px)}.xc-nini-banner-heading{font-size:clamp(20px,5.6vw,24px);text-align:center}.xc-nini-banner-body{text-align:left}.xc-nini-banner-cta,.xc-nini-banner-cta-frame{display:block}.xc-nini-banner-cta-inner{display:flex;width:100%}.xc-nini-banner-notes{text-align:left}}.xc-nini-banner-sheen{position:absolute;top:-25%;right:-30%;bottom:-25%;left:-30%;z-index:3;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 43%,rgba(255,238,190,.1) 47.5%,rgba(255,249,224,.26) 50%,rgba(255,238,190,.1) 52.5%,transparent 57%);transform:translate(-65%);opacity:0;animation:xnb-sheen 8s ease-in-out 1.2s infinite}@keyframes xnb-sheen{0%{transform:translate(-65%);opacity:0}4%{opacity:1}20%{transform:translate(65%);opacity:0}to{transform:translate(65%);opacity:0}}.xc-nini-banner-title{background-size:220% 100%;background-position:0% 0;animation:xnb-title-shine 8s ease-in-out 1.2s infinite}@keyframes xnb-title-shine{0%{background-position:0% 0}22%{background-position:100% 0}55%{background-position:100% 0}80%{background-position:0% 0}to{background-position:0% 0}}.xc-nini-banner-cta--img{position:relative;overflow:hidden}.xc-nini-banner-cta-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.08) 46%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.08) 54%,transparent 62%);transform:translate(-130%);animation:xnb-cta-sheen 6s ease-in-out 3.2s infinite}@keyframes xnb-cta-sheen{0%{transform:translate(-130%)}24%{transform:translate(130%)}to{transform:translate(130%)}}.xc-nini-banner-cta--img:hover .xc-nini-banner-cta-sheen{animation-duration:2.4s;animation-delay:0s}.xc-nini-banner-cta-spark{position:absolute;width:16px;height:16px;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,255,255,.95) 0 10%,transparent 42%),linear-gradient(0deg,transparent 45%,rgba(255,255,255,.85) 50%,transparent 55%),linear-gradient(90deg,transparent 45%,rgba(255,255,255,.85) 50%,transparent 55%);opacity:0;transform:scale(.35) rotate(0);animation:xnb-spark 6s ease-in-out infinite}.xc-nini-banner-cta-spark--1{left:5.5%;top:26%;animation-delay:3.6s}.xc-nini-banner-cta-spark--2{right:6%;top:42%;animation-delay:5.2s}@keyframes xnb-spark{0%,to{opacity:0;transform:scale(.35) rotate(0)}3%{opacity:1;transform:scale(1) rotate(20deg)}7%{opacity:0;transform:scale(.4) rotate(35deg)}8%{opacity:0}}@media(prefers-reduced-motion:reduce){.xc-nini-banner-cta-frame,.xc-nini-banner-cta-inner{transition:none}.xc-nini-banner-sheen,.xc-nini-banner-cta-sheen,.xc-nini-banner-cta-spark{animation:none;display:none}.xc-nini-banner-title{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/xc-nini-membership-banner.css.map */