.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}.blog-index__post-image-wrapper{border:1px solid #ccc;display:block;margin-bottom:.7rem;overflow:hidden}a.blog-index__post-image-wrapper .blog-index__post-image{margin-bottom:0;margin-top:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}a.blog-index__post-image-wrapper:hover .blog-index__post-image{transform:scale(1.1)}@media screen and (min-width:500px){.blog-index__post--small{flex:0 0 50%;max-width:50%}}.blog-index__post--large:first-child{border-top:1px solid hsla(0,0%,44%,.15);margin-top:0;padding-top:15px}.blog-index__post--large{border-bottom:1px solid hsla(0,0%,44%,.15);display:flex;flex:1 0 100%;margin-bottom:15px;padding-bottom:15px;padding-left:0;padding-right:0}.blog-index__timestamp-tags-container{align-items:center;display:flex;margin-bottom:0}.date-tag-box{align-items:flex-end;display:flex;margin-bottom:7px}.date-tag-box .blog-index__post-tags,.date-tag-box .blog-index__post-timestamp{line-height:1.5;margin:0}.date-tag-box .blog-index__post-timestamp{margin-right:15px;padding-right:15px;position:relative}.date-tag-box .blog-index__post-timestamp:before{background-color:hsla(0,0%,7%,.3);content:"";display:block;height:12px;position:absolute;right:0;top:4px;width:1px}.date-tag-box .blog-index__post-tags span{background-color:transparent;border:none;display:inline-block;font-size:13px;margin:0;min-width:inherit;padding:0;text-align:left}.blog-index__post-image{aspect-ratio:351/197;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:1rem;font-weight:700}@media screen and (max-width:499px){.blog-index__post-title{font-size:1rem}}.blog-index__post-timestamp{color:#888;display:block;font-family:Noto Sans JP,sans-serif}.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{font-size:16px;line-height:1.5;margin:.7rem 0;padding:0}@media screen and (max-width:499px){.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{font-size:14px}}.blog-index__post-tags{margin-bottom:60px;margin-top:0}.main .blog-index__post-title:before{display:none}.blog-index__post-timestamp{font-size:14px;margin:0 10px 10px 0}.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-content .blog-index__post-tags{margin-bottom:5px}blog-index__post-content .blog-index__post-title-link a:hover{color:#d71718}.blog-index__post--large .blog-index__post-title{margin-bottom:0;margin-top: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-tags span{background-color:#f4f4f4;border:1px solid #f4f4f4;color:#d71718;display:inline-block;font-size:11px;list-style:none;margin:0 5px 5px 0;min-width:85px;padding:3px 10px;text-align:center}@media screen and (max-width:499px){.blog-index__post-tags span{font-size:13px}}