SPECAL PRICE 11/19~12/18

並び替え

@media print, screen and (min-width: 768px) { .Qe_Recently-view{ width: 1024px; margin: 0 auto; } .Qe_Recently-view .recently-viewed-ttl{ width: 1024px; margin: 0 auto 40px !important; text-align: left !important; line-height: 1.1; letter-spacing: 1.92px !important; font-size: 24px; font-weight: 300; position: relative; padding-bottom: 17px; color: #01193a; } .Qe_Recently-view .recently-viewed-ttl::after { content: "" !important; display: block; width: 116px; height: 2px; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(rgb(1, 24, 57)), to(rgb(68, 174, 225))); background: -webkit-linear-gradient(left, rgb(1, 24, 57) 0%, rgb(68, 174, 225) 100%); background: linear-gradient(90deg, rgb(1, 24, 57) 0%, rgb(68, 174, 225) 100%); } .Qe_Recently-view .recently_sliders{ margin: 0 -13px; } .Qe_Recently-view .slick-slide{ width: 263px !important; } .Qe_Recently-view .slick-slide .box-outer{ padding: 0 13.333px !important; margin: 0 !important; } .Qe_Recently-view .productImg{ width: 100%; margin-bottom: 18px; } .Qe_Recently-view .product_title{ font-size: 14px !important; line-height: 1.43; text-align: left !important; font-weight: normal !important; } .Qe_Recently-view .product_price{ font-size: 14px !important; line-height: 1.43; text-align: left !important; font-weight: 700; display: block; } .Qe_Recently-view .product_price s{ display: none; } .Qe_Recently-view .slick-track{ margin: 0 !important; } .Qe_Recently-view .slick-arrow{ width: 20px; height: 50px; background-color: #ffffffb3; top: 135px; bottom: auto; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2); box-shadow: 0 0 3px #0003; transition: opacity .2s; } .Qe_Recently-view .slick-arrow:hover{ opacity: 0.8; } .Qe_Recently-view .recently_sliders .slick-next{ right: 0; } .Qe_Recently-view .recently_sliders .slick-prev { left: 0; } .Qe_Recently-view .slick-arrow::before{ content: "" !important; background-image: url('//cdn.shopify.com/s/files/1/0437/9695/5295/t/11/assets/sl-arrow-right.svg'); background-size: 10px 18px; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 18px; } .Qe_Recently-view .slick-arrow.slick-prev::before{ transform: translate(-50%, -50%) rotate(180deg); } .Qe_Recently-view .slick-arrow.slick-next::before{ transform: translate(-50%, -50%); } } @media screen and (max-width: 767px) { .Qe_Recently-view{ width: calc(100% - 30px); margin: 0 auto; } .Qe_Recently-view .recently-viewed-ttl{ line-height: 1.1; letter-spacing: 1.92px; font-size: 24px; font-weight: 300; position: relative; margin-bottom: 40px; padding: 20.77px 0; color: #01193a; text-align: left !important; } .Qe_Recently-view .recently-viewed-ttl::after { content: "" !important; display: block; width: 108px; height: 2px; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(rgb(1, 24, 57)), to(rgb(68, 174, 225))); background: -webkit-linear-gradient(left, rgb(1, 24, 57) 0%, rgb(68, 174, 225) 100%); background: linear-gradient(90deg, rgb(1, 24, 57) 0%, rgb(68, 174, 225) 100%); } .Qe_Recently-view .productImg{ width: 100%; margin-bottom: 8px; } .Qe_Recently-view .product_title{ font-size: 12px !important; line-height: 1.43; text-align: left !important; font-weight: normal !important; } .Qe_Recently-view .product_price{ font-size: 12px !important; line-height: 1.43; text-align: left !important; font-weight: 700; display: block; } .Qe_Recently-view .product_price s{ display: none; } .Qe_Recently-view .slick-arrow{ width: 20px; height: 50px; background-color: #ffffffb3; top: 32%; bottom: auto; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2); box-shadow: 0 0 3px #0003; transition: opacity .2s; transform: translate(0, -50%); } .Qe_Recently-view .recently_sliders .slick-next{ right: 0; } .Qe_Recently-view .recently_sliders .slick-prev { left: 0; } .Qe_Recently-view .slick-arrow::before{ content: "" !important; background-image: url('//cdn.shopify.com/s/files/1/0437/9695/5295/t/11/assets/sl-arrow-right.svg'); background-size: 10px 18px; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 18px; } .Qe_Recently-view .slick-arrow.slick-prev::before{ transform: translate(-50%, -50%) rotate(180deg); } .Qe_Recently-view .slick-arrow.slick-next::before{ transform: translate(-50%, -50%); } }