.elep-top{background:#fff}.elep-stair,.elep-list{display:grid;gap:11.1px;padding:11.1px 11.1px 0;container-type:inline-size}.elep-stair{grid-template-columns:repeat(3,1fr);grid-auto-rows:calc((100cqw - 22.2px) / 3 * 1.5548)}.elep-list{grid-template-columns:repeat(4,1fr);grid-auto-rows:calc((100cqw - 33.3px)*.3887)}.elep-cell{position:relative;display:block;overflow:hidden;background:#d9d9d7;text-decoration:none;grid-area:var(--sp)}.elep-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.elep-cell__noimg{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfcfcc}.elep-cell__name{position:absolute;top:0;left:0;right:0;margin:0;z-index:2;font-family:Roboto,Arial,sans-serif;font-weight:700;line-height:1.08;color:#fff}.elep-cell.is-sm .elep-cell__name{padding:45% 9% 0}.elep-cell.is-sm.is-low .elep-cell__name{padding-top:104%}.elep-cell.is-big .elep-cell__name{padding:42% 7% 0}.elep-cell.is-big.is-low .elep-cell__name{padding-top:103%}.elep-stair .is-sm .elep-cell__name{font-size:clamp(11px,3.18vw,15px)}.elep-stair .is-big .elep-cell__name{font-size:clamp(17px,5.38vw,26px)}.elep-list .is-sm .elep-cell__name{font-size:clamp(8.5px,2.44vw,12px)}.elep-list .is-big .elep-cell__name{font-size:clamp(13px,4.1vw,19px)}.elep-new{background:#fff;padding:22px 0 16px}.elep-new__head{display:flex;align-items:baseline;justify-content:space-between;padding:0 13px 11px}.elep-new__head h2{margin:0;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;color:#111}.elep-new__head a{font-family:Roboto,Arial,sans-serif;font-size:10px;letter-spacing:.12em;color:#888;text-decoration:none}.elep-new__wrap{position:relative}.elep-new__track{display:flex;gap:0;padding:0 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.elep-new__track::-webkit-scrollbar{display:none}.elep-new__track>.elep-pcard{flex:0 0 calc((100% + 20px) / 3.3);min-width:0;scroll-snap-align:start}.elep-new__arrow{position:absolute;top:0;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:1px solid #ddd;border-radius:50%;background:#ffffffeb;color:#191919;font:400 22px/1 Roboto,Arial,sans-serif;cursor:pointer;transform:translateY(-50%)}.elep-new__arrow[hidden]{display:none}.elep-new__arrow.is-prev{left:14px}.elep-new__arrow.is-next{right:14px}.elep-pcard{display:block;text-decoration:none;color:#191919;padding-bottom:11px}.elep-pcard:hover{color:#191919;text-decoration:none}.elep-pcard__img{aspect-ratio:1 / 1.5;overflow:hidden;background:#f2f2f0}.elep-pcard__img img{width:100%;height:100%;object-fit:cover;display:block}.elep-pcard__brand,.elep-pcard__name,.elep-pcard__price{font-family:Roboto,Arial,sans-serif;letter-spacing:.6px}.elep-pcard__brand{font-size:8px;font-weight:700;color:#191919;margin:6px 0 0;line-height:1.5}.elep-pcard__name{font-size:10.5px;font-weight:400;color:#999;margin:2px 0 0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.elep-pcard__price{font-size:11px;font-weight:700;color:#191919;margin:2px 0 0;line-height:1.4}@media(min-width:1000px){.elep-stair,.elep-list{gap:10.8px;padding:10.8px 10.8px 0}.elep-stair{grid-template-columns:repeat(6,1fr);grid-auto-rows:calc((100cqw - 54px) / 6 * 1.5548)}.elep-list{grid-template-columns:repeat(8,1fr);grid-auto-rows:calc((100cqw - 75.6px)*.19435)}.elep-cell{grid-area:var(--pc)}.elep-stair .is-sm .elep-cell__name{font-size:21px}.elep-stair .is-big .elep-cell__name{font-size:34px}.elep-list .is-sm .elep-cell__name{font-size:19px}.elep-list .is-big .elep-cell__name{font-size:30px}.elep-new{padding:30px 0 18px}.elep-new__head{padding:0 10.8px 18px}.elep-new__head h2{font-size:20px}.elep-new__head a{font-size:13px}.elep-new__track{padding:0 10px 20px}.elep-new__track>.elep-pcard{flex-basis:calc((100% + 20px) / 6.3)}.elep-new__arrow{top:calc((100vw - 20px) / 6.3 * .75)}.elep-pcard{padding-bottom:20px}.elep-pcard__brand{font-size:11px;margin-top:10px}.elep-pcard__name{font-size:13px}.elep-pcard__price{font-size:12px}}.elep-cell__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.elep-cell:before,.elep-cell:after,.elep-cell__fx:before,.elep-cell__fx:after{content:"";position:absolute;top:calc(-1 * var(--gap-vertical, 1px));left:calc(-1 * var(--gap-horizontal, 1px));width:calc(100% + var(--gap-horizontal, 1px) * 2);height:calc(100% + var(--gap-vertical, 1px) * 2);z-index:1;background-image:var(--img);background-size:cover;background-position:center;opacity:0;pointer-events:none}.elep-cell:before{transform:translate3d(var(--gap-horizontal, 1px),0,0)}.elep-cell:after{transform:translate3d(calc(-1 * var(--gap-horizontal, 1px)),0,0)}.elep-cell__fx:before{transform:translate3d(0,calc(-1 * var(--gap-vertical, 1px)),0) scale3d(-1,-1,1)}.elep-cell:hover:before,.elep-cell:hover:after,.elep-cell:hover .elep-cell__fx:before,.elep-cell.is-glitch:before,.elep-cell.is-glitch:after,.elep-cell.is-glitch .elep-cell__fx:before{opacity:1}@media(hover:hover)and (pointer:fine){.elep-cell:hover:before{animation:glitch-anim-1-horizontal var(--time-anim, 4s) infinite linear alternate}.elep-cell:hover:after{animation:glitch-anim-2-horizontal var(--time-anim, 4s) infinite linear alternate}.elep-cell:hover .elep-cell__fx:before{animation:glitch-anim-3-horizontal var(--time-anim, 4s) infinite linear alternate}.elep-cell:hover .elep-cell__fx:after{animation:glitch-anim-flash .5s steps(1,end) infinite}.elep-cell:hover .elep-cell__name span{animation:glitch-anim-text .5s linear}}.elep-cell.is-glitch:before{animation:glitch-anim-1-horizontal calc(var(--time-anim, 4s) / 2) 1 linear}.elep-cell.is-glitch:after{animation:glitch-anim-2-horizontal calc(var(--time-anim, 4s) / 2) 1 linear}.elep-cell.is-glitch .elep-cell__fx:before{animation:glitch-anim-3-horizontal calc(var(--time-anim, 4s) / 2) 1 linear}.elep-cell.is-glitch .elep-cell__fx:after{animation:glitch-anim-flash .5s steps(1,end) 4}.elep-cell.is-glitch .elep-cell__name span{animation:glitch-anim-text .5s linear}@media(prefers-reduced-motion:reduce){.elep-cell:hover:before,.elep-cell:hover:after,.elep-cell:hover .elep-cell__fx:before,.elep-cell:hover .elep-cell__fx:after,.elep-cell:hover .elep-cell__name span,.elep-cell.is-glitch:before,.elep-cell.is-glitch:after,.elep-cell.is-glitch .elep-cell__fx:before,.elep-cell.is-glitch .elep-cell__fx:after,.elep-cell.is-glitch .elep-cell__name span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/elep-top-renewal.css.map */