@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
*/

/* ヘッダーメニューの最小幅を指定する */
@media screen and (min-width: 960px) {
    .c-gnav > li > a {
        min-width: 100px;    /* 1項目の最低幅（数値はお好みで調整） */
        justify-content: center; /* 文字を中央寄せにする */
    }
}

/* PCヘッダーのボタン設定 */
.w-header .swell-block-columns__inner {
    display: flex !important;
    flex-wrap: nowrap !important; /* 横並びを強制 */
    gap: 10px;                   /* ボタン同士の隙間 */
    justify-content: flex-end;   /* 右側に寄せる */
}

.w-header .swell-block-column {
    /* ボタン1つの横幅を指定。数値を大きくすると広がります */
    flex-basis: 180px !important; 
    max-width: 250px !important;
}

.w-header .swell-block-button__link {
    width: 100% !important;
    padding-top: 12px !important;    /* 上下の余白（ボタンの高さ・太さ） */
    padding-bottom: 12px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    white-space: nowrap;            /* 文字の改行を防ぐ */
}

/* スマホメニュー内のボタン（ここは縦並びのまま、幅いっぱいにする設定） */
#sp_menu_bottom .swell-block-column {
    flex-basis: 100% !important;
    margin-bottom: 12px;
}
#sp_menu_bottom .swell-block-button__link {
    width: 100% !important;
}