@charset "UTF-8";

.other-posts{
    width: calc(100% - 17.4rem);
    margin: 0 auto;
    .c-lv2heading02__title{
        text-align: center;
        margin: 12rem 0 4rem;
        padding: 0;
        span{
            padding: 0 1em;
            font-size: 3.4rem;
        }
    }
}
/*表示ページとその他の記事内の同一ページの非表示*/




.iriomotejimahotel #ethical_23_20,
.yonahamingu #ethical_23_19,
.eminomise #ethical_23_18,
.kaisou #ethical_23_17,
.daiichihotel #ethical_23_16,
.toushingama #ethical_23_15,
.manmi #ethical_23_14,
.nanmeishinshitsu #ethical_23_13,
.yacnimunkobo #ethical_23_12,
.kuinanomori #ethical_23_11,
.yumejin #ethical_23_10,
.pineapplehills #ethical_23_09,
.torikofarm #ethical_23_08,
.majimu #ethical_23_07,
.cookhal #ethical_23_06,
.jinbun #ethical_23_05,
.yonaminesanshin #ethical_23_04,
.aikaze #ethical_23_03,
.kozanighttour #ethical_23_02,
.shiroma_bingata #ethical_23_01,
.baraque #ethical_22_01,
.okipotashop #ethical_22_02,
.makidepizza #ethical_22_03,
.okaraokara #ethical_22_04,
.organictenbusu #ethical_22_05,
.naturalfarmhalever #ethical_22_06,
.unten #ethical_22_07,
.jtaokinawa #ethical_22_08,
.evbus #ethical_22_09,
.toncati #ethical_22_10,
.okinawasanshin #ethical_22_11,
.mado #ethical_22_12,
.emwellness #ethical_22_13,
.ethicalstorereao #ethical_22_14,
.uzaterrace #ethical_22_15,
.okinawanokaze #ethical_22_16,
.rito-labo #ethical_22_17,
.renaissance #ethical_22_18,
.thekitchenhostelao #ethical_22_19,
.nanto #ethical_22_20,
.coral_farm #ethical_21_01,
.yanbaru #ethical_21_02,
.coffee #ethical_21_03,
.diving #ethical_21_04,
.forest #ethical_21_05,
.sunscreen #ethical_21_06,
.sugar_cane #ethical_21_07,
.ryukyu_glass #ethical_21_08,
.beer_island #ethical_21_09,
.pineapple #ethical_21_10,
.honeybee #ethical_21_11,
.okinawa_food #ethical_21_12,
.chocolate #ethical_21_13,
.tourist_farm #ethical_21_14,
.greengrocer #ethical_21_15,
.share_cycle #ethical_21_16,
.iriomote #ethical_21_17,
.beach_clean #ethical_21_18,
.sea_glass #ethical_21_19,
.ryukyu_art #ethical_21_20,
.artist #ethical_21_21{
    display: none;
}

@media screen and (max-width: 1200px) {
    .p-card__title,
    .p-card__category {
        font-size: calc(21vw / 12);
    }
}
@media screen and (max-width: 767px) {
    .other-posts{
        width: calc(100% - 6.2rem);
        .c-lv2heading02__title{
            margin: 5rem 0 3rem;
            span{
                padding: 0;
                font-size: 2.2rem;
            }
        }
    }
    .p-card__title,
    .p-card__category {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 600px) {
    .p-card__title,
    .p-card__category {
        font-size: 1.2rem;
    }
}