@charset "UTF-8";

/*

    Template: swell

    Theme Name: ikkyu-theme

    Theme URI: https://www.ad-kit.co.jp/

    Description: いっきゅうのテーマ

    Version: 1.0.0

    Author: アドキット
    Author URI: https://www.ad-kit.co.jp/


    License: GNU General Public License

    License URI: http://www.gnu.org/licenses/gpl.html

*/
/* ==================================================
   1. レイアウトの根幹（ここだけに !important を集中）
   ================================================== */
/* 親要素：縦並びを解除して、横並び＆折り返しを強制 */
.l-header .l-header__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1200px;
    margin: 0 auto;
}

/* ロゴ：左側に固定 */
.l-header__logo {
    order: 1 !important;
    margin: 0 !important;
    width: auto !important;
}

/* 電話・ボタン：右側に固定 */
.l-header .w-header.pc_ {
    order: 2 !important;
    margin-left: auto !important;
    width: auto !important;
}

/* メニュー：下の段へ強制 */
.l-header__gnav {
    order: 3 !important;
    width: 100% !important;
}

/* ==================================================
   2. 装飾（!important なしで調整）
   ================================================== */
/* 電話番号とバッジの垂直中央揃え */
.header-info-flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-tel-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tel-number {
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
}

.l-header .l-header__gnav {
    margin: -2px calc(50% - 50vw) 0;
    background-color: #fff;
    border-top: 2px solid #3366cc;
    width: 100vw!important;
}
/* .l-header .c-gnav {
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 40px;
    display: flex;
} */

.c-gnav .menu-item a {
    padding: 15px 30px;
    font-weight: bold;
}

.c-gnav .menu-item:first-child a {
    background-color: #d9eaff;
    color: #004bb1;
}

.l-header__inner.l-container {}

/* ==================================================
   2. 電話番号とバッジ：上下中央揃え
   ================================================== */
.header-info-flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-tel-group {
    display: flex;
    align-items: center; /* オレンジのバッジと数字の中心線を揃える */
    gap: 10px;
}

.tel-badge {
    background-color: #ff5e00;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 15px;
    border-radius: 6px;
    line-height: 1;
}

.tel-number {
    font-size: 34px;
    font-weight: 900;
    color: #000;
    line-height: 1;
    font-family: sans-serif;
}

/* 緑のボタン */
.header-green-btn {
    background-color: #39b54a;
    color: #fff;
    padding: 6px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.l-header__barInner.l-container {
    padding: 0;
}