@media only screen and (max-width: 1023px){.main{padding:10.66667vw 0}.main .classification-list{width:100%;margin-top:5.33333vw;padding:5.33333vw;box-sizing:border-box;background:#f8f9fd;border-radius:1.33333vw;box-shadow:.53333vw .53333vw 2vw .13333vw rgba(0,0,0,0.16);position:relative}.main .classification-list .classification-row{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:10}.main .classification-list .classification-row .row-title{font-size:3.2vw;color:#333333;white-space:nowrap}.main .classification-list .classification-row .items-special{width:100%;margin-top:3.06667vw;margin-left:0;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;transform:translateY(0)}.main .classification-list .classification-row .items-special .classification-group{width:100%;margin-top:2.93333vw;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.main .classification-list .classification-row .items-special .classification-group .group-title{margin-left:3.2vw;margin-right:2.66667vw;margin-bottom:1.86667vw}.main .classification-list .classification-row .items-special .classification-group .group-title span{font-size:3.2vw;color:#005fb9;font-weight:bold}.main .classification-list .classification-row .items-special .classification-group .classification-item{margin-bottom:1.86667vw}.main .classification-list .classification-row .items-special .classification-item{cursor:pointer;padding:.93333vw 3.2vw;border-radius:3.2vw;background:none}.main .classification-list .classification-row .items-special .classification-item span{font-size:3.2vw;color:rgba(0,0,0,0.6)}.main .classification-list .classification-row .items-special .active{background:linear-gradient(to right, #32f2f2, #005fb9)}.main .classification-list .classification-row .items-special .active span{color:#ffffff}.main .classification-list .classification-row .items{width:100%;margin-top:3.06667vw;margin-left:0;display:flex;flex-direction:row;flex-wrap:wrap;transform:translateY(0)}.main .classification-list .classification-row .items .classification-item{cursor:pointer;margin-bottom:1.86667vw;padding:.93333vw 3.2vw;border-radius:3.2vw;background:none}.main .classification-list .classification-row .items .classification-item span{font-size:3.2vw;color:rgba(0,0,0,0.6)}.main .classification-list .classification-row .items .active{background:linear-gradient(to right, #32f2f2, #005fb9)}.main .classification-list .classification-row .items .active span{color:#ffffff}.main .classification-list .classification-row:not(:first-child){margin-top:4vw}.main .classification-list .classification-row:not(:last-child){border-bottom:.13333vw solid rgba(0,0,0,0.1)}.main .classification-list::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:-.53333vw -.53333vw 1.33333vw .13333vw #fff}.main .product-list{width:100%;margin-top:5.33333vw;display:flex;flex-direction:row;flex-wrap:wrap}.main .product-list .product-item{width:44.4vw;height:auto;box-sizing:border-box;background:linear-gradient(#f1f3f9, #fff);border-radius:1.33333vw;box-shadow:.53333vw .53333vw 2vw .13333vw rgba(0,0,0,0.16);position:relative}.main .product-list .product-item a{width:100%;height:100%}.main .product-list .product-item .img-area{width:100%;height:30.93333vw;border-bottom:.13333vw solid rgba(0,0,0,0.2);position:relative}.main .product-list .product-item .img-area::after{top:50%;left:50%;transform:translate(-50%, -50%);content:'';position:absolute;width:70%;height:70%;background:#ffffff;z-index:0;filter:blur(2.66667vw);z-index:0}.main .product-list .product-item .img-area .product-img{max-width:60%;max-height:60%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%, -50%)}.main .product-list .product-item .message-area{width:100%;padding:4vw 3.2vw;box-sizing:border-box;display:flex;flex-direction:column}.main .product-list .product-item .message-area .product-name{text-align:left;width:38vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:3.73333vw;color:#000000}.main .product-list .product-item .message-area .shelving-time{text-align:left;margin-top:2.26667vw;font-size:3.2vw;color:rgba(0,0,0,0.5)}.main .product-list .product-item .detail-arrow{width:5.33333vw;height:5.33333vw;position:absolute;right:4vw;bottom:4vw}.main .product-list .product-item::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;box-shadow:-.53333vw -.53333vw 1.33333vw .13333vw #fff}.main .product-list .product-item:nth-child(even){margin-left:3.2vw}.main .product-list .product-item:nth-child(n+3){margin-top:3.2vw}}@media only screen and (min-width: 1024px){.main{padding:5.20833vw 0}.main .classification-list{width:100%;margin-top:3.125vw;padding:1.77083vw 3.125vw;box-sizing:border-box;background:#f8f9fd;border-radius:.52083vw;box-shadow:.20833vw .20833vw .78125vw .05208vw rgba(0,0,0,0.16);position:relative}.main .classification-list .classification-row{display:flex;flex-direction:row;align-items:flex-start;position:relative;z-index:10}.main .classification-list .classification-row .row-title{font-size:1.14583vw;color:#333333;white-space:nowrap}.main .classification-list .classification-row .items-special{margin-left:2.08333vw;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;transform:translateY(-.41667vw)}.main .classification-list .classification-row .items-special .classification-group{width:100%;margin-top:.41667vw;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.main .classification-list .classification-row .items-special .classification-group .group-title{margin-left:1.5625vw;margin-right:1.04167vw;margin-bottom:.72917vw}.main .classification-list .classification-row .items-special .classification-group .group-title span{font-size:.9375vw;color:#005fb9;font-weight:bold}.main .classification-list .classification-row .items-special .classification-group .classification-item{margin-bottom:.72917vw}.main .classification-list .classification-row .items-special .classification-item{cursor:pointer;padding:.41667vw 1.04167vw;border-radius:1.25vw;background:none}.main .classification-list .classification-row .items-special .classification-item span{font-size:.9375vw;color:rgba(0,0,0,0.6)}.main .classification-list .classification-row .items-special .active{background:linear-gradient(to right, #32f2f2, #005fb9)}.main .classification-list .classification-row .items-special .active span{color:#ffffff}.main .classification-list .classification-row .items{margin-left:2.08333vw;display:flex;flex-direction:row;flex-wrap:wrap;transform:translateY(-.41667vw)}.main .classification-list .classification-row .items .classification-item{cursor:pointer;margin-bottom:.72917vw;padding:.41667vw 1.04167vw;border-radius:1.25vw;background:none}.main .classification-list .classification-row .items .classification-item span{font-size:.9375vw;color:rgba(0,0,0,0.6)}.main .classification-list .classification-row .items .active{background:linear-gradient(to right, #32f2f2, #005fb9)}.main .classification-list .classification-row .items .active span{color:#ffffff}.main .classification-list .classification-row:not(:first-child){margin-top:1.30208vw}.main .classification-list .classification-row:not(:last-child){border-bottom:.05208vw solid rgba(0,0,0,0.1)}.main .classification-list::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:-.20833vw -.20833vw .52083vw .05208vw #fff}.main .product-list{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.main .product-list .product-item{margin-top:2.08333vw;width:23%;height:20.83333vw;margin-right:2.66%;box-sizing:border-box;background:linear-gradient(#f1f3f9, #fff);border-radius:.52083vw;z-index:3;box-shadow:.20833vw .20833vw .78125vw .05208vw rgba(0,0,0,0.16);position:relative}.main .product-list .product-item a{width:100%;height:100%}.main .product-list .product-item .img-area{width:100%;height:12.5vw;border-bottom:.05208vw solid rgba(0,0,0,0.2);position:relative}.main .product-list .product-item .img-area::after{top:50%;left:50%;transform:translate(-50%, -50%);content:'';position:absolute;width:60%;height:60%;background:#ffffff;z-index:0;filter:blur(1.04167vw)}.main .product-list .product-item .img-area .product-img{z-index:2;width:35%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.main .product-list .product-item .message-area{width:100%;padding:1.04167vw 1.5625vw;box-sizing:border-box;display:flex;flex-direction:column}.main .product-list .product-item .message-area .product-name{text-align:left;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.14583vw;color:#000000}.main .product-list .product-item .message-area .shelving-time{text-align:left;margin-top:.52083vw;font-size:.83333vw;color:rgba(0,0,0,0.5)}.main .product-list .product-item .detail-arrow{width:2.08333vw;height:2.08333vw;position:absolute;right:1.04167vw;bottom:1.04167vw}.main .product-list .product-item::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;box-shadow:-.20833vw -.20833vw .52083vw .05208vw #fff}.main .product-list .product-item:hover{z-index:3;background:url("../images/news/product-hover-back.png");background-size:100% 100%;background-repeat:no-repeat}.main .product-list .product-item:hover .message-area .product-name{color:#005fb9}.main .product-list .product-item:hover .message-area .shelving-time{color:#005fb9}.main .product-list .product-item:nth-of-type(4n){margin-right:0}}