@charset "utf-8";
/*
Theme Name:      双葉2026
Theme URI:        http://www.futaba-net.co.jp
Description:      twentyseventeenの子テーマ
Author:          IQUEVE
Template:        twentyseventeen
Version:          1.1
*/

/* インポートのみ残す */
@import "./css/reset.css";
@import "./css/font.css";
@import "./css/drawer.css";
@import "./css/layout.css";
@import "./css/top.css";
@import "./css/parts.css";
@import "./css/page.css";
@import "./css/cf7.css";
@import "./css/custom-admin-css.css";
@import "./css/slick.css";
@import "./css/slick-theme.css";
@import "./css/lightbox.css";

/* =========================
   WordPress ロゴ強制制御
   高さ48px（最優先）
========================= */

/* custom_logo 画像すべて */
.custom-logo {
    height: 48px !important;
    width: auto !important;
    max-height: 48px !important;
}

/* 念のため img も直接叩く */
.custom-logo-link img {
    height: 48px !important;
    width: auto !important;
    max-height: 48px !important;
}

/* ヘッダー内のロゴ位置安定 */
.site-header .custom-logo-link,
header .custom-logo-link {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

/* ========================================
   追加：ヘッダーの固定・左右振り分け設定
   ======================================== */
header, #header, .header-inner {
    height: 105px !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 9999 !important;
    
    /* 横並びにしてロゴは左、メニューは右へ */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important; 
    
    /* ★左右の余白（ここを増やすとロゴが右、メニューが左へ寄ります） */
    padding: 0 40px !important; 
    box-sizing: border-box !important;
    
    /* スクロールボタン対策 */
    bottom: auto !important;
    pointer-events: none !important; 
}

/* ヘッダー内の中身（ロゴやメニュー）はクリック可能にする */
.custom-logo-link, 
#logo, 
#g-menu, 
.header__menu, 
.burger, 
.drawer-toggle {
    pointer-events: auto !important;
}

/* ロゴの左側だけにさらに隙間を入れたい場合はここを調整 */
.custom-logo-link {
    margin-left: 40px !important; /* 0を20pxなどにすると、さらに右に動きます */
}
/* ========================================
   スマホ・タブレット用のロゴサイズ調整
   ======================================== */
@media (max-width: 767px) {
    /* 画面の横幅が767px以下の時だけ適用 */
    .custom-logo,
    .custom-logo-link img,
    .f-logo img {
        height: 32px !important;    /* 48pxから32pxにダウンサイジング */
        max-height: 32px !important;
        width: auto !important;
    }
    
    header, #header, .header-inner {
        height: 70px !important;    /* ヘッダー自体の高さも少しスリムに（お好みで） */
        padding: 0 15px !important; /* 端の余白もスマホ用に狭くする */
    }
}