.floating-banner{position:fixed;right:var(--floating-banner-right-pc);bottom:var(--floating-banner-bottom-pc);width:var(--floating-banner-width-pc);max-width:calc(100vw - 40px);z-index:100;opacity:0;visibility:hidden;transform:translateY(20px);pointer-events:none;transition:opacity .3s ease,visibility .3s ease,transform .3s ease,bottom .1s linear}.floating-banner.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.floating-banner__link{display:block;color:inherit;text-decoration:none}.floating-banner__image{display:block;width:100%;height:auto;transition:opacity .3s ease}.floating-banner__link:hover .floating-banner__image{opacity:.8}.floating-banner__content{display:flex;align-items:center;gap:var(--floating-banner-content-gap);padding:var(--floating-banner-padding-pc);background-color:var(--floating-banner-bg-color);color:var(--floating-banner-text-color);font-size:14px;line-height:1.6;transition:opacity .3s ease}.floating-banner--layout-row .floating-banner__content{flex-direction:row}.floating-banner--layout-column .floating-banner__content{flex-direction:column}.floating-banner__block{padding:var(--floating-banner-block-padding-y-pc) var(--floating-banner-block-padding-x-pc);box-sizing:border-box}.floating-banner__content-image-wrap{width:var(--floating-banner-block-image-width-pc);flex-shrink:0}.floating-banner__content-image{display:block;width:100%;height:auto}.floating-banner__text-content{flex:1;min-width:0;text-align:var(--floating-banner-text-align)}.floating-banner__text-content>*{margin:0;color:inherit}.floating-banner__arrow-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-banner__arrow{display:block;width:17px;height:17px;color:inherit}.floating-banner__link:hover .floating-banner__content{opacity:.8}@media screen and (max-width:749px){.floating-banner{right:0;bottom:var(--floating-banner-bottom-sp);width:100%;max-width:none}.floating-banner__content{padding:var(--floating-banner-padding-sp)}.floating-banner__block{padding:var(--floating-banner-block-padding-y-sp) var(--floating-banner-block-padding-x-sp)}.floating-banner__content-image-wrap{width:var(--floating-banner-block-image-width-sp)}}.floating-banner__br-sp{display:none}.floating-banner__br-pc{display:block}@media screen and (max-width:749px){.floating-banner__br-sp{display:block}.floating-banner__br-pc{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map?subset=AACA */