@charset "UTF-8";

/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* --- 1. グローバルメニューの文字色 --- */
.c-gnav > .menu-item > a,
.c-gnav > .menu-item > a .ttl {
    color: #2f3437 !important; 
}

/* PCサイズでのみ適用（スマホでのレイアウト崩れを防ぐため） */
@media screen and (min-width: 960px) {
    /* 追従ヘッダーのインナー幅を広げる */
    .l-fixHeader .l-fixHeader__inner {
        max-width: 100%; /* トップの指定に合わせて変更してください（例：1200px など） */
        padding: 0 40px; /* 左右の余白。トップのヘッダーの余白値と合わせます */
        justify-content: space-between; /* ロゴとメニューを両端に配置 */
    }
}

/* PC・タブレットサイズ（3列になる画面幅）の時だけ適用 */
@media screen and (min-width: 600px) {
    selector .swell-block-columns__inner {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        /* SWELLの特殊なマージン計算をリセットし、Gridの標準gapに置き換え */
        margin-left: 0 !important; 
        gap: var(--swl-clmn-mrgn--y) var(--swl-clmn-mrgn--x) !important; 
    }
    
    selector .swell-block-column {
        grid-column: span 2 !important;
        width: 100% !important;
        margin: 0 !important; /* 子要素の余白もリセット */
    }
    
    /* ★ 7番目の要素（最後の行の左側）を1マス右にずらして中央に配置 */
    selector .swell-block-column:nth-child(7) {
        grid-column-start: 2 !important;
    }
}

.swell-block-columns__inner {
	justify-content:center;
}