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

/* =========================================================
   ヘッダー：ロゴが高いときのグローバルメニュー追従を抑制
   ---------------------------------------------------------
   親テーマ（-series レイアウト）では .l-header__inner が
   align-items:stretch のため、背の高いロゴにグローバルメニューが
   縦に引き伸ばされ、メニュー項目（height:100%）内に無駄な余白が出る。
   PC 表示時はロゴとメニューを縦中央揃えにし、メニュー項目は
   自然な高さ＋上下パディングで収める。
   ========================================================= */
@media (min-width: 960px) {

    /* ロゴ・メニューを縦中央に揃える（stretch を解除） */
    .l-header__inner {
        align-items: center;
    }

    .l-header__gnav {
        align-self: center;
    }

    /* メニュー本体・各項目・リンクをロゴ高さに追従させない */
    .l-header__gnav .c-gnav,
    .l-header__gnav .c-gnav > .menu-item,
    .l-header__gnav .c-gnav > .menu-item > a,
    .l-header__gnav .c-gnav__sBtn {
        height: auto;
    }

    /* リンクに適度な上下余白を与え、下線ホバーが文字に沿うようにする */
    .l-header__gnav .c-gnav > .menu-item > a,
    .l-header__gnav .c-gnav__sBtn {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}