.c-line-popup-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:1000;width:min(420px,calc(100vw - 32px));background-color:#fff;color:var(--c-color-primary, #6b675f);border-radius:4px;box-shadow:0 16px 48px #00000052;overflow:visible;opacity:0;transition:opacity .4s ease-out,transform .4s ease-out}.c-line-popup-banner--size-aspect_ratio{aspect-ratio:var(--c-popup-aspect-pc, 4 / 5)}@media screen and (max-width:749px){.c-line-popup-banner--size-aspect_ratio{aspect-ratio:var(--c-popup-aspect-sp, var(--c-popup-aspect-pc, 4 / 5))}}.c-line-popup-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;border-radius:inherit;overflow:hidden}.c-line-popup-banner__media picture,.c-line-popup-banner__media .c-line-popup-banner__image{display:block;width:100%;height:100%;object-fit:cover}.c-line-popup-banner[hidden]{display:none}.c-line-popup-banner.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.c-line-popup-banner.is-dismissed{opacity:0;transform:translate(-50%,-50%) scale(.95);pointer-events:none}.c-line-popup-banner__accent{color:var(--c-popup-accent-color, #4cc764)}.c-line-popup-banner-wrapper .c-line-popup-banner__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:var(--c-overlay-color, #000000);opacity:0;transition:opacity .4s ease-out;pointer-events:none}.c-line-popup-banner-wrapper .c-line-popup-banner__overlay[hidden]{display:none}.c-line-popup-banner-wrapper .c-line-popup-banner__overlay.is-visible{opacity:var(--c-overlay-opacity, .5)}.c-line-popup-banner-wrapper .c-line-popup-banner__overlay.is-dismissed{opacity:0}@media screen and (min-width:750px){.c-line-popup-banner--no-pc{display:none!important}}@media screen and (max-width:749px){.c-line-popup-banner--no-sp{display:none!important}}.c-line-popup-banner{display:flex;flex-direction:column}.c-line-popup-banner__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 32px 40px;text-align:center;flex:1}.c-line-popup-banner__inner--align-top{justify-content:flex-start}.c-line-popup-banner__inner--align-center{justify-content:center}.c-line-popup-banner__inner--align-bottom{justify-content:flex-end}.c-line-popup-banner__title-main{margin:0;font-family:var(--c-font-stack),sans-serif;font-size:clamp(36px,7vw,56px);font-weight:700;line-height:1;letter-spacing:.02em}.c-line-popup-banner__title-sub{margin:0;color:var(--c-color-primary, #6b675f);font-family:var(--c-font-stack),sans-serif;font-size:clamp(18px,3vw,24px);font-weight:400;line-height:1.2;letter-spacing:.02em}.c-line-popup-banner__title-sub>p{margin:0}.c-line-popup-banner__body{margin:0;color:var(--c-color-primary, #6b675f);font-size:14px;font-weight:400;line-height:1.4;letter-spacing:.03em}.c-line-popup-banner__cta{margin-top:8px;min-width:200px}.c-line-popup-banner__close{position:absolute;z-index:2;cursor:pointer}.c-line-popup-banner__close--text_x{top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:transparent;border:0;color:var(--c-color-primary, #6b675f);font-family:inherit;font-size:10px;font-weight:400;letter-spacing:.15em}.c-line-popup-banner__close--text_x .c-line-popup-banner__close-icon{width:10px;height:10px}.c-line-popup-banner__close--square,.c-line-popup-banner__close--circle{top:-14px;right:-14px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-secondary-button-text));box-shadow:0 2px 6px #0003}.c-line-popup-banner__close--square .c-line-popup-banner__close-icon,.c-line-popup-banner__close--circle .c-line-popup-banner__close-icon{width:14px;height:14px}.c-line-popup-banner__close--square{border-radius:0}.c-line-popup-banner__close--circle{border-radius:50%}.c-line-popup-banner__close:hover,.c-line-popup-banner__close:focus-visible{opacity:.7}.c-line-popup-banner__close-label{display:inline-block}.c-line-popup-banner__close-icon{display:inline-flex}.c-line-popup-banner__close-icon svg{width:100%;height:100%}@media screen and (max-width:749px){.c-line-popup-banner{width:min(320px,calc(100vw - 32px))}.c-line-popup-banner__inner{gap:12px;padding:40px 24px 32px}.c-line-popup-banner__title-main{font-size:clamp(32px,9vw,44px)}.c-line-popup-banner__title-sub{font-size:clamp(16px,4vw,20px)}.c-line-popup-banner__body{font-size:12px}.c-line-popup-banner__cta{min-width:180px}.c-line-popup-banner__close{font-size:9px;gap:5px}.c-line-popup-banner__close-icon{width:9px;height:9px}}@media(prefers-reduced-motion:reduce){.c-line-popup-banner{transition:opacity .01s linear;transform:translate(-50%,-50%)}.c-line-popup-banner.is-visible{transform:translate(-50%,-50%)}}.c-line-popup-banner__side-badge{position:fixed;top:var(--c-side-badge-top-sp, 40%);z-index:900;display:inline-flex;align-items:center;justify-content:center;background-color:var(--c-side-badge-bg, rgb(var(--color-background)));color:var(--c-side-badge-text, rgb(var(--color-foreground)));border:1px solid rgb(var(--color-secondary-button-text));padding:12px 6px;box-shadow:0 2px 8px #00000026;overflow:visible}@media screen and (min-width:750px){.c-line-popup-banner__side-badge{top:var(--c-side-badge-top-pc, 30%);padding:14px 8px}}@media screen and (min-width:750px){.c-line-popup-banner__side-badge--pos-pc-left{left:0;border-radius:0 6px 6px 0}.c-line-popup-banner__side-badge--pos-pc-right{right:0;border-radius:6px 0 0 6px}}@media screen and (max-width:749px){.c-line-popup-banner__side-badge--pos-sp-left{left:0;border-radius:0 6px 6px 0}.c-line-popup-banner__side-badge--pos-sp-right{right:0;border-radius:6px 0 0 6px}}.c-line-popup-banner__side-badge-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:var(--c-font-stack, inherit);font-size:var(--c-side-badge-font-size-sp, 12px);font-weight:700;letter-spacing:.06em;line-height:1.4;padding:4px 0;white-space:nowrap;-webkit-tap-highlight-color:transparent}.c-line-popup-banner__side-badge--rot-0 .c-line-popup-banner__side-badge-btn{writing-mode:horizontal-tb}.c-line-popup-banner__side-badge--rot-90 .c-line-popup-banner__side-badge-btn{writing-mode:vertical-rl;text-orientation:mixed}.c-line-popup-banner__side-badge--rot-180 .c-line-popup-banner__side-badge-btn{writing-mode:horizontal-tb;transform:rotate(180deg)}.c-line-popup-banner__side-badge--rot-270 .c-line-popup-banner__side-badge-btn{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}@media screen and (min-width:750px){.c-line-popup-banner__side-badge-btn{font-size:var(--c-side-badge-font-size-pc, 14px)}}.c-line-popup-banner__side-badge-btn:hover,.c-line-popup-banner__side-badge-btn:focus-visible{opacity:.85}.c-line-popup-banner__side-badge-close{position:absolute;top:-8px;width:22px;height:22px;border-radius:50%;background-color:var(--c-side-badge-close-bg, rgb(var(--color-background)));color:var(--c-side-badge-close-text, rgb(var(--color-foreground)));border:1px solid rgb(var(--color-secondary-button-text));cursor:pointer;font-size:12px;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;writing-mode:horizontal-tb;box-shadow:0 2px 6px #0003;-webkit-tap-highlight-color:transparent}.c-line-popup-banner__side-badge--pos-sp-left .c-line-popup-banner__side-badge-close{right:-8px}.c-line-popup-banner__side-badge--pos-sp-right .c-line-popup-banner__side-badge-close{left:-8px}@media screen and (min-width:750px){.c-line-popup-banner__side-badge--pos-pc-left .c-line-popup-banner__side-badge-close{right:-8px;left:auto}.c-line-popup-banner__side-badge--pos-pc-right .c-line-popup-banner__side-badge-close{left:-8px;right:auto}}.c-line-popup-banner__side-badge-close:hover,.c-line-popup-banner__side-badge-close:focus-visible{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/4/assets/c-line-popup-banner.css.map */