.page-lower #visual {
    background: url(../images/topics/visual-bg.jpg) center center /cover no-repeat;
}

.page-single #main .meta {
    margin: 1em 0;
}

.page-single #main .meta time {
    font-weight: 700;
    color: var(--c-blue2);
}
.page-single #main .main {
    width: calc(100% - 220px - 60px);
}
.page-single #main .side {
    width: 220px;
}
.page-single #main .side .list-1 .item {
    display: block;
    font-size: 1.4rem;
    padding: .75em 0;
}
.page-single #main .side .list-1 .item .meta,
.page-single #main .side .list-1 .item .title {
    width: 100%;
    margin: 0;
    line-height: 1.78;
}
.page-single #main .side .archive ul {
    margin-top: 1em;
}
.page-single #main .side .archive a[href]:hover {
    color: var(--c-blue2);
}
@media (max-width:810px) {
    .page-single #main .section {
        padding-top: 50px;
    }
    .page-single #main .flex {
        display: block;
    }
    .page-single #main .main,
    .page-single #main .side {
        width: 100%;
    }
    .page-single #main .side {
        margin-top: 50px;
    }
}