/* 😬1. 文字フォントの切り替え*/
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho:wght@400;700&display=swap');
body, h1, h2, h3, h4, h5, h6, p, a, input, button, select, textarea, 
.um, .um *, .um-input, .um-button {
    font-family: "BIZ UDMincho", "Hiragino Mincho ProN", "MS Mincho", serif !important;
}
/* 😬2. ページの横揺れを禁止 */
/* 新しい解決策：二重バーを防ぎ、モバイルの余白もカットする */
html {
    overflow-x: hidden !important;
    overflow-y: scroll !important; /* 縦バーをhtml側に固定 */
    width: 100%;
}

body {
    overflow-x: hidden !important;
    overflow-y: visible !important; /* body側のバーを消す */
    width: 100% !important;
    position: relative;
    margin: 0;
}

/* Elementorなどを使っている場合、全体を包むタグも指定 */
#page, .site {
    overflow: hidden !important;
    width: 100% !important;
}
/* 😬3. WordPress管理バーを非表示*/
#wpadminbar {
    display: none !important;
}
html {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
@media screen and (max-width: 782px) {
    html {
        margin-top: 0 !important;
    }
}
.admin-bar .boot-sticky-top,
.admin-bar .custom-header {
    top: 0 !important;
}
/* 😬4. ヘッダー*/
/* ヘッダーレイアウト調整（2 : 5 : 3 の比率に固定）*/
@media (min-width: 768px) {
    /* 1. 検索枠を完全に無効化してスペースを空ける */
    .header__search {
        display: none !important;
        flex: 0 0 0 !important;
        max-width: 0 !important;
    }

    /* 2. ロゴエリア (2/10 = 20%) */
    .header__branding.boot-col-md-2 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    /* 3. メインメニュー (5/10 = 50%) */
    .header__navigation.boot-col-md-5 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        display: flex !important;
        justify-content: center !important; /* メニューをこの50%枠の中で中央寄せ */
    }

    /* 4. ユーザーエリア (3/10 = 30%) */
    .header__user-account.boot-col-md-3 {
        flex: 0 0 30% !important;
        max-width: 30% !important;
        display: flex !important;
        justify-content: flex-end !important; /* アイコン群を右端に寄せる */
        align-items: center !important;
    }
    
    /* メニュー本体が左に寄るのを防ぐ設定 */
    #bs-navbar-primary {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
}



/* 😬5. UM グループを探す*/
　/*「すべてのグループ」「参加中のグループ」「新規作成」の削除*/
.page-id-54 .um-groups-found-posts {
    display: none !important;
}
.page-id-54 #um-groups-filters {
    display: none !important;
}
/*検索ツールの配置*/
/*タブレット*/
@media (min-width: 768px) {
    　　/*  親要素の横幅を「画面内」に収め、ネガティブマージンをリセット */
    .um-groups-directory-header .boot-row {
        display: flex !important;
        flex-wrap: wrap !important; /* 限界まで来たら折り返す設定で、物理的な突き抜けを防止 */
        align-items: center !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        gap: 8px !important;
    }
    /*  左ブロック（検索窓）を柔軟に伸縮させる */
    .um-groups-directory-header .boot-col-md-5 {
        flex: 1 1 200px !important; /* 最小200pxを維持しつつ、余白があれば伸びる */
        max-width: 100% !important;
        width: auto !important;
        padding: 30 !important;
    }
    /*右ブロック（フィルター群）の設定 */
    .group-search-filter.boot-col-md-7 {
        flex: 2 1 auto !important; /* ボタン類を優先的に表示 */
        display: flex !important;
        flex-wrap: nowrap !important; /* セレクトボックスとボタンは一列を維持 */
        align-items: center !important;
        gap: 6px !important;
        padding: 30 !important;
        width: auto !important;
        max-width: none !important;
    }
    /*  各セレクトボックスの横幅を自動調整 */
    .um-groups-search-form select {
        width: auto !important;
        flex: 1 1 120px !important; /* 画面が狭くなると少し縮んで調整する */
        min-width: 100px !important; 
    }
    /* 検索ボタンとクリアボタンの固定 */
    .um-groups-search-form input[type="submit"],
    .um-groups-search-form a.primary-button {
        flex: 0 0 auto !important; /* ボタン自体の幅は守る */
        white-space: nowrap !important;
        width: auto !important;
    }
}


/* ===========================================================
   グループ検索フォーム：1段目（検索窓）＋ 2段目（その他）の2段編成
   （PC・タブレット限定：768px以上）
   =========================================================== */
@media (min-width: 768px) {
    /* 1. 左右の5:7分割を解除し、縦に積む（1カラム化） */
    .um-groups-directory-header .boot-row {
        display: flex !important;
        flex-direction: column !important; /* 上下並びにする */
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        gap: 15px !important; /* 1段目と2段目の間の隙間 */
    }

    /* 2. 【1段目】検索窓ブロックを全幅にする */
    .um-groups-directory-header .boot-col-md-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .um-groups-search-form input[name="groups_search"] {
        width: 100% !important; /* 検索窓を横いっぱいに広げる */
        height: 46px !important;
    }

    /* 3. 【2段目】フィルター・ボタンブロックを全幅にし、横に並べる */
    .group-search-filter.boot-col-md-7 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important; /* 中身は横一列 */
        gap: 10px !important; /* パーツ同士の隙間 */
    }

    /* 4. 2段目の各要素のサイズ調整 */
    .um-groups-search-form select {
        flex: 1 1 auto !important; /* セレクトボックスは余白を埋めるように伸びる */
        height: 46px !important;
    }

    .um-groups-search-form input[type="submit"],
    .um-groups-search-form a.primary-button {
        flex: 0 0 auto !important; /* ボタンは文字幅に合わせる */
        padding: 0 25px !important;
        height: 46px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
    }
}






@media (min-width: 768px) {
    /* 1. 全体の構造 */
    .um-groups-directory-header .boot-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        gap: 15px !important;
    }

    /* 2. 【1段目】検索窓ブロック */
    .um-groups-directory-header .boot-col-md-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .um-groups-search-form input[name="groups_search"] {
        width: 100% !important;
        height: 46px !important;
        box-sizing: border-box !important; /* 追加：枠線を含めた計算にする */
    }

    /* 3. 【2段目】フィルター・ボタンブロック */
    .group-search-filter.boot-col-md-7 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        /* 追加：もし隙間があるなら右端に寄せる保険 */
        justify-content: space-between !important; 
    }

    /* 4. 各要素のサイズ調整 */
    .um-groups-search-form select {
        flex: 1 1 auto !important;
        height: 46px !important;
        box-sizing: border-box !important; /* 追加 */
    }

    .um-groups-search-form input[type="submit"],
    .um-groups-search-form a.primary-button {
        flex: 0 0 auto !important;
        padding: 0 25px !important;
        height: 46px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        margin: 0 !important; /* 追加：ブラウザ固有のマージンを消す */
        box-sizing: border-box !important; /* 追加 */
    }

    /* 5. クリアボタン（一番右）の右端を強制固定 */
    .um-groups-search-form a.primary-button {
        margin-right: 0 !important;
    }
}







/*スマホ*/
@media (max-width: 767px) {
    /* 親の行を縦並びに強制 */
    .um-groups-directory-header .boot-row {
        display: flex !important;
        flex-direction: column !important; 
        margin: 0 !important;
        width: 100% !important;
        gap: 10px !important; /* パーツごとの上下の隙間 */
    }
    /* 「グループを検索」入力欄（1段目） */
    .um-groups-directory-header .boot-col-md-5 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    /* 残りの4つが入っているブロック（2〜5段目） */
    .group-search-filter.boot-col-md-7 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important; /* 縦並び */
        gap: 10px !important;
        padding: 0 !important;
    }
    /* すべての入力・選択・ボタンを横幅100%にする */
    .um-groups-search-form input[name="groups_search"],
    .um-groups-search-form select,
    .um-groups-search-form input[type="submit"],
    .um-groups-search-form a.primary-button {
        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important; /* 指で押しやすい高さ */
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    /* クリアボタン（aタグ）の装飾を整える */
    .um-groups-search-form a.primary-button {
        text-decoration: none !important;
    }
	
	
	
	
	
	
/*😬6. プロフィールページのグループ*/