@charset "UTF-8";.template-contents-detail{background:#fff;padding-bottom:100px}@media(max-width:750px){.template-contents-detail{padding-bottom:40px}}.template-contents-detail .layout-inner{max-width:var(--page-width);margin:0 auto}.template-contents-detail .detail-kv-container{position:relative;width:100%;padding-top:56.25%}.template-contents-detail .detail-kv-media{position:absolute;top:0;left:0;width:100%;height:100%;display:block;overflow:hidden}.template-contents-detail .detail-kv-media img,.template-contents-detail .detail-kv-media video{width:800px;max-width:40%;height:100%;margin:0 auto;display:block;-o-object-fit:cover;object-fit:cover;animation-duration:2s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.3,0,.7,1);transition:1.8s}.template-contents-detail .detail-kv-media:before,.template-contents-detail .detail-kv-media:after{content:"";position:absolute;left:0;width:100%;height:30%;background:#fff;animation-duration:2s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.3,0,.7,1);transition:1.8s}.template-contents-detail .detail-kv-media:before{top:0}.template-contents-detail .detail-kv-media:after{bottom:0}.template-contents-detail .detail-kv-media.active-ani:before,.template-contents-detail .detail-kv-media.active-ani:after{height:0}.template-contents-detail .detail-kv-media.active-ani img,.template-contents-detail .detail-kv-media.active-ani video{max-width:100%;width:100%;height:100%}.template-contents-detail .image-with-text-container{padding:160px 24px}@media(max-width:990px){.template-contents-detail .image-with-text-container{padding:120px 24px}}@media(max-width:750px){.template-contents-detail .image-with-text-container{padding:24px}}.template-contents-detail .image-with-text-container .layout-inner{display:flex;align-items:center;gap:24px}@media(max-width:750px){.template-contents-detail .image-with-text-container .layout-inner{flex-direction:column}}.template-contents-detail .image-with-text{width:100%}.template-contents-detail .image-with-text__media{position:relative;width:calc(50% - 12px);padding-top:calc((50% - 12px) / 708 * 884)}@media(max-width:750px){.template-contents-detail .image-with-text__media{width:100%;padding-top:121.7948717949%}}.template-contents-detail .image-with-text__media img,.template-contents-detail .image-with-text__media video{position:absolute;top:0;left:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.template-contents-detail .image-with-text__textwrap{display:flex;flex-direction:column;gap:16px;padding:80px;width:calc(50% - 12px)}@media(max-width:990px){.template-contents-detail .image-with-text__textwrap{padding:24px}}@media(max-width:750px){.template-contents-detail .image-with-text__textwrap{width:100%;padding:0}}.template-contents-detail .image-with-text__title{font-size:44px;line-height:56px;font-weight:700;color:#000}@media(max-width:750px){.template-contents-detail .image-with-text__title{font-size:26px;line-height:36px}}.template-contents-detail .image-with-text__description{font-size:16px;line-height:24px;font-weight:400;color:#666}.template-contents-detail .grid-container{padding:160px 0}@media(max-width:750px){.template-contents-detail .grid-container{padding:24px}}.template-contents-detail .grid-container .layout-inner{display:flex;padding-bottom:120px}@media(max-width:750px){.template-contents-detail .grid-container .layout-inner{flex-direction:column;gap:12px;padding-bottom:0}}.template-contents-detail .grid-container .grid-item{position:relative;flex:1;width:50%;padding-top:62.4293785311%;display:block;-o-object-fit:cover;object-fit:cover}@media(max-width:750px){.template-contents-detail .grid-container .grid-item{width:100%;padding-top:124.8587570621%}}.template-contents-detail .grid-container .grid-item img,.template-contents-detail .grid-container .grid-item video{position:absolute;top:0;left:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}@media(max-width:750px){.template-contents-detail .grid-container .grid-item img,.template-contents-detail .grid-container .grid-item video{position:absolute;top:0!important;left:0!important;right:auto!important}}.template-contents-detail .grid-container .default_show .grid-item:nth-child(1){z-index:1}.template-contents-detail .grid-container .default_show .grid-item:nth-child(1) img,.template-contents-detail .grid-container .default_show .grid-item:nth-child(1) video{top:120px;left:40px;z-index:1}.template-contents-detail .grid-container .default_show .grid-item:nth-child(2) img,.template-contents-detail .grid-container .default_show .grid-item:nth-child(2) video{left:auto;right:40px}.template-contents-detail .grid-container .reverse_show .grid-item:nth-child(2) img,.template-contents-detail .grid-container .reverse_show .grid-item:nth-child(2) video{top:120px;left:auto;right:40px;z-index:1}.template-contents-detail .grid-container .reverse_show .grid-item:nth-child(1) img,.template-contents-detail .grid-container .reverse_show .grid-item:nth-child(1) video{top:0;left:40px;right:auto}@media(max-width:750px){.template-contents-detail .grid-container .reverse_show{flex-direction:column-reverse}}.template-contents-detail .image-banner-container{position:relative;width:100%;padding-top:56.25%}.template-contents-detail .image-banner-container img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.template-contents-detail .video-container{position:relative;width:100%;padding-top:56.25%}.template-contents-detail .video-container video{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
/*# sourceMappingURL=/cdn/shop/t/14/assets/template-contents-detail-default.scss.css.map */