.section-blog-list{position:relative}.section-blog-list:before{content:"";display:block;width:100vw;height:100%;position:absolute;z-index:-1;left:calc(50% - 50vw);top:0}.section-blog-list .hat_blog_container,.section-blog-list li,.section-blog-list a,.section-blog-list h3,.section-blog-list .date{margin:0;padding:0}.section-blog-list .hat_blog_container{border-top:1px solid #ccc}.section-blog-list .hat_blog_container:empty{display:none}.section-blog-list .hat_blog_container li{list-style:none;border-bottom:1px solid #ccc}.section-blog-list .hat_blog_container a{display:flex;text-decoration:none;color:currentColor;line-height:1.5;padding:1.4em 0}.section-blog-list .hat_blog_container a h3{order:1;font-size:inherit;line-height:inherit}.section-blog-list .hat_blog_container a .date{flex:0 1 128px;font-size:inherit;line-height:inherit}@media screen and (max-width: 749px){.section-blog-list .hat_blog_container a{font-size:1.4rem;flex-direction:column;padding:1.2em 0}.section-blog-list .hat_blog_container a h3{margin-top:.6ex}.section-blog-list .hat_blog_container a .date{flex-basis:auto}}