@charset "UTF-8";#main{margin-top:24px;background-color:#fff}#main .content{margin-bottom:20px}#main .mainBox{padding:32px 0 0;box-sizing:border-box}#main .pagePath{margin-bottom:10px}#main .pagePath li:last-child{color:#000}#main #sideBar{margin-top:20px!important}#main #sideBar .sideLink{display:none}#main .series{margin-bottom:52px}#main .series h2{margin:0 5px 17px 0;text-align:center}#main .series ul{margin-top:-27px}#main .series li{margin:27px 27px 0 0;width:222px}#main .series li:nth-child(4n){margin-right:0}#main .series li a{display:block}#main .series li .photo{margin-bottom:10px;overflow:hidden;position:relative;border-radius:10px;transition:.3s;will-change:transform}#main .series li .pho{display:block;position:relative;transition:.3s;will-change:transform}#main .series li .pho img{width:100%;transition:.3s}#main .series li .pho:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#c7c4c0;content:"";mix-blend-mode:multiply;z-index:1;transition:.3s}#main .series li .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:2rem;font-weight:700;line-height:1.2;z-index:2;transition:.3s}#main .series li .txt span{position:relative;display:inline-block}#main .series li .txt span:before{margin-left:-13px;position:absolute;left:50%;bottom:-35px;background:url(icon13-right.png) no-repeat;background-size:25px auto;width:25px;height:19px;content:"";opacity:0;transition:.3s}#main .ranking{padding-bottom:55px;margin-bottom:44px;border-bottom:2px solid #fff}#main .ranking h2{margin:0 4px 29px 0;text-align:center}.fish{padding:76px 0 83px}.fish .inner{width:1184px;margin:0 auto}.fish h2{margin-bottom:46px;text-align:center}.fish ul{margin-top:-14px}.fish li{margin:14px 10px 0 0;display:inline-block}.fish li a{padding:8px 20px;display:inline-block;font-size:1.5rem;background-color:#fff;border-radius:19px}.comPhotoUl li .price{font-size:1.7rem}@media all and (min-width: 897px){#main .series li p{font-size:1.4rem}#main .series li a:hover .photo{border-radius:40px}#main .series li a:hover p{color:#02a464}#main .series li a:hover .pho:before{background-color:#ccae86}#main .series li a:hover .pho img{-webkit-transform:scale(1.1);transform:scale(1.1)}#main .series li a:hover .txt{padding-bottom:23px;box-sizing:border-box}#main .series li a:hover .txt span:before{opacity:1}.fish li a:hover{color:#02a464}}@media all and (max-width: 896px){#main #shopify-section-sidebar-ec{display:none}#main .pagePath{margin-left:10px}#main .series{margin-bottom:35px}#main .series h2{margin:0 0 9px}#main .series ul{margin-top:-18px;justify-content:space-between}#main .series li{margin:18px 0 0;width:47.2%}#main .series li .photo{margin-bottom:5px}#main .series li .txt{font-size:1.3rem}#main .series li p{margin-right:-5px;font-size:1.1rem}#main .ranking{padding:0 0 16px 20px;margin:0 -20px 18px}#main .ranking h2{margin:0 0 -10px -20px}.fish{padding:30px 15px;margin-bottom:30px}.fish .inner{width:auto}.fish h2{margin-bottom:15px}.fish ul{margin-top:-5px}.fish li{margin:5px 5px 0 0}.fish li a{padding:4px 20px;font-size:1.3rem}.comPhotoUl li{padding-top:20px;width:110px!important;margin:0 16px 0 0;float:left}}@media all and (-ms-high-contrast:none){#main .series li .pho:before{opacity:0}.fish li a{padding:11px 20px 5px}}.comTextUl li{margin-bottom:36px}.comTextUl li{display:flex;justify-content:space-between}.comTextUl .pho{margin-top:3px;overflow:hidden;border-radius:10px;width:232px}.comTextUl .pho a{display:block}.comTextUl .pho a:hover{opacity:.7}.comTextUl .textBox{width:680px}.comTextUl .txtBox a{display:block}.comTextUl p{margin-bottom:42px;font-size:1.8rem;line-height:1.55}.comTextUl .title{margin-bottom:12px!important;font-size:1.8rem;font-weight:700;line-height:1.4}.comTextUl .sort{margin:-10px 0 0}.comTextUl .sort a{margin:10px 14px 0 0;padding:7px 7px 6px 28px;display:inline-block;color:#11a464;font-size:1.4rem;background:#eff7f4 url(tag-icon.png) no-repeat left 10px center;background-size:13px auto;border-radius:6px}.comTextUl .sort a:hover{opacity:.7}@media all and (min-width: 897px){.comTextUl .txtBox a:hover h3,.comTextUl .txtBox a:hover p{color:#11a464}.comTextUl .pho a img{width:232px;height:170px;object-fit:cover}}@media all and (max-width: 896px){.comTextUl li{margin-bottom:30px}.comTextUl li{display:block}.comTextUl .pho{margin-bottom:15px;width:auto}.comTextUl .pho img{width:100%}.comTextUl .textBox{width:auto}.comTextUl p{margin-bottom:10px;font-size:1.4rem}.comTextUl .title{margin-bottom:10px!important;font-size:1.5rem}.comTextUl .sort{margin:-3px 0 0}.comTextUl .sort a{margin:-3px 3px 0 0;padding:7px 8px 6px 20px;font-size:1.2rem;background-position:left 5px center;background-size:auto 10px}}#main .topBanner{margin:0 15px}.comSortUl{margin:30px 15px 50px}.comSortUl li{display:inline-block;margin:13px 10px 0 0}.comSortUl li a{padding:6px 9px 7px 28px;display:inline-block;color:#11a464;font-size:1.4rem;background:#eff7f4 url(tag-icon.png) no-repeat left 10px center;background-size:13px auto;border-radius:6px}.comSortUl li a:hover{opacity:.7}@media all and (max-width: 896px){#main .topBanner{margin:0}.comSortUl{margin:10px 0}.comSortUl li{margin:8px 5px 0 0}.comSortUl li a{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ec-blog.css.map */