/* responsive.css */

/*
 * 2サイズ対応（PCとスマホ・タブレット）
 * 992px以下を小サイズ（スマホ・タブレット）として扱う
 * 注記: 元のstyle.cssに480px以下の細かい調整が多数存在するため、
 * それらのレイアウト崩れを防ぐ目的で、一部の480pxメディアクエリは
 * 992pxのメディアクエリ内にネストして残しています。
 * 厳密な2サイズ対応にするには、これらの480px以下の記述も
 * 992px以下で調整するか、削除する必要があります。
 */
body > header {
    padding-bottom: 8px;
}
@media (max-width: 992px) {
    /* ========================================
     * スマートフォン・タブレット向けスタイル
     * 992px以下のすべての画面に適用
     * ======================================== */

    /* Header */
    .login {
        padding: 20px 0; /* @media (max-width: 990px) から統合 */
    }

    .hamburger {
        display: block;
        position: fixed;
        z-index: 9;
        right: 13px;
        top: 12px;
        width: 42px;
        height: 42px;
        cursor: pointer;
        text-align: center;
    }
    .hamburger span {
        display: block;
        position: absolute;
        width: 30px;
        height: 2px;
        left: 6px;
        background: #555;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .hamburger span:nth-child(1) { top: 10px; }
    .hamburger span:nth-child(2) { top: 20px; }
    .hamburger span:nth-child(3) { top: 30px; }
    .hamburger.active span:nth-child(1) {
        top: 16px; left: 6px; background: #fff;
        -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
    }
    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        top: 16px; background: #fff;
        -webkit-transform: rotate(45deg); transform: rotate(45deg);
    }

    /* スマホ 上からスライドメニュー */
    .globalMenuSp { /* 両方のstyle.cssから統合し、背景色などを調整 */
        position: fixed;
        z-index: 8;
        top: 0;
        left: 0;
        color: #fff;
        background: #1f8ac0ea;
        text-align: center;
        width: 100%;
        opacity: 0;
        transition: opacity .6s ease, visibility .6s ease;
        display: none;
    }
    .globalMenuSp ul { /* style.cssから統合 */
        margin: 50px auto 0;
        padding: 0 0 50px;
        width: 100%;
        display: inherit;
    }
    .globalMenuSp ul li { /* style.cssから統合 */
        list-style-type: none;
        padding: 0;
        width: 100%;
        transition: .4s all;
    }
    .globalMenuSp ul li:last-child { /* style.cssから統合 */
        padding-bottom: 0;
    }
    .globalMenuSp ul li:hover { /* style.cssから統合 */
        background: #1F8AC0;
    }
    .globalMenuSp ul li a { /* style.cssから統合 */
        display: block;
        color: #fff;
        padding: 4px 0;
        text-decoration: none;
        margin: 5px 0;
        font-size: 18px;
        text-align: center;
    }
    .globalMenuSp.active { /* style.cssから統合 */
        opacity: 100;
        display: inline;
    }

    .header_logo { /* 両方のstyle.cssから統合 */
        padding: 20px 0px;
        text-align: center;
    }
    .header_logo h1 { /* 両方のstyle.cssから統合 */
        width: 50%;
        margin: 0 auto;
        padding: 0;
    }
    .header_logo h1 img { /* 両方のstyle.cssから統合 */
        width: 100%;
    }
    .login { /* 両方のstyle.cssから統合 */
        /*
        padding: 0 0 20px;
        */
        padding: 0;
    }
    /* 480px以下の調整（ネスト） */
    @media (max-width: 480px) {
        .header_logo { /* 両方のstyle.cssから統合 */
            padding: 10px 0px;
        }
        .header_logo h1 { /* 両方のstyle.cssから統合 */
            width: 60%;
        }
    }

    /* 会員登録ボタン・ログインボタン */
    .btn.btn_member { /* 両方のstyle.cssから統合 */
        padding: 8px 10px;
        font-size: 14px;
        margin: 0 5px 0 0;
    }
    button.btn_login, .btn.btn_login { /* 両方のstyle.cssから統合 */
        padding: 8px 10px;
        font-size: 14px;
    }

    /* Footer */
    footer { /* style.cssから統合 */
        padding: 30px 0 0;
    }
    .footer_logo { /* style.cssから統合 */
        margin: 0 auto 20px;
        width: 70%;
    }
    .footer_logo img { /* style.cssから統合 */
        width: 100%;
        height: auto;
    }
    .footer_menu_wrap ul { /* style.cssから統合 */
        display: block;
    }
    .footer_menu_wrap li { /* style.cssから統合 */
        border-right: none;
        border-bottom: 1px solid #ccc;
        padding: 15px 0;
    }
    .footer_menu_wrap li:first-child { /* style.cssから統合 */
        border-left: none;
    }

    /* Page/Common */
    .page_wrap { /* style.cssから統合 */
        padding: 30px 0;
    }

    .faq-heading { /* style.cssから統合 */
        margin: 30px 0 0;
        padding: 0;
        text-align: center;
        font-size: 20px;
    }

    /* 登録説明 */
    .i-jyouken { /* 両方のstyle.cssから統合 */
        margin: 20px auto 0;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }
    .i-jyouken-text { /* 両方のstyle.cssから統合 */
        margin: 0 auto;
        padding: 10px 30px;
        width: 100%;
    }

    /* Progressbar */
    .progressbar .item { /* style.cssから統合 */
        font-size: 11px;
        line-height: 1.4;
        padding: 10px 0;
    }
    .progressbar .item:not(:last-child)::before,
    .progressbar .item:not(:last-child)::after { /* style.cssから統合 */
        border-width: 25px;
        border-left-width: 12px;
    }

    /* Sidebar */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        body.page-template #sidebar { /* style.cssから統合 */
            margin: 50px 0 0;
        }
    }

    /* 案件一覧 スマホ表示 入力フォーム部分レイアウト調整 */
    #bzmp_work_list .search_box { /* style.cssから統合 */
        flex-direction: column;
    }
    #bzmp_work_list .search_box > .select_wrap { /* style.cssから統合 */
        max-width: 100%;
        flex-direction: column;
    }
    #bzmp_work_list .search_box > .select_wrap > label { /* style.cssから統合 */
        max-width: 100%;
    }
    #bzmp_work_list .search_box > .select_wrap.fg_search_date > label { /* style.cssから統合 */
        max-width: 100%;
    }
    #bzmp_work_list .search_box > .select_wrap > input,
    #bzmp_work_list .search_box > .select_wrap > select,
    #bzmp_work_list .search_box > .select_wrap > div.date_picker { /* style.cssから統合 */
        max-width: 100%;
        flex-direction: column;
    }
    #bzmp_work_list .search_box > .select_wrap > div.date_picker { /* style.cssから統合 */
        max-width: 100%;
    }
    #bzmp_work_list .search_box > .select_wrap > div.date_picker > input { /* style.cssから統合 */
        max-width: 100%;
    }

    /* スマホ表示 案件関連のレイアウト崩れ調整 */
    .bzmp_work_list_item_username_label, .bzmp_work_list_item_deadline_label, .bzmp_work_list_item_apply_label, .bzmp_work_list_item_Username_label, .bzmp_work_list_item_budget_label, .bzmp_work_list_item_period_label, .bzmp_work_list_item_status_label, .bzmp_contract_view_item_date_label, .bzmp_contract_list_item_client_label, .bzmp_contract_list_item_vendor_label, .bzmp_contract_list_item_price_label, .bzmp_contract_list_item_period_label, .bzmp_contract_list_item_status_label, .bzmp_work_view_item_deadline_label, .bzmp_work_view_item_apply_label, .bzmp_work_view_item_username_label, .bzmp_work_view_item_budget_label, .bzmp_work_view_item_detail_label, .bzmp_work_view_item_period_label, .bzmp_work_view_item_pref_label, .bzmp_work_view_item_detail_request, .bzmp_apply_view_item_price_label, .bzmp_apply_view_item_username_label, .bzmp_apply_view_item_score_label, .bzmp_apply_view_item_result_label, .bzmp_apply_view_item_date_label, .bzmp_apply_view_item_period_label, .bzmp_apply_view_item_note_label, .bzmp_apply_view_item_skill_label, .bzmp_apply_view_item_file_label, .bzmp_contract_list_item_date_label, .bzmp_contract_view_item_client_value, .bzmp_contract_view_item_vendor_value, .bzmp_contract_view_item_price_label, .bzmp_contract_view_item_period_label, .bzmp_contract_lview_item_status_label, .bzmp_receipt_list_item_bill_date_label, .bzmp_receipt_list_item_client_label, .bzmp_receipt_list_item_price_label, .bzmp_receipt_list_item_payment_date_label, .bzmp_receipt_list_item_status_label, .bzmp_work_view_item_detail_request_label, .bzmp_work_list_item div[class$="_label"], .bzmp_work_view_item div[class$="_label"], .bzmp_apply_view_item div[class$="_label"] { /* style.cssから統合 */
        width: 100%;
        padding: 3px 0;
    }
    .bzmp_work_list_item_username_value, .bzmp_work_list_item_deadline_value, .bzmp_work_list_item_apply_value, .bzmp_work_list_item_Username_value, .bzmp_work_list_item_budget_value, .bzmp_work_list_item_period_value, .bzmp_work_list_item_status_value, .bzmp_contract_view_item_date_value, .bzmp_contract_list_item_client_value, .bzmp_contract_list_item_vendor_value, .bzmp_contract_list_item_price_value, .bzmp_contract_list_item_period_value, .bzmp_contract_list_item_status_value, .bzmp_work_view_item_deadline_value, .bzmp_work_view_item_apply_value, .bzmp_work_view_item_username_value, .bzmp_work_view_item_budget_value, .bzmp_work_view_item_detail_value, .bzmp_work_view_item_period_value, .bzmp_work_view_item_pref_value, .bzmp_work_view_item_detail_request_value, .bzmp_apply_view_item_price_value, .bzmp_apply_view_item_username_value, .bzmp_apply_view_item_score_value, .bzmp_apply_view_item_result_value, .bzmp_apply_view_item_date_value, .bzmp_apply_view_item_period_value, .bzmp_apply_view_item_note_value, .bzmp_apply_view_item_skill_value, .bzmp_apply_view_item_file_value, .bzmp_contract_list_item_date_value, .bzmp_contract_view_item_client_value, .bzmp_contract_view_item_vendor_value, .bzmp_contract_view_item_price_value, .bzmp_contract_view_item_period_value, .bzmp_contract_view_item_status_value, .bzmp_receipt_list_item_bill_date_value, .bzmp_receipt_list_item_client_value, .bzmp_receipt_list_item_price_value, .bzmp_receipt_list_item_payment_date_value, .bzmp_receipt_list_item_status_value, .bzmp_work_list_item div[class$="_value"], .bzmp_work_view_item div[class$="_value"], .bzmp_apply_view_item div[class$="_value"] { /* style.cssから統合 */
        width: 100%;
        margin-left: 0;
        padding: 3px 0;
    }

    /* ビデオ通話 */
    .local-stream { /* style.cssから統合 */
        text-align: center;
        margin-bottom: 6vw;
    }
    .local-stream video { /* style.cssから統合 */
        width: 100%;
        margin: 3vw auto;
    }
    .toggle-mute button { /* style.cssから統合 */
        width: 60vw;
        padding: 2vw 0;
        margin-bottom: 3vw;
    }

    .work_list .select_wrap { /* style.cssから統合 */
        width: 100%;
        margin: 0 auto 20px;
    }
    .work_list_title { /* style.cssから統合 */
        padding: 20px 0;
    }
    .work_list_sort { /* style.cssから統合 */
        width: 100%;
        float: none;
        padding: 0;
    }
    .work_list_sort label { /* style.cssから統合 */
        float: none;
        padding-top: 20px;
    }
    .work_list_display,
    .work_list_favorite { /* style.cssから統合 */
        width: 100%;
        float: left;
        text-align: left;
        padding: 5px 0;
    }

    /* マイページ　写真　新しいアルバム　モーダル画面調整 */
    .um-user-photos-modal .um-user-photos-modal-body .um-user-photos-modal-content .um-form button { /* style.cssから統合 */
        width: 90%;
        margin: 5px auto 20px;
    }

    /* スマホ表示　会員検索　左上トグルボタン　テキスト　レイアウト調整 */
    .bm-mobile-device .tipsy-n .tipsy-inner { /* style.cssから統合 */
        margin: 0 0 0 35px;
    }
    .bm-mobile-device .tipsy-n .tipsy-arrow { /* style.cssから統合 */
        top: 0px;
        left: 40%;
        margin-left: -5px;
        border-bottom-style: solid;
        border-top: none;
        border-left-color: transparent;
        border-right-color: transparent;
    }

    /* マイページ＞メッセージ　添付ファイルポップアップメッセージのレイアウト調整 */
    .uppy-Dashboard-AddFiles-title button { /* style.cssから統合 */
        padding: 10px 0 0 !important;
        margin: 0 !important;
        font-size: 14px;
    }

    /* マイページ＞メッセージ　添付ファイルポップアップメッセージの文字サイズ調整 */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        [data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title { /* style.cssから統合 */
            margin: 150px 0 0 !important;
            font-size: 15px;
        }
    }

    /* スマホ表示　レビュー　この評価を通報する、編集、削除　テキストを表示 */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .um-reviews-tools a span { /* style.cssから統合 */
            display: block !important;
        }
    }

    /* マイページ＞ノート　　ノートを追加　 公開ボタンレイアウト調整 */
    #um-user-notes-add p.text-right { /* style.cssから統合 */
        width: 95%;
    }
    #um-user-notes-add p.text-right select { /* style.cssから統合 */
        width: 90%;
        margin: 0 0 10px;
    }
    #um-user-notes-add p.text-right .um-modal-btn { /* style.cssから統合 */
        width: 93%;
        margin: 15px 0 0;
    }

    /* マイページ>ノート　　続きを見るで開くポップアップレイアウト調整 */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .um-notes-modal #um_notes_modal_close { /* style.cssから統合 */
            right: 10px !important;
            z-index: 99;
        }
        .um-notes-modal .um_notes_modal_content button.um_notes_edit_note,
        .um-notes-modal .um_notes_modal_content button.um_notes_delete_note { /* style.cssから統合 */
            width: 93%;
            margin: 10px auto;
        }
    }

    /* マイページ>ノート　　続きを見る > 編集画面レイアウト調整 */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .um_notes_modal_content p.text-right { /* style.cssから統合 */
            width: 95%;
        }
        .um_notes_modal_content p.text-right .um-modal-btn { /* style.cssから統合 */
            width: 97%;
            margin: 15px 0 0;
        }
    }

    /* マイページ>ノート　　テキスト編集ボタンサイズ */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .wp-core-ui .quicktags-toolbar input.button.button-small { /* style.cssから統合 */
            width: 28%;
        }
    }

    /* スマホ表示　グループ　ディスカッション/メンバー/招待状を送信　メニューレイアウト調整 */
    .um-groups-single ul.um-groups-single-tabs li { /* style.cssから統合 */
        font-size: 85%;
    }
    .um-groups-single ul.um-groups-single-tabs li a { /* style.cssから統合 */
        padding: 20px 10px 20px 0;
    }

    /* スマホ表示　グループ　画像サイズ調整 */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .um-groups-directory .um-group-item .um-group-image { /* style.cssから統合 */
            float: left;
            margin-right: 10px;
            margin-bottom: 30px;
            width: 15%;
            height: auto;
        }
    }

    /* スマホ表示　お知らせテキスト　余白調整 */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .archive .archives_archive .col-md-9 .archives_content,
        .post-template-default .single_content { /* style.cssから統合 */
            margin: 0 0 40px !important;
        }
    }

    /* #um-groups-filters */
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        #um-groups-filters ul.filters li.active { /* style.cssから統合 */
            background: #f2f2f2;
            display: block;
        }
        #um-groups-filters ul.filters li:not(:last-child) { /* style.cssから統合 */
            border-right: none !important;
            display: block;
        }
        #um-groups-filters ul.filters li { /* style.cssから統合 */
            display: block !important;
        }
    }

    /* 決済情報をスマホで開くと画面崩れ */
    table#bkp-receipt-list-table thead tr,
    table#bkp-receipt-list-table tbody tr { /* style.cssから統合 */
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        display: flex;
    }
    table#bkp-receipt-list-table thead tr th,
    table#bkp-receipt-list-table tbody tr td { /* style.cssから統合 */
        width: 25% !important;
        box-sizing: border-box;
    }

    /* スマホ画面で、マイページ＞決済の「内訳」ボタンクリック時に画面崩れ */
    #bkp-receipt-list-table .data_detail li { /* style.cssから統合 */
        font-size: 10px !important;
        list-style-position: inside;
        margin: 10px 0 0 -30px !important;
        list-style: none;
    }

    /* マイページ＞グループ　画面崩れ調整 */
    .um-groups-directory .um-group-item .actions { /* style.cssから統合 */
        float: right;
        margin: 0 0 20px;
        width: 100% !important;
    }

    /* 会員検索＞　検索ユーザーのページ　「プライベートメッセージ」ボタンレイアウト調整 */
    .um-profile .um-messaging-btn { /* style.cssから統合 */
        float: none;
        margin: 0 auto;
        width: 70%;
    }
    a.bpbm-pm-button:not(.bm-no-style) { /* style.cssから統合 */
        float: none;
    }


    /* Main Visual (style.cssから統合) */
    .main-visual {
        padding: 50px 0 0;
        height: 500px;
    }
    .main-catch {
        font-size: 30px;
        line-height: 1.5;
        letter-spacing: -1px;
    }
    .sub-catch {
        font-size: 22px;
        line-height: 1.5;
    }
    .main-illust {
        margin: 30px auto 0;
    }
    .main-illust img {
        width: 90%;
    }
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .main-visual {
            padding: 100px 0 0;
        }
        .main-catch {
            font-size: 24px;
        }
        .sub-catch {
            font-size: 18px;
        }
    }

    /* pl-about-base (style.cssから統合) */
    .pl-about-base {
        margin: 0px auto 0;
        flex-direction: column;
        align-items: center;
    }
    .pl-about-base .num-01, .pl-about-base .num-05 {
        width: 90%;
        font-size: 20px;
    }
    .pl-about-base .num-01 .num-01-parts img, .pl-about-base .num-05 .num-01-parts img {
        width: 50%;
    }
    .pl-about-base .num-01 .num-05-parts, .pl-about-base .num-05 .num-05-parts {
        margin: 10px 0 5px;
    }
    .pl-about-base .num-01 .num-05-parts img, .pl-about-base .num-05 .num-05-parts img {
        width: 50%;
    }
    .pl-about-base .num-02, .pl-about-base .num-04 {
        width: 90%;
    }
    .pl-about-base .num-02 .num-02-text, .pl-about-base .num-04 .num-02-text {
        margin: 0 0 10px;
        font-size: 20px;
    }
    .pl-about-base .num-02 .num-02-parts, .pl-about-base .num-04 .num-02-parts {
        margin: 5px 0 20px;
        transform: rotate(90deg);
    }
    .pl-about-base .num-02 .num-04-text, .pl-about-base .num-04 .num-04-text {
        margin: 10px 0 0;
        font-size: 20px;
    }
    .pl-about-base .num-02 .num-04-parts, .pl-about-base .num-04 .num-04-parts {
        margin: 20px 0 0 0;
        transform: rotate(90deg);
    }
    .pl-about-base .num-03 {
        width: 90%;
    }
    .pl-about-base .num-03 .num-03-parts img {
        width: 35%;
    }

    /* page-container (style.cssから統合) */
    .page-container {
        padding: 50px 15px;
    }
    /* 480px以下の調整（ネスト） */
    @media screen and (max-width: 480px) {
        .page-container {
            margin: 0;
            padding: 40px 15px;
            max-width: 100%;
            box-sizing: border-box;
        }
    }

    /* service-base (style.cssから統合) */
    .service-base {
        width: 94%;
        flex-wrap: wrap;
    }
    .service-base li {
        margin: 0 0 40px;
        width: 45%;
    }
    .service-base li img {
        width: 80%;
    }

    /* complain-base (style.cssから統合) */
    .complain-base {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .complain-base li {
        margin: 0 0 50px;
        width: 100%;
    }
    .complain-base li .complain-01 {
        border: 1px solid #227066;
    }
    .complain-base li .complain-01 .face-icon {
        width: 15%;
    }
    .complain-base li .complain-01 .complain-01-text {
        width: 82%;
    }
    .complain-base li .arrow-g {
        margin: 20px 0;
    }
    .complain-base li .complain-answer {
        border: 3px solid #dbae1c;
        min-height: 100px;
    }
    .complain-base li:last-child {
        margin: 0;
    }

    /* merit-base (style.cssから統合) */
    .merit-base {
        width: 100%;
        background: #eee;
    }
    .merit-base .merit-box-01, .merit-base .merit-box-02 {
        flex-direction: column;
        align-items: flex-start;
    }
    .merit-base .merit-box-01 .merit-mark, .merit-base .merit-box-02 .merit-mark {
        width: 50%;
        margin: 0 auto;
    }
    .merit-base .merit-box-01 .merit-text, .merit-base .merit-box-02 .merit-text {
        margin: 30px 0 0;
        width: 100%;
    }

    /* taisyou-base (style.cssから統合) */
    .taisyou-base {
        width: 100%;
    }
    .taisyou-base li, .taisyou-base li:nth-child(even) {
        width: 33.333%;
        box-sizing: border-box;
    }

    /* page-heading (style.cssから統合) */
    .page-heading, .page-heading-wh {
        font-size: 24px;
    }

    /* guide-area (style.cssから統合) */
    ul.guide-area {
        margin: 40px auto 0;
        flex-direction: column;
        width: 100%;
    }
    ul.guide-area li {
        margin: 0 0 30px;
        width: 100%;
    }
    .guide-text-base {
        min-height: 310px;
    }
    .guide-text-base .guide-img, .guide-text-base .guide-img-02 {
        margin: 20px auto 0;
        width: 80%;
        text-align: center;
    }

    /* service-menubase (style.cssから統合) */
    ul.service-menubase, ul.service-menubase-02 {
        margin: 0 auto;
    }
    ul.service-menubase li, ul.service-menubase-02 li {
        margin: 40px 0 0;
        width: 47%;
    }

    /* tokuchou-base (style.cssから統合) */
    ul.tokuchou-base {
        margin: 30px auto 0;
        flex-direction: column;
    }
    ul.tokuchou-base li {
        margin: 10px 0;
        width: 100%;
    }

    /* Font sizes / General elements (style.cssから統合) */
    h1 { font-size: 28px; }
    h2 { font-size: 24px; padding: 30px 0; }
    h3 { font-size: 22px; padding: 0; }
    h4 { border-bottom: 1px solid; margin-bottom: 15px; }
    h5 { font-size: 18px; }
    h6 { font-size: 18px; }
    th, td, button, input, label, select, textarea { font-size: 16px; }

    /* Table styles (style.cssから統合) */
    table {
        margin: 0 0 30px;
    }
    table th, table td {
        border-bottom: none;
        display: block;
        width: 100%;
    }
    table th, table td:last-of-type {
        border-bottom: 1px solid #ccc;
    }
    .last td:last-child {
        width: 100%;
    }

    /* um form font size for 480px (style.cssから統合) */
    /* 480px以下の調整（ネスト） */
    @media (max-width: 480px) {
        .um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=password], .um .um-form textarea, .um .um-form input[type=text]::placeholder, .um-groups-search-form input[type=text]::placeholder, .um-groups-search-form input[type=text], .um-group-form a.um-button {
            font-size: 10px !important;
        }
    }

    /* スマホ表示　グループ　ディスカッション/メンバー/招待状を送信　メニューレイアウト調整 (style.cssから統合) */
    .um-groups-single ul.um-groups-single-tabs li {
        font-size: 85%;
    }
    .um-groups-single ul.um-groups-single-tabs li a {
        padding: 20px 10px 20px 0;
    }
}
/* responsive.css */

/* ... 既存のresponsive.cssの内容 ... */

@media (max-width: 992px) {
    /* ... 既存の992px以下のスタイル ... */

    /* activeクラスがないモバイルメニューはデフォルトで非表示にする */
    /* ハンバーガーメニューがクリックされていない状態のメニュー本体を非表示にします */
    .globalMenuSp:not(.active) {
        display: none !important;
        opacity: 0; /* スライドアニメーションのために透明度も設定 */
    }

    /* ハンバーガーメニューアイコンを常に表示 */
    /* モバイル・タブレット表示時はハンバーガーアイコンを強制的に表示させます */
    .hamburger {
        display: block !important;
    }

    /* .globalMenuSp.active で表示されるスタイル */
    /* activeクラスが追加されたメニュー本体はブロック表示にします */
    .globalMenuSp.active {
        opacity: 100;
        display: block !important; /* メニュー内のリストが縦並びになるようにblockで表示 */
    }
    
    /* ヘッダーのモバイル部分のレイアウト調整（必要に応じて） */
    /* ロゴとハンバーガーメニューの行のパディング調整 */
    .mobile-header-top {
        /*
        padding-top: 15px;
        padding-bottom: 15px;
        */
    }
    /* ハンバーガーメニューアイコンの右端からの余白調整 */
    .mobile-header-top .hamburger {
        margin-right: 15px;
    }
}