.blog-author-heading,.blog-tag-heading{padding:0 1rem}.blog-index{display:flex;flex-wrap:wrap}.blog-index__post{flex:0 0 100%;padding:0 1rem 1.4rem}@media screen and (min-width:500px){.blog-index__post--small{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-index__post--small{flex:0 0 50%}}.blog-index__post--large:first-child{margin-top:0;padding-top:0}.blog-index__post--large{border-bottom:1px solid hsla(0,0%,44%,.15);display:flex;flex:1 0 100%;margin-bottom:24px;padding-bottom:24px;padding-left:0;padding-right:0}.date-tag-box{align-items:flex-end;align-items:center;display:flex;margin-bottom:7px}.date-tag-box .blog-index__post-tags,.date-tag-box .blog-index__post-timestamp{margin:0}.date-tag-box .blog-index__post-timestamp{font-size:14px;margin-right:10px;padding-right:10px;position:relative}.blog-index__post-image{height:auto;max-width:100%;width:100%}@media screen and (min-width:500px){.blog-index__post-image-wrapper--large{flex:1 1 48%}.blog-index__post-content--full-width,.blog-index__post-content--large{flex:1 1 100%;padding-left:0}}.blog-index__post-title{font-size:18px;font-weight:700}@media screen and (max-width:499px){.blog-index__post-title{font-size:1rem}}.blog-index__post-timestamp{display:block}.blog-index__post-author{align-items:center;display:flex}.blog-index__post-author-image{border-radius:50%;height:auto;margin-right:.35rem;width:30px}.blog-index__post-author,.blog-index__post-image--small,.blog-index__post-tags,.blog-index__post-timestamp,.blog-index__post-title,.main .blog-index__post-title{line-height:1.5;margin:0 0 .7rem}.blog-index__post-content .blog-index__post-title-link,.blog-index__post-content .blog-index__post-title-link a:hover{font-weight:700}.blog-index__post--large .blog-index__post-title{margin-bottom:0}.blog-index__post--large .blog-index__post-content .blog-index__post-title-link,.blog-index__post--large .blog-index__post-content .blog-index__post-title-link a{font-size:18px;font-weight:500}.blog-index__post-content .blog-index__post-title-link{color:inherit}.blog-index__post-content .blog-index__post-title-link:hover{text-decoration:underline}.blog-index__post-tags span{background-color:#ebebeb;border:1px solid #ebebeb;color:#111;display:inline-block;font-size:14px;list-style:none;margin:0 5px 5px 0;min-width:82px;min-width:120px;padding:3px 10px;text-align:center}@media screen and (min-width:500px){.front .top-works-wrapper .top-archive02__link__box ul li{min-width:90px}}@media screen and (max-width:999px){.blog-index__post--large .blog-index__post-content .blog-index__post-title-link,.blog-index__post--large .blog-index__post-content .blog-index__post-title-link a{font-size:16px}}