/* global.css - PC表示時の最大幅設定（コンテンツのみ制限） */
@media (min-width: 900px) {
    /* Bootstrapのコンテナの最大幅を900pxに制限 */
    .container {
        max-width: 900px !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* 背景は全画面のまま、中身だけを900pxのコンテナ幅に合わせる（左右に余白を動的に付与） */
    /* 15px は元々のパディングや、コンテナのガター(12px)に近い余白として追加しています */
    .header-area,
    .bottom-nav,
    .global-bottom-nav,
    .fixed-bottom {
        padding-left: calc((100% - 900px) / 2 + 15px) !important;
        padding-right: calc((100% - 900px) / 2 + 15px) !important;
    }
}