.banner-item-wrap{padding:56px 24px 0;position:relative;height:100%;letter-spacing:-.03em}.banner-item-wrap .banner-img-wrap{height:100%;position:absolute;z-index:1;top:0;left:0;right:0}.banner-item-wrap .banner-img-wrap a{position:absolute;left:0;right:0;width:100%;height:100%}.banner-item-wrap .banner-video-wrap{width:100%;height:100%;position:relative;overflow:hidden}.banner-item-wrap .banner-img{width:100%;height:100%;object-fit:cover}.banner-item-wrap .banner-video{opacity:0;position:absolute;height:480px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:none!important;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:2;-o-object-fit:contain;object-fit:contain}.banner-item-wrap .banner-video-poster-img{opacity:1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:relative;z-index:1;-webkit-transition:opacity .3s;transition:opacity .3s}.banner-item-wrap .not-show{opacity:0}.banner-item-wrap .do-show{opacity:1}.banner-item-wrap .banner-content-wrap{text-align:center;position:relative;z-index:3;pointer-events:none;color:#fff}.banner-item-wrap .text-top{color:#ffffffa6;font-size:14px;line-height:24px}.banner-item-wrap .text-middle{color:#fff;font-size:32px;line-height:36px;display:inline-block;margin-top:8px;margin-bottom:0}.banner-item-wrap .text-bottom{font-size:18px;line-height:24px;margin-top:8px}.banner-item-wrap .btn-wrap{margin-top:16px}.banner-item-wrap .btn-wrap a{pointer-events:all}.banner-item-wrap .btn-wrap button{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;width:auto;padding:0 15px;border:1px solid rgba(0,0,0,.15);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;color:#000000d9;font-size:12px;line-height:14px;letter-spacing:-.02em;font-weight:400;white-space:nowrap;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:100px;border:none}.banner-item-wrap .btn-wrap button:hover{background:#ffffffe6}.banner-item-wrap .banner-video.banner-video-mb{display:block}.banner-item-wrap .banner-video.banner-video-pc{display:none}@media screen and (min-width: 768px){.banner-item-wrap{padding:0 32px;display:flex;align-items:center}.banner-item-wrap .banner-video{height:auto}.banner-item-wrap .banner-video.banner-video-mb{display:none}.banner-item-wrap .banner-video.banner-video-pc{display:block}.banner-item-wrap .banner-content-wrap{width:100%;max-width:50%;text-align:left}.banner-item-wrap .text-top{font-size:16px;line-height:20px}.banner-item-wrap .text-middle{margin-top:12px;font-size:40px;line-height:48px}.banner-item-wrap .text-bottom{font-size:20px;line-height:24px;margin-top:16px}.banner-item-wrap .btn-wrap{margin-top:24px}.banner-item-wrap .btn-wrap button{height:32px;font-size:14px;line-height:20px}}@media screen and (min-width: 1200px){.banner-item-wrap .banner-content-wrap{max-width:1440px;margin:0 auto}.banner-item-wrap .text-top{font-size:24px;line-height:28px}.banner-item-wrap .text-middle{margin-top:16px}.banner-item-wrap .text-bottom{font-size:28px;line-height:32px;margin-top:24px}.banner-item-wrap .btn-wrap{margin-top:48px}.banner-item-wrap .btn-wrap button{height:40px;font-size:16px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/kawa-main-banner-new-item.css.map */