.ccs{--ccs-gap: 0px;--ccs-font: Jost, "Jost Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;padding:10px 0 18px;font-family:var(--ccs-font);overflow-x:hidden;overflow-x:clip}.ccs-in{width:90%;max-width:1400px;margin:0 auto}.ccs-wrap{position:relative}.ccs-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:14px}.ccs-rail::-webkit-scrollbar{display:none}.ccs-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:block;min-height:108px;aspect-ratio:var(--ccs-ratio);overflow:hidden;border-radius:14px;text-decoration:none;color:#fff}.ccs-img,.ccs-slide picture{display:block;width:100%;height:100%}.ccs-img{object-fit:cover}.ccs-drawn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:clamp(14px,3vw,44px);padding:0 clamp(18px,4vw,56px);background:linear-gradient(90deg,var(--ccs-a) 0%,var(--ccs-b) 55%,var(--ccs-a) 100%)}.ccs-tone-0{--ccs-a: #6B1F3A;--ccs-b: #A8365B;--ccs-chip: #FFE7EF;--ccs-ink: #6B1F3A}.ccs-tone-1{--ccs-a: #8E2B4C;--ccs-b: #5C1A31;--ccs-chip: #FFD9A8;--ccs-ink: #3A1A10}.ccs-tone-2{--ccs-a: #F5A05A;--ccs-b: #F27A3E;--ccs-chip: #FFF3C4;--ccs-ink: #3A2410}.ccs-ticket{position:relative;flex:none;width:clamp(44px,6vw,74px);display:grid;place-items:center}.ccs-ticket svg{width:100%;height:auto;fill:var(--ccs-chip)}.ccs-ticket b{position:absolute;font-size:clamp(18px,2.4vw,30px);font-weight:800;color:var(--ccs-ink)}.ccs-words{flex:1;min-width:0;display:flex;align-items:baseline;gap:clamp(8px,1.4vw,18px);flex-wrap:wrap}.ccs-h{font-size:clamp(20px,3.1vw,46px);font-weight:800;letter-spacing:-.01em;line-height:1.05;color:var(--ccs-chip)}.ccs-sub{font-size:clamp(13px,1.5vw,22px);font-weight:500;color:#fff}.ccs-code{flex:none;padding:clamp(6px,1vw,13px) clamp(12px,1.6vw,24px);border-radius:999px;background:var(--ccs-chip);color:var(--ccs-ink);font-size:clamp(12px,1.4vw,20px);font-weight:600;letter-spacing:.02em;white-space:nowrap}.ccs-code b{font-weight:800}.ccs-note{position:absolute;right:clamp(12px,2vw,26px);bottom:6px;font-size:clamp(9px,.8vw,11px);letter-spacing:.04em;color:#ffffffd9}.ccs-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;display:grid;place-items:center;border:none;border-radius:50%;background:#fff;box-shadow:0 3px 14px #4a142638;cursor:pointer;color:#221018;transition:transform .2s ease}.ccs-nav:hover{transform:translateY(-50%) scale(1.07)}.ccs-prev{left:-16px}.ccs-next{right:-16px}.ccs-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ccs-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.ccs-dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:#eec9d8;cursor:pointer;transition:width .2s ease,background .2s ease}.ccs-dot.on{width:20px;border-radius:999px;background:#8e2b4c}@media(max-width:749px){.ccs{padding:6px 0 14px}.ccs-in{width:auto;padding:0 16px}.ccs-slide{aspect-ratio:var(--ccs-ratio-m);border-radius:12px}.ccs-slide--drawn{aspect-ratio:auto;min-height:124px;display:flex}.ccs-slide--drawn .ccs-drawn{position:static;flex:1;min-width:0}.ccs-drawn{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:16px 18px}.ccs-words{flex-direction:column;align-items:flex-start;gap:4px}.ccs-h{font-size:26px}.ccs-sub{font-size:14px}.ccs-code{font-size:13px;padding:8px 14px}.ccs-ticket{width:40px}.ccs-nav{display:none}.ccs-note{bottom:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.ccs-rail{scroll-behavior:auto}.ccs-nav,.ccs-dot{transition:none}}.ccs-gift svg{width:100%;height:auto;fill:none;stroke:var(--ccs-chip);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ccs-btn b{font-weight:800;margin-left:4px}.ccs-slide{color:#fff}.ccs-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.ccs-drawn{pointer-events:none}.ccs-drawn .ccs-coupon{pointer-events:auto;position:relative;z-index:2}.ccs-coupon{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:inherit;overflow:hidden;background:var(--ccs-chip);color:var(--ccs-ink);-webkit-mask:radial-gradient(circle 7px at 0 50%,#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,#0000 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 7px at 0 50%,#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,#0000 98%,#000) right / 51% 100% no-repeat;border-radius:8px;box-shadow:inset 0 0 0 1.5px #6b1f3a59}.ccs-coupon:before{content:"";position:absolute;top:4px;right:10px;bottom:4px;left:10px;border:1.5px dashed rgba(107,31,58,.35);border-radius:5px;pointer-events:none}.ccs-coupon .ccs-c-l{font-size:.82em;font-weight:600;letter-spacing:.06em;opacity:.8}.ccs-coupon b{letter-spacing:.06em}.ccs-c-ok{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1f8f4e;color:#fff;font-weight:700;letter-spacing:.04em;transform:translateY(100%);transition:transform .25s ease}.ccs-coupon.ok .ccs-c-ok{transform:none}.ccs-sub--won{color:#c9f2d6!important;font-weight:600}.ccs-dot{position:relative;overflow:hidden}.ccs-dot.on.run:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c9809a;transform-origin:left;animation:ccs-fill var(--ccs-t, 4s) linear both}@keyframes ccs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ccs-dot.on{width:28px;background:#8e2b4c}.ccs-dot.on.run{background:#eec9d8}.ccs-dot.on.run:after{background:#8e2b4c}@media(max-width:749px){.ccs-slide--drawn{min-height:0}.ccs-drawn{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"ic words" ". code";align-items:center;gap:8px 12px;padding:14px 16px}.ccs-ticket{grid-area:ic;width:38px;align-self:start;margin-top:2px}.ccs-words{grid-area:words;gap:2px}.ccs-h{font-size:21px}.ccs-sub{font-size:13px;opacity:.92}.ccs-drawn>.ccs-code{grid-area:code;justify-self:start;font-size:12.5px;padding:9px 16px}.ccs-dots{gap:5px;margin-top:8px}.ccs-dot{height:3px;width:18px;border-radius:999px}.ccs-dot.on{width:28px}}@media(prefers-reduced-motion:reduce){.ccs-dot.on.run:after{animation:none}.ccs-c-ok{transition:none}}@keyframes ccs-flash{0%{background:#ffe7ef73}to{background:transparent}}.ccs-flash{animation:ccs-flash 1.2s ease-out;border-radius:6px}@media(prefers-reduced-motion:reduce){.ccs-flash{animation:none}}.ccs-cover--code{cursor:pointer}.ccs-meter{display:block;width:min(260px,100%);height:5px;margin-top:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.ccs-meter[hidden]{display:none}.ccs-meter i{display:block;height:100%;width:0;border-radius:inherit;background:var(--ccs-chip);transition:width .6s cubic-bezier(.22,1,.36,1)}.ccs-meter.won i{background:#7fe0a6}.ccs-words{flex-wrap:wrap}.ccs-words .ccs-meter{flex:none;height:5px}@media(min-width:750px){.ccs-words .ccs-meter{flex-basis:100%;height:5px}}.ccs-c-note{display:block;min-height:0;font-size:11.5px;font-weight:600;color:#c9f2d6;letter-spacing:.02em}.ccs-c-note:empty{display:none}@media(max-width:749px){.ccs-drawn>.ccs-c-note{grid-column:2;margin-top:-2px}}@media(min-width:750px){.ccs-drawn>.ccs-c-note{position:absolute;right:clamp(18px,4vw,56px);bottom:6px}}@media(prefers-reduced-motion:reduce){.ccs-meter i{transition:none}}@media(min-width:750px){.ccs-slide--drawn{aspect-ratio:auto;min-height:clamp(124px,9.5vw,160px);display:flex}.ccs-slide--drawn .ccs-drawn{position:static;flex:1;min-width:0;padding-top:18px;padding-bottom:18px}.ccs-words{flex-direction:column;align-items:flex-start;gap:6px}.ccs-h{font-size:clamp(24px,2.6vw,40px);line-height:1.08}.ccs-sub{font-size:clamp(14px,1.3vw,19px)}.ccs-words .ccs-meter{flex-basis:auto;margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/cc-strip-banners.css.map */