/*本文*/
.topicsMain_wrap {
    max-width: 990px;
    margin: 0 auto;
}
.topics-bgColor {
    background: linear-gradient(150deg, #E3BB92, #f4ddc6);
}
.topicsLabel_wrap {
    background: linear-gradient(to bottom, #DCC4DC 30%, #E3BB92);
}
.c-headline_dot_recommend::before {
    background-color: #5770CD;
}
.topics_genreanchor::after {
    background: #5770CD;
}
.midashi_inline {
    margin: 24px 0 20px;
}
.midashi_inline p:before {
    background: #5770CD;
}
.topics_genreanchor_wrap {
    padding: 0;
}
.topicsCampText_wrap {
    text-align: center;
}
.topicsMain_wrap .c-headline_large {
    margin-top: 24px;
}
.floor-osusumepoint {
    margin-top: 16px;
    padding: 16px;
    background: #fafafa;
    border-radius: 16px;
}
.floor-osusumepoint_heading {
    display: flex;
    align-items: center;
    color: var(--text-headline);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 1;
}
.floor-osusumepoint_heading::before {
    background-color: #fff;
    border: 2px solid #5770CD;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    margin-right: 4px;
}
.floor-osusumepoint span {
    padding: 0 2px 4px;
    border-bottom: 2px dashed #ccc;
    line-height: 2;
    font-size: 13px;
}
.topics-popcardinner {
    display: flex;
}
.topics-popcardinner a {
    flex-shrink: 0;
}
.topics-topText {
    font-size: 13px;
    text-align: center;
    margin-bottom: 16px;
}
    @media screen and (min-width: 600px) {
        .floor-osusumepoint_heading {
            font-size: 16px;
        }
        .floor-osusumepoint span {
            font-size: 14px;
        }
        .floor-osusumepoint {
            padding: 24px;
        }
        .floor-popcard {
            margin-bottom: 24px;
        }
    }
@media screen and (min-width: 768px) {
    .topics-popcard_contents {
        display: inline-block;
        width: calc(50% - 8px);
        vertical-align: top;
        margin: 0 4px;
    }
    .topics-popcard_contents .floor-desc_title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 13px !important;
    }
}
 
@media screen and (min-width: 1038px) {
    .topicsLabel_wrap img {
        max-width: 990px;
        margin: 0 auto;
    }
    li.floor-popcard {
        margin: 0 4px 24px;
    }
}