/* base.css — ページヘッダー, レスポンシブ, CMS編集モード */
/* ※ モバイルメニュー/ハンバーガー関連は mobile.css で定義 */

/* --- ページヘッダー --- */
.page-header-orange {
    background: var(--accent-orange);
    color: #fff;
    text-align: center;
    padding: 14px 15px;
    font-weight: bold;
    font-size: 16px;
}

.page-tagline {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 35px 15px;
    line-height: 1.5;
}

/* --- メインコンテンツエリア --- */
.main-content-box {
    background: #999;
    color: #fff;
    width: calc(100% - 30px);
    margin: 0 auto;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px 20px;
    font-size: 14px;
}

/* --- 受験生のために今いちばん届けたい情報 --- */
.sp-banner-section {
    padding: 25px 15px;
    text-align: center;
}

.sp-banner-title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}

.sp-banner {
    width: 100%;
    height: 180px;
    border: 1px solid #333;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #666;
}


/* --- レスポンシブ --- */
@media (max-width: 1150px) {
    body {
        overflow-x: hidden;
    }
    .wrapper {
        grid-template-columns: 1fr;
    }
    .block-a, .block-c {
        display: none;
    }
    .block-b {
        width: 100%;
        min-width: 0;
        overflow-x: clip;
    }
    /* 右端固定SNSはSPでは非表示 */
    .sns {
        display: none;
    }
}

/* Concrete CMS編集モード対応 */
.ccm-toolbar-visible .wrapper {
    padding-top: 48px;
    height: calc(100vh - 48px);
}
.ccm-toolbar-visible .block-a,
.ccm-toolbar-visible .block-c,
.ccm-toolbar-visible .block-b {
    height: calc(100vh - 48px);
}