@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes bounce{0%{animationTimingFunction:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{animationTimingFunction:cubic-bezier(0,0,.2,1);-webkit-transform:none;transform:none}to{animationTimingFunction:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@keyframes bounce{0%{animationTimingFunction:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{animationTimingFunction:cubic-bezier(0,0,.2,1);-webkit-transform:none;transform:none}to{animationTimingFunction:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@-webkit-keyframes fadeInLeftDelay{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}50%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeInLeftDelay{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}50%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate(20px);transform:translate(20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate(20px);transform:translate(20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(20px);transform:translate(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(20px);transform:translate(20px)}}@-webkit-keyframes gradient{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-49%,-49%);transform:translate(-49%,-49%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes gradient{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-49%,-49%);transform:translate(-49%,-49%)}to{-webkit-transform:translate(0);transform:translate(0)}}.articleBlock .title a{-webkit-box-orient:vertical;word-wrap:break-word;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}main{margin-left:auto;margin-right:auto;max-width:1132px;padding-left:2.4rem;padding-right:2.4rem;width:100%}@media screen and (max-width:575px){main{padding-left:1.6rem;padding-right:1.6rem}}main{min-height:100vh}@media screen and (max-width:1023px){main{min-height:calc(100vh - 6.4rem)}}.noResult{font-size:2.8rem;line-height:4rem}@media screen and (max-width:1023px){.noResult{font-size:2.4rem;line-height:3.4rem}}@media screen and (max-width:575px){.noResult{font-size:2rem;line-height:3rem}}.pageTitle{font-size:2.8rem;line-height:3.6rem}@media screen and (max-width:1023px){.pageTitle{font-size:1.8rem;line-height:2.4rem}}.articleBlock .title,.suggestSearch .title{font-size:1.6rem;line-height:2.4rem}@media screen and (max-width:1023px){.articleBlock .title{font-size:1.4rem;line-height:2rem}}.articleBlock .bottomInfo,.articleBlock .tagsWrap a{font-size:1.2rem;line-height:1.8rem}.articleBlock .imgBtn{padding-bottom:1.6rem}@media screen and (max-width:1023px){.articleBlock .imgBtn{padding-bottom:1.6rem}}@media screen and (max-width:575px){.articleBlock .imgBtn{padding-bottom:1.2rem}}.noResult{padding-top:16rem}@media screen and (max-width:1023px){.noResult{padding-top:12rem}}@media screen and (max-width:575px){.noResult{padding-top:8rem}}.noResult{padding-bottom:16rem}@media screen and (max-width:1023px){.noResult{padding-bottom:12rem}}@media screen and (max-width:575px){.noResult{padding-bottom:8rem}}.tagsWrap li+li{margin-left:1.6rem}@media screen and (max-width:1023px){.tagsWrap li+li{margin-left:1.6rem}}@media screen and (max-width:575px){.tagsWrap li+li{margin-left:1.2rem}}.noResult p:first-of-type,.suggestSearch .title{margin-bottom:1.6rem}@media screen and (max-width:1023px){.noResult p:first-of-type,.suggestSearch .title{margin-bottom:1.6rem}}@media screen and (max-width:575px){.noResult p:first-of-type,.suggestSearch .title{margin-bottom:1.2rem}}.listWrap .articleBlock:nth-of-type(4n+1),.listWrap .articleBlock:nth-of-type(4n+2),.listWrap .articleBlock:nth-of-type(4n+3){margin-right:2rem}@media screen and (max-width:1023px){.listWrap .articleBlock:nth-of-type(4n+1),.listWrap .articleBlock:nth-of-type(4n+2),.listWrap .articleBlock:nth-of-type(4n+3){margin-right:2rem}}@media screen and (max-width:575px){.listWrap .articleBlock:nth-of-type(4n+1),.listWrap .articleBlock:nth-of-type(4n+2),.listWrap .articleBlock:nth-of-type(4n+3){margin-right:1.6rem}}.articleBlock .title{margin-bottom:2rem}@media screen and (max-width:1023px){.articleBlock .title{margin-bottom:2rem}}@media screen and (max-width:575px){.articleBlock .title{margin-bottom:1.6rem}}.pageTitle{margin-top:4rem}@media screen and (max-width:1023px){.pageTitle{margin-top:3rem}}@media screen and (max-width:575px){.pageTitle{margin-top:2rem}}.listWrap .articleBlock{margin-bottom:4rem}@media screen and (max-width:1023px){.listWrap .articleBlock{margin-bottom:3rem}}@media screen and (max-width:575px){.listWrap .articleBlock{margin-bottom:2rem}}.suggestSearch .title{margin-top:4.8rem}@media screen and (max-width:1023px){.suggestSearch .title{margin-top:3.6rem}}@media screen and (max-width:575px){.suggestSearch .title{margin-top:2.4rem}}.pageTitle{margin-bottom:4.8rem}@media screen and (max-width:1023px){.pageTitle{margin-bottom:3.6rem}}@media screen and (max-width:575px){.pageTitle{margin-bottom:2.4rem}}.js-loadMoreBtn{margin-top:8rem}@media screen and (max-width:1023px){.js-loadMoreBtn{margin-top:5rem}}@media screen and (max-width:575px){.js-loadMoreBtn{margin-top:4.8rem}}.listWrap.js-finished{margin-bottom:8rem}@media screen and (max-width:1023px){.listWrap.js-finished{margin-bottom:5rem}}@media screen and (max-width:575px){.listWrap.js-finished{margin-bottom:4.8rem}}.js-loadMoreBtn{margin-bottom:16rem}@media screen and (max-width:1023px){.js-loadMoreBtn{margin-bottom:12rem}}@media screen and (max-width:575px){.js-loadMoreBtn{margin-bottom:8rem}}.articleBlock .title:hover,.js-loadMoreBtn:hover,.tagsWrap a:hover{opacity:.6;transition:opacity .2s ease-out}.articleBlock .tagsWrap a,.tagsWrap a{position:relative}.articleBlock .tagsWrap a:before,.tagsWrap a:before{border-bottom:3px solid var(--primary-1-color);bottom:1px;content:"";display:block;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:-1}.js-loadMoreBtn{background-color:var(--secondary-1-color);background-color:var(--secondary-6-color);border:none;border:1px solid var(--secondary-1-color);border-radius:.8rem;color:var(--secondary-6-color);color:var(--secondary-1-color);cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:500;outline:none;padding:1.2rem;text-align:center;width:100%}main,main *{box-sizing:border-box}.articleBlock,.articleBlock .imgBtn{width:100%}.articleBlock .imgBtn:hover+.info .title{opacity:.6}.articleBlock .imgWrap{border-radius:.8rem;display:block;overflow:hidden;padding-top:75%;position:relative;width:100%;z-index:2}.articleBlock .imgWrap img{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1}.articleBlock .imgWrap img.imgBase{-webkit-filter:blur(10px);filter:blur(10px);z-index:0}.articleBlock .imgWrap .imgBg{-webkit-animation:gradient 3s ease infinite;animation:gradient 3s ease infinite;background:linear-gradient(-45deg,var(--secondary-5-color),var(--secondary-3-color));height:200%;left:0;position:absolute;top:0;width:200%;will-change:transform;z-index:0}.articleBlock .imgWrap.js-lazyloaded .imgBg{-webkit-animation-play-state:paused;animation-play-state:paused;display:none}.articleBlock .imgWrap.js-lazyloaded.imgBase{display:none}.articleBlock .title{font-weight:500;width:100%}.articleBlock .title.line2 a{-webkit-line-clamp:2}.articleBlock .title.line3 a{-webkit-line-clamp:3}.articleBlock .bottomInfo{display:flex;justify-content:space-between;letter-spacing:.3px}.articleBlock .tagsWrap{color:var(--secondary-2-color);list-style-type:none;margin-bottom:0;margin-top:0}.articleBlock .date{color:var(--secondary-4-color);margin-left:auto;white-space:nowrap}@media screen and (max-width:1023px){.articleBlock{margin-left:auto;margin-right:auto}}.js-loadMoreBtn{display:block;margin-left:auto;margin-right:auto;max-width:34.8rem}@media screen and (max-width:1023px){.js-loadMoreBtn{max-width:30.2rem}}.tagsWrap li{display:inline-block;margin-bottom:.8rem}.tagsWrap a{font-size:1.6rem}.noResult{text-align:center}.noResult p,.pageTitle{font-weight:700}.pageTitle{text-align:center}.listWrap{align-items:stretch;display:flex;flex-wrap:wrap}.listWrap .articleBlock{width:calc(25% - 1.5rem)}.listWrap .articleBlock:last-of-type,.listWrap .articleBlock:nth-last-of-type(2),.listWrap .articleBlock:nth-last-of-type(3),.listWrap .articleBlock:nth-last-of-type(4){margin-bottom:0}.listWrap .articleBlock .title{height:7.2rem}@media screen and (max-width:1023px){.listWrap .articleBlock{width:100%}.listWrap .articleBlock:nth-of-type(4n+1),.listWrap .articleBlock:nth-of-type(4n+2),.listWrap .articleBlock:nth-of-type(4n+3){margin-right:auto}.listWrap .articleBlock:nth-last-of-type(2),.listWrap .articleBlock:nth-last-of-type(3),.listWrap .articleBlock:nth-last-of-type(4){margin-bottom:2rem}.listWrap .articleBlock .title{height:auto}}