@media screen and (min-width: 768px){.ab-the9tones-root,.ab-drumContent5the8tons-root{height:auto;width:100%;background-color:#f7f7f7;padding-top:calc(80 / 1920 * 100vw);padding-bottom:calc(98 / 1920 * 100vw)}.ab-the9tones-root>.title,.ab-drumContent5the8tons-root>.title{font-size:calc(32 / 1920 * 100vw);font-weight:700;text-align:center}.ab-the9tones-root>.swiper,.ab-drumContent5the8tons-root>.swiper{height:calc(443 / 1920 * 100vw);width:62.5vw;margin:3.28125vw auto 0;position:relative}.ab-the9tones-root>.swiper>.swiper-wrapper,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper{height:100%;width:100%}.ab-the9tones-root>.swiper>.swiper-wrapper>.swiper-slide,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper>.swiper-slide{height:100%;width:calc(340 / 1920 * 100vw)}.ab-the9tones-root>.swiper>.swiper-wrapper>.swiper-slide>.img,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper>.swiper-slide>.img{display:block;height:100%;width:100%}.ab-the9tones-root>.swiper>.swiper-wrapper>.swiper-slide>.abGoodsCo3swpTxt,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper>.swiper-slide>.abGoodsCo3swpTxt{position:absolute;bottom:calc(8 / 1920 * 100vw);left:50%;transform:translate(-50%);font-size:.9375vw;color:#fff;width:100%;text-align:center}.ab-the9tones-root>.swiper>.play-btn,.ab-drumContent5the8tons-root>.swiper>.play-btn{height:calc(79 / 1920 * 100vw);width:calc(79 / 1920 * 100vw)}.ab-the9tones-root>.subtitle,.ab-drumContent5the8tons-root>.subtitle{font-size:calc(20 / 1920 * 100vw);font-weight:700;text-align:center;margin-top:calc(46 / 1920 * 100vw)}.ab-the9tones-root>.desc,.ab-drumContent5the8tons-root>.desc{width:100%;font-size:calc(14 / 1920 * 100vw);text-align:center;margin-top:.78125vw}.ab-the9tones-root>.desc>.mobile-br,.ab-drumContent5the8tons-root>.desc>.mobile-br{display:none}}@media screen and (max-width: 767px){.ab-the9tones-root,.ab-drumContent5the8tons-root{height:auto;width:100%}.ab-the9tones-root>.title,.ab-drumContent5the8tons-root>.title{font-size:calc(32 / 375 * 100vw);font-weight:700;text-align:center}.ab-the9tones-root>.swiper,.ab-drumContent5the8tons-root>.swiper{height:calc(214 / 375 * 100vw);width:100%;margin-top:calc(50 / 375 * 100vw)}.ab-the9tones-root>.swiper>.swiper-wrapper,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper{height:100%;width:100%}.ab-the9tones-root>.swiper>.swiper-wrapper>.swiper-slide,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper>.swiper-slide{height:100%;width:calc(164 / 375 * 100vw);position:relative}.ab-the9tones-root>.swiper>.swiper-wrapper>.swiper-slide>.img,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper>.swiper-slide>.img{display:block;height:100%;width:100%}.ab-the9tones-root>.swiper>.swiper-wrapper>.swiper-slide>.abGoodsCo3swpTxt,.ab-drumContent5the8tons-root>.swiper>.swiper-wrapper>.swiper-slide>.abGoodsCo3swpTxt{position:absolute;bottom:calc(8 / 375 * 100vw);left:50%;transform:translate(-50%);font-size:2.4vw;color:#fff;width:100%;text-align:center}.ab-the9tones-root>.swiper>.play-btn,.ab-drumContent5the8tons-root>.swiper>.play-btn{height:calc(38 / 375 * 100vw);width:calc(38 / 375 * 100vw)}.ab-the9tones-root>.subtitle,.ab-drumContent5the8tons-root>.subtitle{font-size:4.8vw;font-weight:700;text-align:center;margin-top:calc(35 / 375 * 100vw)}.ab-the9tones-root>.desc,.ab-drumContent5the8tons-root>.desc{width:100%;font-size:calc(14 / 375 * 100vw);text-align:center;margin-top:calc(11 / 375 * 100vw)}.ab-the9tones-root>.desc>.pc-br,.ab-drumContent5the8tons-root>.desc>.pc-br{display:none}.ab-drumContent5the8tons-root{padding-top:calc(97 / 375 * 100vw)}.ab-drumContent5the8tons-root .title{font-size:calc(25 / 375 * 100vw)}}.ab-the9tones-root .play-btn,.ab-drumContent5the8tons-root .play-btn{opacity:0;transition:opacity 1.5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;display:none}.ab-the9tones-root .play-btn.show,.ab-drumContent5the8tons-root .play-btn.show{display:block;opacity:1}.ab-the9tones-root .play-btn:hover,.ab-drumContent5the8tons-root .play-btn:hover{scale:1.05}.ab-the9tones-root>#audio-player,.ab-drumContent5the8tons-root>#audio-player{display:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ab-the9tones.css.map */