.articles-wrapper.grid{margin:0 0 5rem}@media screen and (min-width:750px){.articles-wrapper.grid{margin-bottom:7rem}}.articles-wrapper .article{max-width:100%}@media screen and (max-width:749px){.articles-wrapper .article{width:100%}}.article{display:flex;align-items:center}.article.grid__item{padding:0}.article-card{background-color:rgba(var(--color-foreground),.04);align-self:flex-start;flex:0 1 100%;display:flex;align-items:flex-start;height:100%}.grid--peek .article-card{box-sizing:border-box}.article-card__info{padding:3rem;display:flex;flex-direction:column;flex-grow:1}.article-content{width:100%;height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}.article-content:hover .article-card__title{text-decoration:underline;text-underline-offset:.3rem}.article-card__image{overflow:hidden}.article-content img{transition:transform var(--duration-long) ease}.article-content:hover img{transform:scale(1.07)}.article-card__image-wrapper>a{display:block}.article-card__title{text-decoration:none;word-break:break-word}.article-card__link.link{padding:0}.article-card__link{text-underline-offset:.3rem}.article-content:hover .article-card__link{text-decoration-thickness:.2rem}.article-card__header{line-height:.8;margin-bottom:1.2rem}.article-card__header h2{margin:0 0 .2rem}.article-card__header h2:only-child{margin:0}.article-card__header h2:not(:first-child){margin-top:1rem}.article-card__header h2+span{display:inline-block;margin-top:.4rem}.article-card__footer{letter-spacing:.1rem;font-size:1.4rem}.article-card__footer:not(:last-child){margin-bottom:1rem}.article-card__footer:last-child{margin-top:auto}.article-card__link:not(:only-child){margin-right:3rem}@media screen and (min-width:990px){.article-card__link:not(:only-child){margin-right:4rem}}.blog_recom ul li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:3%;-webkit-box-shadow:0 0 0 1px #ccc inset;box-shadow:0 0 0 1px #ccc inset;margin-bottom:30px}.blog_recom ul li p{width:28%}.blog_recom ul li p img{width:100%;height:auto}.blog_recom ul li .diff{width:64%}.blog_recom ul li .diff dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.blog_recom ul li .diff dt{background:#c53630;text-align:center;color:#fff;font-weight:700;padding:5px;display:inline-block;margin-right:5%}.blog_recom ul li .diff dd{font-weight:700}.blog_recom ul li .diff h3{background:url(./dot-line.gif) repeat-x left bottom;padding-bottom:15px;margin-bottom:15px;border-bottom:none;position:static}.blog_recom ul li .diff h3:after{content:none}.blog_recom ul li .diff p{width:100%}.blog_recom ul li .diff p.note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.blog_recom ul li .diff p.more a{background:#000;padding:8px;color:#fff;text-decoration:none;float:right}.blog_contst{max-width:var(--page-width);padding:0 10px;margin:40px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-blog{width:800px}aside.blog-side{padding-top:88px;width:280px}.nierly_list a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(./bl_arrow.svg) no-repeat right center,url(./dot-line.gif) repeat-x left bottom;background-size:8px 8px,4px 1px;padding:10px 5% 10px 0}.nierly_list a p:first-child{width:34%}.nierly_list a p:first-child img{width:100%;height:auto}.nierly_list a p:last-child{width:60%}.side_blogtit:first-child{margin-top:0}.side_blogtit{text-align:center;color:#fff;background:#000;padding:5%;font-weight:700;position:relative;margin-bottom:20px;margin-top:60px}.side_blogtit:after{border:10px solid transparent;border-top-color:#000;border-bottom-width:0;bottom:-10px;content:"";display:block;left:45%;position:absolute;width:0}@media screen and (max-width:749px){.blog_recom ul li .diff h3{font-size:18px}.blog_contst{width:90%;margin:0 auto;display:inline}.main-blog{width:100%}.blog_contst main{width:100%}aside.blog-side{width:100%;margin:0 auto;padding:0 10px}.title--primary{margin:0 0 2rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-article-card.css.map */