.img-list .show-img-list.show-img-list-4{width:100%;display:grid;grid-template-columns:repeat(4,calc(25% - 12px));grid-column-gap:16px;grid-auto-flow:row;box-sizing:border-box;overflow:hidden}.img-list .show-img .media-wrapper{overflow:unset}.img-list .show-img-list.show-img-list-3{width:100%;display:grid;grid-template-columns:repeat(3,calc(33.333333333333336% - 16px));grid-column-gap:24px;grid-auto-flow:row;box-sizing:border-box;overflow:hidden}.img-list .show-img-list.show-img-list-2{width:100%;display:grid;grid-template-columns:repeat(2,calc(50% - 12px));grid-column-gap:24px;grid-auto-flow:row;box-sizing:border-box;overflow:hidden}.img-list .show-img-list.show-img-list-1{width:100%;display:grid;grid-template-columns:100%;grid-column-gap:0px;grid-auto-flow:row;box-sizing:border-box;overflow:hidden}.img-list .show-img-list .show-img{width:100%;display:flex;flex-direction:column;font-size:0}.img-list .show-img-list .show-img .list-img{font-size:0;position:relative;padding-bottom:var(--image-ratio-percent);overflow:hidden;width:100%;background:#ececec;height:0}.img-list .show-img-list .show-img img{width:100%;object-fit:cover;position:relative;top:0;left:0;transform:scale(1);height:auto}.img-list .show-img-list .show-img .list-img .coverPC-2{opacity:0;transition-property:opacity,transform;transition:.3s ease-in-out}.img-list .show-img-list .list-text{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;box-sizing:border-box;padding:0;height:20%}.img-list .show-img-list .list-text .title{font-size:.9375vw;line-height:.9375vw;margin:0;font-family:var(--regular-font);font-weight:600;width:100%;padding:16px 0 8px;color:var(--theme-color)}.img-list .show-img-list .list-text .txt{font-size:12px;line-height:20px;margin:0;padding:0;height:100%;font-family:var(--regular-font);font-weight:400;height:auto;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;display:-webkit-box}@media screen and (min-width: 1020px) and (max-width: 1440px){.show-img-list .list-text{height:26%!important}.show-img-list .list-text p{font-size:12px!important;line-height:16px!important}.img-list .show-img-list.show-img-list-3{grid-template-columns:repeat(3,calc(33.333333333333336% - 12px))}}@media screen and (min-width: 750px) and (max-width: 1024px){.grid{--grid-horizontal-spacing:18px}.img-list .show-img-list.show-img-list-3,.img-list .show-img-list{grid-column-gap:18px;grid-template-columns:repeat(3,calc(33.333333333333336% - 12px))}.img-list .show-img-list.show-img-list-2{grid-column-gap:18px;grid-template-columns:repeat(2,calc(50% - 9px))}.img-list .show-img-list.show-img-list-4{grid-column-gap:12px;grid-template-columns:repeat(4,calc(25% - 9px))}.img-list .show-img-list .list-text .txt{line-clamp:5;-webkit-line-clamp:5}}@media screen and (min-width: 750px) and (max-width: 1020px){.list-text{height:38%!important}.show-img-list .list-text p{font-size:12px!important;line-height:16px!important}.show-img-list .list-text .title{font-size:14px!important}.img-list .show-img-list.grid-two-m{grid-column-gap:12px;grid-template-columns:repeat(2,calc(50% - 6px));grid-row-gap:24px}.img-list .show-img-list.grid-two-m .show-img img{transform:scale(1);height:100%}}@media screen and (min-width: 750px) and (max-width: 1440px){.show-img-list .list-text .title{font-size:1.25vw!important;line-height:1.25vw!important;padding:1.3888888888888888vw 0 .8333333333333334vw}.img-list .show-img-list.show-img-list-3{grid-column-gap:18px}}@media screen and (min-width: 750px) and (max-width: 1024px){.img-list .show-img-list.show-img-list-3{grid-column-gap:20px}.img-list .show-img-list .list-text .title{margin:16px 0 8px;padding:0;min-height:calc(3.125vw + 16px)}.show-img-list .list-text .title{font-size:1.5625vw!important;line-height:calc(1.5625vw + 8px)!important}.img-list .show-img-list .list-text .txt{font-size:1.3671875vw!important;line-height:2.1484375vw!important}}@media screen and (min-width: 750px) and (max-width:996px){.img-list .show-img-list .list-text .title{font-size:16px!important;line-height:24px!important;min-height:48px}.img-list .show-img-list .list-text .txt{font-size:12px!important;line-height:20px!important}}@media screen and (max-width:749px){.img-list .show-img-list .list-text .title{font-size:4.266666666666667vw;line-height:1;padding:3.2vw 0 2.1333333333333333vw}.show-img-list .coverPC-2{display:none!important}.show-img-list .coverPC-1{content:var(--img-m)}.show-img-list .coverM{display:none!important}.img-list .show-img-list,.img-list .show-img-list.show-img-list-1,.img-list .show-img-list.show-img-list-2,.img-list .show-img-list.show-img-list-3,.img-list .show-img-list.show-img-list-4{grid-column-gap:0;position:relative;flex-wrap:inherit;overflow:auto hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;width:100%;display:flex;justify-content:space-between}.img-list .show-img-list.grid-two-m{display:grid;grid-column-gap:12px;grid-row-gap:24px;grid-template-columns:repeat(2,calc(50% - 6px))}.img-list .show-img-list::-webkit-scrollbar{height:.9rem;width:.9rem;display:initial}.img-list .show-img-list::-webkit-scrollbar-thumb{border:.3rem solid transparent;background-clip:padding-box;border-radius:1.6rem;background-color:#ebeced}.img-list .show-img-list .show-img{width:68.8vw;display:flex;flex-direction:column;margin-right:10px;min-width:68.8vw!important}.img-list .show-img-list .show-img:last-of-type{margin-right:0}.img-list .show-img-list .list-text{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;padding:0;min-height:32%}.img-list .show-img-list .show-img .list-img{padding-bottom:var(--image-ratio-percent-m);height:0}.img-list .show-img-list .list-text .txt{padding-top:0;font-size:2.933333333333333vw;line-height:4vw}.img-list .show-img-list.grid-two-m .show-img{width:100%;margin:0;min-width:0!important}.img-list .show-img-list.grid-two-m .show-img .list-img{padding-bottom:var(--image-ratio-percent)}.img-list .show-img-list.grid-two-m .show-img img{transform:scale(1);height:100%}.multicolumn .grid{grid-column-gap:10px!important}slider-component .slider.slider--mobile{padding-bottom:0!important}div.multicolumn,grid-img-column.grid-img-column{padding-left:16px;padding-right:16px}grid-img-column.grid-img-column{padding-top:16px}}@media screen and (hover:hover){.img-list .show-img-list .show-img .list-img:hover .coverPC-2{opacity:1;transition-property:opacity,transform;transform:scale(1.03)}}
/*# sourceMappingURL=/cdn/shop/t/220/assets/component-img-list.css.map?enable_css_minification=1 */