@charset "utf-8";
/*
ブレイクポイント（Lightning & Bootstrap準拠）
$sm-min: 576px;
$md-min: 768px;
$lg-min: 992px;
$xl-min: 1200px;
*/

/* -------------------------
   PCヘッダー（.site-header-container）
   ------------------------- */

/* まず全画面で PC メニューを一度表示する */
.site-header-container {
    display: block;
}

/* スマホ（〜767px）は PC メニューを非表示 → スマホ用メニューを使う */
@media (max-width: 767px) {
    .site-header-container {
        display: none;
    }
}

/* タブレット（768〜991px）は PC メニューを表示 */
@media (min-width: 768px) and (max-width: 991px) {
    .site-header-container {
        display: block;
    }
}

/* PC（992px〜）はそのまま表示 */
@media (min-width: 992px) {
    .site-header-container {
        display: block;
    }
}


/* -------------------------
   MW WP Form 調整
   ------------------------- */
.mw_wp_form .horizontal-item {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
}

.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
}


/* -------------------------
   投稿タイトル中央寄せ
   ------------------------- */
.vk_post .vk_post_title {
    text-align: center;
}

/* ----------------------------------------
   タブレット帯（768〜991px）は PC メニューを強制表示
   ---------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

    /* ヘッダー全体 */
    .site-header,
    .site-header-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* メインナビゲーション（Lightning の PC メニュー本体） */
    .navbar,
    .navbar-collapse,
    .navbar-nav,
    .global-nav,
    #global-nav,
    .vk-mobile-nav-menu-btn {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* モバイルメニューは非表示 */
    #vk-mobile-nav,
    .vk-mobile-nav,
    .vk-mobile-nav-menu-btn {
        display: none !important;
    }
}

/* スマホ帯は PC メニューを非表示（従来通り） 
@media (max-width: 767px) {
    .site-header,
    .site-header-container,
    .navbar,
    .navbar-collapse,
    .navbar-nav,
    .global-nav {
        display: none !important;
    }
}
*/
/* タブレット幅でPCメニューを強制表示 */
@media (min-width: 768px) and (max-width: 991px) {
    #global-nav,
    .global-nav {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
/*さらに“消されている可能性の高い” Lightning の nav-wrapper も救済*/
@media (min-width: 768px) and (max-width: 991px) {
    .global-nav,
    #global-nav,
    .global-nav > div,
    .vk-header-nav,
    .vk-menu-outer {
        display: block !important;
        visibility: visible !important;
    }
}