.image-video__content{display:flex;align-items:stretch;position:relative}.image-video{position:relative}.image-video__overlay{position:absolute;left:0;bottom:0;width:100%;height:50%;z-index:2;background:linear-gradient(0deg,#000,#00e2ff00);pointer-events:none;opacity:.6}.image-video__detail{position:absolute;left:50%;bottom:0;transform:translate(-50%);color:#fff;text-align:center;padding:6.4rem;z-index:3}.image-video__detail--img{width:100%;height:100%;display:flex;flex-direction:column}.image-video__img-content{display:flex;flex-direction:column}.image-video__detail--img-bl{align-items:flex-start;justify-content:flex-end}.image-video__detail--img-bl .image-video__img-content{align-items:flex-start}.image-video__detail--img-bl p{text-align:left}.image-video__detail--img-bc{align-items:center;justify-content:flex-end}.image-video__detail--img-bc .image-video__img-content{align-items:center}.image-video__detail--img-bc p{text-align:center}.image-video__detail--img-br{align-items:flex-end;justify-content:flex-end}.image-video__detail--img-br .image-video__img-content{align-items:flex-end}.image-video__detail--img-br p{text-align:right}.image-video__detail--img-cl{align-items:flex-start;justify-content:center}.image-video__detail--img-cl .image-video__img-content{align-items:flex-start}.image-video__detail--img-cl p{text-align:left}.image-video__detail--img-cc{align-items:center;justify-content:center}.image-video__detail--img-cc .image-video__img-content{align-items:center}.image-video__detail--img-cc p{text-align:center}.image-video__detail--img-cr{align-items:flex-end;justify-content:center}.image-video__detail--img-cr .image-video__img-content{align-items:flex-end}.image-video__detail--img-cr p{text-align:right}.image-video__detail--img-tl{align-items:flex-start;justify-content:flex-start}.image-video__detail--img-tl .image-video__img-content{align-items:flex-start}.image-video__detail--img-tl p{text-align:left}.image-video__detail--img-tc{align-items:center;justify-content:flex-start}.image-video__detail--img-tc .image-video__img-content{align-items:center}.image-video__detail--img-tc p{text-align:center}.image-video__detail--img-tr{align-items:flex-end;justify-content:flex-start}.image-video__detail--img-tr .image-video__img-content{align-items:flex-end}.image-video__detail--img-tr p{text-align:right}.image-video__button-list{display:flex;gap:1.2rem;justify-content:center}.image-video__img--mobile{display:none!important}@media screen and (max-width:767px){.image-video__img--mobile{display:block!important}.image-video__img--desktop{display:none!important}.image-video__img-content{max-width:100%!important}.image-video__detail{align-items:flex-start;justify-content:flex-end;padding:2.4rem}.image-video__detail .image-video__img-content{align-items:flex-start}.image-video__detail .image-video__img-content p{text-align:left}.image-video__detail{left:0;transform:none;text-align:left}.image-video__button-list{justify-content:flex-start}}.image-video__item{width:calc(100% / var(--item-size));position:relative}.image-video__img{width:100%;height:100%;object-fit:cover;min-height:320px;display:block}.image-video__play-btn{position:absolute;top:0;bottom:0;left:0;right:0;border:.4rem solid var(--color-white);color:var(--color-white);width:8rem;height:8rem;border-radius:8rem;background-color:transparent;margin:auto;cursor:pointer}.image-video-modal{position:fixed;z-index:999;width:100%;height:100%;top:0;left:0;background-color:#00000080;display:none;align-items:center;justify-content:center}.image-video-modal.show{display:flex}.image-video-modal__header{display:flex;justify-content:flex-end;margin-bottom:1.6rem}.image-video-modal__close{background-color:transparent;color:var(--color-white);cursor:pointer;border:0}.image-video-modal__box{width:90%;max-width:100rem}.image-video-modal__content{background-color:var(--color-white);padding:1.6rem;border-radius:.4rem}.image-video-modal__content iframe{width:100%;height:50rem}@media(max-width:767px){.image-video__play-btn{width:4.2rem;height:4.2rem;border-width:.2rem}.image-video{padding:0!important}.image-video__content{flex-direction:column}.image-video__item{width:100%}.image-video__overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-image-video.css.map */