/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 04 2026 | 05:01:51 */
/* 1. 外枠：親要素のパディングを完全に無視して画面中央に固定 */
.my-forced-fullwidth {
    position: relative;
    width: 100vw !important;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #f5f5f5;
    overflow: hidden;
    z-index: 10;
    margin-top: 0 !important;
    margin-bottom: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
    box-sizing: border-box;
}


/* 2. 中身：PC・スマホ共通で中央に配置 */
.top-full-inner {
    max-width: 1200px; /* SWELLのサイト幅 */
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

/* 3. レスポンシブ：スマホでの微調整 */

@media (max-width: 959px) {

    .my-forced-fullwidth {

        /* スマホでも同じロジックを維持することで「背景の切れ」を防ぐ */

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .top-full-inner {

        padding: 0 5%; 

    }

} 

/* ==========================================
   iPad・タブレット〜PCで、絶対に横3列をキープする
========================================== */
@media (min-width: 768px) {
    /* 親要素がどれだけ縮んでも、中の3つを絶対に折り返させない */
    .my-forced-fullwidth .p-postList.-pc-col3 {
        display: flex !important;
        flex-wrap: nowrap !important; /* 絶対に下に回り込ませない */
        justify-content: space-between !important;
        gap: 15px !important; /* タブレット幅に合わせて隙間を少し狭く(15px)調整 */
    }

    /* 1個あたりの幅を、隙間を計算した上で均等に3分割する */
    .my-forced-fullwidth .p-postList.-pc-col3 .p-postList__item {
        width: calc((100% - 30px) / 3) !important; /* 30pxはgap(15px×2)の分 */
        max-width: none !important;
        flex: 1 1 auto !important;
    }
}