@charset "utf-8";
/* spファースト */

@media only screen and (min-width: 768px) {
    table.sticky-top thead {
        top: 115px;
    }
}

@media (min-width: 600px) {

    .sp-only {
        display: none;
    }

    .pc-only {
        display: block;
    }


    .subhead,
    .numhead,
    .box-ttl,
    .numbering-ttl,
    .pickup-name,
    .ranking-name,
    .step-ttl {
        font-size: 1.2em;
    }

    .borderbox,
    .colorbox,
    .summarybox,
    .surveybox,
    .notebox-inner {
        padding: 1.5em;
    }

    .flex {
        display: flex;
        align-items: flex-start;
        gap: 14px;
    }

    .flex img {
        max-width: 48%;
    }

    .post_content .quotebox {
        padding: 1.5em 1.5em 1.5em 4em;
    }

    .post_content .quotebox .full-img {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .table .link-btn a {
        padding: 14px 18px;
    }

    .post_content .jump {
        grid-template-columns: repeat(3, 1fr);
    }

    .step::after {
        display: block;
    }

    .step-inner {
        margin-left: 0;
    }

    .relatedpost-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .imgscrollbox {
        padding: 1.5em;
    }

    .imgscrollbox-list li {
        flex: 0 0 calc(33.33% - 16px);
        max-width: calc(33.33% - 16px);
    }

    .meritdemerit-ttl,
    .meritdemerit-inner {
        padding: 12px 24px;
    }

    .map-ttl {
        font-size: 1.08em;
    }

}