@charset "UTF-8";.ii-close1:before{content:"\e902"}.ii-arrow1:before{content:"\e900"}.menutest{position:fixed;width:100%;height:80px;left:0;top:0;z-index:999;background-color:#ff9100;font-size:5vw;line-height:80px;color:#fff;padding:0 20px}.compare{position:relative;width:100%;margin:0 auto;display:block;overflow:hidden}.compare a{text-decoration:none}.compare .main_title{font-size:40px;display:block;line-height:50px;text-align:center;letter-spacing:3px;margin-bottom:9px;max-width:50%;margin-left:auto;margin-right:auto}.compare .top_num{font-size:15px;display:block;text-align:center;letter-spacing:2px;font-weight:700}.compare .top_num .num{color:#ff9100;font-size:20px;margin:0 10px}.compare .clearall{font-size:13px;position:absolute;right:10%;top:50px;border:1px solid;padding:5px 25px;cursor:pointer;letter-spacing:1px}.compare .compare-container{margin-top:60px;width:80%;overflow:visible}.compare .swiper-slide{width:497px}.compare .main_box{display:block;position:relative;color:#444;opacity:.3;transition:all .5s ease}.compare .main_box a,.compare .main_box div{opacity:0;transition:all .5s ease}.compare .swiper-slide.show_it .main_box a,.compare .swiper-slide.show_it .main_box div,.compare .swiper-slide.swiper-slide-active .main_box a,.compare .swiper-slide.swiper-slide-active .main_box div,.compare .swiper-slide.swiper-slide-next .main_box a,.compare .swiper-slide.swiper-slide-next .main_box div{opacity:1}.compare .swiper-slide.show_it .main_box,.compare .swiper-slide.swiper-slide-active .main_box,.compare .swiper-slide.swiper-slide-next .main_box{opacity:1}.compare .swiper-slide .main_box div.top_area_sticky{position:absolute;top:0;width:100%;background-color:#fff;padding:10px 0;z-index:3;opacity:0;pointer-events:none;transition:opacity .5s ease}.compare .swiper-slide .main_box div.top_area_sticky.active{opacity:1;pointer-events:auto;transform:translateY(80px)}.compare .swiper-slide .main_box div.top_area_sticky .main_name{font-size:29px;line-height:28px;min-height:auto}.compare .swiper-slide .main_box div.top_area_sticky .id{margin-bottom:0}.compare .ii-close1{color:#bebebe;font-size:32px;position:absolute;top:15px;right:15px;cursor:pointer}.compare .main_box .imgs{display:flex;margin-bottom:20px;flex-wrap:wrap;opacity:1;justify-content:center;align-items:center}.compare.ie .main_box .imgs img{width:100%}.compare .main_box .main_name{font-size:23px;color:#444;font-weight:700;width:100%;text-align:center;display:block;line-height:36px;margin-bottom:7px}.compare .main_box .id{font-size:18px;font-weight:700;width:100%;text-align:center;display:block;line-height:28px;margin-bottom:60px}.compare .main_box .normal_price{font-size:18px;display:block;text-align:center;text-decoration:line-through}.compare .main_box .special_price{color:#df0000;font-size:18px;display:block;text-align:center;margin:10px 0;line-height:30px}.compare .main_box .special_price .num{font-size:25px}.compare .main_box .more{width:228px;height:50px;background-color:#555;color:#fff;display:block;margin:30px auto 45px;font-size:15px;text-align:center;line-height:50px;font-weight:700;cursor:pointer;text-decoration:none}.compare .main_box .memo{font-size:15px;display:block;text-align:center;line-height:26px;width:100%;left:0;margin-bottom:90px;position:relative;padding:0 30px}.compare .main_box .list{display:block;position:relative}.compare .main_box .compare-line{display:block;line-height:28px;padding:18px;position:relative}.compare .main_box .compare-line:nth-child(odd){background-color:#eee}.compare .main_box .compare-line .name{font-size:17px;font-weight:700}.compare .main_box .compare-line .detail{font-size:15px}.compare .swiper-button-next{font-size:20px;position:fixed;top:50%;right:10%;transform:translateX(100%) translateY(-50%);width:86px;height:86px;color:#444;border:1px solid;z-index:5;cursor:pointer;transition:all .5s ease;opacity:0;background-color:#fff;outline:0}.compare .swiper-button-prev{font-size:20px;position:fixed;top:50%;left:10%;transform:translateX(-100%) translateY(-50%);width:86px;height:86px;color:#444;border:1px solid;z-index:5;cursor:pointer;opacity:0;transition:all .5s ease;background-color:#fff;outline:0}.compare .swiper-button-prev span{transform:rotateY(180deg)}.compare .swiper-button-next::after{content:''}.compare .swiper-button-prev::after{content:''}.compare.showit .swiper-button-next,.compare.showit .swiper-button-prev{opacity:1}.compare .swiper-button-next.swiper-button-disabled,.compare .swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none}.compare .no-item{background:#f9fafb;padding:30px;text-align:center;letter-spacing:2px;font-size:15px}.compare .btn-box{text-align:center;margin:50px 0}.compare .btn{font-size:15px;border:1px solid;padding:6px 25px;letter-spacing:1px;line-height:1.5em;border-radius:0;color:#333}.compare .btn:active{box-shadow:inset 3px 3px 3px rgba(20%,20%,40%,0)}@media (max-width:1200px){.compare .compare-container{margin-top:60px;width:90%;overflow:visible}.compare .clearall{right:5%}.compare .main_box .main_name{font-size:20px;line-height:26px}.compare .main_box .id{font-size:16px;line-height:24px;margin-bottom:40px}.compare .main_box .normal_price,.compare .main_box .special_price{font-size:16px;line-height:24px}.compare .main_box .special_price .num{font-size:22px}.compare .main_box .more{margin:20px auto 35px}.compare .main_box .memo{margin-bottom:45px}.compare .main_box .compare-line{padding:14px}.compare .swiper-slide .main_box div.top_area_sticky{transform:translate3d(0,0,0);transition:transform .6s ease,opacity .1s ease}.compare .swiper-slide .main_box div.top_area_sticky.active{transform:translateY(80px)}}@media (max-width:991px){.compare .main_title{font-size:34px;line-height:46px}.compare .swiper-button-next,.compare .swiper-button-prev{width:60px;height:60px}}@media (max-width:767px){.compare .compare-container{width:100%;padding:0 5%}.compare .clearall{right:5%;position:relative;width:auto;top:0;margin-top:10px;margin:20px auto 0;display:inline-block;left:50%;transform:translateX(-50%)}.compare .swiper-button-next{width:40px;height:40px;right:10px;transform:none;font-size:14px}.compare .swiper-button-prev{width:40px;height:40px;left:10px;transform:none;font-size:14px}.compare .main_box .special_price .num{font-size:18px}.compare .main_box .normal_price,.compare .main_box .special_price{font-size:15px;line-height:24px}.compare .main_box .more{width:100%}}