.common-media-banner .mb-img{display:none}.common-media-banner{position:relative}common-media-banner{display:block}.common-media-banner .media-wrapper{display:flex}.common-media-banner .media-wrapper img,.common-media-banner .media-wrapper video{width:100%;transform:translateY(1px)}.common-media-banner .content-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;letter-spacing:normal}.common-media-banner .content{position:absolute;height:fit-content;box-sizing:border-box;width:var(--content-width-pc);top:var(--top-pc);left:var(--left-pc);color:var(--content-color)}@media (min-width:400px) and (max-width:549px){.common-media-banner .content-wrapper .content{top:10%}}@media (min-width:550px) and (max-width:749px){.common-media-banner .content-wrapper .content{top:21%}.common-media-banner .content-wrapper .content .banner-des{margin-top:30px;margin-bottom:30px}.common-media-banner .content-wrapper .content .banner-title{font-size:40px}}@media (min-width:750px) and (max-width:1000px){.common-media-banner .content-wrapper .content{top:21%}.common-media-banner .content-wrapper .content .banner-des{margin-top:50px;margin-bottom:50px}}.common-media-banner .content .banner-subtitle{font-size:var(--subtitle-font-size-pc)}.common-media-banner .content .banner-subtitle,.common-media-banner .content .banner-title{font-weight:800;line-height:1.2}.common-media-banner .common-button{border:0}.common-media-banner .content .banner-des{line-height:1.4;font-weight:500;font-size:var(--des-font-size-pc)}.common-media-banner .content .banner-title{margin-top:8px;margin-bottom:3rem;font-size:var(--title-font-size-pc);color:var(--content-color)}@media (max-width:749px){.common-media-banner .content .banner-subtitle{font-size:var(--subtitle-font-size-mb)}.common-media-banner .content .banner-title{margin-bottom:16px;font-size:var(--title-font-size-mb)}.common-media-banner .content .banner-des{font-size:var(--des-font-size-mb)}.common-media-banner .content{width:var(--content-width-mb);left:var(--left-mb);top:var(--top-mb)}}.banner-btn-wrapper{display:flex;gap:16px;margin-top:3rem;align-items:center;overflow:hidden}.btn2-wrapper a{color:var(--btn-2-color)}.banner-btn-wrapper a{text-decoration:unset}.banner-btn-wrapper>div svg{margin-left:5px}@media (max-width:1000px){.common-media-banner .pc-img{display:none}.common-media-banner .mb-img{display:block}common-media-banner .swiper .custom-swiper-button{width:50px;height:50px}.common-media-banner .content{text-align:center}.banner-btn-wrapper{justify-content:center;margin-top:4rem}.common-media-banner .content .banner-title{margin-bottom:16px}}@media (max-width:1439px){.common-media-banner .content .banner-title{margin-bottom:16px}}.swiper-horizontal .swiper-pagination{display:flex;gap:30px;width:80%;max-width:1080px;left:50%;transform:translate(-50%);overflow:auto;bottom:20px}.swiper-horizontal .swiper-pagination::-webkit-scrollbar{display:none}.swiper-pagination>div{flex:1}.swiper-pagination .swiper-pagination-bullet{width:100%;background-color:#ffffff80;height:1px;opacity:1;position:relative;overflow:hidden;display:block}.swiper-pagination-horizontal.swiper-pagination .swiper-pagination-bullet{margin:0}.swiper-pagination span{color:#808182;font-size:12px;line-height:1.2;font-weight:700;display:inline-block;width:100%;text-align:left;min-width:max-content}.swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:100%;left:-100%;top:0;position:absolute;background-color:#fff}.swiper-pagination .swiper-pagination-bullet-active+span{color:#fff}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{left:0;transition:var(--autoplay-interval) linear}.number-pagination{display:none}.common-media-banner .swiper-button-prev{left:60px}.common-media-banner .swiper-button-next{right:60px}@media (max-width:750px){.swiper-horizontal .swiper-pagination{width:80%;left:20px;transform:unset;bottom:6px;overflow:auto}.number-pagination{display:block;position:absolute;right:15px;bottom:8px;color:#cdcecf;z-index:1}.swiper-pagination span{opacity:0}.swiper-pagination .swiper-pagination-bullet-active+span{opacity:1}common-media-banner .swiper .custom-swiper-button{display:none}}.common-media-banner .collection-banner .content-wrapper{display:flex;align-items:center;justify-content:center}.common-media-banner .collection-banner .content{position:static;display:flex;flex-direction:column;gap:16px;text-align:center;max-width:700px}.common-media-banner .collection-banner .banner-subtitle{line-height:1.5;font-weight:700}.common-media-banner .collection-banner .banner-title{margin-block:0;line-height:1.2}.common-media-banner .collection-banner .banner-des{line-height:1.5;opacity:.8;font-weight:400}@media (max-width:1000px){.common-media-banner .collection-banner .content-wrapper .banner-des{margin-block:0}}@media (max-width:749px){.common-media-banner .collection-banner .content{padding-inline:18.5px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-common-meida-banner.css.map */