/* =====================================================================
　適用ページ：全ページ
　適用箇所　：ヘッダー
　目　的　　：背景色を変える、SPサイズではフッター固定のLINEボタンと被る為、下余白をあける
===================================================================== */

.l-header__content {
    background-color: #246b4d !important;
    color: #fff;
}

/* 位置調整 */
.l-header__content .c-row--middle {
    align-items: flex-end !important;
    padding-bottom: 10px;
}

/* 折り返し防止、カラー変更、文字サイズ変更 */
.l-header__content .p-global-nav span {
    white-space: nowrap !important;
    color: #fff !important;
    font-size: 1rem !important;
}

/* hover設定 */
.l-header__content .p-global-nav a {
    transition: opacity 0.3s ease !important;
}

.l-header__content .p-global-nav a:hover {
    opacity: 0.7 !important;
}

/*  */
@media (max-width: 1200px) {
    .l-header__content .p-global-nav a {
        padding-inline: 12px !important;
        font-size: 18px !important;
    }
}

/* カスタムロゴを少し下にはみ出す */
.l-header__content .custom-logo {
    max-width: 268px !important;
    margin-top: 10px;
    margin-bottom: -115px;
    z-index: 1000 !important;
    position: relative !important;
}

/* =====================================================================
　適用ページ：全ページ
　適用箇所　：ヘッダー（SPサイズのハンバーガーボタン）
　目　的　　：レイアウト調整、色変更
===================================================================== */

@media (max-width: 1023px) {
    .l-header {
        overflow: visible !important;
    }
    .l-header__content {
        height: 70px !important;
    }
    .l-header__content .c-row__col.u-invisible-lg-up {
        margin-block: 15px auto !important;
    }
    .l-header__content .c-row__col.u-invisible-lg-up .c-hamburger-btn__bar {
        background-color: #fff !important;
    }
    .l-header__content
        .c-row__col.u-invisible-lg-up
        .c-hamburger-btn[aria-expanded='true']
        > .c-hamburger-btn__bars
        > .c-hamburger-btn__bar:nth-of-type(2) {
        background-color: initial !important;
    }

    .l-header__content .custom-logo {
        max-width: 196px !important;
        margin-top: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* ハンバーガーボタンを大きく。「MENU」を消す */
.c-hamburger-btn__bars {
    transform: scale(1.5) !important;
}

.c-hamburger-btn__label {
    display: none !important;
}

/* =====================================================================
　適用ページ：全ページ
　適用箇所　：ドロワーメニュー
　目　的　　：小さい為、文字サイズを変更
===================================================================== */

.p-drawer-sub-nav li a {
    font-size: 1.5rem !important;
}

/* =====================================================================
　適用ページ：全ページ
　適用箇所　：フッターのナビゲーション（固定ページ「フッター用」をphpフック挿入）
　目　的　　：配置の調整
===================================================================== */

.l-footer {
    border: none;
}

.xcs-footer-nav {
    padding-right: 120px !important;
}

@media (max-width: 1023px) {
    .xcs-footer-block {
        flex-direction: column !important;
        align-items: center !important;
        gap: 100px !important;
    }
    .xcs-footer-nav {
        padding-right: 0px !important;
        font-size: 1.25rem !important;
    }
}

/* フッターメニューのホバー */
.xcs-footer-nav a {
    transition: opacity 0.3s ease !important;
}

.xcs-footer-nav a:hover {
    opacity: 0.7 !important;
}

/* =====================================================================
　適用ページ：全ページ
　適用箇所　：フッターコピーライト
　目　的　　：背景色を変える、SPサイズではフッター固定のLINEボタンと被る為、下余白をあける
===================================================================== */

.c-copyright--inverse {
    background-color: #1C4F3A !important;
    color: #fff !important;
    font-size: 1.375em;
    letter-spacing: -0.045em;
}

@media (max-width: 640px) {
    .c-copyright--inverse {
        padding-bottom: 80px !important;
    }
}

/* =====================================================================
　適用ページ：フロントページ
　適用箇所　：2個横並びのボタン
　目　的　　：レイアウトの調整
===================================================================== */

.xcs-btns {
    max-width: 750px !important;
    width: 100% !important;
}

/* ボタンのタイポも調整 */
.xcs-btns a {
    width: 350px !important;
    letter-spacing: -0.015em;
    font-weight: bold;
    font-size: 1.56rem;
}

@media (max-width: 781px) {
    .xcs-btns {
        flex-direction: column !important;
    }
}

/* =====================================================================
　適用ページ：全ページ
　適用箇所　：ボタン
　目　的　　：ホバーアニメーションの変更
===================================================================== */

.xcs-button-green a {
    border: 4px solid transparent;
}

.xcs-button-green a:hover {
    background: #defce6 !important;
    color: #246b4d !important;
    border-color: #246b4d !important;
    filter: none !important;
}


/* =====================================================================
　適用ページ：フロントページ
　適用箇所　：画面サイド追従の「お問い合わせ」ボタン（ブロックテーマ編集画面の最下部にブロックあり）
　目　的　　：画面サイドに固定。PC／SPでの表示切替はsnow-monkey-editorで対応。
===================================================================== */

.xcs-sidePC-button {
    width: fit-content;
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 1000;
}

.xcs-sidePC-button a {
    transition: opacity 0.3s ease !important;
}

.xcs-sidePC-button a:hover {
    opacity: 0.7 !important;
}

/* =====================================================================
　適用ページ：フロントページ
　適用箇所　：画面下追従の「LINEお問い合わせ」ボタン（ブロックテーマ編集画面の最下部にブロックあり）
　目　的　　：画面下に固定。PC／SPでの表示切替はsnow-monkey-editorで対応。
===================================================================== */

.xcs-bottomSP-button {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.xcs-bottomSP-button .smb-section__inner,
.xcs-bottomSP-button .c-container,
.xcs-bottomSP-button .smb-section__contents-wrapper,
.xcs-bottomSP-button .smb-section__body {
    width: 100%;
}

.xcs-bottomSP-button .wp-block-snow-monkey-blocks-flex,
.xcs-bottomSP-button .wp-block-group.is-nowrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.xcs-bottomSP-button a {
    text-decoration: none !important;
}