@charset "utf-8";

#contents_ > article {float:right; width:825px; margin:100px 0 0;}
#contents_ > article > header {
    display:flex; flex-wrap:wrap; align-items:center; padding:1.8em 0; border:solid var(--color-main-light); border-width:1px 0; 
    line-height:1;}
#contents_ > article > header > time {color:#999;}
#contents_ > article > header > .categories {margin:0 0 0 1em;}
#contents_ > article > header > h1 {flex:0 0 100%; margin:0.7em 0 0; font-size:1.6rem; line-height:1.5;}
#contents_ > article > .c-article-body {padding-top:40px;}
#contents_ > article > footer {margin-top:70px;}

@media screen and (max-width:599px) {
#contents_ > article {float:none; width:auto; margin:8vw 0 0;}
#contents_ > article > header {}
#contents_ > article > header > time {color:#999;}
#contents_ > article > header > .categories {margin:0 0 0 1em;}
#contents_ > article > header > h1 {flex:0 0 100%; margin:0.7em 0 0; font-size:1.6rem; line-height:1.5;}
#contents_ > article > .c-article-body {padding-top:40px;}
#contents_ > article > footer {margin-top:70px;}
}