.video-showcase{--vsc-px: calc(1 / 1920 * 100vw);box-sizing:border-box;padding:calc(80 * var(--vsc-px)) 0 calc(80 * var(--vsc-px));overflow:hidden;background:var(--vsc-bg, #f4f4f4);font-family:Noto Sans JP,sans-serif}.video-showcase *,.video-showcase *:before,.video-showcase *:after{box-sizing:border-box}.video-showcase__header{margin-bottom:calc(40 * var(--vsc-px))}.video-showcase__title{margin:0;color:var(--vsc-title-color, #333);font-family:Noto Sans JP,sans-serif;font-size:calc(36 * var(--vsc-px));font-weight:500;line-height:1.2}.video-showcase__carousel-wrap{overflow:hidden}.video-showcase video-showcase-carousel{--vsc-slide-gap: calc(20 * var(--vsc-px));--vsc-slide-width: calc((100% - (3 * var(--vsc-slide-gap))) / 3);--vsc-peek-offset: calc(var(--vsc-slide-width) / 2);display:block}.video-showcase .swiper-container{width:100%;overflow:visible;cursor:grab;transform:translate(calc(-1 * var(--vsc-peek-offset)))}.video-showcase .swiper-container.swiper-container-dragging{cursor:grabbing}.video-showcase__slide{flex-shrink:0;width:var(--vsc-slide-width)}.video-showcase__slide-link{display:block;overflow:hidden;color:inherit;text-decoration:none;border-radius:calc(12 * var(--vsc-px))}.video-showcase__slide-link:focus-visible{outline:calc(3 * var(--vsc-px)) solid #333;outline-offset:calc(3 * var(--vsc-px))}.video-showcase__media{position:relative;overflow:hidden;aspect-ratio:600 / 338;border-radius:inherit;background:#e8e8e8}.video-showcase__media .image__wraper,.video-showcase__media picture,.video-showcase__media img{display:block;width:100%;height:100%}.video-showcase__media img{object-fit:cover}.video-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vsc-overlay-color, rgba(0, 0, 0, .3));pointer-events:none;transition:background-color .2s ease}.video-showcase__slide-link:hover .video-showcase__overlay,.video-showcase__slide-link:focus-visible .video-showcase__overlay{background:#0006}.video-showcase__play{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:calc(100 * var(--vsc-px));height:calc(100 * var(--vsc-px));transform:translate(-50%,-50%);pointer-events:none;transition:transform .2s ease}.video-showcase__play svg{display:block;width:100%;height:100%}.video-showcase__slide-link:hover .video-showcase__play,.video-showcase__slide-link:focus-visible .video-showcase__play{transform:translate(-50%,-50%) scale(1.05)}@media screen and (min-width:1921px){.video-showcase{--vsc-px: 1px}}@media screen and (max-width:850px){.video-showcase{--vsc-px: calc(1 / 390 * 100vw);padding:calc(78 * var(--vsc-px)) 0}.video-showcase__header{padding:0 calc(20 * var(--vsc-px));margin-bottom:calc(24 * var(--vsc-px))}.video-showcase__title{font-size:calc(24 * var(--vsc-px))}.video-showcase__carousel-wrap{padding:0 calc(20 * var(--vsc-px))}.video-showcase video-showcase-carousel{--vsc-slide-gap: calc(10 * var(--vsc-px));--vsc-slide-width: calc(83.333% - calc(2 * var(--vsc-px)));--vsc-peek-offset: 0px}.video-showcase .swiper-container{width:100%;transform:none}.video-showcase__play{width:calc(64 * var(--vsc-px));height:calc(64 * var(--vsc-px))}}@media(prefers-reduced-motion:reduce){.video-showcase .swiper-container{cursor:default}.video-showcase__play,.video-showcase__overlay{transition:none}}@media(forced-colors:active){.video-showcase__slide-link{border:calc(1 * var(--vsc-px)) solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-new-common-video-showcase.css.map */