/* Re:Life Lab — TOP (hand-written part). Cocoon's list area becomes a full-width column that carries the TOP sections. */
body.rl-top .content,body.rl-top #content{margin:0;padding:0}
body.rl-top .content-in,body.rl-top #content-in{display:block;width:auto;max-width:none;margin:0;padding:0}
body.rl-top .main,body.rl-top #main{width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;float:none}
body.rl-top .content-top,body.rl-top .content-bottom{display:none}
.rl-topmain{display:block}

/* 0.5.0 — the change item is one of three, not the hero of the page; one line from the purpose entrances to the changes */
.rl-top .rl-cb__fact strong{font-size:44px;line-height:1.2}
.rl-top .rl-cb__fact strong span{font-size:18px}
.rl-top .rl-cb__pic{max-width:120px}
.rl-top .rl-cg__more{margin:18px 0 0;font-size:14px}
@media (min-width:768px){.rl-top .rl-cb__fact strong{font-size:52px}}

/* 0.9.9 — 新着記事 read from WordPress: a post without a drawn eyecatch shows its featured image in the same 16:9 frame; the change block without its large item */
.rl-top .rl-lt img.rl-eye--img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.rl-top .rl-lt .rl-eye--none{display:block;width:100%;aspect-ratio:16/9;background:var(--sand);border:1px solid var(--line)}
@media (min-width:768px){.rl-top .rl-up.rl-up--side{grid-template-columns:minmax(0,1fr)}}
.rl-top .rl-cg__more:empty{display:none}