/* Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready

*/
/* Add your custom styles here */
/* ==================================================
   🧼 1. 余計なブラウザ・テーマ要素を消す ＆ ズレリセット
   ================================================== */
#masthead, #wpadminbar {
    display: none !important;
}
html, body, #page {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}
/* スクロール時にプラグインが作る隙間を強制的にゼロにする */
.elementor-sticky--active, 
.she-header-yes {
    top: 0px !important;
}
/* ==========================================================================
   🍀 新規投稿ページ：無理な固定化を解除し、空白を即時リセット
   ========================================================================= */
.page-id-947 form.nuisans-post-form {
    margin-top: 15px !important;
}
/* ==========================================================================
   🐾 1. ぬいさんず・新規登録画面（背景色のバグ修正完了版）
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&display=swap');
#buddypress:before {
    content: "";
    display: block;
    width: 100%;
    max-width: 250px; 
    height: 100px;    
    margin: 20px auto 10px; 
    background-image: url("https://nuisans.com/wp-content/uploads/2026/05/logo-full.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#buddypress, 
#buddypress label, 
#buddypress input, 
#buddypress select, 
#buddypress textarea {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
/* フォーム全体の箱：背景色とオレンジの線を完全に透明（リセット）にします */
.registration-php #content,
#buddypress,
#buddypress form#signup_form {
    width: 100% !important;
    max-width: 600px !important; 
    padding: 10px !important;
    margin: 0 auto !important;
    background: transparent !important;       /* 上部の黄色背景を消滅させる */
    background-color: transparent !important; /* 透明化を強制 */
    border: none !important;                  /* 周りのオレンジの線を消滅させる */
    box-shadow: none !important;
}
/* 上部の各入力項目を囲むグループ（テーマが勝手に作る箱）の背景も透明化 */
#buddypress .register-section,
#buddypress #profile-details,
#buddypress .profile-details {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
#buddypress .register-section > label, 
#buddypress .editfield > label,
#buddypress .editfield > fieldset > legend {
    display: block !important;
    color: #ff6600 !important; 
    font-weight: 700 !important; 
    font-size: 16px !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
}
#buddypress .radio label,
#buddypress .checkbox label,
#buddypress .editfield .radio label,
#buddypress .editfield .checkbox label {
    display: inline-block !important;
    color: #444 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin: 0 15px 0 5px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
#buddypress input[type="radio"],
#buddypress input[type="checkbox"] {
    margin-right: 8px !important;
    cursor: pointer;
    vertical-align: middle !important;
}
#buddypress input[type="text"],
#buddypress input[type="password"],
#buddypress input[type="email"],
#buddypress textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 48px !important;
    border: 2px solid #ffccaa !important; 
    border-radius: 12px !important; 
    padding: 10px !important;
    background-color: #fff !important;
}
.xprofile-avatar-registration .description {
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 15px !important;
    line-height: 1.5 !important;
}
/* ==========================================================================
   🧼 【完全修復】新規登録画面：標準アバター枠のみを消し、手作りの黄色い箱を守る
   ========================================================================== */
/* テーマ（BuddyBoss）標準の古いアバター枠や不要フィールドだけを確実に消滅ガード */
#buddypress .xprofile-avatar-registration,
#buddypress .editfield.html5-avatar,
#buddypress div.avatar-crop-container,
#buddypress label[for="signup_avatar"],
.field_type_avatar,
.field_avatar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 🎯 【巻き込み事故解決】
   手作りの黄色い箱（#profile-details-section）のアップロード機能は、
   テーマの消滅命令から100%除外して、確実にシステムへデータを届ける */
#signup_form .editfield:has(input[type="file"]):not(#profile-details-section) input[type="file"] {
    display: none !important;
}
#profile-details-section input[type="file"],
#post_image {
    display: block !important;       /* 物理消滅させられていたボタンを強制解放 */
    visibility: visible !important;
    opacity: 1 !important;
}
/* ==========================================================================
   📸 1. ぬいさん画像登録枠専用スタイル（ここだけ黄色い箱になります）
   ========================================================================= */
#buddypress .custom-file-upload-block,
#buddypress #profile-details-section {
    display: block !important;
    clear: both !important;         
    float: none !important;
    width: 100% !important;         
    max-width: 100% !important;
    background: #ffffcf !important;            /* 下部のアバター枠だけ黄色にする */
    border: 1px solid #ff7f50 !important;      /* 下部のアバター枠だけにオレンジ線を引く */
    border-radius: 12px !important; 
    padding: 25px 20px !important; 
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin-top: 25px !important; 
    margin-bottom: 30px !important; 
}
#nui_visible_file_input {
    margin-bottom: 12px !important;
}
#buddypress form#signup_form .submit {
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-align: center !important;
    color: #444444 !important;
    clear: both !important;
}
#buddypress form#signup_form .submit a {
    color: #ff6600 !important; 
    font-weight: 700 !important;
    text-decoration: underline !important;
}
.bb-modal, 
.mfp-content, 
.bp-modal-body,
div[id*="tos"], 
div[class*="modal"] {
    position: relative !important;
}
.bb-modal-close,
.bp-modal-close,
button.mfp-close,
.mfp-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    color: #666666 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 99999 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
}
#buddypress .submit input[type="submit"] {
    display: block !important;
    width: 100% !important;
    background-color: #ff6600 !important;
    color: #fff !important;
    padding: 16px !important;
    font-weight: bold !important;
    font-size: 18px !important;
    border-radius: 50px !important; 
    border: none !important;
    box-shadow: 0 4px 0 #cc5500 !important; 
    cursor: pointer;
    margin-top: 3px !important; 
}
#buddypress .submit input[type="submit"]:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #cc5500 !important;
}
#buddypress .editfield .error,
#buddypress .editfield p.error,
#buddypress .editfield span.error {
    color: #ff0000 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
}
#buddypress div.error {
    color: #ff0000 !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
}
html {
    overflow-y: scroll;
}
/* ==========================================================================
   🐾 2. ぬいさん専用・新規投稿フォーム（ファーストビュー最大化・縦幅拡張版）
   ========================================================================= */
.page-id-947 form.nuisans-post-form,
.page-id-947 form.nuisans-post-form input,
.page-id-947 form.nuisans-post-form textarea,
.page-id-947 form.nuisans-post-form label,
.page-id-947 .user-name,
.page-id-947 .nuisans-error-notice,
.char-counter {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
.page-id-947 form.nuisans-post-form {
    max-width: 600px; 
    width: 100%;
    margin: 10px auto !important;
    padding: 16px 24px !important;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
.page-id-947 .form-user-profile-compact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px dashed #eee;
}
.page-id-947 .user-avatar img {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    border: 3px solid #06c755 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
    object-fit: cover;
}
.page-id-947 .user-name {
    color: #06c755 !important;
    font-weight: 800 !important;
    display: block;
    margin: 0 !important;
    line-height: 1.2 !important;
}
.page-id-947 .nuisans-error-notice {
    background-color: #ffeef0 !important;
    border: 1px solid #ffcccc !important;
    color: #ff4d4d !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    text-align: left !important;
    line-height: 1.4 !important;
}
.page-id-947 .form-group-compact {
    margin-bottom: 14px !important;
}
.page-id-947 .textarea-relative {
    position: relative;
    width: 100%;
}
.page-id-947 form.nuisans-post-form label {
    font-weight: 700;
    color: #444;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 4px !important;
}
.page-id-947 form.nuisans-post-form textarea {
    width: 100% !important;
    padding: 10px 12px 30px 12px !important;
    border: 1px solid #ddd;
    border-radius: 12px;
    background-color: #fafafa;
    height: 140px !important; 
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.page-id-947 form.nuisans-post-form textarea:focus,
.page-id-947 .nuisans-input-url:focus {
    border-color: #06c755 !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(6, 199, 85, 0.1) !important;
}
.page-id-947 form.nuisans-post-form textarea[style*="background-color: rgb(250, 218, 221)"]:focus,
.page-id-947 form.nuisans-post-form textarea[style*="background-color: #FADADD"]:focus {
    border-color: #ff66a3 !important;
    background-color: #FADADD !important;
    box-shadow: 0 0 0 3px rgba(255, 102, 163, 0.2) !important;
}
.page-id-947 .char-counter {
    position: absolute;
    bottom: 10px !important;
    right: 15px;
    font-size: 12px;
    color: #999;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 6px;
    border-radius: 20px;
    pointer-events: none;
}
.page-id-947 .char-counter.over-limit {
    color: #ff4d4d !important;
}
.page-id-947 .nuisans-input-url {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    background-color: #fafafa !important;
    font-size: 14px !important;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.page-id-947 input[type="file"] {
    display: block;
    width: 100%;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 10px;
    border: 1px dashed #ccc;
    cursor: pointer;
    font-size: 13px;
}
.page-id-947 .image-preview-container {
    position: relative;
    width: 140px;
    height: 140px;
    margin-top: 12px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #eee;
}
.page-id-947 .image-preview-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-id-947 .remove-preview-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #ffffff !important;
    border: none !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    transition: background 0.2s;
    display: flex !important;
    align-items: center !important;
}
.page-id-947 .remove-preview-btn:hover {
    background: rgba(255, 77, 77, 0.9) !important;
}
.page-id-947 form.nuisans-post-form input[type="submit"] {
    display: block;
    width: 100%;
    padding: 14px;
    background-color: #06c755;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-top: 25px !important;
}
.page-id-947 form.nuisans-post-form input[type="submit"]:hover {
    background-color: #05b04b;
}
@media (max-width: 767px) {
    .page-id-947 .user-name { font-size: 16px !important; }
    .page-id-947 form.nuisans-post-form textarea { font-size: 14px !important; }
    .page-id-947 .user-avatar img {
        width: 100px !important;
        height: 100px !important;
    }
}
@media (min-width: 768px) {
    .page-id-947 .user-name { font-size: 18px !important; }
    .page-id-947 form.nuisans-post-form textarea { font-size: 16px !important; }
}
.bp-activity-attachment-custom img,
.activity-inner img,
.bp-activity-attachment-post-thumbnail img {
    max-height: 380px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 8px;
    cursor: pointer;
}
/* ==========================================================================
   🐾 3. タイムライン（/timeline/）デザイン完全統合（16:9横長・余白完全清算版）
   ========================================================================= */
body.directory.activity,
body.directory.activity #page,
body.directory.activity #content,
body.directory.activity .container,
body.directory.activity #primary,
body.directory.activity main {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
}
body.directory.activity #buddypress:before {
    display: none !important;
    content: none !important;
}
/* 不要な重複投稿フォームや英語のパーツを非表示 */
body.directory.activity #whats-new-form,
body.directory.activity .activity-update-form,
body.directory.activity #buddypress-post-from,
body.directory.activity .whats-new-avatar,
body.directory.activity .whats-new-content,
body.directory.activity .whats-new-textarea,
body.directory.activity #bp-nouveau-activity-form-placeholder,
body.directory.activity #bp-nouveau-activity-form {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
body.directory.activity #buddypress,
body.directory.activity .buddypress-wrap,
body.directory.activity #item-body {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* 背景を真っ白に統一し、左に露出したゴミテキストやバグ背景を清算 */
body.directory.activity,
body.directory.activity #content,
body.directory.activity #buddypress .buddypress-wrap,
body.directory.activity #buddypress #item-body,
body.directory.activity .dir-form,
body.directory.activity #activity-dir-search,
body.directory.activity #activity-all,
body.directory.activity .screen-content,
body.directory.activity #activity-stream,
body.directory.activity .activity-list {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* タイムラインカード全体の中央寄せ完全保護 */
body.directory.activity #buddypress .screen-content,
body.directory.activity #item-body .activity {
    max-width: 600px !important;
    width: 100% !important;
    margin: 0 auto !important;
}
body.directory.activity div.activity-head-bar,
body.directory.activity .activity-head-bar,
body.directory.activity #buddypress div.activity-head-bar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 10px auto 0px auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}
body.directory.activity .activity-head-bar .bb-subnav-filters-container-main:has(#bb-subnav-filter-by),
body.directory.activity .activity-head-bar #bb-subnav-filter-by,
body.directory.activity .activity-head-bar .bb-subnav-filters-label,
body.directory.activity .animate-spin,
body.directory.activity .activity-head-bar .subnav-filters-opener:has(.bb-icon-search) {
    display: none !important;
}
body.directory.activity .activity-head-bar .bb-subnav-filters-search {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
}
body.directory.activity .activity-head-bar .bb-subnav-filters-container-main {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-left: auto !important;
    position: relative !important;
}
body.directory.activity .activity-head-bar .bb-subnav-filters-container {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
}
body.directory.activity .activity-head-bar input[type="search"],
body.directory.activity .activity-head-bar .subnav-filters-modal ul li a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}
body.directory.activity .activity-head-bar .subnav-filters-opener {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 600 !important;
    color: #444 !important;
    font-size: 16px !important;
}
/* テキスト検索バーの緑色カプセルデザイン（完全保護） */
body.directory.activity .activity-head-bar input[type="search"] {
    width: 240px !important;
    max-width: 100% !important;
    height: 40px !important;
    padding: 0 35px 0 40px !important;
    border: none !important;
    border-radius: 20px !important;
    background-color: #06c755 !important;
    color: #FFFFFF !important;
    box-sizing: border-box !important;
}
body.directory.activity .activity-head-bar input[type="search"]::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}
body.directory.activity .activity-head-bar .bb-subnav-filters-search .subnav-filters-modal {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    width: 240px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 10 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
body.directory.activity .activity-head-bar .nouveau-search-submit {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 20 !important;
}
body.directory.activity .activity-head-bar .nouveau-search-submit span {
    color: #FFFFFF !important;
    font-size: 14px !important;
}
body.directory.activity .activity-head-bar .search-form_reset {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 20 !important;
}
body.directory.activity .search-form_reset span {
    color: #FFFFFF !important;
}
body.directory.activity .activity-head-bar .bb-subnav-filters-container-main .subnav-filters-modal {
    position: absolute !important;
    top: 120% !important;
    right: 0 !important;
    left: auto !important;
    background-color: #4A4A4A !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
    min-width: 160px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 99999 !important;
    border: none !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #5A5A5A !important;
    position: relative !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul li:last-child {
    border-bottom: none !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul li a {
    color: #FFFFFF !important;
    display: block !important;
    padding: 12px 35px 12px 20px !important;
    text-align: left !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    white-space: nowrap !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul li a:hover {
    background-color: #06c755 !important;
    color: #FFFFFF !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul li.selected a {
    background-color: transparent !important;
    color: #FFFFFF !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul li.selected:after {
    content: "✓" !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
body.directory.activity .activity-head-bar .subnav-filters-modal ul li:after {
    display: none !important;
    content: none !important;
}
body.directory.activity .activity-list {
    clear: both !important;
    padding-top: 10px !important; 
}
/* 🌟 各トークの白いカード枠（コメント下限界引き締め完了版） */
body.directory.activity .activity-list li.activity-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
    border: none !important; 
    border-radius: 16px !important;            
    padding: 24px 24px 0px 24px !important;
    margin-top: 5px !important;   
    margin-bottom: 20px !important;           
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; 
    box-sizing: border-box !important;
    width: 100% !important;
    clear: both !important;
    border-top: 0px solid transparent !important; /* 天井の干渉を0にしてベストな余白を解放 */
    background-clip: padding-box !important;        /* 背景描画のバグをクリア */
}
/* 👤 アバター画像をPCもスマホも「60px」に完全固定 */
body.directory.activity #buddypress ul.activity-list li.activity-item .activity-avatar {
    display: block !important;
    float: left !important;            
    width: 60px !important;            
    height: 60px !important;           
    max-width: 60px !important;
    min-width: 60px !important;
    margin: 0 16px 0 0 !important;     
    padding: 0 !important;
}
body.directory.activity #buddypress ul.activity-list li.activity-item .activity-avatar img.avatar {
    display: block !important;
    width: 60px !important;            
    height: 60px !important;           
    max-width: 60px !important;
    border-radius: 50% !important;
    border: 2px solid #06C755 !important; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    object-fit: cover !important;
}
/* お名前ヘッダーの回り込みベース */
body.directory.activity #buddypress ul.activity-list li.activity-item .activity-header {
    display: block !important;
    overflow: hidden !important;       
    margin-bottom: 16px !important;
    padding-top: 18px !important;      
    background: transparent !important;
    border: none !important;
}
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head,
body.directory.activity [class*="activity-head"] {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: auto !important;
    float: none !important;
}
/* 段落テキスト（pタグ）は単なるインライン文として右に流す */
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p {
    display: inline !important;        
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    color: #444444 !important;
    line-height: 1.5 !important;
}
/* アカウントお名前リンクの緑太文字デザイン */
body.directory.activity [class*="activity-header-text"] p a:first-of-type,
body.directory.activity [class*="activity-head"] p a:first-of-type,
body.directory.activity [class*="user-name"] {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 18px !important;       
    font-weight: 800 !important;
    color: #06c755 !important;
    display: inline !important;        
    line-height: inherit !important;
    margin: 0 4px 0 0 !important;     
}
/* 時間の前の不要な空きスペース（margin-left）を「0」に完全リセット */
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p a[class*="time-since"],
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p time,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p a[class*="time-since"],
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p time,
body.directory.activity .activity-list li.activity-item .activity-header .time-since {
    margin-left: 0 !important;        
    padding-left: 0 !important;
    display: inline !important;        
}
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p [class*="time-since"],
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p span,
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p time,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p [class*="time-since"],
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p span,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p time,
body.directory.activity .activity-list li.activity-item .activity-header .time-since {
    font-size: 13px !important;       
    font-weight: 500 !important;
    color: #999999 !important;        
    display: inline !important;   
    line-height: inherit !important;
    margin-left: 2px !important;       
}
/* 公開・限定アイコン完全非表示ガード */
body.directory.activity .activity-list li.activity-item .activity-header [class*="privacy"],
body.directory.activity .activity-list li.activity-item .activity-header .activity-privacy,
body.directory.activity .activity-list li.activity-item .activity-header [class*="privacy-selector"],
body.directory.activity .activity-privacy-selector {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 動画デフォコンテナの残骸を根こそぎ完全消滅 */
body.directory.activity .activity-list li.activity-item .activity-inner .bm-embed-wrapper,
body.directory.activity .activity-list li.activity-item .activity-inner .activity-post-type-video,
body.directory.activity .activity-list li.activity-item .activity-inner .video-capture,
body.directory.activity .activity-list li.activity-item .activity-inner [class*="embed"],
body.directory.activity .activity-list li.activity-item .activity-inner [class*="video"] {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* 📦 写真用ラッパーコンテナ（16:9横長ベース完全死守） */
.nuisans-uploaded-photo-wrap {
    width: 100% !important;
    max-width: 100% !important;        
    margin-top: 0 !important;          
    margin-bottom: 0 !important;       
    clear: both !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}
/* 🖼 写真そのものに突っ張り棒を直撃させ、テーマの邪魔を無効化 */
.nuisans-uploaded-photo-wrap img.nuisans-timeline-photo,
body.directory.activity .activity-list li.activity-item .activity-inner img.nuisans-timeline-photo {
    display: block !important;          
    width: 100% !important;
    height: auto !important;            
    aspect-ratio: 16 / 9 !important;    
    object-fit: cover !important;       
    max-height: none !important;
    border-radius: 12px !important;
    cursor: pointer;
    margin: 0 0 24px 0 !important;     
    padding: 0 !important;
}
/* 投稿本文テキスト（画像の上側に24pxの空間をあける突っ張り棒） */
body.directory.activity .activity-list li.activity-item .activity-inner p.nuisans-timeline-text {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 16px !important;         
    font-weight: 500 !important;         
    color: #4A4A4A !important;          
    line-height: 1.6 !important;
    margin: 0 0 24px 0 !important;     
    clear: both !important;            
}
/* 動画：の文字とURLブロック */
.nuisans-video-url-block,
body.directory.activity .activity-list li.activity-item .activity-inner .nuisans-video-url-block {
    clear: both !important;            
    display: inline-flex !important;    
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 16px !important;         
    font-weight: 500 !important;         
    color: #4A4A4A !important;          
    margin-top: 0 !important;          
    margin-bottom: 0 !important;
    padding: 0 !important;
}
/* 動画URLの青色・太文字化（スカイブルー＆安全自動折り返し対応版） */
body.directory.activity .activity-inner p a:not([class*="photo"]) {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 16px !important;         
    font-weight: 700 !important;               /* くっきり際立つ太文字 */
    color: #1e90ff !important;              /* 🎯 明るく視認性の高いスカイブルー */
    text-decoration: none !important;          /* 下線はナシ */
    margin-left: 6px !important; 
    /* 🌟 ここから下が長いURLを綺麗に折り返すための修正です */
    display: inline !important;                
    white-space: normal !important;            
    word-break: break-all !important;          
    overflow: visible !important;              
    text-overflow: clip !important;            
    vertical-align: baseline !important;       
}
/* アカウント活動情報の文字フォント・カラー統一 */
body.directory.activity .activity-list li.activity-item .activity-meta,
body.directory.activity .activity-list li.activity-item .activity-meta a,
body.directory.activity .activity-list li.activity-item .activity-meta span {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 500 !important;
    color: #4A4A4A !important;
    font-size: 14px !important;
}
/* アクションフッター（推し・コメントボタンエリア） */
body.directory.activity .activity-item-footer,
body.directory.activity #buddypress ul.activity-list li.activity-item .activity-item-footer {
    padding: 0 !important;          
    margin: 12px 0 0 0 !important;  
    background: transparent !important;
    height: auto !important;
}
/* 推し・コメントボタンの文字指定 */
body.directory.activity .activity-item-footer a.activity-button,
body.directory.activity .activity-item-footer .bb-activity-actions a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 600 !important;
    color: #999999 !important;      
    font-size: 14px !important;
    text-decoration: none !important;
}
/* 新規投稿ページのアバター画像微細シャドー */
.nuisans-post-form .form-user-profile-compact .user-avatar img {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}
/* 📱 スマホ対応 */
@media (max-width: 767px) {
    body.directory.activity [class*="activity-header-text"] p a:first-of-type,
    body.directory.activity [class*="activity-head"] p a:first-of-type,
    body.directory.activity [class*="user-name"] {
        font-size: 16px !important;   
    }
    body.directory.activity #buddypress ul.activity-list li.activity-item .activity-avatar,
    body.directory.activity #buddypress ul.activity-list li.activity-item .avatar {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }
    body.directory.activity #buddypress ul.activity-list li.activity-item .activity-header {
        padding-top: 14px !important; 
    }
    body.directory.activity .activity-list li.activity-item .activity-inner img.nuisans-timeline-photo {
        margin-bottom: 20px !important; 
    }
    body.directory.activity .activity-list li.activity-item .activity-inner p.nuisans-timeline-text {
        font-size: 14px !important;
        margin-bottom: 20px !important; 
    }
    .nuisans-video-url-block a {
        font-size: 14px !important;
    }
    body.directory.activity .activity-head-bar .subnav-filters-opener,
    body.directory.activity .activity-head-bar .subnav-filters-modal ul li a {
        font-size: 14px !important;
    }
    body.directory.activity .activity-list li.activity-item {
        padding: 20px 20px 6px 20px !important;
        border-top: 0px solid transparent !important; /* スマホ側のデフォルトの干渉線も0にして消滅させます */
        background-clip: padding-box !important;        /* スマホ側の背景描画のバグも同時にクリアします */
    }
    /* 🎯 【微調整】スマホ時のみ検索バーと土台を絶妙な長さの195pxに調整 */
    body.directory.activity .activity-head-bar input[type="search"] {
        width: 195px !important;
        font-size: 14px !important;
        padding: 0 30px 0 35px !important; /* 文字が詰まりすぎないように余白を再計算 */
    }
    body.directory.activity .activity-head-bar .bb-subnav-filters-search .subnav-filters-modal {
        width: 195px !important;
    }
    /* 🎯 【ここまで】 */
}
/* 本文内の「検索用マスク:」というテキストが含まれる部分を完全に隠す */
.nuisans-timeline-text {
    font-size: 16px; /* 既存のサイズ維持 */
}
/* 万が一のために、CSSの最優先権限で画面から物理的に消滅させます */
.nuisans-timeline-text span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* 絞り込みメニューのチェックマーク（✓）をシステム青色から白色に変更 */
body.directory.activity .activity-head-bar .subnav-filters-modal ul li.selected:after {
    color: #FFFFFF !important;
}
/* 万が一、アイコンフォントや別の要素で色が塗られている場合の鉄壁ガード */
body.directory.activity .activity-head-bar .subnav-filters-modal ul li.selected a:after,
body.directory.activity .activity-head-bar .subnav-filters-modal ul li.selected i {
    color: #FFFFFF !important;
}
/* ==========================================================================
   🐾 4. コメント入力フォーム・横幅とのびのび拡張デザイン（完全決着版）
   ========================================================================= */
/* 入力コンテナのバグを完全に解除 */
#buddypress .activity-comments form .ac-reply-content {
    display: block !important;
    width: auto !important;
    overflow: hidden !important; 
    margin: 0 !important;
    padding: 0 !important;
}
/* 入力枠を横いっぱいに広げ、カプセル型に丸める */
#buddypress .activity-comments form .ac-reply-content textarea {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;       
    min-height: 44px !important;
    padding: 10px 80px 10px 12px !important; 
    line-height: 1.5 !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;
    border-radius: 22px !important; 
    box-sizing: border-box !important;
    display: block !important;
}
#buddypress .activity-comments form .ac-reply-content .ac-reply-attachments,
#buddypress .activity-comments form .ac-reply-content .ac-reply-form-actions {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   🐾 5. コメント内の写真投稿（カメラアイコン）完全消滅ガード
   ========================================================================= */
#buddypress .activity-comments form .ac-reply-content [class*="avatar-button"],
#buddypress .activity-comments form .ac-reply-content [class*="media"],
#buddypress .activity-comments form .ac-reply-content label[for*="file"],
#buddypress .activity-comments form .ac-reply-content .bp-media-buttons,
#buddypress .activity-comments form .ac-reply-content i.camera,
#buddypress .activity-comments form .ac-reply-content span.camera,
#buddypress .activity-comments form .rtmedia-comment-media-upload,
#buddypress .activity-comments form [class*="attach"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* カメラが消えてテキストエリアが広がるため、右端の飛行機ボタンの位置を微調整 */
#buddypress .activity-comments form .ac-reply-content textarea {
    padding-right: 50px !important; 
}
/* ==========================================================================
   🐾 6. コメント入力枠の文字数制限（本文と同じ最大200文字ロックはPHP/JS側で安全に執行）
   ========================================================================= */
/* ==========================================================================
   🐾 7. 外部リンク機能・完全無効化 ＆ お名前・アバター救出 ＆ URLデザイン完全制御版
   ========================================================================= */
/* --------------------------------------------------------------------------
   🔗 【A】②の指示：投稿本文内の「URL文字列」をサイトカラーの青色・太文字にする（動画URL以外）
   -------------------------------------------------------------------------- */
body.directory.activity .activity-inner p.nuisans-timeline-text a {
    color: #21759b !important;              /* 🎯 サイト共通の美しい青色 */
    font-weight: 700 !important;               /* 🎯 しっかり際立つ太文字感 */
    text-decoration: underline !important;     /* リンクと分かりやすい下線 */
    pointer-events: auto !important;           /* 投稿本文側はクリック可能 */
}
/* --------------------------------------------------------------------------
   🚫 【B】①の指示：コメント欄（通常時＆ポップアップ時）のURLリンクを完全剥奪
   -------------------------------------------------------------------------- */
/* 通常タイムラインとポップアップ（シアター）のコメント本文URLだけを確実に狙い撃ち */
.acomment-content p a,
.activity-comments .comment-content p a {
    color: #444444 !important;                 /* 周りの一般テキストと同じマイルドな黒文字 */
    font-weight: 500 !important;               /* 通常の太さに戻す */
    text-decoration: none !important;          /* 不格好な下線を完全に消滅させる */
    cursor: text !important;                   /* マウスを乗せてもただのテキスト選択にする */
    pointer-events: none !important;           /* 🎯 クリック機能を物理的に100%永久遮断 */
}
/* --------------------------------------------------------------------------
   👤 【C】お名前リンク：他ページを守り抜き、「コメント欄のお名前」だけを緑・超太文字に絶対固定！
   -------------------------------------------------------------------------- */
/* 🎯 曖昧な親クラス（activity-list）を完全に撤廃し、通常時＆ポップアップ時それぞれの「コメント内お名前専用クラス」のみをピンポイントで超直撃！ */
.acomment-meta a:first-of-type,
.acomment-hd a:first-of-type,
.comment-header a:first-of-type,
.bp-activity-comment-name a,
.activity-comments .comment-header strong a {
    color: #06c755 !important;                 /* 🎯 ポップアップ内も含め、コメントお名前を100%公式グリーンへ強制固定！ */
    font-weight: 800 !important;               /* 🎯 抜群の存在感の超太文字 */
    text-decoration: none !important;          /* お名前の下線はナシ */
    cursor: pointer !important;                /* ちゃんと押せる手のひらマーク */
    pointer-events: auto !important;           /* クリック機能を100%解放 */
}
/* ==========================================================================
   💖 ぬいさんず専用：タイムライン仕上げの微調整（推しピンク化 ＆ アバター外枠除去）
   ========================================================================= */
/* 🎯 ①「推し」ボタン関連：通常時は黒、自分が押した（reacted）時だけピンク点灯！お名前はいつでも黒（4A4A4A） */
/* 【A. 通常時（まだ押していない時）】：コメントボタンたちと同じ静かなグレー・黒系で馴染ませる */
.activity-item-footer .bb-activity-actions .activity-reactions a,
.activity-item-footer .bb-activity-actions .activity-reactions i {
    color: #999999 !important;                 /* 通常時は他のボタンと同じマイルドなグレー */
}
/* 【B. 自分が押した（reacted）時】：アイコンと「・∞・」だけをピンクに鮮やかに点灯させる！ */
.activity-item-footer .bb-activity-actions .activity-reactions.reacted a,
.activity-item-footer .bb-activity-actions .activity-reactions.reacted i,
.activity-item .activity-state-reactions i.bb-icon-thumbs-up,
.activity-list .activity-item .activity-state-reactions .reactions.item {
    color: #ff66a3 !important;                 /* 🎯 自分が推した瞬間、親指と「・∞・」がピンクに変身！ */
}
/* 【C. お名前ゾーン】：自分が押そうが押さまいが、テキストはいつでもいつもの黒（4A4A4A）を死守 */
.activity-list .activity-item .activity-reactions.count,
.activity-list .activity-item .activity-state-reactions .activity-reactions {
    color: #4A4A4A !important;                 /* 🎯 「あなた」や「お名前」はいつでも落ち着いた黒 */
    font-weight: 500 !important;               /* 通常の太さで上品に */
}
/* ==========================================================================
🐾 8. コメントアバター固定（60px） ＆ 📦 横幅FULL全開拡張 ＆ 🎯 左右余白パディング完全復元
========================================================================= */
/* 👤 コメント内のアバターを丸型・緑枠に完全統一 */
#buddypress .activity-comments .activity-avatar,
#buddypress .activity-comments .acorreply-avatar,
#buddypress .activity-comments .ac-reply-avatar,
#buddypress .activity-comments li .comment-avatar,
#buddypress .activity-comments [class*="avatar"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    margin: 0 16px 0 0 !important;
    float: left !important;
}
#buddypress .activity-comments .activity-avatar img,
#buddypress .activity-comments .acorreply-avatar img,
#buddypress .activity-comments .ac-reply-avatar img,
#buddypress .activity-comments li img.avatar,
#buddypress .activity-comments [class*="avatar"] img {
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    border-radius: 50% !important;
    border: 2px solid #06C755 !important; 
    object-fit: cover !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}
/* 📦 左右パディング完全復元・安全版 */
html body.directory.activity .activity-list li.activity-item .activity-comments .comment-body,
body.directory.activity .activity-list li.activity-item .activity-comments .comment-body,
#buddypress .activity-comments .comment-body {
    width: calc(100% - 80px) !important;
    max-width: calc(100% - 80px) !important;
    box-sizing: border-box !important;
    padding-left: 12px !important; 
    padding-right: 16px !important; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* グレーの箱そのものの余白へ完全復元 */
body.directory.activity .activity-list li.activity-item .activity-comments .comment-content,
#buddypress .activity-comments .comment-content,
#buddypress .activity-comments .activity-inner,
.activity-comments [class*="activity-inner"] {
    background-color: #f0f0f0 !important; 
    border-radius: 12px !important;
    box-sizing: border-box !important;
    padding: 12px 16px !important;
    margin: 0 0 4px 0 !important;
}
/* 💡 コメントがゼロの時は、上下左右の余白を強制的にゼロ化 */
body.directory.activity .activity-list li.activity-item .activity-comments .comment-content:empty,
#buddypress .activity-comments .comment-content:empty {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    display: none !important;
}
/* 🐾 「推し」と「返信」ボタンの完全非表示命令 */
html body.directory.activity .activity-list li.activity-item .activity-comments .comment-meta a:not(.bp-activity-comment-name):not([href*="/members/"]):not([href*="/menbers/"]),
#buddypress .activity-comments .comment-meta a:not(.bp-activity-comment-name):not([href*="/members/"]):not([href*="/menbers/"]),
#buddypress .activity-comments [class*="meta"] a:not(.bp-activity-comment-name):not([href*="/members/"]):not([href*="/menbers/"]) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 🎯 【時間（ago）の色・サイズを親トークと完全同期】 */
#buddypress .activity-comments .posted,
#buddypress .activity-comments .time-since,
.activity-comments .posted,
.activity-comments .time-since,
span.posted {
    color: #999999 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    margin-top: 4px !important;
    margin-left: 2px !important;
    line-height: inherit !important;
}
/* ==========================================================================
   🔒 タイムライン：【限定バッジ最終配置 ＆ コメントアイコンバグ完全修正】
   ========================================================================= */
/* ① コメントアイコンを巻き込まず、ヘッダーの鍵マークだけをピンポイント消滅 */
body.directory.activity .activity-list li.activity-item .activity-header [class*="privacy"],
body.directory.activity .activity-list li.activity-item .activity-header .activity-privacy,
body.directory.activity .activity-list li.activity-item .activity-header [class*="privacy-selector"],
body.directory.activity .activity-privacy-selector,
body.directory.activity .activity-list li.activity-item .activity-header .bp-privacy-icon,
body.directory.activity .activity-list li.activity-item .activity-header i.bb-icon-privacy {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
body.directory.activity .activity-list li.activity-item {
    position: relative !important;
}
/* 🌸 【限定バッジ】三点リーダーから左へちょうど良い距離をキープ */
body.directory.activity .activity-list li.activity-item .activity-header .nui-limited-badge,
#buddypress ul.activity-list li.activity-item .activity-header .nui-limited-badge {
    position: absolute !important;
    top: 17px !important;
    right: 52px !important;
    z-index: 10 !important;
    background-color: #ff66a3 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    display: inline-block !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
/* ==========================================================================
   📱 【スマホ専用】テーマの干渉を完全シャットアウト
   ========================================================================= */
@media (max-width: 767px) {
    body.single-activity .bb-mobile-nav-bar,
    body.single-activity #buddypress .bb-mobile-nav-bar,
    body.single-activity .activity-list > li::before,
    body.single-activity .activity-list > li::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    body.single-activity #nui-elementor-sp-footer-wrap {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 60px !important; 
        background-color: rgba(74, 74, 74, 0.9) !important; 
        background: rgba(74, 74, 74, 0.9) !important;
        z-index: 999999 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2) !important;
        box-sizing: border-box !important;
        padding: 0 6px !important;
        margin: 0 !important;
    }
    body.single-activity #nui-elementor-sp-footer-wrap div,
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-container,
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-row {
        display: flex !important;
        flex-direction: row !important; 
        width: 100% !important;
        height: 100% !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        background: transparent !important; 
        padding: 0 !important;
        margin: 0 !important;
    }
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-column:nth-child(1),
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-column:nth-child(2),
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-column:nth-child(4),
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-column:nth-child(5) {
        flex: 0 0 17.5% !important;
        width: 17.5% !important;
        max-width: 17.5% !important;
    }
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-column:nth-child(3) {
        flex: 0 0 22% !important;
        width: 22% !important;
        max-width: 22% !important;
        position: relative !important;
    }
    body.single-activity #nui-elementor-sp-footer-wrap a {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        text-decoration: none !important;
    }
    body.single-activity #nui-elementor-sp-footer-wrap i,
    body.single-activity #nui-elementor-sp-footer-wrap svg,
    body.single-activity #nui-elementor-sp-footer-wrap span,
    body.single-activity #nui-elementor-sp-footer-wrap .elementor-icon {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    body.single-activity #nui-elementor-sp-footer-wrap ul,
    body.single-activity #nui-elementor-sp-footer-wrap li {
        list-style: none !important;
        content: none !important;
    }
    body.single-activity #buddypress,
    body.single-activity .buddypress-wrap {
        padding-bottom: 140px !important;
    }
}
/* ==========================================================================
   🏠 ぬいさんず専用：コメントポップアップ（シアター）デザイン最終コンプリート決定版
   ========================================================================= */
/* 外側のトゲトゲした巨大な2重枠線と背景を完全に消し去る */
div.activity-theatre,
div.activity-theatre.buddypress-wrap,
div.activity-theatre .activity-modal {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
/* ポップアップ本体の形状（丸み18px・影・縦スクロールの主軸化） */
div.activity-theatre .activity-modal {
    border: none !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
    overflow-y: auto !important;                     /* ポップアップ自体をのびのび縦スクロールさせる */
    background: #ffffff !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}
/* ヘッダーエリア：高さをしっかり持たせ、内部のパーツを垂直中央に並べるための土台 */
div.activity-theatre .bb-modal-activity-header {
    border-bottom: 1px solid #f2f2f2 !important;
    padding: 0 24px !important;
    background: #ffffff !important;
    position: relative !important;
    display: block !important;
    height: 64px !important;
    min-height: 64px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}
/* お名前位置をキープ */
div.activity-theatre .bb-modal-activity-header h2 {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 800 !important;
    color: #4A4A4A !important;
    font-size: 18px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
    display: block !important;
}
/* 閉じる「×」ボタン：右端の垂直中央にピン留め配置 */
div.activity-theatre .bb-modal-activity-header .bb-close-action-popup {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 24px !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 4px !important;
    z-index: 99999 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
}
/* ×ボタンのアイコン自体を少し大きく、押しやすくマイルドなグレーに */
div.activity-theatre .bb-modal-activity-header .bb-close-action-popup span {
    font-size: 20px !important;
    color: #888888 !important;
    font-weight: bold !important;
}
/* 閉じるボタンのマウスオーバー（ホバー）時の色変えを完全無効化 */
div.activity-theatre .bb-modal-activity-header .bb-close-action-popup:hover span {
    color: #888888 !important;
}
/* 【スマホ専用レスポンシブ】：お名前サイズを16pxに変更 */
@media (max-width: 767px) {
    div.activity-theatre .bb-modal-activity-header {
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 16px !important;
    }
    div.activity-theatre .bb-modal-activity-header h2 {
        font-size: 16px !important;
        left: 16px !important;
    }
    div.activity-theatre .bb-modal-activity-header .bb-close-action-popup {
        right: 16px !important;
    }
}
/* 中間のコメント一覧表示エリア：固定高さを強制撤廃 */
div.activity-theatre .bb-modal-activity-body {
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;                 /* ここ単体での内スクロールを禁止 */
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
}
/* BuddyBoss独自の底固定を強制破壊 */
div.activity-theatre .footer-overflow {
    position: relative !important;                  /* absoluteを殺して通常の流れに戻す */
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;                     /* JS独自の座標移動も無効化 */
    box-sizing: border-box !important;
    display: block !important;
    clear: both !important;
    margin-top: 20px !important;                    /* コメントリストとの間に心地よい隙間を */
}
/* フッター（入力欄）の土台：スクロールの一番下に自然に並ぶ形へ */
div.activity-theatre .bb-modal-activity-footer {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    border-top: 1px solid #f2f2f2 !important;
    background: #fbfbfb !important;
    padding: 16px 24px !important;
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* フッターの投稿ユーザーアバター：PC・スマホ共に「60px」に完全同期 */
div.activity-theatre .ac-reply-avatar,
div.activity-theatre .ac-reply-avatar img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
}
div.activity-theatre .ac-reply-avatar {
    margin: 0 16px 0 0 !important;
    padding: 0 !important;
    display: block !important;
}
div.activity-theatre .ac-reply-avatar img {
    border-radius: 50% !important;
    border: 2px solid #06C755 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    object-fit: cover !important;
}
/* コメント入力ボックスの形状 */
div.activity-theatre .bp-ac-form-container {
    border-radius: 24px !important;
    border: 1px solid #e5e5e5 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    padding: 0 16px !important;
    min-height: 60px !important;
}
/* 📱 🎯 【スマホ専用レスポンシブ】：最下部に30px以上の「絶対安全なスクロール余地」を再計算 */
@media (max-width: 767px) {
    div.activity-theatre .bb-modal-activity-footer {
        padding: 12px 16px 46px 16px !important;    /* 🎯 底パディングを46pxにさらに増量！ */
    }
    /* 🎯 最後のダメ押し：スクロールしきった時に、固定メニューに絶対に踏まれないための床用マージン */
    div.activity-theatre .bp-ac-form-container {
        margin-bottom: 30px !important;            /* 🎯 20pxから「30px」へパワーアップ配備！ */
    }
    div.activity-theatre .ac-reply-avatar,
    div.activity-theatre .ac-reply-avatar img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }
    div.activity-theatre .ac-reply-avatar {
        margin-right: 12px !important;
    }
}
/* コメント内の不要なツールバーを完全消滅ガード */
div.activity-theatre .ac-reply-toolbar,
div.activity-theatre .post-media,
div.activity-theatre .media-support,
div.activity-theatre .video-support,
div.activity-theatre .document-support,
div.activity-theatre .post-gif,
div.activity-theatre [class*="camera"],
div.activity-theatre [class*="toolbar"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 入力欄の調整 */
div.activity-theatre .emojionearea,
div.activity-theatre .ac-input {
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}
/* 入力欄フォント */
div.activity-theatre .ac-form textarea,
div.activity-theatre .emojionearea-editor {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;
    background: transparent !important;
}
/* ==========================================================================
   👥 ぬいさんず専用：「推し・∞・」一覧ポップアップの超絶可愛い化（究極の最終版）
   ========================================================================= */
/* --------------------------------------------------------------------------
   📝 【A】タイトルテキスト（推し・∞・ (2)）のデザインとPCサイズ指定
   -------------------------------------------------------------------------- */
div[id*="reaction-content-"].activity-state-popup_inner,
.activity-state-popup_inner {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    color: #4A4A4A !important;
}
.activity-state-popup_inner .activity-state-popup_title h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;            /* タイトル下の余白を少し広げてスッキリ */
}
/* --------------------------------------------------------------------------
   👤 【B】アバター・お名前・行間隔のレギュレーション完全破壊 ＆ 100%正円化
   -------------------------------------------------------------------------- */
/* 🎯 核心修正：ここまでOKだった形をベースに、複数並んだ時のメンバーごとの「上下の間隔」だけを
   さらにもうちょっとだけゆったり広げるために、margin-bottomを「20px」に微増調整しました。 */
.activity-state-popup_inner ul.activity-state_users li.activity-state_user,
.activity-state-popup_inner li[class*="activity-state_user"],
.activity-state-popup_inner table tr {
    margin-bottom: 20px !important;            /* 🎯 複数並んだ時のメンバーごとの下の隙間（もうちょっとだけ広く） */
    padding-bottom: 6px !important;             /* 🎯 心地よい間隔を作るための下パディング */
}
/* 🎯 ①＆③の解決：アバターの親マス（tdやdiv）の横幅をガチガチに固定し、余計なパディングを強制リセット！ */
.activity-state-popup_inner div.activity-state_user_avatar,
.activity-state-popup_inner [class*="user_avatar"],
.activity-state-popup_inner table td:first-child,
.activity-state-popup_inner tr td:first-child,
.activity-state-popup_inner td[class*="avatar"] {
    width: 60px !important;                    /* PCサイズ固定 */
    max-width: 60px !important;
    min-width: 60px !important;
    padding: 0 !important;                     /* 🎯 左右のパディングを完全に排除して歪みを元断ち */
    text-align: center !important;
    vertical-align: middle !important;
}
/* 🎯 ①＆③の解決：アバター画像本体。1ミリの歪みも隙間も許さない絶対正円の強制ロジック */
.activity-state-popup_inner .activity-state_user_avatar img,
.activity-state-popup_inner table td img,
.activity-state-popup_inner img.avatar,
.activity-state-popup_inner td[class*="avatar"] img {
    width: 60px !important;                    /* 横幅60px */
    height: 60px !important;                   /* 縦幅60px */
    min-width: 60px !important;
    min-height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    border: 2px solid #06c755 !important;      /* いつもの細緑枠 */
    /* 🌟【修正】隙間をゼロにして白塗りを透明化し、お写真と緑の線をピタッと密着させます */
    padding: 0 !important;                     
    background: transparent !important;        
    box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important;
    border-radius: 50% !important;             /* 🎯 100%完全なまんまる */
    object-fit: cover !important;              /* 画像の引き伸ばし・歪みを自動防止 */
    display: block !important;
    margin: 0 auto !important;
}
/* お名前（LINEグリーン）：太字にして、アバターのマスから「15px」の美しいディスタンス */
.activity-state-popup_inner div.activity-state_user_name a,
.activity-state-popup_inner [class*="user_name"] a,
.activity-state-popup_inner table td:nth-child(2) a,
.activity-state-popup_inner td a,
.activity-state-popup_inner [class*="name"] a {
    color: #06c755 !important;                 /* LINEグリーン */
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;               /* 太文字 */
    font-size: 16px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-left: 15px !important;              /* 🎯 アバターとの間の鉄壁の重なりガード */
    vertical-align: top !important;            /* 位置調整の基準を上に固定 */
    padding-top: 18px !important;              /* 確定した高さ微調整パディング */
}
/* --------------------------------------------------------------------------
   👍 【C】アバター右下の不要な親指アイコンバッジを完全消滅
   -------------------------------------------------------------------------- */
.activity-state-popup_inner [class*="popup_tab"] td i,
.activity-state-popup_inner td [class*="icon"],
.activity-state-popup_inner td .bb-icon-thumbs-up,
.activity-state-popup_inner i[class*="thumbs"],
.activity-state-popup_inner td a + i,
.activity-state-popup_inner td i.bb-icon-thumbs-up {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
/* --------------------------------------------------------------------------
   📱 【D】スマホ画面（画面幅768px以下）の時だけの見栄え微調整
   -------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    .activity-state-popup_inner .activity-state-popup_title h4 {
        font-size: 16px !important;
    }
    /* スマホ時も複数並んだメンバー同士の「上下の間隔」をさらにもうちょっと広くキープ */
    .activity-state-popup_inner ul.activity-state_users li.activity-state_user,
    .activity-state-popup_inner li[class*="activity-state_user"] {
        margin-bottom: 20px !important;
    }
    /* スマホ時はアバターの親マス（tdやdiv）もPC共通の横幅60pxを完全維持 */
    .activity-state-popup_inner div.activity-state_user_avatar,
    .activity-state-popup_inner [class*="user_avatar"],
    .activity-state-popup_inner table td:first-child,
    .activity-state-popup_inner tr td:first-child,
    .activity-state-popup_inner td[class*="avatar"] {
        width: 60px !important;
        max-width: 60px !important;
        min-width: 60px !important;
        padding: 0 !important;
    }
    /* スマホ時はアバター画像を完全正円の60pxに！ */
    .activity-state-popup_inner .activity-state_user_avatar img,
    .activity-state-popup_inner img.avatar,
    .activity-state-popup_inner table td img,
    .activity-state-popup_inner td[class*="avatar"] img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;            /* サイズ潰れを防ぎ完璧なまんまるを死守 */
        min-height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
    }
    /* スマホ時のお名前の位置調整（★生かしてあります） */
    .activity-state-popup_inner div.activity-state_user_name a,
    .activity-state-popup_inner [class*="user_name"] a,
    .activity-state-popup_inner table td:nth-child(2) a,
    .activity-state-popup_inner td a {
        margin-left: 12px !important;
        font-size: 15px !important;
        vertical-align: top !important;        /* 位置調整の基準を上に固定 */
        padding-top: 18px !important;          /* スマホ環境のお名前高さ微調整パディング */
    }
}
/* ==========================================================================
   🏠 4. トーク投稿詳細ページ（個別ページ）専用・デザイン完全同期化ロジック【最新版】
   ========================================================================= */
/* ① 画面上部や背景に露出する、BBデフォルトの巨大なロゴマークを完全抹消 */
/* ==========================================================================
   🧼 【個別修正】投稿詳細ページ（activity-permalink）の時だけ、上部のロゴを消去
   ========================================================================== */
body.activity-permalink #buddypress:before {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ②&③ 背景のグレーをタイムラインと同じ真っ白にし、横幅を「600px」に引き締めて中央寄せ */
body.wp-singular,
body.wp-singular #page,
body.wp-singular #content,
body.wp-singular #buddypress,
body.wp-singular .buddypress-wrap,
body.wp-singular #primary,
body.wp-singular main {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
/* 🎯 詳細ページのカード枠の横幅を、タイムラインとミリ単位で完全一致させる */
body.wp-singular #buddypress .activity,
body.wp-singular #activity-stream,
body.wp-singular .activity-permalink #buddypress {
    max-width: 600px !important;
    width: 100% !important;
    margin: 20px auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}
/* 🌟 詳細ページのトークの白い箱（カード）を、タイムラインの影・丸みと100%同期 */
body.wp-singular .activity-list li.activity-item {
    background: #ffffff !important;
    border: none !important; 
    border-radius: 16px !important;                
    padding: 24px 24px 16px 24px !important; /* 下側の余白を心地よく調整 */       
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; 
    box-sizing: border-box !important;
    width: 100% !important;
}
/* ④ フォントサイズ, 文章の読みやすさ, お名前の「公式グリーン」を完全移植 */
body.wp-singular .activity-list li.activity-item .activity-header .activity-header-text p,
body.wp-singular .activity-list li.activity-item .activity-header .activity-head p {
    font-size: 15px !important;
    color: #444444 !important;
}
body.wp-singular [class*="activity-header-text"] p a:first-of-type,
body.wp-singular [class*="activity-head"] p a:first-of-type,
body.wp-singular [class*="user-name"] {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 18px !important;           
    font-weight: 800 !important;
    color: #06c755 !important; /* お名前を公式グリーンに固定 */
}
body.wp-singular .activity-list li.activity-item .activity-inner p.nuisans-timeline-text {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 16px !important;             
    font-weight: 500 !important;             
    color: #4A4A4A !important;              
    line-height: 1.6 !important;
}
/* ⑤ 写真のスクエア（正方形）トリミングを強制解除！ タイムラインと同じ「16:9横長」で全体を美しく表示 */
body.wp-singular .activity-list li.activity-item .activity-inner img,
body.wp-singular .activity-attached-media img,
body.wp-singular .bp-activity-attachment-custom img,
body.wp-singular .activity-inner .activity-post-type-photo img,
body.wp-singular .activity-inner .activity-post-type-video img {
    width: 100% !important;
    height: auto !important;                
    aspect-ratio: 16 / 9 !important;        
    object-fit: cover !important;           
    max-height: none !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important; /* 動画URLとの間に綺麗な隙間を作ります */
}
/* ==========================================================================
   🏠 5. トーク個別詳細ページ：背景白化＆カード中央寄せ完全同期【完全解決版】
   ========================================================================= */
/* ① 背景のグレーを完全に消し去り、タイムラインと同じ「真っ白」にする */
body.activity-permalink,
body.activity-permalink #page,
body.activity-permalink #content,
body.activity-permalink #buddypress,
body.activity-permalink .buddypress-wrap,
body.activity-permalink #primary,
body.activity-permalink main {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
/* 🎯【最重要】検証で見つかったBuddyBoss大元のグレー背景と外枠線を、個別ページ限定で完全に破壊して真っ白にします */
body.activity-permalink ul.activity-list.bp-list,
body.activity-permalink .activity-list.bp-list {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}
/* ② 中央の投稿ブロック（カードの土台）だけをタイムラインと同じ横幅（最大600px）にして中央に寄せる */
body.activity-permalink #buddypress .activity,
body.activity-permalink #activity-stream,
body.activity-permalink div.activity,
body.activity-permalink ul#activity-stream {
    max-width: 600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}
/* ==========================================================================
   🏠 6. トーク個別詳細ページ：細部（写真の角丸・余白・ポップアップ）完全同期化
   ========================================================================= */
/* ① 写真（画像）の16:9切り抜きを完全にデリートし、本来の縦横比（全体表示）を絶対強制する */
body.activity-permalink #buddypress ul.activity-list li.activity-item .activity-content .activity-inner img,
body.activity-permalink .activity-inner img,
body.activity-permalink .activity-attached-media img,
body.activity-permalink .bp-activity-attachment-custom img,
body.activity-permalink [class*="activity-post-type"] img {
    width: 100% !important;
    /* 🎯 16:9の縛りを悪魔合体で完全に破壊し、写真本来の縦横比に戻します */
    height: auto !important;                
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;          
    object-fit: contain !important;         
    border-radius: 12px !important;
    margin-top: 10px !important;
    margin-bottom: 24px !important;
}
/* ② 投稿本文テキスト（pタグ）のフォント設定をタイムラインと100%共通化 */
body.activity-permalink .activity-list li.activity-item .activity-inner p.nuisans-timeline-text,
body.activity-permalink .activity-item .activity-content .activity-inner p {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 16px !important;             
    font-weight: 500 !important;             
    color: #4A4A4A !important;              
    line-height: 1.6 !important;
    margin: 0 0 24px 0 !important;
}
/* ③【大注目】個別ページ専用：推しボタンを押した先のPOPUPアバターの「白い隙間」を完全消滅 */
body.activity-permalink .activity-state-popup_inner .activity-state_user_avatar img,
body.activity-permalink .activity-state-popup_inner table td img,
body.activity-permalink .activity-state-popup_inner img.avatar,
body.activity-permalink .activity-state-popup_inner td[class*="avatar"] img {
    padding: 0 !important;                     /* 🎯 白い隙間（内枠）をゼロ化 */
    background: transparent !important;        /* 🎯 白塗りを透明化してお写真に緑の線を密着 */
    border: 2px solid #06c755 !important;      /* LINEグリーン枠線を直撃 */
    border-radius: 50% !important;
    object-fit: cover !important;
}
/* ④ 個別ページ専用：推しPOPUP内のお名前リンクも、公式グリーン＆太字に固定 */
body.activity-permalink .activity-state-popup_inner div.activity-state_user_name a,
body.activity-permalink .activity-state-popup_inner [class*="user_name"] a,
body.activity-permalink .activity-state-popup_inner table td:nth-child(2) a,
body.activity-permalink .activity-state-popup_inner td a {
    color: #06c755 !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}
/* ==========================================================================
   🏠 7. トーク個別詳細ページ：アバター丸型化・URL青色化・余白完全同期
   ========================================================================= */
/* ① ユーザーアバター画像を丸型（PC/SP 60px固定）にし、公式の細緑枠を直撃 */
body.activity-permalink #buddypress ul.activity-list li.activity-item .activity-avatar {
    display: block !important;
    float: left !important;            
    width: 60px !important;            
    height: 60px !important;           
    max-width: 60px !important;
    min-width: 60px !important;
    margin: 0 16px 0 0 !important;     
    padding: 0 !important;
}
body.activity-permalink #buddypress ul.activity-list li.activity-item .activity-avatar img.avatar {
    display: block !important;
    width: 60px !important;            
    height: 60px !important;           
    max-width: 60px !important;
    border-radius: 50% !important;             /* 🎯 100%完全な正円化 */
    border: 2px solid #06C755 !important;      /* 🎯 タイムライン共通の公式細緑枠 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    object-fit: cover !important;              /* 画像の歪み・引き伸ばし自動防止 */
}
/* ② 動画URLテキストのカラーを鮮やかなスカイブルー（#1e90ff）に変更 */
body.activity-permalink .activity-inner p a:not([class*="photo"]) {
    color: #1e90ff !important;                  /* 🎯 タイムラインと100%同じスカイブルー */
    font-weight: 700 !important;
    text-decoration: none !important;
}
/* ③ 本文テキスト（なにしてる？）と投稿画像の間の高さを「24px（良い塩梅）」に完全同期 */
body.activity-permalink .activity-list li.activity-item .activity-inner p.nuisans-timeline-text,
body.activity-permalink .activity-item .activity-content .activity-inner p:first-of-type {
    margin-top: 0 !important;
    margin-bottom: 24px !important;            /* 🎯 本文と画像の間に美しい突っ張り棒を配置 */
}
/* ④ 周囲のパディング（カード内側の余白：24px）をタイムラインと100%同じに緊縛 */
body.activity-permalink .activity-list li.activity-item {
    padding: 24px 24px 20px 24px !important;    /* 🎯 タイムラインの黄金比余白をそのまま移植 */
}
/* ==========================================================================
   🐾 9. 投稿詳細ページ（LP）：無限ループ防止のため画像リンクを完全無効化
   ========================================================================= */
/* 🎯 詳細ページ（LP）上の写真リンクから「手のひらマーク」と「クリック機能」を100%永久遮断 */
body.activity-permalink .activity-list li.activity-item .activity-inner a:has(img),
body.activity-permalink .activity-attached-media a,
body.activity-permalink .bp-activity-attachment-custom a {
    pointer-events: none !important;  /* 🎯 クリック（タップ）しても何も反応しない（ループしない）ようにします */
    cursor: default !important;       /* マウスを乗せても矢印のままにします */
}
/* 画像そのものにマウスを乗せたときの「手のひらマーク」も通常矢印に強制リセット */
body.activity-permalink .activity-list li.activity-item .activity-inner img {
    cursor: default !important;
}
/* ==========================================================================
   🏠 10. トーク個別詳細ページ：デフォルトの公開・限定アイコンを完全抹消
   ========================================================================= */
/* 🎯 タイムラインと同じ所作：詳細ページ内のヘッダーにある不要なデフォルトアイコン（地球・鍵マーク等）を根こそぎ完全消滅 */
body.activity-permalink .activity-list li.activity-item .activity-header [class*="privacy"],
body.activity-permalink .activity-list li.activity-item .activity-header .activity-privacy,
body.activity-permalink .activity-list li.activity-item .activity-header [class*="privacy-selector"],
body.activity-permalink .activity-privacy-selector,
body.activity-permalink .activity-list li.activity-item .activity-header .bp-privacy-icon,
body.activity-permalink .activity-list li.activity-item .activity-header i.bb-icon-privacy {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* ==========================================================================
   🍀 タイムラインPC専用：スマホの部屋から救出した「天井バグ消滅コード」
   ========================================================================= */
/* スマホの部屋を閉じたことでPC画面から消えてしまった、
   あの「0px指定でPCタイムラインの上が完璧に直った効果」を、PC専用としてここに完全復活させます */
body.directory.activity .activity-list li.activity-item {
    border-top: 0px solid transparent !important; 
    background-clip: padding-box !important;        /* 背景描画のバグをクリア */
}
/* ==========================================================================
   🧼 【最終決着】詳細ページのパディングをタイムラインの「狭い余白」に完全同期
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 投稿横幅（最大600px）と「狭いパディング」の完全一致
   ------------------------------------------------------------------------- */
/* 詳細ページの大元の外枠幅をタイムライン（600px）へ強制緊縛 */
body.activity-permalink #buddypress .activity,
body.activity-permalink #activity-stream,
body.activity-permalink div.activity,
body.activity-permalink ul#activity-stream,
body.activity-permalink #buddypress #single-page-wrap,
body.activity-permalink #buddypress .activity-permalink {
    max-width: 600px !important;
    width: 100% !important;
    margin: 5px auto 20px auto !important; /* 天井の隙間も5pxに凝縮 */
    padding: 0 !important;
    box-sizing: border-box !important;
}
/* 🎯 【核心】詳細ページでポテッと広がってしまう原因（BBのデフォルト余白）を徹底破壊！
   タイムラインのスクショと同じ「引き締まった狭いパディング」へ強制上書きします */
body.activity-permalink #buddypress ul.activity-list li.activity-item,
body.activity-permalink .activity-list li.activity-item {
    /* 左右の余白を極限まで引き締め、下部はコメント欄のために0px化 */
    padding: 12px 16px 0px 16px !important; 
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: none !important;
}
/* -------------------------------------------------------------------------
   ② アバター画像となまえテキストを縦方向で完璧に中央揃え（上下センター）
   ------------------------------------------------------------------------- */
/* 詳細ページのヘッダーから古いfloat（回り込み）を完全抹消し、Flexboxで縦中央に整列 */
body.activity-permalink .activity-list li.activity-item header.activity-header,
body.activity-permalink .activity-item header.activity-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;      /* 🎯 これでお名前とアバターが綺麗に縦中央で並びます */
    justify-content: flex-start !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* 狭いパディング化に伴い、ヘッダー自体の余白もタイムライン（上10px/下12px辺り）に同期 */
    padding: 10px 0 12px 0 !important; 
    margin: 0 !important;
}
/* アバターのガタつき原因になるfloatと、過去の緊急パディングをここで一度完全清算（Flexboxにすべて委ねる） */
body.activity-permalink .activity-list li.activity-item .activity-avatar,
body.activity-permalink .activity-item .activity-avatar {
    float: none !important;
    display: block !important;
    margin: 0 12px 0 0 !important;       /* 右側のお名前テキストとの隙間 */
    padding: 0 !important;               /* ズレの原因になる上部パディングを完全消滅 */
}
/* お名前エリアにかかっていたBB特有の巨大な高さや回り込み、過去のパディング（28px等）を完全リセット */
body.activity-permalink .activity-list li.activity-item .activity-header .activity-head,
body.activity-permalink .activity-item .activity-header .activity-head,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-header-text {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;               /* 🎯 余計なパディングをゼロにして、アバターのド真ん中へ引っ張ります */
    box-sizing: border-box !important;
    line-height: 1.2 !important;
}
/* リンク文字自体の余計な上パディング（ポップアップ用など）も詳細ページでは完全クリア */
body.activity-permalink [class*="activity-header-text"] p a:first-of-type,
body.activity-permalink [class*="activity-head"] p a:first-of-type {
    display: inline-block !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;               /* padding-top: 18px などを強制リセット */
}
/* -------------------------------------------------------------------------
   ③ 下部コンテンツ（本文・写真・コメント箱）のフチの余白感も完全同期
   ------------------------------------------------------------------------- */
/* 本文テキストがカードの細くなったフチと綺麗に並ぶようマージンを最適化 */
body.activity-permalink .activity-list li.activity-item .activity-inner p.nuisans-timeline-text,
body.activity-permalink .activity-item .activity-content .activity-inner p:first-of-type {
    padding: 0 !important;
    margin: 0 0 16px 0 !important;       /* 下の写真との隙間を程よく調整 */
    box-sizing: border-box !important;
}
/* 写真（画像）を狭くなったカードの端まで気持ちよく100%全開に広げる */
body.activity-permalink .activity-list li.activity-item .activity-content .activity-inner img,
body.activity-permalink .activity-inner img,
body.activity-permalink .bp-activity-attachment-custom img {
    margin: 0 0 16px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
}
/* グレーのコメント箱の横幅も、引き締まったカード幅と100%一致させる */
body.activity-permalink .activity-list li.activity-item .activity-comments .comment-content,
body.activity-permalink #buddypress .activity-comments .comment-content {
    margin: 0 0 4px 0 !important;        /* タイムライン側の「左右マージン無し」に完全同期 */
}
/* ==========================================================================
   🏠 【構造バグ修正】詳細ページの横幅一致 ＆ アバター・名前の上下中央揃え
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 投稿横幅（カードサイズ）が狭くなっている現象を完全クリア
   ------------------------------------------------------------------------- */
/* 🎯 【検証結果からの修正】個別ページのリスト（.bp-list）とその親全体の左右の絞り込みを完全に破壊します */
body.activity-permalink #buddypress ul.activity-list,
body.activity-permalink #buddypress .activity-list.bp-list,
body.activity-permalink .activity-permalink #buddypress {
    max-width: 600px !important;
    width: 100% !important;
    margin: 5px auto 20px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
/* 白いカード枠（li.activity-item）自体をタイムラインとミリ単位で統一 */
body.activity-permalink .activity-list li.activity-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 12px 16px 0px 16px !important; /* 現状の狭いパディングが正解 */
    box-sizing: border-box !important;
    position: relative !important; /* 三点リーダーなどを浮かせるための基準 */
}
/* -------------------------------------------------------------------------
   ② 【最重要】詳細ページ特有の「HTML並び順バグ」をFlexboxの順番並び替え（order）で解決
   ------------------------------------------------------------------------- */
/* 白いカード（li）そのものをFlexboxにして、中身の並び順を「アバター → ヘッダー → 本文」に強制変更します */
body.activity-permalink .activity-list li.activity-item {
    display: flex !important;
    flex-direction: column !important; /* 基本は縦並び */
}
/* 三点リーダー（オプションボタン）やピン留めボタンを、カードの右上に絶対配置で逃がします */
body.activity-permalink .activity-list li.activity-item .bb-activity-more-options-wrap,
body.activity-permalink .activity-list li.activity-item .bb-pin-action {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 10 !important;
}
/* 🎯 アバター（.activity-avatar）の階層を最優先（一番上）に引っ張り上げます */
body.activity-permalink .activity-list li.activity-item .activity-avatar {
    order: 1 !important;
    float: none !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
}
/* 🎯 名前ヘッダー（.activity-header）をアバターのすぐ横（2番目）に並べます */
body.activity-permalink .activity-list li.activity-item .activity-header {
    order: 2 !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
/* 🎯 本文や写真（.activity-content）を3番目（下側）に配置します */
body.activity-permalink .activity-list li.activity-item .activity-content {
    order: 3 !important;
    width: 100% !important;
    margin-top: 12px !important; /* アバター/名前エリアと本文との間の心地よい隙間 */
}
/* -------------------------------------------------------------------------
   ③ アバター画像と名前テキストを「完璧な縦方向中央揃え」に合体させる
   ------------------------------------------------------------------------- */
/* アバターと名前ヘッダーを包む臨時の「横並び行」を擬似的に作ります */
/* ※ li自体をFlexrowにすると本文が横にすっ飛ぶため、アバターとヘッダーを同じ高さで水平に整列させます */
@media (min-width: 0px) {
    body.activity-permalink .activity-list li.activity-item {
        display: grid !important;
        grid-template-columns: 60px 1fr !important; /* 左に60pxアバター、右に名前 */
        align-items: center !important; /* 🎯 これでアバターと名前が「完璧に上下中央揃え」になります！ */
    }
    /* grid配置に伴う各要素のエリア割り当て */
    body.activity-permalink .activity-list li.activity-item .activity-avatar {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    body.activity-permalink .activity-list li.activity-item .activity-header {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important; /* 内部のテキストも上下中央に */
    }
    body.activity-permalink .activity-list li.activity-item .activity-content {
        grid-column: 1 / span 2 !important; /* 本文と写真は横いっぱいに広げる */
        grid-row: 2 !important;
    }
    body.activity-permalink .activity-list li.activity-item .activity-comments {
        grid-column: 1 / span 2 !important;
        grid-row: 3 !important;
    }
}
/* お名前エリアの不要なパディングや余白を完全消滅ガード */
body.activity-permalink .activity-list li.activity-item .activity-header .activity-head,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-header-text,
body.activity-permalink [class*="activity-header-text"] p,
body.activity-permalink [class*="activity-head"] p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
/* ==========================================================================
   🐾 投稿詳細ページ（LP）専用：アバター余白調整 ＆ 動画URLの1列化 完全解決版
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 【アバター画像】と【名前テキスト】の間の間隔をあける (上下中央揃え維持)
   ------------------------------------------------------------------------- */
body.activity-permalink .activity-list li.activity-item {
    /* 既存のGridレイアウト of幅を「60px（画像）」＋「16px（新しい隙間）」に再調整 */
    grid-template-columns: 60px 1fr !important; 
    align-items: center !important;
}
body.activity-permalink .activity-list li.activity-item .activity-header {
    /* アバターとの距離をさらに安全に確保するため、左側にマージンを追加 */
    margin-left: 16px !important; 
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
/* 登録されているファーストリンク（お名前）の余計な隙間をリセット */
body.activity-permalink [class*="activity-header-text"] p a:first-of-type,
body.activity-permalink [class*="activity-head"] p a:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   🎬 2. 【大正解】タイムラインの構造を詳細ページでも完全再現するコード
   ========================================================================= */
/* ① 先ほど全体を壊してしまったdisplay: flexマニュアルを完全に解除して元の形に戻す */
body.activity-permalink .activity-inner,
body.activity-permalink .activity-header,
body.activity-permalink .activity-content {
    display: block !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
}
/* ② 「動画：」とURLが入っている「pタグ」自体をインライン（文字扱い）にする */
body.activity-permalink .activity-content .activity-inner p {
    display: inline !important;       /* 縦に改行が入るブロック属性を消滅させます */
    white-space: normal !important;
}
/* ③ 【最重要】「動画：」のすぐ右隣にURLをピタッと吸い付かせ、1列にする */
body.activity-permalink .activity-content .activity-inner p a {
    display: inline !important;       /* 完全に文字（テキスト）として横に並べる */
    margin-left: 6px !important;      /* 「動画：」の文字との間の適切なスキマ */
    /* タイムライン側と同じく、長いURLが枠を突き抜けないための自動折り返し対応 */
    white-space: normal !important;
    word-break: break-all !important; 
    vertical-align: baseline !important;
}
/* ==========================================================================
   🎬 3. 【最終仕上げ】本文（てｓｔ）の後ろで改行させ、動画URLを下の行に落とす
   ========================================================================= */
/* 投稿本文（写真確認、てｓｔなど）が入っている最初のpタグだけは、横に並ばせず1行で独立させる */
body.activity-permalink .activity-content .activity-inner p.nuisans-timeline-text,
body.activity-permalink .activity-content .activity-inner p:first-of-type {
    display: block !important;       /* inline（文字扱い）を上書きしてblock（1行独立）に戻す */
    width: 100% !important;
    margin-bottom: 12px !important;  /* 下の「動画：」との間に心地よい隙間をあける */
}
/* 「動画：」のテキストが入っている2番目以降のpタグだけを狙い撃ちしてインライン化する */
body.activity-permalink .activity-content .activity-inner p:not(:first-of-type) {
    display: inline !important;       /* "動画："は改行させず、URLとドッキングさせる */
}
/* 万が一、本文と「動画：」が1つのpタグ内に改行（br）で入っている場合の鉄壁セーフティ */
body.activity-permalink .activity-content .activity-inner br {
    display: block !important;
    content: "" !important;
    margin-top: 8px !important;
}
/* ==========================================================================
   🎬 【追加専用】タイムラインのフォント設定を、投稿詳細ページに完全同期する
   ========================================================================== */
/* -------------------------------------------------------------------------
   💻 ① 【PC環境（画面幅 768px 以上）】の完全コピー
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
    /* タイムライン側で「18px」になっているお名前の設定を詳細ページに100%移植 */
    body.activity-permalink [class*="activity-header-text"] p a:first-of-type,
    body.activity-permalink [class*="activity-head"] p a:first-of-type,
    body.activity-permalink [class*="user-name"] {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 18px !important;       
        font-weight: 800 !important;
    }
    /* タイムライン側で「16px」になっている本文・動画URLの設定を詳細ページに100%移植 */
    body.activity-permalink .activity-list li.activity-item .activity-inner p.nuisans-timeline-text,
    body.activity-permalink .activity-item .activity-content .activity-inner p,
    body.activity-permalink .activity-inner p a:not([class*="photo"]) {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;             
        font-weight: 500 !important;             
        line-height: 1.6 !important;
    }
}
/* -------------------------------------------------------------------------
   📱 ② 【スマホ環境（画面幅 767px 以下）】の完全コピー
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    /* タイムライン側で「16px」になっているお名前の設定を詳細ページに100% SP移植 */
    body.activity-permalink [class*="activity-header-text"] p a:first-of-type,
    body.activity-permalink [class*="activity-head"] p a:first-of-type,
    body.activity-permalink [class*="user-name"] {
        font-size: 16px !important;   
    }
    /* タイムライン側で「14px」になっている本文・動画URLの設定を詳細ページに100% SP移植 */
    body.activity-permalink .activity-list li.activity-item .activity-inner p.nuisans-timeline-text,
    body.activity-permalink .activity-item .activity-content .activity-inner p,
    body.activity-permalink .activity-inner p a:not([class*="photo"]) {
        font-size: 14px !important;
    }
}
/* ==========================================================================
   🧼 【最終決着】タイムライン ＆ 詳細ページ：文字サイズ・アイコン色を完全同期
   ========================================================================== */
/* 1. タイムライン（directory.activity）と詳細ページ（activity-permalink）のボタンエリアを同時に指定 */
body.directory.activity .activity-item-footer a,
body.directory.activity .activity-item-footer button,
body.directory.activity .bb-activity-actions a,
body.directory.activity .bb-activity-actions a span,
body.activity-permalink .activity-item-footer a,
body.activity-permalink .activity-item-footer button,
body.activity-permalink .bb-activity-actions a,
body.activity-permalink .bb-activity-actions a span,
body.activity-permalink .comment-reply-link {
    /* 🎯 2つのページ共通で、フォントサイズを絶対に「14px」へ強制上書き */
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;     
    font-weight: 600 !important;
    line-height: 1.5 !important;
    /* 🎯 文字の色をタイムライン基準の「マイルドグレー」に完全固定 */
    color: #999999 !important;      
    text-decoration: none !important;
    /* 変なカプセル枠や背景、パディングのバグをここで一斉に消滅リセット */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 2. 両方のページのアイコン（親指・吹き出し等、svgやiタグ、pathまで）の色を一括でマイルドグレーに同期 */
body.directory.activity .activity-item-footer i,
body.directory.activity .activity-item-footer svg,
body.directory.activity .activity-item-footer path,
body.activity-permalink .activity-item-footer i,
body.activity-permalink .activity-item-footer svg,
body.activity-permalink .activity-item-footer path {
    font-size: 14px !important;     /* アイコンのサイズも14pxに固定 */
    color: #999999 !important;      /* アイコンフォントの色 */
    fill: #999999 !important;       /* SVGアイコンの塗りつぶし色 */
    /* アイコン単体への非表示命令を完全に解除して復活させる */
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* 3. 自分が「推した」後のピンク色への変化（文字とアイコンの色だけが変わる仕様）を両ページに適用 */
body.directory.activity .bb-activity-actions .activity-reactions.reacted a,
body.directory.activity .bb-activity-actions .activity-reactions.reacted i,
body.activity-permalink .bb-activity-actions .activity-reactions.reacted a,
body.activity-permalink .bb-activity-actions .activity-reactions.reacted a span,
body.activity-permalink .bb-activity-actions .activity-reactions.reacted i {
    color: #ff66a3 !important;      /* 推した瞬間、ピンクに変身 */
    fill: #ff66a3 !important;
    background: transparent !important;
    border: none !important;
}
/* ==========================================================================
   🧼 【最終解決】詳細ページ：ズレている画像エリア（.activity-content）の左右均等化
   ========================================================================= */
/* ① 投稿詳細ページ（activity-permalink）のカード枠全体をブロック構造に固定 */
body.activity-permalink .activity-list li.activity-item,
body.activity-permalink li.activity-item {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}
/* ② 【核心】右にズレていた原因（左パディング/左マージン）を完全に0にして左に引っ張り戻す */
body.activity-permalink .activity-list li.activity-item .activity-content,
body.activity-permalink .activity-item .activity-content {
    display: block !important;
    clear: both !important;        /* 上のアバター・名前との回り込みを綺麗に遮断 */
    width: 100% !important;
    max-width: 100% !important;
    /* 🎯 ここが最重要：テーマが勝手につける左側の巨大な余白を完全に破壊します */
    margin-left: 0 !important;     
    margin-right: 0 !important;
    padding-left: 0 !important;    
    padding-right: 0 !important;
    margin-top: 16px !important;   /* お名前エリアとの間の心地よい隙間 */
    box-sizing: border-box !important;
}
/* ③ 内部のテキストや画像をカードの幅（100%）にピタッと合わせる */
body.activity-permalink .activity-content .activity-inner,
body.activity-permalink .activity-content .activity-inner p,
body.activity-permalink .activity-content .activity-inner img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
/* ④ 投稿本文テキスト（テスト）と下の画像との余白（24px）を完全固定 */
body.activity-permalink .activity-content .activity-inner p.nuisans-timeline-text,
body.activity-permalink .activity-item .activity-content .activity-inner p:first-of-type {
    margin-top: 0 !important;
    margin-bottom: 24px !important; /* 下の画像との間にタイムラインと同じ24px */
    padding: 0 !important;
}
/* ==========================================================================
   🧼 【最終決着】詳細ページ：推し・コメントボタン＆カウント文字を完全同期
   ========================================================================= */
/* 1. 【推し・コメントボタン】文字サイズ14px・マイルドグレー・丸ゴシックを適用 */
body.activity-permalink .activity-item-footer a,
body.activity-permalink .activity-item-footer button,
body.activity-permalink .bb-activity-actions a,
body.activity-permalink .bb-activity-actions a span,
body.activity-permalink .comment-reply-link {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;              /* 🎯 タイムラインと同じ14px */
    font-weight: 700 !important;             /* ほどよい太文字 */
    line-height: 1.5 !important;
    color: #999999 !important;               /* 🎯 タイムライン共通のマイルドグレー */
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 2. 【2 Comments（カウント数）】ボタンと混ざらないよう、タイムライン側のスタイルに分離同期 */
body.activity-permalink .activity-meta,
body.activity-permalink .activity-meta a,
body.activity-permalink .activity-meta span,
body.activity-permalink [class*="comment-count"] {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;              /* 🎯 タイムラインと同じ14px */
    font-weight: 500 !important;             /* カウント数は少し細め */
    color: #4A4A4A !important;               /* 🎯 タイムラインと同じ落ち着いたダークグレー（黒系） */
    text-decoration: none !important;
}
/* 3. 【アイコン】詳細ページのアイコンをタイムラインのマイルドグレーに統一 */
body.activity-permalink .activity-item-footer i,
body.activity-permalink .activity-item-footer svg,
body.activity-permalink .activity-item-footer path,
body.activity-permalink .bb-activity-actions i,
body.activity-permalink .bb-activity-actions svg {
    font-size: 14px !important;
    color: #999999 !important;
    fill: #999999 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* 4. 【推した時だけピンク】自分がアクションを起こした瞬間だけ点灯する既存ルールを徹底保護 */
body.activity-permalink .bb-activity-actions .activity-reactions.reacted a,
body.activity-permalink .bb-activity-actions .activity-reactions.reacted a span,
body.activity-permalink .bb-activity-actions .activity-reactions.reacted i,
body.activity-permalink .bb-activity-actions .activity-reactions.reacted svg {
    color: #ff66a3 !important;              /* 🎯 自分が推した時だけ可愛くピンク化 */
    fill: #ff66a3 !important;
}
/* 5. 【フッターレイアウト】ボタンたちを横一列に綺麗に整列 */
body.activity-permalink .activity-item-footer,
body.activity-permalink .bb-activity-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;                    /* ボタン同士の間隔 */
    margin-top: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f2f2f2 !important;
}
/* ==========================================================================
   🧼 【構造正常化】詳細ページ：アバター・名前の横並び復元 ＆ 本文位置の完全修正
   ========================================================================= */
/* 1. 【カード全体】古い回り込み（float）を綺麗にクリアするための土台化 */
body.activity-permalink .activity-list li.activity-item,
body.activity-permalink li.activity-item {
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
/* 2. 【アバター画像】左側に浮かせ、右側に16pxのディスタンスを確保 */
body.activity-permalink #buddypress ul.activity-list li.activity-item .activity-avatar,
body.activity-permalink .activity-list li.activity-item .activity-avatar {
    display: block !important;
    float: left !important;                    /* 🎯 タイムラインと同じ王道の左固定 */
    width: 60px !important;
    height: 60px !important;
    margin: 0 16px 0 0 !important;              /* お名前テキストとの間の隙間 */
    padding: 0 !important;
}
body.activity-permalink #buddypress ul.activity-list li.activity-item .activity-avatar img.avatar {
    display: block !important;
    width: 60px !important;            
    height: 60px !important;           
    max-width: 60px !important;
    border-radius: 50% !important;             /* 🎯 100%完全な正円化 */
    border: 2px solid #06C755 !important;      /* 🎯 タイムライン共通の公式細緑枠 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    object-fit: cover !important;              /* 画像の歪み・引き伸ばし自動防止 */
}
/* 3. 【お名前ヘッダー】アバターの右隣のスペースにピッタリと滑り込ませる */
body.activity-permalink #buddypress ul.activity-list li.activity-item .activity-header,
body.activity-permalink .activity-list li.activity-item .activity-header {
    display: block !important;
    float: none !important;
    overflow: hidden !important;                /* 🎯 これでアバターの右側に綺麗に回り込みます */
    margin: 0 !important;
    padding-top: 18px !important;               /* お名前の高さをタイムラインのベスト位置に同期 */
    height: 60px !important;                    /* アバターの高さ（60px）と完全に一致させて縦中央を維持 */
    box-sizing: border-box !important;
}
/* 4. 【本文・画像エリア】アバターと名前の回り込み（float）をここで「完全に切って」真下に下ろす */
body.activity-permalink .activity-list li.activity-item .activity-content,
body.activity-permalink .activity-item .activity-content {
    display: block !important;
    clear: both !important;                    /* 🎯 これが最重要！アバターたちの真下に強制的に落とします */
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 0 !important;              /* お名前エリアの下側に16pxの心地よい隙間 */
    padding: 0 !important;
    box-sizing: border-box !important;
}
/* 5. 【本文テキスト（テスト）】1行独立（block化）させて画像との間に24pxの隙間をキープ */
body.activity-permalink .activity-content .activity-inner p.nuisans-timeline-text,
body.activity-permalink .activity-item .activity-content .activity-inner p:first-of-type {
    display: block !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;              /* 下の画像との間にタイムラインと同じ24px */
    padding: 0 !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    color: #4A4A4A !important;
}
/* ==========================================================================
   🧼 【最終解決】URL文字列と「動画：」のフォントサイズを両ページで完全に揃える
   ========================================================================= */
/* 💻 ① PC環境（画面幅 768px 以上）でサイズを完全に同一ロック */
@media (min-width: 768px) {
    /* タイムラインページ（一覧）も、投稿詳細ページも、全部まとめて【16px・太さ500】に上書き固定 */
    body.directory.activity .activity-inner p.nuisans-timeline-text,
    body.directory.activity .activity-inner .nuisans-video-url-block,
    body.directory.activity .activity-inner p a,
    body.activity-permalink .activity-inner p.nuisans-timeline-text,
    body.activity-permalink .activity-inner .nuisans-video-url-block,
    body.activity-permalink .activity-inner p a {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;    /* 🎯 PC時は2つのページとも絶対に16px */
        font-weight: 500 !important;   /* 🎯 太さも500（標準）に統一 */
    }
}
/* 📱 ② スマホ環境（画面幅 767px 以下）でサイズを完全に同一ロック */
@media (max-width: 767px) {
    /* スマホ時にタイムラインが14pxに縮むなら、詳細ページも道連れにして確実に【14px・太さ500】へ揃える */
    body.directory.activity .activity-inner p.nuisans-timeline-text,
    body.directory.activity .activity-inner .nuisans-video-url-block,
    body.directory.activity .activity-inner p a,
    body.activity-permalink .activity-inner p.nuisans-timeline-text,
    body.activity-permalink .activity-inner .nuisans-video-url-block,
    body.activity-permalink .activity-inner p a {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important;    /* 🎯 巻き込み事故が起きても大丈夫なように、両ページとも14pxで強制固定 */
        font-weight: 500 !important;   /* 🎯 太さ500に統一 */
    }
}
/* ==========================================================================
   🧼 【タイムライン＆詳細対応】長い名前を「さんの投稿」の手前で確実に改行させる命令
   ========================================================================= */
/* 1. 🎯 【最重要】「名前」「さんの投稿」「時間」を包む p タグ自体を縦並び（block）に変形 */
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-header-text p,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-head p,
[class*="activity-head"] p {
    display: block !important;       /* 🎯 一列突っ張り棒を破壊し、ブロック構造に変えます */
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 90px !important;  /* 🎯 右端の限定バッジや「...」に絶対に触れさせない鉄壁の壁 */
    box-sizing: border-box !important;
    line-height: 1.5 !important;
    float: none !important;
}
/* 2. 🎯 【お名前リンク】名前だけを1行独立（block）にすることで、後ろの文字を強制的に2行目へ落とす */
body.directory.activity [class*="activity-header-text"] p a:first-of-type,
body.directory.activity [class*="activity-head"] p a:first-of-type,
body.activity-permalink [class*="activity-header-text"] p a:first-of-type,
body.activity-permalink [class*="activity-head"] p a:first-of-type,
.activity-list li.activity-item .activity-header .activity-header-text p a:first-child {
    display: block !important;       /* 🎯 名前だけで1行を丸ごと占領させます */
    width: auto !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    word-break: break-all !important; /* スマホなどで名前が長すぎても自動改行 */
    margin: 0 0 4px 0 !important;    /* 2行目に落ちる「さんの投稿」との間の心地よい隙間 */
}
/* 3. 2行目に落とされた「〜さんの投稿」の文字テキストの配置を初期化 */
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-header-text p,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-head p {
    color: #444444 !important;       /* 共通マイルド黒 */
}
/* 4. 2行目に一緒に並ぶ「時間（ago）」の左マージンが詰まりすぎないように調整 */
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p span.time-since,
body.directory.activity .activity-list li.activity-item .activity-header .time-since,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-header-text p span.time-since,
body.activity-permalink .activity-list li.activity-item .activity-header .time-since {
    display: inline-block !important;
    margin-left: 6px !important;     /* 「〜さんの投稿」との間の適切な隙間 */
}
/* 📱 スマホ環境（幅767px以下）の右側ガードセーフティ */
@media (max-width: 767px) {
    body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p,
    body.directory.activity .activity-list li.activity-item .activity-header .activity-head p,
    body.activity-permalink .activity-list li.activity-item .activity-header .activity-header-text p,
    body.activity-permalink .activity-list li.activity-item .activity-header .activity-head p {
        padding-right: 80px !important; /* スマホの画面幅に合わせて右端 the壁を調整 */
    }
}
/* ==========================================================================
   🧼 【詳細ページ微調整】「限定」アイコンを三点リーダー（...）に【限界まで】近づける
   ========================================================================= */
/* 投稿詳細ページ（activity-permalink）のヘッダーを基準にする */
body.activity-permalink .activity-list li.activity-item .activity-header,
body.activity-permalink .activity-item .activity-header {
    position: relative !important;
}
/* 🎯 「限定」バッジの位置を、三点リーダー（...）のすぐ左隣（right: 40px）へ限界まで接近 */
body.activity-permalink .activity-list li.activity-item .activity-header .nui-limited-badge,
body.activity-permalink #buddypress ul.activity-list li.activity-item .activity-header .nui-limited-badge,
body.activity-permalink .nui-limited-badge {
    position: absolute !important;
    top: 17px !important;           /* 綺麗に合っていた高さを完全に固定 */
    right: 40px !important;         /* 🎯 44pxからさらに縮めて「40px」に！ギリギリまで近づけました */
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    display: inline-block !important;
}
/* 📱 スマホ環境（幅767px以下）の距離も限界までタイトに微調整 */
@media (max-width: 767px) {
    body.activity-permalink .activity-list li.activity-item .activity-header .nui-limited-badge,
    body.activity-permalink .nui-limited-badge {
        top: 10px !important;       /* スマホの綺麗に合っていた高さ */
        right: 32px !important;     /* 🎯 スマホ時も「32px」に縮めて限界まで密着させます */
    }
}
/* ==========================================================================
   🧼 【タイムライン微調整】元の綺麗な形をベースに、アバターを引き上げて縦中央揃えに
   ========================================================================= */
/* 1. 🎯 【最重要】アバターだけを元の位置から少し上に引き上げて、右側の文字の塊とド真ん中で揃える */
body.directory.activity #buddypress ul.activity-list li.activity-item .activity-avatar,
body.directory.activity .activity-list li.activity-item .activity-avatar {
    padding-top: 14px !important;    /* 🎯 24pxから14pxに狭めて、アバターを少し上に引っ張り上げます */
    margin-right: 16px !important;   /* お名前との間の適切な距離 */
    float: left !important;          /* 元の綺麗だった回り込み構造を完全にキープ */
    box-sizing: border-box !important;
}
/* 2. お名前ヘッダー側は一番良かった「上の余白24px」をしっかり維持し、カード内の天井バグをガード */
body.directory.activity #buddypress ul.activity-list li.activity-item .activity-header,
body.directory.activity .activity-list li.activity-item .activity-header {
    margin-top: 0 !important;
    padding-top: 24px !important;    /* 🎯 ここを24pxで固定しておくことで、カード全体の上の余白が美しく保たれます */
    box-sizing: border-box !important;
}
/* 📱 スマホ環境（幅767px以下）の高さも見た目重視でバランス調整 */
@media (max-width: 767px) {
    body.directory.activity .activity-list li.activity-item .activity-avatar {
        padding-top: 10px !important; /* スマホの文字の高さに合わせてアバターを引き上げ */
    }
    body.directory.activity .activity-list li.activity-item .activity-header {
        padding-top: 16px !important; /* スマホ時のカードの天井の余白を16pxに */
    }
}
/* ==========================================================================
   🧼 【タイムライン最終微調整】お名前と「さんの投稿（2行目）」の隙間を縮める
   ========================================================================= */
/* 1. 🎯 1行目のお名前の下マージンを「0」にして、2行目を上に引き寄せる */
body.directory.activity [class*="activity-header-text"] p a:first-of-type,
body.directory.activity [class*="activity-head"] p a:first-of-type,
body.activity-permalink [class*="activity-header-text"] p a:first-of-type,
body.activity-permalink [class*="activity-head"] p a:first-of-type,
.activity-list li.activity-item .activity-header .activity-header-text p a:first-child {
    margin-bottom: 0px !important;    /* 🎯 4pxあった隙間を0pxにしてギュッと近づけます */
}
/* 2. 🎯 文字自体の持っている「上下の座布団（行間）」を少しだけスリムにしてさらに接近させる */
body.directory.activity .activity-list li.activity-item .activity-header .activity-header-text p,
body.directory.activity .activity-list li.activity-item .activity-header .activity-head p,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-header-text p,
body.activity-permalink .activity-list li.activity-item .activity-header .activity-head p,
[class*="activity-head"] p {
    line-height: 1.3 !important;      /* 🎯 1.5から「1.3」に引き締め、2行の間隔を心地よく狭めます */
}
/* ==========================================================================
   🧼 【改行位置完全同期】詳細ページのカード有効幅をタイムラインと100%一致させる
   ========================================================================= */
/* 📱 スマホ環境（幅767px以下）における詳細ページの箱のフチをタイムラインとミリ単位で同期 */
@media (max-width: 767px) {
    /* 詳細ページの白いカード枠の左右パディングを、タイムライン（20px）と完全一致させる */
    body.activity-permalink .activity-list li.activity-item,
    body.activity-permalink li.activity-item {
        padding: 20px 20px 0px 20px !important; /* 🎯 左右をタイムラインと同じ20pxに固定して幅を完全に同期 */
        box-sizing: border-box !important;
    }
    /* URLや文章が入っている中身のコンテナの余白バグを完全にゼロ化 */
    body.activity-permalink .activity-list li.activity-item .activity-content,
    body.activity-permalink .activity-item .activity-content,
    body.activity-permalink .activity-content .activity-inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* ==========================================================================
   🧼 【追加】タイムライン ＆ 詳細ページ：動画URLブロック・デザイン完全同期
   ========================================================================= */
/* 💻 1. PC環境（画面幅 768px 以上） */
@media (min-width: 768px) {
    /* タイムライン（一覧）と詳細ページ（個別）の動画URL、および「動画：」のテキストサイズを16pxに統一 */
    body.directory.activity .activity-inner .nuisans-video-url-block,
    body.directory.activity .activity-inner p a:not([class*="photo"]),
    body.activity-permalink .activity-content .activity-inner p,
    body.activity-permalink .activity-content .activity-inner p a:not([class*="photo"]) {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;    /* 🎯 PCサイズを16pxに固定 */
        font-weight: 500 !important;   /* 🎯 太さを500（中太）に統一 */
        line-height: 1.6 !important;
    }
}
/* 📱 2. スマホ環境（画面幅 767px 以下） */
@media (max-width: 767px) {
    /* タイムライン（一覧）と詳細ページ（個別）の動画URL、および「動画：」のテキストサイズを14pxに統一 */
    body.directory.activity .activity-inner .nuisans-video-url-block,
    body.directory.activity .activity-inner p a:not([class*="photo"]),
    body.activity-permalink .activity-content .activity-inner p,
    body.activity-permalink .activity-content .activity-inner p a:not([class*="photo"]) {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important;    /* 🎯 スマホサイズを14pxに固定 */
        font-weight: 500 !important;   /* 🎯 太さを500（中太）に統一 */
        line-height: 1.6 !important;
    }
}
/* ==========================================================================
   🔔 グローバルメニュー用：未読通知の黄色丸バッジ（件数なし）デザイン【一回り拡大】
   ========================================================================= */
/* 初期状態（通知がない時）は黄色い丸を完全に隠しておく */
.nui-custom-dot {
    display: none !important;
}
/* JavaScriptが「通知あり」を検知した時だけ、この可愛い黄色い丸を出現させる */
.nui-custom-dot.has-notification {
    display: inline-block !important;
    background-color: #ffb800 !important;         /* 画面内通知とお揃いの黄色 */
    border-radius: 50% !important;                /* 完全な正円 */
    /* 🎯 基準①：サイズを 8px から 「12px」 に一回り大きくして存在感をアップ！ */
    width: 12px !important;                        
    height: 12px !important;
    /* 🎯 基準②：大きくなった分、文字とのバランスをとるためにマージンと位置を最適化 */
    margin-left: 8px !important;                  /* 文字との隙間を少し広げる */
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;                          /* 文字の高さ（中央）にピッタリ合わせる微調整 */
    box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important; /* 影も少しだけくっきりさせて引き締める */
}
/* ==========================================================================
   🧼 ぬいさんず専用：WEB画面内ポップアップ（トースト通知）デザイン完全カスタム【●救出・最終版】
   ========================================================================= */
/* -------------------------------------------------------------------------
   ③ SP（スマートフォン）環境：●を出すためのデータを裏で生かしつつ、トーストの白い箱だけを非表示に
   ------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    /* 🎯 【重要】大元の枠を「透明（opacity:0）」かつ「クリック不可（pointer-events:none）」にして裏側に隠します。
       これにより、JavaScriptは通知の数を数えられるため、スマホフッターの●は正しく点灯します！ */
    .bb-onscreen-notification,
    .bb-onscreen-notifications,
    div[class*="onscreen-notification"] {
        position: absolute !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: -9999 !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
    }
    /* スマホ画面でトースト通知の白いカード（li）が浮き出てしまうのを強制シャットアウト */
    .bb-onscreen-notification .notification-list li,
    body .bb-onscreen-notification .notification-list li[id*="wp-admin-bar-notification-"] {
        display: none !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }
}
/* -------------------------------------------------------------------------
   💻 PC環境用のクリーンアップ・レイアウト（画面幅 768px 以上のみで安全に実行）
   ------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
    /* ① 通知の親ボックス（外枠）：丸みとシャドーを美しく配備 */
    .bb-onscreen-notification .notification-list li,
    body .bb-onscreen-notification .notification-list li[id*="wp-admin-bar-notification-"] {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        background-color: #ffffff !important;         /* 背景は真っ白 */
        border: none !important;                      /* 周りの線を完全に消滅 */
        border-radius: 18px !important;               /* ぬいさんずらしい丸み */
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important; /* 浮き出るシャドー */
        box-sizing: border-box !important;
        position: relative !important;                /* すべての要素の配置基準 */
        margin-bottom: 14px !important;
        width: 340px !important;                      /* 横幅固定 */
        min-height: 84px !important;                  /* 縦幅の最低ライン */
        padding: 16px 46px 16px 84px !important;      /* 左右上下の余白（左にアバター分のスペース） */
        display: block !important;
    }
    /* ② 左側の「公式LINEグリーン（#06c755）」のアクセント縦線 */
    .bb-onscreen-notification .notification-list li:before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 6px !important;
        background-color: #06c755 !important;
        border-top-left-radius: 12px !important;
        border-bottom-left-radius: 12px !important;
        display: block !important;
    }
    /* 🎯 アバター枠：左側の余白エリアに綺麗に固定 */
    .bb-onscreen-notification .notification-list .notification-avatar {
        position: absolute !important;
        top: 16px !important;
        left: 18px !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    .bb-onscreen-notification .notification-list .notification-avatar a {
        display: block !important;
        width: 52px !important;
        height: 52px !important;
    }
    /* アバター画像本体：52px完全正円の維持 */
    .bb-onscreen-notification .notification-list .notification-avatar img {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
        border: none !important;
        outline: 2px solid #06C755 !important;        /* 綺麗な外囲み緑枠 */
        outline-offset: -2px !important;
        box-sizing: border-box !important;
    }
    /* アバター枠内にある不要なアイコン等（古いカメラマーク等の残骸）のみを非表示 */
    .bb-onscreen-notification .notification-list .notification-avatar i:not(.bp-close-notification),
    .bb-onscreen-notification .notification-list .notification-avatar span:not(.bp-close-notification) {
        display: none !important;
        visibility: hidden !important;
    }
    /* テキストエリア全体 */
    .bb-onscreen-notification .notification-list .notification-content {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    /* ④ テキストリンク・テキスト全体の基本スタイル（グレー #4A4A4A に変更） */
    .bb-onscreen-notification .notification-list .notification-content a,
    .bb-onscreen-notification .notification-list .notification-content .bb-full-link a,
    .bb-onscreen-notification .notification-list .notification-content {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        color: #4A4A4A !important;                    /* 基本テキストはグレーに */
        font-weight: 700 !important;                  /* ぬいさんずらしい太文字 */
        text-indent: 0 !important;
    }
    /* ④ なまえ（最初のリンク）だけを緑色（#06c755）にする */
    .bb-onscreen-notification .notification-list .notification-content a:first-of-type,
    .bb-onscreen-notification .notification-list .notification-content .bb-full-link a:first-of-type {
        color: #06c755 !important;                    /* なまえ部分だけ緑色 */
        display: inline !important;
    }
    /* ② 新着の「Just now / ○ minutes ago」などの時間テキスト：表示制限を回避して救出 */
    .bb-onscreen-notification .notification-list li span.posted,
    .bb-onscreen-notification .notification-list li .posted {
        font-size: 11px !important;
        color: #999999 !important;
        margin-top: 6px !important;
        font-weight: 500 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }
    /* 🎯 ① 本物の右上の「×」閉じるボタン：親のliを基準に右上に超強力固定 */
    .bb-onscreen-notification .notification-list li .bp-close-notification,
    .bb-onscreen-notification .notification-list li a.bp-close-notification,
    body .bb-onscreen-notification .notification-list li a[class*="close"] {
        position: absolute !important;
        top: 14px !important;                         /* 上からの距離 */
        right: 14px !important;                         /* 右からの距離 */
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        color: #bbbbbb !important;
        font-size: 16px !important;
        line-height: 1 !important;
        cursor: pointer !important;
        text-decoration: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 16px !important;
        height: 16px !important;
        z-index: 99999 !important;
    }
    .bb-onscreen-notification .notification-list li .bp-close-notification:hover {
        color: #ff66a3 !important;                     /* ホバー時は推しピンクに */
    }
    /* 不要なClearテキストエリアを非表示消滅 */
    .bb-remove-all-notification {
        display: none !important;
    }
}
/* ==========================================================================
   🧼 【完全修正・安全版】本物のコメントボタンのみを安全に非表示化する記述
   ========================================================================= */
/* 1. 🎯 JavaScriptのPOPUP（シアター）を見張っている「本物のコメントボタン」だけを消滅させる */
.activity-list > li.activity-item .activity-state-reactions a.activity-state-comments,
.activity-list > li.activity-item a.activity-state-comments-has-comments,
.activity-list > li.activity-item [class*="activity-state-comments"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* ⚠️ ズレや消滅の原因になっていた、以下の古い命令は完全に消去（リセット）されました：
   - 時間リンク（time-since）をカード全体に広げる position: absolute 指定
   - 文字を透明化していた text-indent: -9999px 指定
   - 重なりの原因になっていた .activity-state-reactions:after の擬似テキスト指定
*/
/* ==========================================================================
   🧼 【安全追記】マイルーム特有のテーマのバグだけをピンポイントで打ち消すシールド
   ========================================================================= */
@media screen and (min-width: 768px) {
    /* 🎯 1. マイルームの時だけ勝手に出てくる「左側の邪魔な青線」を完全に消し去る */
    li[id*="wp-admin-bar-notification-"] {
        border-left: none !important;
    }
    /* 🎯 2. お名前（最初のリンク）以外まで勝手に緑色になってしまうテーマのバグを、いつものマイルド黒に引き戻す */
    li[id*="wp-admin-bar-notification-"] .notification-content,
    li[id*="wp-admin-bar-notification-"] .notification-content a {
        color: #4A4A4A !important; /* ぬいさんず共通のマイルド黒 */
    }
    /* 🎯 3. なまえ（最初のリンク）だけは公式グリーンを100%死守させる */
    li[id*="wp-admin-bar-notification-"] .notification-content a:first-of-type {
        color: #06c755 !important; /* 公式グリーン */
    }
    /* 🎯 4. ×ボタンが2重にブレて重なる原因になっている「テーマの予備テキスト」を画面から物理的に消滅させる */
    li[id*="wp-admin-bar-notification-"] > a.bp-close-notification + a,
    li[id*="wp-admin-bar-notification-"] .notification-content + a {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}
/* ==========================================================================
   👥 ぬいさんず専用：「ぬいさんをさがす」画面デザイン【完全復元リペア・最終決着版】
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 画面全体の背景白化 ＆ 大元の箱の全幅解放
   ------------------------------------------------------------------------- */
body.directory.members,
body.directory.members #page,
body.directory.members #content,
body.directory.members .buddypress-wrap,
body.directory.members #item-body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
body.directory.members #buddypress,
body.directory.members .buddypress-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* 【上下ブロック入れ替えロジック】 */
body.directory.members .members-directory-container {
    display: flex !important;
    flex-direction: column !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}
/* 🎯 ③ 検索バーブロックを最上部へ */
body.directory.members .bb-subnav-filters-container-main,
body.directory.members .bb-subnav-filters-search {
    order: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}
/* 🎯 「みんな・ともだち」タブブロックを【2番目（検索の下）】へ配置 */
body.directory.members .members-type-navs,
body.directory.members .dir-navs {
    order: 2 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
/* 🎯 【件数テキスト】 */
body.directory.members .bb-item-count,
body.directory.members div.bb-item-count {
    order: 3 !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 5px auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 500 !important;
    color: #4A4A4A !important;
}
/* 白いカード一覧を一番下（4番目）に固定 ＆ 最下部にマージン90px確保 */
body.directory.members .screen-content.members-directory-content {
    order: 4 !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 0 auto 90px auto !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}
/* -------------------------------------------------------------------------
   ② 🔍 ④ 検索バーの「長さ」と「位置」を完全同期
   ------------------------------------------------------------------------- */
body.directory.members .members-directory-wrapper .subnav-filters,
body.directory.members .dir-search,
body.directory.members .subnav-search,
body.directory.members .bb-subnav-filters-container-main {
    max-width: 600px !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    border: none !important;
    box-shadow: none !important;
}
body.directory.members .subnav-filters.filters,
body.directory.members #subnav-filters,
body.directory.members .bb-subnav-filters-search {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
/* ==========================================================================
   🔍 【検索バー位置】タイムラインと1px単位・横位置完全同期化 ＆ 枠線完全消滅シールド（最終確定版）
   ========================================================================= */
/* ① 検索バーを包む大きな親ボックス：横幅600px・パディング19pxの完璧な位置を完全固定 */
body.directory.members .bb-subnav-filters-container-main,
body.directory.members .bb-subnav-filters-search {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;  /* 右詰め（end）の神位置を絶対維持 */
    align-items: center !important;
    max-width: 600px !important;            
    width: 100% !important;
    margin: 10px auto 0 auto !important;    
    padding: 0 19px 0 15px !important;     /* 綺麗に揃っていたパディングを完全キープ */
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}
/* ② 🔍 【PC環境（横幅768px以上）】：検索バー全体のサイズを「240px」に固定 */
body.directory.members .subnav-search,
body.directory.members .div-search.members-search,
body.directory.members .dir-search.members-search,
body.directory.members .bp-search {
    width: 240px !important;
    max-width: 240px !important;
    min-width: 240px !important;
    margin: 0 !important; 
    padding: 0 !important;
    float: none !important;
    display: inline-flex !important;
}
/* ③ 【真犯人を撃破：div-search の通常・ホバー線完全消滅】 */
body.directory.members .div-search,
body.directory.members .div-search.members-search,
body.directory.members .div-search:hover,
body.directory.members .div-search.members-search:hover,
body.directory.members .dir-search,
body.directory.members .dir-search:hover,
body.directory.members form,
body.directory.members form:hover,
body.directory.members .subnav-filters-modal,
body.directory.members .subnav-filters-modal:hover {
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;   
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
/* ④ 🔍 【PC環境（横幅768px以上）】：検索バー入力欄本体の長さを「240px」に固定 */
body.directory.members input[type="search"],
body.directory.members #dir-members-search {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    width: 240px !important;
    max-width: 240px !important;
    min-width: 240px !important;
    height: 40px !important;
    padding: 0 35px 0 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    background-color: #06c755 !important;
    color: #FFFFFF !important; 
    box-sizing: border-box !important;
}
/* 🎯 マウスオーバー時・クリック時もインプット単体への線の復活を完全防御 */
body.directory.members #dir-members-search:hover,
body.directory.members #dir-members-search:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: #06c755 !important;
}
body.directory.members #dir-members-search::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}
/* ==========================================================================
   📱 🎯 【ここが今回の追加箇所】
   【スマホ・タブレット環境（767px以下）】における、タイムラインとの長さ完全同期シールド
   ========================================================================= */
@media (max-width: 767px) {
    /* 検索バーの外枠の長さを「195px」へタイムラインと完全同期 */
    body.directory.members .subnav-search,
    body.directory.members .div-search.members-search,
    body.directory.members .dir-search.members-search,
    body.directory.members .bp-search {
        width: 195px !important;
        max-width: 195px !important;
        min-width: 195px !important;
    }
    /* 検索バー入力欄本体の長さを「195px」にし、文字が詰まらないようにパディングも同期 */
    body.directory.members input[type="search"],
    body.directory.members #dir-members-search {
        width: 195px !important;
        max-width: 195px !important;
        min-width: 195px !important;
        font-size: 14px !important;
        padding: 0 30px 0 35px !important; /* タイムライン側の145行目と1px単位で同じ余白 */
    }
}
/* 不要な並び替えフィルター関連要素を非表示 ＆ 復活したバグ枠線を根本から完全消滅 */
body.directory.members #members-order-select,
body.directory.members .component-filters,
body.directory.members #dir-filters,
body.directory.members .last.filter,
body.directory.members .select-wrap,
body.directory.members select#members-order-by,
body.directory.members .subnav-filters-modal #dir-filters,
body.directory.members .grid-filters {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 🎯 【最重要：グレーの四角い線の本拠地を直撃リペア】
   HTMLソースから判明した、四角い枠線の最大の真犯人（.subnav-filters-modal）の
   境界線、影、および不要な浮き背景を、ここでダイレクトに完全消滅させます！ */
body.directory.members .subnav-filters-modal,
body.directory.members div.subnav-filters-modal,
body.directory.members .bb-subnav-filters-search .subnav-filters-modal {
    position: relative !important; /* 🎯 absolute（絶対配置）による重なりバグを強制解除 */
    top: auto !important;
    left: auto !important;
    right: auto !important;
    border: none !important;       /* 🎯 1pxのグレー線を完全消滅 */
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;   /* 🎯 うっすら見えていた影の線を完全消滅 */
    background: transparent !important;
    background-color: transparent !important;
}
/* タブメニューテキスト */
body.directory.members .members-type-navs ul {
    max-width: 600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 20px !important;
}
body.directory.members .members-type-navs ul li a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    color: #4A4A4A !important;
    font-weight: 800 !important; 
    text-decoration: none !important;
}
/* -------------------------------------------------------------------------
   ③ 💻 PC環境用（幅768px以上）：テーマのfloat構造をハックした2列等幅整列シールド
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
    body.directory.members ul#members-list.item-list.members-list.bp-list.grid,
    body.directory.members ul#members-list,
    body.directory.members ul.members-list,
    body.directory.members #members-list {
        display: block !important;               /* 強制的なblock化でJSの上書きを完全無効化 */
        padding: 10px 15px !important;           /* 検索バーのフチと完全に揃える左右15px */
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        clear: both !important;
    }
    /* 🚨 奇数偶数の突っ張り棒をへし折り、1枚あたり275px固定で左からfloatで流し込みます */
    body.directory.members ul#members-list.item-list.members-list.bp-list.grid li,
    body.directory.members ul#members-list li,
    body.directory.members .members-list li,
    body.directory.members .members-list li.item-entry,
    body.directory.members #members-list li.item-entry,
    body.directory.members #members-list li.odd,
    body.directory.members #members-list li.even,
    body.directory.members #members-list li:nth-child(odd),
    body.directory.members #members-list li:nth-child(even),
    body.directory.members #members-list li:nth-child(2n+1),
    body.directory.members #members-list li:nth-child(2n) {
        display: block !important;
        float: left !important;                 /* 左から順に隙間なく並べる */
        clear: none !important;
        flex: none !important;
        width: 275px !important;                /* 横幅275px */
        max-width: 275px !important;
        min-width: 275px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;              /* 左ハミ出しの原因を完全リセット */
        margin-right: 0 !important;
        margin-bottom: 20px !important;         /* 縦の段間隔を20px空ける */
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    /* 🎯 1列目（奇数番目）の右側にだけ「20px」の隙間を確実にキープ（これで2列グリッドが完成） */
    body.directory.members #members-list li:nth-child(odd),
    body.directory.members #members-list li:nth-child(2n+1),
    body.directory.members .members-list li.odd {
        margin-right: 20px !important;
    }
    /* 🎯 2列目（偶数番目）の右マージンは0にして絶対にハミ出させない */
    body.directory.members #members-list li:nth-child(even),
    body.directory.members #members-list li:nth-child(2n),
    body.directory.members .members-list li.even {
        margin-right: 0 !important;
    }
    /* 内枠「.list-wrap」PCサイズ用 */
    body.directory.members .members-list li .list-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important; 
        justify-content: flex-start !important; 
        width: 100% !important;
        height: 295px !important;
        min-height: 295px !important;
        max-height: 295px !important;
        padding: 24px 16px 14px 16px !important; 
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
        position: relative !important;
    }
    /* PC環境：アバターサイズ 120px */
    body.directory.members .item-avatar,
    body.directory.members .members-list li .item-avatar,
    body.directory.members .item-avatar img.avatar {
        width: 120px !important;  
        height: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
    }
    /* PC環境：フォントサイズ */
    body.directory.members #buddypress ul.members-list li .item-block a,
    body.directory.members #buddypress ul.members-list li [class*="title"] a,
    body.directory.members #buddypress ul.members-list li [class*="name"] a,
    body.directory.members #members-list li h2 a,
    body.directory.members #members-list li h4 a,
    body.directory.members .item-block h4 a,
    body.directory.members .item-block h2,
    body.directory.members .item-block h4 {
        font-size: 18px !important;
    }
    
    body.directory.members .members-type-navs ul li a {
        font-size: 18px !important;
    }
    body.directory.members .bb-item-count,
    body.directory.members div.bb-item-count {
        font-size: 16px !important;
    }
}
/* -------------------------------------------------------------------------
   ④ 📱 スマホ環境用（幅767px以下）：1列センター美しい縦積み強制シールド
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
    body.directory.members ul#members-list.item-list.members-list.bp-list.grid,
    body.directory.members ul#members-list,
    body.directory.members ul.members-list,
    body.directory.members #members-list {
        display: flex !important;
        flex-direction: column !important;      /* スマホは確実に縦1列 */
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;         /* 中央寄せ */
        padding: 10px 12px !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: both !important;
    }
    body.directory.members ul#members-list.item-list.members-list.bp-list.grid li,
    body.directory.members ul#members-list li,
    body.directory.members .members-list li,
    body.directory.members .members-list li.item-entry,
    body.directory.members #members-list li.item-entry,
    body.directory.members #members-list li.odd,
    body.directory.members #members-list li.even {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 330px !important;            /* スマホで間延びしないベストな幅 */
        min-width: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 16px !important;         /* カード同士の縦の隙間を16pxにする */
        float: none !important;
        clear: both !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    /* 内枠「.list-wrap」スマホサイズ用 */
    body.directory.members .members-list li .list-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 270px !important;
        padding: 20px 16px 16px 16px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
        position: relative !important;
    }
    /* スマホ環境：アバターサイズ 100px */
    body.directory.members .item-avatar,
    body.directory.members .members-list li .item-avatar,
    body.directory.members .item-avatar img.avatar {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
    }
    /* スマホ環境：文字サイズ */
    body.directory.members #buddypress ul.members-list li .item-block a,
    body.directory.members #buddypress ul.members-list li [class*="title"] a,
    body.directory.members #buddypress ul.members-list li [class*="name"] a,
    body.directory.members #members-list li h2 a,
    body.directory.members #members-list li h4 a,
    body.directory.members .item-block h4 a,
    body.directory.members .item-block h2,
    body.directory.members .item-block h4 {
        font-size: 16px !important;
    }
}
/* -------------------------------------------------------------------------
   ⑤ カード内部：アバター＆文字の共通整形
   ------------------------------------------------------------------------- */
body.directory.members .item-avatar,
body.directory.members .members-list li .item-avatar {
    display: block !important;
    float: none !important;
    margin: 0 auto 8px auto !important; 
    padding: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
}
body.directory.members .item-avatar img.avatar {
    display: block !important;
    border-radius: 50% !important;
    border: 3px solid #06C755 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    object-fit: cover !important;
    margin: 0 auto !important;
}
/* 不要な「黄色い丸」を非表示 */
body.directory.members .item-avatar [class*="status"],
body.directory.members .item-avatar [class*="presence"],
body.directory.members .item-avatar .member-status,
body.directory.members .item-avatar span.user-status,
body.directory.members .item-avatar [style*="background"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 内枠の干渉を徹底的に白化 */
body.directory.members #buddypress ul.members-list li,
body.directory.members #buddypress ul.members-list li .item-block,
body.directory.members #buddypress ul.members-list li .member-block,
body.directory.members .item-block,
body.directory.members [class*="member-loop-inline-item"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;                        
    border-color: transparent !important;       
    box-shadow: none !important;            
}
body.directory.members .item,
body.directory.members .item-block {
    overflow: hidden !important;
    display: block !important; 
    width: 100% !important;
    height: auto !important;
    text-align: center !important; 
    padding-top: 0 !important;
    margin: 0 !important;
}
/* なまえエリア */
body.directory.members #buddypress ul.members-list li .item-block a,
body.directory.members #buddypress ul.members-list li [class*="title"] a,
body.directory.members #buddypress ul.members-list li [class*="name"] a,
body.directory.members #members-list li h2 a,
body.directory.members #members-list li h4 a,
body.directory.members .item-block h4 a,
body.directory.members .item-block h2,
body.directory.members .item-block h4 {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    color: #06c755 !important;          
    font-weight: 800 !important;          
    text-decoration: none !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    text-align: center !important; 
    width: 100% !important;
    height: 34px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: -6px !important; 
}
/* 参加訪問テキスト */
body.directory.members .item-meta,
body.directory.members .item-meta span,
body.directory.members .members-list li .item-meta,
body.directory.members .members-list li .item-meta span,
body.directory.members .item-meta time {
    font-size: 11px !important; 
    color: #a0a0a0 !important;
    display: block !important;
    text-decoration: none !important;
    line-height: 1.2 !important; 
    text-align: center !important; 
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important; 
}
body.directory.members .item-meta span,
body.directory.members .members-list li .item-meta span {
    margin-top: 0 !important;
    margin-bottom: 1px !important; 
}
/* 不要な中点オブジェクトを強制的に完全不可視化 */
body.directory.members .item-meta .separator,
body.directory.members .item-meta span.separator,
body.directory.members .item-meta .dot,
body.directory.members .members-list li .item-meta-dot,
body.directory.members .item-meta::before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 三点リーダー等の完全非表示化 */
body.directory.members .bb-activity-more-options-wrap,
body.directory.members [class*="more-options"],
body.directory.members .bp-profile-action,
body.directory.members [class*="profile-action"],
body.directory.members .view-as,
body.directory.members .more-actions,
body.directory.members .bb_member_options,
body.directory.members .bb-member-options,
body.directory.members .members-list li.item-entry .action .bb_member_options,
body.directory.members .members-list li .action .bb-member-dropdown,
body.directory.members [class*="dropdown"],
body.directory.members [id*="dropdown"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* 中央の大きなくまさんロゴを非表示化 */
body.directory.members #buddypress:before,
body.directory.members .buddypress-wrap:before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    height: 0 !important;
}
/* ==========================================================================
   🎨 【左寄せ絶対阻止】純正ボタンをド真ん中に全開固定する鉄壁CSS（ホバー対応版）
   ========================================================================= */
body.directory.members .list-wrap .member-buttons-wrap,
body.directory.members .list-wrap div[class*="-buttons"],
body.directory.members .list-wrap .action,
body.directory.members .list-wrap .friendship-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none !important;
    text-align: center !important;
    width: 100% !important;
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
body.directory.members .list-wrap a.button.nui-native-hook-btn {
    display: block !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background-color 0.15s ease, opacity 0.15s ease !important;
}
/* 👥 A.「ぬいとも申請」通常ダークグレー */
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-default {
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
}
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-default:hover {
    background-color: #333333 !important;
}
/* 📤 B.「申請中」（ホバー：申請キャンセル） */
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-pending {
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
}
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-pending:hover {
    background-color: #C0392B !important;
}
/* 📥 C.「申請がありました」（ホバー：申請を確認） */
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-accept {
    background-color: #F39C12 !important;
    color: #FFFFFF !important;
}
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-accept:hover {
    background-color: #E67E22 !important;
}
/* 🤝 D.「ぬいとも・∞・」専用：濃いピンク */
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-is-friend {
    background-color: #E94B8A !important;
    color: #FFFFFF !important;
}
body.directory.members .list-wrap a.button.nui-native-hook-btn.nui-status-is-friend:hover {
    background-color: #d63674 !important;
}
/* 🚨 【最終防衛：強化版】フォローコンテナを徹底的に無効化 */
body.directory.members .list-wrap .follow-container,
body.directory.members .list-wrap [class*="follow-container"],
body.directory.members .list-wrap div[class*="follow-"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
/* ==========================================================================
   👥 ぬいさんず専用：「さがすページ」タブメニュー（上下線スッキリ＆テーマカラー版）
   ========================================================================= */
/* ① 検索バーとメニューの間を広げる */
body.directory.members .bb-subnav-filters-container-main,
body.directory.members .bb-subnav-filters-search {
    margin-bottom: 25px !important;
}
/* ② メニュー全体を囲むブロック（PC・SP共通の上下線、背景は完全透過・白） */
body.directory.members .members-type-navs,
body.directory.members .dir-navs {
    border-top: 1px solid #F2F2F2 !important;    /* 薄いグレーの上下線 */
    border-bottom: 1px solid #F2F2F2 !important; 
    background: transparent !important;          /* 背景色・グラデーションを完全消滅 */
    background-color: transparent !important;    
    padding: 10px 0 !important;                  /* 上下線の内側に心地よい隙間を確保 */
    width: 100% !important;
    max-width: 600px !important;
    margin: 10px auto !important;
}
/* ③ タブリンク自体の背景・余白をクリアにする */
body.directory.members .members-type-navs ul,
body.directory.members .members-type-navs ul li,
body.directory.members .members-type-navs ul li a {
    background: transparent !important;          /* SPの背景に残るグレーを完全に消去 */
    background-color: transparent !important;    
    box-shadow: none !important;
}
body.directory.members .members-type-navs ul li a {
    display: inline-block !important;
    padding: 4px 5px !important;                  /* ボタンではなく「文字」として自然な余白 */
    border-radius: 0 !important;                  /* 丸みも削除 */
    font-size: 15px !important;                    /* SPでもはみ出さないサイズ */
    color: #A0A0A0 !important;                   /* 選択されていない時は少し薄いグレー */
    font-weight: 700 !important;
    position: relative !important;
}
/* PC（幅768px以上）の時は文字サイズを少し大きく */
@media (min-width: 768px) {
    body.directory.members .members-type-navs ul li a {
        font-size: 16px !important;
    }
}
/* ④ 【選択中（アクティブ）】の文字色コントロール */
body.directory.members .members-type-navs ul li.current a,
body.directory.members .members-type-navs ul li.selected a {
    color: #4A4A4A !important;                   /* 選ばれている方は濃い文字色に */
    font-weight: 800 !important;
}
/* -------------------------------------------------------------------------
   ⑤ 🎯 選択中を示すアンダーバーの色を出し分け（太さ3px・位置微調整版）
   ------------------------------------------------------------------------- */
/* A.「みんな・∞・」が選択されている時のアンダーバー */
body.directory.members .members-type-navs ul li#members-all.current a::after,
body.directory.members .members-type-navs ul li#members-all.selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;                     /* 太線化に合わせて位置を微調整 */
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;                        /* 太さを3pxに変更 */
    background-color: #4A4A4A !important;        /* ダークグレー */
    border-radius: 2px !important;                /* 線の端っこも少しだけ丸くして優しく */
}
/* B.「ぬいともさん・∞・」が選択されている時のアンダーバー */
body.directory.members .members-type-navs ul li#members-personal.current a::after,
body.directory.members .members-type-navs ul li#members-personal.selected a::after,
body.directory.members .members-type-navs ul li[id*="friend"].current a::after,
body.directory.members .members-type-navs ul li[id*="friend"].selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;                     /* 太線化に合わせて位置を微調整 */
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;                        /* 太さを3pxに変更 */
    background-color: #E94B8A !important;        /* ぬいともピンク */
    border-radius: 2px !important;                /* 線の端っこも少しだけ丸くして優しく */
} 
/* ==========================================================================
🚨 【最下部追記用 fray・完全大団円リペア版】（成功ルート完全復元・上空引き上げ版）
①ボタンの横幅・位置をミリ単位で完全統一 ＆ ②クリック後のデザイン剥がれを永久遮断
========================================================================= */
/* -------------------------------------------------------------------------
🎯 ① 【形状の完全統一】：文字数に左右されず、常に同じ長さ・同じ位置に固定
-------------------------------------------------------------------------
太さ800、極小角丸3pxのシャープなUX改善デザインをガチガチに固定しつつ、
位置の制御は下のFlexbox側で100%トリガーさせます。
*/
body.directory.members #members-list li .bb-card-action,
body.directory.members #members-list li [class*="card-action"],
body.directory.members #members-list li .bb-card-action a,
body.directory.members #members-list li a.nui-native-hook-btn,
body.directory.members #members-list li [class*="nui-status-"],
body.directory.members #members-list li .action,
body.directory.members #members-list li .friendship-button,
body.directory.members #members-list li [class*="friendship-button"] {
    display: block !important;
    width: 220px !important; /* 🎯 文字数に左右されない絶対固定の横幅 */
    max-width: 220px !important;
    min-width: 220px !important;
    height: 38px !important; /* 🎯 高さも完全に統一 */
    line-height: 38px !important;
    padding: 0 !important;
    margin: 0 auto !important; /* 左右中央に綺麗に並べるためのリセット */
    border-radius: 3px !important; /* 🎯 検索バーと差別化する、パキッとした3pxの四角角丸 */
    text-align: center !important;
    box-sizing: border-box !important;
    float: none !important;
}
/* -------------------------------------------------------------------------
🎯 ② 【💻 PC環境専用（幅768px以上）】さっき成功した「上空強制引き上げ」の完全復元
-------------------------------------------------------------------------
ボタンが入っている「.member-buttons-wrap」というマス自体を狙い撃ちして、
上の訪問日テキストのすぐ下（8px）へ引っ張り上げ、下マージン（auto）で大きな床を復活させます！
*/
@media (min-width: 768px) {
    /* 大元の外箱：スマートな280px高さを絶対キープ */
    body.directory.members ul#members-list li .list-wrap,
    body.directory.members .members-list li .list-wrap,
    #buddypress ul#members-list li .list-wrap {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important; /* 上詰めに並べて、ボタンの下をのびのび空ける */
        align-items: center !important;
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        padding: 24px 16px 20px 16px !important;
        box-sizing: border-box !important;
    }
    /* 中身の3つの部品を包む子箱の設定を上詰め（flex-start）に固定 */
    body.directory.members ul#members-list li .list-wrap .list-wrap-inner,
    .members-list li .list-wrap .list-wrap-inner,
    #buddypress ul#members-list li .list-wrap .list-wrap-inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
    }
    /* 🎯 【成功パターンの完全復活】ボタンが潜むこの「箱自体」を、上の訪問日のすぐ下（8px）へ強制移動！ */
    body.directory.members ul#members-list li .list-wrap .member-buttons-wrap,
    .members-list li .list-wrap .member-buttons-wrap,
    #buddypress ul#members-list li .list-wrap .member-buttons-wrap {
        margin-top: 8px !important; /* 🎯 訪問日テキストのすぐ下8pxに引き寄せ */
        margin-bottom: auto !important; /* 🎯 下側を自動で無限に広げて、ボタンの下にたっぷりの余白を復活！ */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
}
/* -------------------------------------------------------------------------
🎯 ③ 【📱 スマホ環境専用（幅767px以下）】の間延び解消・すっきり収納シールド
------------------------------------------------------------------------- */
@media (max-width: 767px) {
    body.directory.members #members-list li .list-wrap,
    body.directory.members .members-list li .list-wrap,
    #buddypress #members-list li .list-wrap {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: 300px !important;
        margin: 0 auto !important;
        padding: 20px 16px 20px 16px !important;
        box-sizing: border-box !important;
    }
    body.directory.members #members-list li .list-wrap .list-wrap-inner,
    body.directory.members .members-list li .list-wrap .list-wrap-inner,
    #buddypress #members-list li .list-wrap .list-wrap-inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    body.directory.members #members-list li .list-wrap .bp-members-list-hook,
    body.directory.members .members-list li .list-wrap .bp-members-list-hook,
    #buddypress #members-list li .list-wrap .bp-members-list-hook {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
    body.directory.members #members-list li .item-meta,
    body.directory.members #members-list li .item-meta span {
        margin-bottom: 0px !important;
    }
}
/* -------------------------------------------------------------------------
🎯 ④ 【剥がれ防止・鉄壁シールド】：クリックでステータスが変わっても色を維持
-------------------------------------------------------------------------
太さ800と極小角丸3pxをすべてのステータスに焼き付けます。
*/
/* 👥 A. 通常時 ＆ 📤 B. 申請中 ＆ クリック直後の変化時（一律でダークグレーを絶対死守） */
body.directory.members #members-list li .bb-card-action a,
body.directory.members #members-list li a.nui-native-hook-btn,
body.directory.members #members-list li a.nui-status-default,
body.directory.members #members-list li a.nui-status-pending,
body.directory.members #members-list li a.button,
body.directory.members #members-list li .friendship-button a,
body.directory.members #members-list li [class*="friendship-button"] a {
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 800 !important; /* 🎯 太さ800を維持 */
    font-size: 14px !important;
    border-radius: 3px !important; /* 🎯 角丸3pxの四角形を維持 */
}
body.directory.members #members-list li .bb-card-action a:hover,
body.directory.members #members-list li a.nui-native-hook-btn:hover,
body.directory.members #members-list li a.button:hover {
    background-color: #333333 !important;
}
/* 📥 C.「申請がありました」が検知されている時（オレンジボタン） */
body.directory.members #members-list li a.nui-status-accept,
body.directory.members #members-list li a.requested,
body.directory.members #members-list li a.received {
    background-color: #F39C12 !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    border-radius: 3px !important;
}
body.directory.members #members-list li a.nui-status-accept:hover {
    background-color: #E67E22 !important;
}
/* 🤝 D.「ぬいとも・∞・」専用状態（ぬいともピンク） */
body.directory.members #members-list li a.nui-status-is-friend,
body.directory.members #members-list li a.is-friend,
body.directory.members #members-list li a.remove-friend {
    background-color: #E94B8A !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    border-radius: 3px !important;
}
body.directory.members #members-list li a.nui-status-is-friend:hover {
    background-color: #d63674 !important;
} 
/* ==========================================================================
   🐾 【ルーム大手術・最終完成版】メニュー並び替え・テーマカラー・ロゴ完全抹消
   ========================================================================= */
/* ① 【ロゴ完全消滅】
   全てのぬいさんのルーム（.bp-user）において、どこに回り込んで復活してきたロゴであっても、
   画面上から1ミリの残骸も残さず完全にシャットアウトします */
body.bp-user #buddypress::before,
body.bp-user .buddypress-wrap::before,
body.bp-user div#buddypress::before,
body.bp-user #item-header::before,
body.bp-user .users-header::before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* ② 【強制非表示】「設定」と「通知」のタブを完全に消滅 */
body.bp-user #object-nav ul li[id*="settings"],
body.bp-user #object-nav ul li[id*="notifications"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* ③ 【メニュー全体の箱】さがすページと同じ「薄いグレーの上下線」と全幅600px・中央寄せ */
body.bp-user #object-nav,
body.bp-user .bp-navs.single-screen-navs {
    border-top: 1px solid #F2F2F2 !important;
    border-bottom: 1px solid #F2F2F2 !important; 
    background: transparent !important;
    background-color: transparent !important;    
    padding: 10px 0 !important;
    width: 100% !important;
    max-width: 600px !important;                 /* カード幅と同じ600pxに緊縛 */
    margin: 10px auto !important;                /* 綺麗に左右中央寄せ */
    box-shadow: none !important;
}
/* ④ 【タブリンク自体の初期化 ＆ 💡並び替え（order）の仕込み】 */
body.bp-user #object-nav ul,
body.bp-user #object-nav ul li,
body.bp-user #object-nav ul li a {
    background: transparent !important;
    background-color: transparent !important;    
    box-shadow: none !important;
    border: none !important;
}
body.bp-user #object-nav ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 20px !important;                       /* メニュー同士の横の隙間 */
    padding: 0 15px !important;                 /* 検索バーのフチと揃える余白 */
    margin: 0 !important;
}
body.bp-user #object-nav ul li {
    display: block !important;
    float: none !important;
}
body.bp-user #object-nav ul li a {
    display: inline-block !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 15px !important;
    color: #A0A0A0 !important;                  /* 選択されていない時は薄いグレー */
    font-weight: 700 !important;
    position: relative !important;
}
/* PC環境（幅768px以上）の時は文字サイズを一回り大きく同期 */
@media (min-width: 768px) {
    body.bp-user #object-nav ul li a {
        font-size: 16px !important;
    }
}
/* ⑤ 【選択中（アクティブ）】の文字色コントロール（ダークグレーに点灯） */
body.bp-user #object-nav ul li.current a,
body.bp-user #object-nav ul li.selected a {
    color: #4A4A4A !important;
    font-weight: 800 !important;
}
/* ==========================================================================
   🎯 💡 【新機能：1段目メニューの並び順・強制入れ替えロジック】
   ========================================================================= */
body.bp-user #object-nav ul li#xprofile-personal-li  { order: 1 !important; } /* プロフィール */
body.bp-user #object-nav ul li#activity-personal-li  { order: 2 !important; } /* タイムライン */
body.bp-user #object-nav ul li#media-personal-li     { order: 3 !important; } /* アルバム */
body.bp-user #object-nav ul li#friends-personal-li   { order: 4 !important; } /* ぬいともさん */
/* ==========================================================================
   🎯 【メニューテキストの最短上書きハック】
   元の文字データを非表示にせず、背景色と同じ色の座布団で包み込んで完全に隠蔽し、
   上からスマートな省略文字を絶対にズレない形で焼き付けます。
   ========================================================================= */
/* ボタンリンクの文字自体を透明にして、疑似要素だけで描画する安全シールド */
body.bp-user #object-nav ul li a {
    color: transparent !important;
}
body.bp-user #object-nav ul li a::before {
    position: absolute !important;
    top: 4px !important;
    left: 5px !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
}
body.bp-user #object-nav ul li.current a::before,
body.bp-user #object-nav ul li.selected a::before {
    font-weight: 800 !important;
}
/* 1.「プロフィール」→「プロフ」（未選択時：薄いグレー / 選択時：ダークグレー） */
body.bp-user #object-nav ul li#xprofile-personal-li a::before { content: "プロフ" !important; color: #A0A0A0 !important; }
body.bp-user #object-nav ul li#xprofile-personal-li.current a::before { color: #4A4A4A !important; }
/* 2.「タイムライン」→「トーク」 */
body.bp-user #object-nav ul li#activity-personal-li a::before { content: "トーク" !important; color: #A0A0A0 !important; }
body.bp-user #object-nav li#activity-personal-li.current a::before { color: #4A4A4A !important; }
/* 3.「アルバム」→「アルバム」（そのまま固定） */
body.bp-user #object-nav ul li#media-personal-li a::before { content: "アルバム" !important; color: #A0A0A0 !important; }
body.bp-user #object-nav ul li#media-personal-li.current a::before { color: #4A4A4A !important; }
/* 4.「ぬいともさん」→「ぬいともさん」（そのまま固定） */
body.bp-user #object-nav ul li#friends-personal-li a::before { content: "ぬいともさん" !important; color: #A0A0A0 !important; }
body.bp-user #object-nav ul li#friends-personal-li.current a::before { color: #4A4A4A !important; }
/* ==========================================================================
   🎯 【アンダーバーの色出し分け】（太さ3px・位置調整の完全同期ハック）
   ========================================================================= */
/* ⚫ A. 【プロフィール】選択中のアンダーバーを「ダークグレー（#4A4A4A）」 */
body.bp-user #object-nav ul li#xprofile-personal-li.current a::after,
body.bp-user #object-nav ul li[id*="xprofile"].selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;
    left: 5px !important;
    width: calc(100% - 10px) !important;
    height: 3px !important;
    background-color: #4A4A4A !important;
    border-radius: 2px !important;
}
/* 🟢 B. 【タイムライン ＆ アルバム】選択中のアンダーバーを「LINEグリーン」 */
body.bp-user #object-nav ul li#activity-personal-li.current a::after,
body.bp-user #object-nav ul li#media-personal-li.current a::after,
body.bp-user #object-nav ul li[id*="activity"].selected a::after,
body.bp-user #object-nav ul li[id*="media"].selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;
    left: 5px !important;
    width: calc(100% - 10px) !important;
    height: 3px !important;
    background-color: #06c755 !important;
    border-radius: 2px !important;
}
/* 🌸 C. 【ぬいともさん】選択中のアンダーバーを「ぬいともピンク」 */
body.bp-user #object-nav ul li#friends-personal-li.current a::after,
body.bp-user #object-nav ul li[id*="friends"].selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;
    left: 5px !important;
    width: calc(100% - 10px) !important;
    height: 3px !important;
    background-color: #E94B8A !important;
    border-radius: 2px !important;
}
/* ==========================================================================
   📱 🎯 【固定フッター被り解決】
   /members/内の大元の箱（#buddypress）の底に、160pxの広大なパディングをピンポイント注入
   ========================================================================= */
body.bp-user #buddypress,
body.bp-user .buddypress-wrap {
    padding-bottom: 160px !important; /* 👈 ルームの中身の底だけを完璧に押し上げます */
}
/* ==========================================================================
   🐾 【ルーム大手術・最終完成版】メニュー等間隔・テーマカラー・ロゴ＆バグ完全抹消
   ========================================================================= */
/* ① 【ロゴ完全消滅】メンバーページ全体の重複ロゴを完全に非表示にします */
body.bp-user #buddypress::before,
body.bp-user .buddypress-wrap::before,
body.bp-user div#buddypress::before,
body.bp-user #item-header::before,
body.bp-user .users-header::before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* ② 【強制非表示】「設定」と「通知」のタブを完全に消滅させます */
body.bp-user #object-nav ul li[id*="settings"],
body.bp-user #object-nav ul li[id*="notifications"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* ③ 【メニュー全体の箱】さがすページと同じ「薄いグレーの上下線」と全幅600px・中央寄せ */
body.bp-user #object-nav,
body.bp-user .bp-navs.single-screen-navs {
    border-top: 1px solid #F2F2F2 !important;
    border-bottom: 1px solid #F2F2F2 !important; 
    background: transparent !important;
    background-color: transparent !important;    
    padding: 10px 0 !important;
    width: 100% !important;
    max-width: 600px !important;                 /* カード幅と同じ600pxに緊縛 */
    margin: 10px auto !important;                /* 綺麗に左右中央寄せ */
    box-shadow: none !important;
}
/* ④ 【タブリンク自体の初期化】変な背景や外枠をすべてリセットします */
body.bp-user #object-nav ul,
body.bp-user #object-nav ul li,
body.bp-user #object-nav ul li a {
    background: transparent !important;
    background-color: transparent !important;    
    box-shadow: none !important;
    border: none !important;
    text-indent: 0 !important;                  /* 👈 文字を消すバグ命令を完全排除 */
}
body.bp-user #object-nav ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 20px !important;                       /* メニュー同士の横の隙間 */
    padding: 0 15px !important;                 /* 検索バーのフチと揃える余白 */
    margin: 0 !important;
}
body.bp-user #object-nav ul li {
    display: block !important;
    float: none !important;
}
body.bp-user #object-nav ul li a {
    display: inline-block !important;
    padding: 4px 5px !important;
    border-radius: 0 !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 15px !important;
    color: #A0A0A0 !important;                  /* 選択されていない時は薄いグレー */
    font-weight: 700 !important;
    position: relative !important;
}
/* PC環境（幅768px以上）の時は文字サイズを一回り大きく同期 */
@media (min-width: 768px) {
    body.bp-user #object-nav ul li a {
        font-size: 16px !important;
    }
}
/* ⑤ 【選択中（アクティブ）】の文字色コントロール（ダークグレーに点灯） */
body.bp-user #object-nav ul li.current a,
body.bp-user #object-nav ul li.selected a {
    color: #4A4A4A !important;
    font-weight: 800 !important;
}
/* ==========================================================================
   💡 【並び順コントロール】「プロフ → トーク → アルバム → ぬいとも」の順に強制変更
   ========================================================================= */
body.bp-user #object-nav ul li#xprofile-personal-li  { order: 1 !important; } 
body.bp-user #object-nav ul li#activity-personal-li  { order: 2 !important; } 
body.bp-user #object-nav ul li#media-personal-li     { order: 3 !important; } 
body.bp-user #object-nav ul li#friends-personal-li   { order: 4 !important; } 
/* ==========================================================================
   🎯 【アンダーバーの色出し分け】（太さ3px・位置調整の完全同期ハック）
   ========================================================================= */
/* ⚫ A. 【プロフ】選択中のアンダーバーを「ダークグレー（#4A4A4A）」に指定 */
body.bp-user #object-nav ul li#xprofile-personal-li.current a::after,
body.bp-user #object-nav ul li[id*="xprofile"].selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;                    /* さがすページと1px単位で同じ位置 */
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;                      /* 太さ3px */
    background-color: #4A4A4A !important;        /* 🎯 ダークグレー */
    border-radius: 2px !important;
}
/* 🟢 B. 【トーク ＆ アルバム】選択中のアンダーバーを「LINEグリーン」に指定 */
body.bp-user #object-nav ul li#activity-personal-li.current a::after,
body.bp-user #object-nav ul li#media-personal-li.current a::after,
body.bp-user #object-nav ul li[id*="activity"].selected a::after,
body.bp-user #object-nav ul li[id*="media"].selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #06c755 !important;        /* 🎯 LINEグリーン */
    border-radius: 2px !important;
}
/* 🌸 C. 【ぬいとも】選択中のアンダーバーを「ぬいともピンク」に指定 */
body.bp-user #object-nav ul li#friends-personal-li.current a::after,
body.bp-user #object-nav ul li[id*="friends"].selected a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -11px !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #E94B8A !important;        /* 🎯 ぬいともピンク */
    border-radius: 2px !important;
    z-index: 1 !important;
}
/* ==========================================================================
   📸 🎯 【アバター写真：歪み＆二重楕円の完全抹消シールド】
   親要素である「aタグ」の歪みを完全解除し、中の「写真（imgタグ）」だけを100%正円化します
   ========================================================================= */
body.bp-user #item-header-avatar a {
    border-radius: 0 !important;                 /* 親のaタグにかかっていた歪みの丸を完全破壊 */
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
body.bp-user #item-header-avatar img,
body.bp-user #item-header-avatar img.avatar,
body.bp-user .users-header-avatar img {
    width: 150px !important;                     /* 縦横比を完全に一致させて正円の土台を作る */
    height: 150px !important;
    object-fit: cover !important;                /* 縦長・横長の写真でも、引き伸ばさずに中央で丸くトリミング */
    border-radius: 50% !important;               /* 🎯 写真だけを完璧な正円にクリップ */
    border: 3px solid #FFFFFF !important;        /* 綺麗な白フチ */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important; /* 優しい浮き上がり影 */
}
/* ==========================================================================
   📱 🎯 【固定フッター被り解決・ピンポイント修正版】
   ========================================================================= */
body.bp-user #item-body,
body.bp-user .buddypress-wrap #item-body {
    margin-bottom: 160px !important;             /* ルームの中身の底にだけ160pxの安全余白を確保 */
}
/* ==========================================================================
   🐾 【ルーム大手術・アドオン】名前色統一・オレンジ●消去・SP左右線カット
   ========================================================================= */
/* ① 🎯 【ぬいさんの名前】：PCでもSPでも、強制的に文字色を「#4A4A4A」へ完全統一 */
body.bp-user #buddypress h1,
body.bp-user #buddypress h2,
body.bp-user #item-header-content h1,
body.bp-user .bb-user-content-wrap h1,
body.bp-user .member-header-sections h1 {
    color: #4A4A4A !important;
    text-shadow: none !important; /* 影の残骸があればそれも完全に消去 */
}
/* ③ 🛠️ 【メニューの上下二本線】：SPで勝手に出てくる「左右の縦線」を完全に抹消 */
body.bp-user #object-nav,
body.bp-user .bp-navs.single-screen-navs {
    border-left: none !important;   /* 左の縦線を消滅 */
    border-right: none !important;  /* 右の縦線を消滅 */
}
/* ==========================================================================
   🌸 【ルーム大手術・完全逆転リペア】グロナビ100%復活 ＆ お部屋のオレンジ●即消滅
   ========================================================================= */
/* ① グロナビ（Elementorの手作り黄色バッジ）の誤消滅を完全に解除し、最優先で大復活させます！ */
body.bp-user .nui-custom-dot,
.nui-custom-dot,
.nui-custom-dot.has-notification {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* ② 🎯 【本当の標的】お部屋の中（アバターの右上）にしぶとく残る、
   BuddyBoss標準のオンライン通知ランプ（オレンジ色の丸）だけをピンポイントで完全に消滅させます！ */
body.bp-user #item-header-avatar span.member-status,
body.bp-user #item-header-avatar .member-status,
body.bp-user .bb-cover-image-container span.member-status,
body.bp-user [data-bb-user-presence] {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   🐾 【ルームヘッダー】PC大画面でも常に100%スマホと同じ中央寄せに固定する命令
   ========================================================================= */
@media (min-width: 768px) {
    /* ① 左右並び（flex）になっている大元の構造を完全に破壊し、縦積みの1行ブロックに変形 */
    body.bp-user #cover-image-container,
    body.bp-user .bb-cover-image-container,
    body.bp-user #item-header-cover-image,
    body.bp-user .item-header-wrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        float: none !important;
    }
    /* ② アバターエリア：左寄せの回り込みをリセットし、自動マージンでド真ん中へ固定 */
    body.bp-user #item-header-avatar,
    body.bp-user div#item-header-avatar {
        float: none !important;
        display: block !important;
        /* カバー画像の下線に半分乗っかるベストな位置（-75px）で中央寄せ */
        margin: -75px auto 0 auto !important; 
        width: 150px !important;
        height: 150px !important;
        text-align: center !important;
    }
    /* ③ テキストを包む箱：テーマ独自の左右並び（flex）をブロック化して強制中央寄せ */
    body.bp-user #item-header-content,
    body.bp-user div#item-header-content,
    body.bp-user #item-header-content .flex,
    body.bp-user #item-header-content div.flex {
        display: block !important;
        float: none !important;
        margin: 10px auto 0 auto !important; /* アバターの下に20pxの隙間を確保 */
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    /* ④ お名前の文字：テーマの余計な左寄せ（margin-right等）を解除してセンターへ */
    body.bp-user #item-header-content .member-title-wrap,
    body.bp-user #item-header-content h2.user-nicename,
    body.bp-user #item-header-content h2 {
        display: block !important;
        text-align: center !important;
        margin: 0 auto 5px auto !important;
        width: 100% !important;
        float: none !important;
    }
    /* ⑤ メタ情報（@ID・参加日・訪問中）：横並びのまま中央にギュッと引き寄せます */
    body.bp-user #item-header-content .item-meta,
    body.bp-user #item-header-content div.item-meta {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important; /* 🎯 文字を画面のド真ん中で揃える */
        align-items: center !important;
        margin: 0 auto !important;
        width: 100% !important;
        float: none !important;
    }
    /* ⑥ 「ぬいとも・∞・」「切り替え」ボタン：左寄せの箱を解除して中央に整列 */
    body.bp-user #item-header-content .member-header-actions-wrap,
    body.bp-user #item-header-content .action,
    body.bp-user #item-header-content .friendship-button {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important; /* 🎯 ボタンたちもド真ん中に並べる */
        align-items: center !important;
        margin: 1px auto 0 auto !important; /* 🎯 隙間を15pxから6pxへきゅっと引き締め */
        float: none !important;
        width: 100% !important;
        gap: 10px !important;               /* ボタン同士の横の隙間 */
    }
}
/* 🎯 【PC大画面専用】ボタン下の白いメニュー（タブ枠）だけを安全に引き上げる */
@media (min-width: 768px) {
    body.bp-user #buddypress div.profile-nav-wrap,
    body.bp-user #buddypress nav.main-navs,
    body.bp-user #buddypress .users-nav {
        /* 🎯【微調整】引き上げ量を -15px から「-8px」へ緩めます。
           これでボタンを潰さずに、メニューだけが理想のポジションへわずかに下がります */
        margin-top: -8px !important; 
        position: relative !important;
        z-index: 10 !important;
    }
}
/* 📱 【スマホ画面専用・真の最終確定版】隙間微調整 ＆ グレー背景・下線完全消滅 */
@media (max-width: 767px) {
    /* 🛠 ① メニューの引き上げ間隔（絶妙な距離をキープ） */
    body.bp-user #buddypress div.profile-nav-wrap,
    body.bp-user #buddypress nav.main-navs,
    body.bp-user #buddypress .users-nav {
        margin-top: -16px !important; 
        position: relative !important;
        z-index: 10 !important;
    }
    body.bp-user #item-header-content .item-meta,
    body.bp-user #item-header-content div.item-meta {
        margin-bottom: 0 !important;
    }
    /* 🛠 ② 横並びスクロールのベース（外枠の隙間や線を完全破壊） */
    html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav,
    body.bp-user #buddypress #subnav ul.subnav {
        display: flex !important;
        flex-direction: row !important;  
        overflow-x: auto !important;     
        white-space: nowrap !important;   
        -webkit-overflow-scrolling: touch; 
        padding: 6px 0 !important;        
        background: #ffffff !important;   /* 大元の背景を白に */
        border: none !important;
        gap: 0 !important;                /* 🎯 タブ同士の間の謎の隙間（下線の原因）を消滅させます */
    }
    /* 🛠 ③ 【主犯を撃破】ボタンを包む「liタグ」自体にBuddyBossが敷いているグレー背景を真っ白に塗りつぶす */
    html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab,
    html body.bp-user #buddypress #subnav ul.subnav li,
    body.bp-user #buddypress #subnav ul.subnav li {
        background: #ffffff !important;   /* 🎯 これで未選択の箱のグレーが100%消えて真っ白になります */
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* 🛠 ④ 選択されていないリンク（aタグ）の文字と背景を真っ白に固定 */
    html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab a,
    html body.bp-user #buddypress #subnav ul.subnav li a,
    body.bp-user #buddypress #subnav ul.subnav li a {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 13px !important;       
        font-weight: 500 !important;
        color: #939598 !important;         
        background: #ffffff !important;    /* 🎯 リンク自体も完全に白で上書き */
        border: none !important;           
        text-decoration: none !important;  
        box-shadow: none !important;
        display: inline-block !important;
        padding: 6px 14px !important;     
        border-radius: 3px !important;    
    }
    /* 🛠 ⑤ 【現在地のみ】プロフィール等のアクティブタブだけ、グレー座布団を最優先で適用 */
    html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab.current a,
    html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab.selected a,
    body.bp-user #buddypress #subnav ul.subnav li.current a,
    body.bp-user #buddypress #subnav ul.subnav li.selected a {
        color: #414141 !important;        
        font-weight: 700 !important;       
        background: #EAEAEA !important;   /* 🎯 現在地だけをほんのりグレーに目立たせます */
        border: none !important;
        text-decoration: none !important;
    }
    /* 🛠 ⑥ サブメニューの箱全体の境界線リセット */
    html body.bp-user #buddypress nav#subnav.bp-subnavs,
    body.bp-user #buddypress #subnav.user-subnav,
    body.bp-user .user-subnav {
        border: none !important;
        background: #ffffff !important;    
        padding: 0 !important;
        margin-top: 10px !important;       
        margin-bottom: 5px !important;
    }
}
/* ==========================================================================
   🐾 【ルームヘッダー】プロフ・トーク・アルバム限定で中央寄せに固定する命令
   （🎯 ぬいともさん[friends]ページへの不要な干渉を完全にシャットアウト！）
   ========================================================================= */
@media (min-width: 768px) {
    /* 💡 friendsページ以外の時だけヘッダーを動かします（friendsの時はデフォルトのまま綺麗に同期） */
    body.bp-user:not(.friends) #cover-image-container,
    body.bp-user:not(.friends) .bb-cover-image-container,
    body.bp-user:not(.friends) #item-header-cover-image,
    body.bp-user:not(.friends) .item-header-wrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        float: none !important;
    }
    /* ② アバターエリア */
    body.bp-user:not(.friends) #item-header-avatar,
    body.bp-user:not(.friends) div#item-header-avatar {
        float: none !important;
        display: block !important;
        margin: -75px auto 0 auto !important; 
        width: 150px !important;
        height: 150px !important;
        text-align: center !important;
    }
    /* ③ テキストを包む箱 */
    body.bp-user:not(.friends) #item-header-content,
    body.bp-user:not(.friends) div#item-header-content,
    body.bp-user:not(.friends) #item-header-content .flex,
    body.bp-user:not(.friends) div#item-header-content div.flex {
        display: block !important;
        float: none !important;
        margin: 10px auto 0 auto !important; 
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    /* ④ お名前の文字 */
    body.bp-user:not(.friends) #item-header-content .member-title-wrap,
    body.bp-user:not(.friends) #item-header-content h2.user-nicename,
    body.bp-user:not(.friends) #item-header-content h2 {
        display: block !important;
        text-align: center !important;
        margin: 0 auto 5px auto !important;
        width: 100% !important;
        float: none !important;
    }
    /* ⑤ メタ情報 */
    body.bp-user:not(.friends) #item-header-content .item-meta,
    body.bp-user:not(.friends) div#item-header-content div.item-meta {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important; 
        align-items: center !important;
        margin: 0 auto !important;
        width: 100% !important;
        float: none !important;
    }
    /* ⑥ ボタン各種 */
    body.bp-user:not(.friends) #item-header-content .member-header-actions-wrap,
    body.bp-user:not(.friends) #item-header-content .action,
    body.bp-user:not(.friends) #item-header-content .friendship-button {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important; 
        align-items: center !important;
        margin: 1px auto 0 auto !important; 
        float: none !important;
        width: 100% !important;
        gap: 10px !important;               
    }
}
/* ==========================================================================
   🐾 【ルームヘッダー・仕上げ】名前太さ800固定 ＆ SP名前下の余白引き締め
   ========================================================================= */
/* ① 🎯 【PC・SP共通】ぬいさんの名前の太さを、どんな状況でも「800」に超強力固定 */
body.bp-user #buddypress h2.user-nicename,
body.bp-user #buddypress h2,
body.bp-user #item-header-content h2,
body.bp-user .bb-user-content-wrap h2,
body.bp-user .member-header-sections h2 {
    font-weight: 800 !important;
}
/* ② 📱 【スマホ環境専用（幅767px以下）】名前とその下のテキストの隙間を美しく詰める */
@media (max-width: 767px) {
    body.bp-user #item-header-content h2.user-nicename,
    body.bp-user #item-header-content h2,
    body.bp-user .bb-user-content-wrap h2 {
        margin-top: 10px !important;       /* 🎯【追加】スマホ特有のお名前の上の余白を完全にゼロ化 */
        margin-bottom: 5px !important; /* 下の隙間を5pxまでギュッと引き締めます */
        line-height: 1.1 !important;    /* 文字自体の上下の座布団も薄くして接近させます */
    }
    body.bp-user #item-header-content .item-meta,
    body.bp-user #item-header-content div.item-meta {
        margin-top: 0 !important;       /* 下側のメタ情報の上マージンもゼロにして吸い寄せます */
    }
}
/* ==========================================================================
   🐾 【ルームヘッダー】完璧なカメラ位置に合わせ、アバター画像「だけ」を中央に重ねる
   ========================================================================= */
@media (min-width: 768px) {
    /* 完璧な位置にあるカメラマークやクリック用の透明マスク（aやspan）は1ミリも動かさず、
       右にズレてしまっているアバター写真（img）「だけ」を左にスライドさせて真下に重ねます！ */
    body.bp-user #item-header-avatar img,
    body.bp-user #item-header-avatar img.avatar,
    body.bp-user .users-header-avatar img {
        position: relative !important;
        /* 🎯 【最終調整】移動量を -110px から「-75px」へ変更！
           これでカメラマスクのド真ん中と、アバター画像のド真ん中が完全に融合します */
        left: -16px !important; 
        /* 縦方向の高さや余白は、1番綺麗だった状態を100%維持します */
        top: 0 !important;
        margin: 0 !important;
    }
}
/* ==========================================================================
   🐾 【マイルーム限定】さがすページと同じ構造へ統一（ID消去・グレー・2行改行）
   ========================================================================= */
/* 🛠 ① 【IDの消去】＆【邪魔な・の完全消滅】 */
body.bp-user #item-header-content .item-meta .mention-name,
body.bp-user #item-header-content .item-meta .separator,
body.bp-user #item-header-content .item-meta span.separator,
body.bp-user #item-header-content .item-meta .dot {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
}
/* 🛠 ② 【改行シールド破壊：強制的に縦並び2行にする魔法】
   追加CSSの最優先権限を使って、BuddyBossの改行させない呪いを完全に破壊します */
html body.bp-user #buddypress #item-header #cover-image-container #item-header-cover-image #item-header-content .item-meta,
body.bp-user #item-header-content .item-meta {
    white-space: normal !important; 
    display: flex !important;
    flex-direction: column !important; /* 🎯 どんなことがあっても絶対に縦2段にします */
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    word-spacing: normal !important; 
    gap: 4px 0 !important; /* 参加日と訪問中の間の上下の隙間を4pxあける */
}
/* 🛠 ③ 【文字色をさがすページの優しい灰色に統一】 */
html body.bp-user #buddypress #item-header #cover-image-container #item-header-cover-image #item-header-content .item-meta,
body.bp-user #item-header-content .item-meta {
    color: #939598 !important; /* 🎯 さがすページと同じグレー */
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
/* ==========================================================================
   🐾 【他人のルーム限定】不要な「切り替え」「…（More Options）」を完全消滅
   ========================================================================= */
/* ① 「切り替え」ボタンを画面上から物理的に消去 */
body.bp-user .member-header-actions-wrap a[href*="action=switch_to_user"],
body.bp-user #item-header-content .action a[href*="switch_to_user"],
body.bp-user #item-header-content a.switch-user-link,
body.bp-user #user_switching_switch_to {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ② 三点リーダー「…」と「View As」のメニューを丸ごと深い階層から物理消滅 */
html body.bp-user #buddypress #item-header #item-header-content .member-header-actions-wrap .bb_more_options,
body.bp-user #item-header-content .bb_more_options,
body.bp-user #item-header-content .bb_more_options_action,
body.bp-user #item-header-content i.bb-icon-ellipsis-h,
body.bp-user .view-as-trigger-wrap,
body.bp-user .bp-view-as-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   🤝 【マイルーム専用】申請ボタンを全ステータス（申請中・成立）で完全同期
   ========================================================================= */
/* 🛠 ① ボタン全体の形・サイズ・極太フォントをお部屋の全状態で固定 */
body.bp-user #item-header-content .member-header-actions-wrap .friendship-button a,
body.bp-user #item-header-content .member-header-actions-wrap .friendship-button button,
body.bp-user #item-header-content .action .friendship-button a,
body.bp-user #item-header-content .action .friendship-button button,
body.bp-user div#buddypress .friendship-button button.friendship-button,
body.bp-user div#buddypress .friendship-button a.button,
body.bp-user .friendship-button .pending_friend,
body.bp-user .friendship-button .is_friend {
    display: block !important;
    visibility: visible !important;
    width: 220px !important;         /* 🎯 さがすページと全く同じ220px幅 */
    max-width: 220px !important;
    min-width: 220px !important;
    height: 38px !important;          /* 🎯 高さを38pxに固定 */
    line-height: 38px !important;
    padding: 0 !important;
    margin: 0 auto !important;        /* 🎯 ど真ん中にセンタリング */
    border-radius: 3px !important;    /* 🎯 探すページと同じパキッとした角丸3px */
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 800 !important;      /* 🎯 太さ800の極太文字 */
    font-size: 14px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    transition: background-color 0.2s ease !important;
}
/* 🛠 ② 不要なアイコン（iタグ）を消去 */
body.bp-user #item-header-content .friendship-button i,
body.bp-user #item-header-content .friendship-button button i {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
/* 🛠 ③ お部屋ページ特有のクラス名を直撃して色を固定 */
/* 👥 A. 未申請（通常時：ダークグレー） */
body.bp-user .friendship-button.not_friends button,
body.bp-user .friendship-button.not_friends a,
body.bp-user .friendship-button.add button {
    background-color: #4A4A4A !important; 
    color: #FFFFFF !important; 
}
/* 📤 B. 申請中（通常オレンジ ➡ さがすページと完全一致！）
   お部屋専用の「requested」「pending_friend」という隠れクラスを捕まえ、オレンジ色に変身させます */
body.bp-user .friendship-button.pending button,
body.bp-user .friendship-button.pending a,
body.bp-user .friendship-button.requested button,
body.bp-user .friendship-button.requested a,
body.bp-user .friendship-button .pending_friend,
body.bp-user .friendship-button.awaiting_response button {
    background-color: #FFA500 !important; /* 🎯 さがすページと同じ「申請中」の鮮やかなオレンジ */
    color: #FFFFFF !important; 
}
/* ホバー時は赤（キャンセル色）にする最高UXを移植 */
body.bp-user .friendship-button.pending button:hover,
body.bp-user .friendship-button.requested button:hover,
body.bp-user .friendship-button .pending_friend:hover { 
    background-color: #4A4A4A !important; 
}
/* 🤝 C. ぬいとも成立（濃いピンク「・∞・」） */
body.bp-user .friendship-button.is_friend button,
body.bp-user .friendship-button.is_friend a,
body.bp-user .friendship-button .is_friend {
    background-color: #E94B8A !important; 
    color: #FFFFFF !important; 
}
body.bp-user .friendship-button.is_friend button:hover,
body.bp-user .friendship-button .is_friend:hover { 
    background-color: #d63674 !important; 
}
/* ==========================================================================
   🗂 【PC・スマホ共通・最終完成版】メインメニューを引き上げ、サブメニューを整える
   ========================================================================= */
/* 🛠 ① 【大本命】メインメニュー（二重線）の頭をマイナスにして、セットで上に引き上げる */
@media (min-width: 768px) {
    body.bp-user #buddypress nav.main-navs,
    body.bp-user #buddypress .users-nav {
        /* 🎯 パワーを少し緩めて -14px にすることで、参加訪問テキストとの間に
           詰まりすぎない、ちょうど良い美しさと高級感のある間隔を作り出します！ */
        margin-top: -14px !important; 
        position: relative !important;
        z-index: 10 !important;
    }
}
/* 🛠 ② サブメニュー全体の基本文字スタイル（上品な灰色へ） */
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li a,
html body.bp-user #buddypress #subnav.user-subnav ul li a,
body.bp-user #buddypress #subnav ul.subnav li a,
body.bp-user .user-subnav ul.subnav li a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;       
    font-weight: 500 !important;       
    color: #939598 !important;         
    border: none !important;           
    background: transparent !important;
    text-decoration: none !important;  
    box-shadow: none !important;
    display: inline-block !important;
    padding: 6px 16px !important;      
    border-radius: 3px !important;     /* 🎯 ほんの少しだけ角を丸くして可愛いタブ状に */
    transition: all 0.2s ease !important;
}
/* 🛠 ③ サブメニューにマウスを乗せたとき（ホバー）の演出 */
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li a:hover,
body.bp-user #buddypress #subnav ul.subnav li a:hover {
    color: #414141 !important;         
    background: #EAEAEA !important;    
    text-decoration: none !important;
}
/* 🛠 ④ サブメニューの「現在開いているページ」（アクティブ時）のグレー座布団 */
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.current a,
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.selected a,
body.bp-user #buddypress #subnav ul.subnav li.current a,
body.bp-user #buddypress #subnav ul.subnav li.selected a {
    color: #414141 !important;         
    font-weight: 700 !important;       
    background: #EAEAEA !important;    
    border: none !important;
    text-decoration: none !important;
}
/* 🛠 ⑤ サブメニューの箱全体の余白（めり込みを直して安全な位置に固定） */
html body.bp-user #buddypress nav#subnav.bp-subnavs,
body.bp-user #buddypress #subnav.user-subnav,
body.bp-user .user-subnav {
    background: transparent !important;
    border: none !important;           
    box-shadow: none !important;
    padding: 0 !important;
    /* 🎯 先ほどめり込んでしまった数値を安全な「12px」に強制リセット。
       これで二重線との間に、常に綺麗で正確な隙間をキープさせます！ */
    margin-top: 12px !important; 
    margin-bottom: 5px !important;
}
/* ==========================================================================
   🤝 【PC・スマホ共通】「ぬいともさん」ページのサブメニューを #FADADD にする
   ========================================================================= */
body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.current a,
body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.selected a,
body.bp-user.friends #buddypress #subnav ul.subnav li.current a,
body.bp-user.friends #buddypress #subnav ul.subnav li.selected a {
    background: #FADADD !important; /* 🎯 選択中の背景をパステルピンクに！ */
}
@media (max-width: 767px) {
    body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab.current a,
    body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab.selected a {
        background: #FADADD !important;
    }
}
/* ==========================================================================
   📝 【PC・スマホ共通】プロフィール詳細ページ（縦中央完全復元 ＆ 編集ボタン固定）
   ========================================================================= */
body.bp-user #buddypress div.profile,
body.bp-user #buddypress .profile.public {
    box-sizing: border-box !important;
    padding-left: 15px !important;   
    padding-right: 15px !important;  
}
/* 見出し共通 */
@media (min-width: 768px) {
    body.bp-user #buddypress .profile h2.screen-heading.view-profile-screen {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 18px !important;       
        font-weight: 800 !important;      
        color: #4A4A4A !important;        
        letter-spacing: 0.03em !important;
        margin-bottom: 24px !important; 
    }
    body.bp-user #buddypress .profile h3.profile-group-title {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #4A4A4A !important;
        letter-spacing: 0.03em !important;
        padding-bottom: 10px !important;  
        margin-bottom: 8px !important;
        position: relative !important;   
    }
}
@media (max-width: 767px) {
    body.bp-user #buddypress .profile h2.screen-heading.view-profile-screen {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;       
        font-weight: 800 !important;      
        color: #4A4A4A !important;        
        letter-spacing: 0.02em !important;
        margin-bottom: 20px !important; 
    }
    body.bp-user #buddypress .profile h3.profile-group-title {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #4A4A4A !important;
        letter-spacing: 0.02em !important;
        padding-bottom: 8px !important;  
        margin-bottom: 6px !important;
        position: relative !important;   
    }
}
/* 編集ボタンの多重出力カット */
body.bp-user #buddypress .profile h3.profile-group-title::after,
body.bp-user #buddypress .profile h3.profile-group-title::before {
    content: none !important;
    display: none !important;
}
body.bp-user #buddypress .profile h3.profile-group-title .real-edit-link-text {
    font-size: 13px !important;         
    font-weight: 700 !important;         
    color: #1e90ff !important;           
    position: absolute !important;
    right: 0 !important;
    bottom: 10px !important;           
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    pointer-events: none !important;     
    display: inline-block !important;
    z-index: 50 !important;
}
/* 脱・テーブル化 */
body.bp-user #buddypress table.profile-fields,
body.bp-user #buddypress table.profile-fields tr {
    background: transparent !important;
    border: none !important;            
    box-shadow: none !important;
}
body.bp-user #buddypress table.profile-fields tr td.label,
body.bp-user #buddypress table.profile-fields tr td.data {
    background: transparent !important;
    border: none !important;                      
    border-bottom: 1px solid #ECECEC !important;  
    vertical-align: middle !important;            
    padding: 16px 8px !important;                 
}
body.bp-user #buddypress table.profile-fields tr td.data p,
body.bp-user #buddypress table.profile-fields tr.alt td.data p {
    margin: 0 !important;                         
    padding: 0 !important;
    line-height: 1.5 !important;                  
    display: block !important;
}
/* 長文エリア（textarea） */
body.bp-user #buddypress table.profile-fields tr.field_type_textarea td.label {
    padding-top: 24px !important;    
    vertical-align: top !important;  
}
body.bp-user #buddypress table.profile-fields tr.field_type_textarea td.data {
    vertical-align: top !important;
    padding: 0 8px !important;       
}
body.bp-user #buddypress table.profile-fields tr.field_type_textarea td.data p {
    padding-top: 24px !important;    
    padding-bottom: 24px !important; 
    margin: 0 !important;
    line-height: 1.6 !important;     
}
/* コピペ文字の色バグ破壊 */
body.bp-user #buddypress table.profile-fields tr td.data p span,
body.bp-user #buddypress table.profile-fields tr.alt td.data p span {
    color: #4A4A4A !important;            
    background: transparent !important;   
    background-color: transparent !important;
}
body.bp-user #buddypress table.profile-fields tr:last-child td.label,
body.bp-user #buddypress table.profile-fields tr:last-child td.data {
    border-bottom: none !important;
}
/* 文字強弱 ＆ 横幅固定 */
@media (min-width: 768px) {
    body.bp-user #buddypress table.profile-fields tr td.label,
    body.bp-user #buddypress table.profile-fields tr.alt td.label {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #939598 !important;         
        width: 34% !important; max-width: 34% !important; min-width: 34% !important;
    }
    body.bp-user #buddypress table.profile-fields tr td.data,
    body.bp-user #buddypress table.profile-fields tr.alt td.data {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important; font-weight: 800 !important; color: #4A4A4A !important;        
    }
}
@media (max-width: 767px) {
    body.bp-user #buddypress table.profile-fields tr td.label,
    body.bp-user #buddypress table.profile-fields tr.alt td.label {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important; font-weight: 500 !important; color: #939598 !important;         
        width: 40% !important; max-width: 40% !important; min-width: 40% !important;
    }
    body.bp-user #buddypress table.profile-fields tr td.data,
    body.bp-user #buddypress table.profile-fields tr.alt td.data {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important; font-weight: 800 !important; color: #4A4A4A !important;        
    }
}
body.bp-user #buddypress table.profile-fields {
    border-collapse: collapse !important; width: 100% !important; table-layout: fixed !important; margin-bottom: 40px !important;     
}
/* ==========================================================================
   🤝 【最終決着・完全同期】「ぬいともさん」＆「ぬいとも申請」デザイン統合シールド
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 共通：両ページの全体パディング（15px）とカード最大幅（600px）の中央寄せを完全統一
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress div.members.friends,
body.bp-user.friends #buddypress .members.friends,
body.my-account.friends #buddypress div.members.friends,
body.friend-requests #buddypress div.members.friends,
body.friend-requests #buddypress .members.friends,
body.my-account.friend-requests #buddypress div.members.friends,
body.friend-requests #buddypress #item-body {
    box-sizing: border-box !important;
    padding-left: 15px !important;    /* プロフページとお揃いの左余白15px */
    padding-right: 15px !important;   /* プロフページとお揃いの右余白15px */
    max-width: 600px !important;       /* カード幅の基準である600pxに緊縛 */
    width: 100% !important;
    margin: 0 auto !important;         /* 綺麗に中央寄せ */
    background: transparent !important;
    box-shadow: none !important;
}
/* -------------------------------------------------------------------------
   ② 共通：「見出し」と「件数（1 ぬいさんず等）」の横位置をプロフの見出しと1px単位で完全同期
   ------------------------------------------------------------------------- */
body.friend-requests #buddypress h2.screen-heading.friend-requests-screen,
body.friend-requests #buddypress h2.screen-heading,
body.my-account.friend-requests #buddypress h2.screen-heading,
body.friends #buddypress .bb-item-count,
body.friends #buddypress div.bb-item-count,
body.bp-user.friends #buddypress .bb-item-count,
body.my-account.friends #buddypress .bb-item-count {
    display: block !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 15px auto 10px auto !important; 
    padding-left: 15px !important;    /* プロフの大見出し「プロフをみる」の開始位置と1px単位で揃える */
    padding-right: 15px !important;
    box-sizing: border-box !important;
    text-align: left !important;     /* 左詰めに固定 */
    float: none !important;
    clear: both !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 800 !important;
    color: #4A4A4A !important;
}
/* -------------------------------------------------------------------------
   ③ 共通：【PC版：2列・スマホ版：1列】リスト大元の外枠と内枠（list-wrap）の完全同期
   ------------------------------------------------------------------------- */
/* 💻 【PC環境（幅768px以上）】さがすページとミリ単位で同一の2列float型グリッドへ緊縛 */
@media (min-width: 768px) {
    /* ぬいとも・ぬいとも申請、両方の大元のリストを共通指定（パディングを外側に逃がして内側を0化） */
    body.bp-user.friends #buddypress ul#members-list,
    body.bp-user.friends #buddypress ul#members-list.members-list,
    body.friend-requests #buddypress ul#friend-list,
    body.friend-requests #buddypress ul#friend-list.friends-request-list {
        display: block !important;
        padding: 10px 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        clear: both !important;
        background: transparent !important;
    }
    /* 両ページの「カードの箱（li）」自体を100%同一のレギュレーション形状に緊縛 */
    body.bp-user.friends #buddypress ul#members-list.members-list > li,
    body.bp-user.friends #buddypress ul#members-list.members-list > li.item-entry,
    body.friend-requests #buddypress ul#friend-list > li,
    body.my-account.friend-requests #buddypress ul#friend-list > li,
    body.friend-requests .friends-request-list > li {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        float: left !important;
        clear: none !important;
        flex: none !important;
        width: 275px !important;
        max-width: 275px !important;
        min-width: 275px !important;
        height: 295px !important;
        min-height: 295px !important;
        max-height: 295px !important;
        padding: 24px 16px 14px 16px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;   /* 両ページともにカード自体を真っ白にする */
        border: none !important;
        border-radius: 16px !important;    /* ぬいさんずの可愛い角丸16px */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; /* 浮き上がる優しい影 */
        position: relative !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;    /* 縦の段間隔20px */
    }
    /* 1列目（奇数番目）の右側に「20px」の隙間を確実に指定して綺麗な2列を形成 */
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(odd),
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(2n+1),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(odd),
    body.friend-requests #buddypress ul#friend-list.friends-request-list > li:nth-child(odd),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(2n+1) {
        margin-right: 20px !important;
    }
    /* 2列目（偶数番目）の右側は0にして、絶対に画面幅からはみ出させない */
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(even),
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(2n),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(even),
    body.friend-requests #buddypress ul#friend-list.friends-request-list > li:nth-child(even),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(2n) {
        margin-right: 0 !important;
    }
    /* ぬいともさんページの内枠（.list-wrap）の背景やパディングの重複をリセットして透過化 */
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap,
    body.bp-user.friends #buddypress ul.item-list li.item-wrap {
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        height: auto !important;
    }
}
/* 📱 【スマホ環境（幅767px以下）】1列センター美しい縦積み白ボックス指定 */
@media (max-width: 767px) {
    body.bp-user.friends #buddypress ul#members-list.members-list,
    body.friend-requests #buddypress ul#friend-list,
    body.my-account.friend-requests #buddypress ul#friend-list {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 10px 12px !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    body.bp-user.friends #buddypress ul#members-list.members-list > li,
    body.friend-requests #buddypress ul#friend-list > li,
    body.my-account.friend-requests #buddypress ul#friend-list > li {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 330px !important;   /* スマホで間延びしないベストな幅 */
        min-height: 270px !important;
        padding: 20px 16px 16px 16px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
        float: none !important;
        clear: both !important;
        margin: 0 auto 16px auto !important;
    }
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        width: 100% !important;
    }
}
/* -------------------------------------------------------------------------
   ④ 共通：カード内部パーツのセンタリング配置 ＆ アバター（120px・細緑3px枠）
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar img {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar {
    margin: 0 auto 8px auto !important;
    float: none !important;
    display: block !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar img.avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar img {
    display: block !important;
    border-radius: 50% !important;
    border: 3px solid #06C755 !important; /* 🎯 LINEグリーン3pxフチ */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    object-fit: cover !important;
    margin: 0 auto !important;
}
/* 回り込み要素（item、item-title）の float を完全リセットして中央寄せ */
body.bp-user.friends #buddypress ul#members-list.members-list .item,
body.bp-user.friends #buddypress ul#members-list.members-list .item-block,
body.friend-requests #buddypress ul#friend-list li div.item,
body.friend-requests #buddypress ul#friend-list li div.item-title,
body.friend-requests .friends-request-list li div.item {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
/* -------------------------------------------------------------------------
   ⑤ 共通：お名前テキスト（18px・太さ800・LINEグリーン）の完全統一
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress ul#members-list.members-list li [class*="title"] a,
body.bp-user.friends #buddypress ul#members-list.members-list li [class*="name"] a,
body.bp-user.friends #buddypress ul#members-list.members-list li h4 a,
body.bp-user.friends #buddypress ul#members-list.members-list .item-block h4 a,
body.friend-requests #buddypress ul#friend-list li div.item-title a,
body.friend-requests #buddypress ul#friend-list li h2 a,
body.friend-requests #buddypress ul#friend-list li h4 a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 18px !important;
    color: #06c755 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    text-align: center !important;
    width: 100% !important;
    height: 34px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: -6px !important;
}
/* -------------------------------------------------------------------------
   ⑥ 共通：参加・訪問日テキスト（11px・マイルドグレー・1行固定）
   ------------------------------------------------------------------------- */
body #buddypress ul#members-list.members-list p.item-meta,
body #buddypress ul#members-list.members-list p.last-activity,
body.bp-user.friends #buddypress ul#members-list.members-list .item-meta,
body.friend-requests #buddypress ul#friend-list p.item-meta,
body.friend-requests #buddypress ul#friend-list p.last-activity,
body.friend-requests #buddypress ul#friend-list .item-meta,
body.friend-requests .friends-request-list li p.item-meta,
body.friend-requests .friends-request-list li .item-meta span.activity {
    display: block !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 11px !important;
    color: #a0a0a0 !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto 20px auto !important; /* 下のボタンとの隙間を20px空ける */
    line-height: 1.2 !important;
    white-space: nowrap !important;
    float: none !important;
}
/* -------------------------------------------------------------------------
   ⑦ 共通：ボタンレイアウトの横位置 ＆ 形状・サイズ・配色の完全分離同期
   ------------------------------------------------------------------------- */
/* 【A. 「ぬいともさん」一覧ページのボタン（幅220px・高さ38px・ピンク）】 */
body.bp-user.friends #buddypress ul#members-list.members-list .action,
body.bp-user.friends #buddypress ul#members-list.members-list .member-buttons-wrap {
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    float: none !important; 
    width: 100% !important; 
    margin: 14px 0 0 0 !important; 
    padding: 0 !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .action a.button,
body.bp-user.friends #buddypress ul#members-list.members-list .friendship-button a.button,
body.bp-user.friends #buddypress ul#members-list.members-list .member-buttons-wrap a.button {
    display: block !important; 
    width: 220px !important; max-width: 220px !important; min-width: 220px !important; 
    height: 38px !important; line-height: 38px !important; padding: 0 !important; 
    border-radius: 3px !important;                
    font-family: 'M PLUS Rounded 1c', sans-serif !important; 
    font-weight: 700 !important; 
    font-size: 14px !important; 
    text-align: center !important; 
    box-shadow: none !important; border: none !important;
    background-color: #E94B8A !important;      /* ぬいともピンク */
    color: #FFFFFF !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .action a.button:hover,
body.bp-user.friends #buddypress ul#members-list.members-list .member-buttons-wrap a.button:hover { 
    background-color: #d63674 !important; 
}
/* 【B. 「ぬいとも申請」承認ページのボタン（幅105px均等 2つ横並び）】 */
body.friend-requests #buddypress ul#friend-list .friends-meta,
body.friend-requests #buddypress ul#friend-list .action {
    display: flex !important;
    flex-direction: row !important;     /* 2つのボタンを綺麗な横並びにする */
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;               /* ボタン同士の間の適切なスキマ */
    width: 100% !important;
    margin: 14px auto 0 auto !important;
    padding: 0 !important;
    float: none !important;
}
/* 2つのボタン共通の形状（幅105px、高さ38px、角丸3px） */
body.friend-requests #buddypress ul#friend-list .friends-meta button.button,
body.friend-requests #buddypress ul#friend-list .action button.button,
body.friend-requests #buddypress ul#friend-list .generic-button button {
    display: block !important;
    width: 105px !important;
    max-width: 105px !important;
    min-width: 105px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 !important;
    border-radius: 3px !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-align: center !important;
    box-shadow: none !important;
    border: none !important;
    text-transform: none !important;
    cursor: pointer !important;
}
/* 🌸 🤝 承認ボタン「ぬいとも登録」 ➡ 濃いピンク */
body.friend-requests #buddypress ul#friend-list button.accept,
body.friend-requests #buddypress ul#friend-list .generic-button button.accept {
    background-color: #E94B8A !important;
    color: #FFFFFF !important;
}
body.friend-requests #buddypress ul#friend-list button.accept:hover {
    background-color: #d63674 !important;
}
/* 👤 ❌ 拒否ボタン「ごめんなさい」 ➡ いつものダークグレー（#4A4A4A） */
body.friend-requests #buddypress ul#friend-list button.reject,
body.friend-requests #buddypress ul#friend-list .generic-button button.reject {
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
}
body.friend-requests #buddypress ul#friend-list button.reject:hover {
    background-color: #333333 !important;
}
/* -------------------------------------------------------------------------
   ⑧ 共通：【鉄壁・不要要素の隠蔽シールド】三点リーダーや管理者メニュー、不要な丸を完全消滅
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress #subnav-filters,
body.bp-user.friends #buddypress .subnav-filters,
body.bp-user.friends #buddypress .grid-filters,
body.bp-user.friends #buddypress #dir-filters,
body.bp-user.friends #buddypress .component-filters,
body.bp-user.friends #buddypress .last.filter,
body.bp-user.friends #buddypress .select-wrap,
body.bp-user.friends #buddypress select#members-friends,
body.bp-user.friends #buddypress ul#members-list.members-list .bb-activity-more-options-wrap,
body.bp-user.friends #buddypress ul#members-list.members-list [class*="more-options"],
body.bp-user.friends #buddypress ul#members-list.members-list .more-actions,
body.bp-user.friends #buddypress ul#members-list.members-list i.bb-icon-ellipsis-h,
body.bp-user.friends #buddypress ul#members-list.members-list .bb-member-dropdown,
body.bp-user.friends #buddypress ul#members-list.members-list .bb_member_options,
body.bp-user.friends #buddypress ul#members-list.members-list .item-options,
body.bp-user.friends #buddypress ul#members-list.members-list div[class*="options"],
body.friend-requests #buddypress #subnav-filters,
body.friend-requests #buddypress .subnav-filters,
body.friend-requests #buddypress .grid-filters,
body.friend-requests #buddypress #dir-filters,
body.friend-requests #buddypress .component-filters,
body.friend-requests #buddypress .last.filter,
body.friend-requests #buddypress .select-wrap,
body.friend-requests #buddypress select#members-friends,
body.friend-requests #buddypress ul#friend-list .bb-activity-more-options-wrap,
body.friend-requests #buddypress ul#friend-list [class*="more-options"],
body.friend-requests #buddypress ul#friend-list .more-actions,
body.friend-requests #buddypress ul#friend-list i.bb-icon-ellipsis-h,
body.friend-requests #buddypress ul#friend-list .bb-member-dropdown,
body.friend-requests #buddypress ul#friend-list .bb_member_options,
body.friend-requests #buddypress ul#friend-list .item-options,
body.friend-requests #buddypress ul#friend-list div[class*="options"],
body.friend-requests #buddypress .view-as,
body.friend-requests #buddypress .bb-member-dropdown,
body.friend-requests #buddypress .view-as-trigger-wrap,
body.friend-requests #buddypress [id*="switch-button-"],
body.directory.members .item-avatar [class*="status"],
body.directory.members .item-avatar [class*="presence"],
body.directory.members .item-avatar .member-status,
body.directory.members .item-avatar span.user-status,
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar .member-status,
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar span.user-status,
body.friend-requests #buddypress ul#friend-list .item-avatar .member-status,
body.friend-requests #buddypress ul#friend-list .item-avatar span.user-status {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important; 
    width: 0 !important; 
    margin: 0 !important; 
    padding: 0 !important;
    pointer-events: none !important;
    content: none !important;
}
/* ==========================================================================
   🔄 ぬいとも申請：ボタンをタップした後に「その場リロード」を強制する鉄壁シールド
   ========================================================================= */
body.friend-requests #buddypress ul#friend-list button.accept:active,
body.friend-requests #buddypress ul#friend-list button.reject:active,
body.friend-requests #buddypress ul#friend-list .generic-button button:active {
    /* 🎯 ボタンが物理的に「カチッ」と押された瞬間に、裏で100%リロードを連動させるためのトリガー設定 */
    pointer-events: auto !important;
}
/* ==========================================================================
   🤝 【ぬいともさんページ微調整】アバターサイズ完全同期 ＆ 「・」完全消滅
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 【アバター画像の大きさ同期】：PC版 120px / SP版 100px へ完全緊縛
   ------------------------------------------------------------------------- */
/* 💻 PC環境（画面幅 768px 以上）：さがすページと同じ「120px」へ強制固定 */
@media (min-width: 768px) {
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar,
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar img.avatar {
        width: 120px !important;
        height: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
        margin: 0 auto 8px auto !important;
        display: block !important;
    }
}
/* 📱 スマホ環境（画面幅 767px 以下）：さがすページと同じ「100px」へ強制固定 */
@media (max-width: 767px) {
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar,
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar img.avatar {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
        margin: 0 auto 8px auto !important;
        display: block !important;
    }
}
/* ==========================================================================
   🧼 【ピンポイント修正】参加日と訪問の間の「・」タグだけを確実に消す命令
   ========================================================================= */
/* 🎯 デベロッパーツールから暴いた「.separator」という中点タグだけを画面から物理消滅させます */
body.bp-user.friends #buddypress .members.friends p.item-meta span.separator,
body.bp-user.friends #buddypress .members.friends .item-meta .separator {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   🔍 【さがすページ ＆ ぬいとも】参加・訪問テキストを絶対に改行させず1行にドッキング
   ========================================================================= */
/* 他のページの名前改行命令からの干渉を「最優先（!important）」でへし折り、
   インライン文（文字扱い）に戻して横1列にピタッと吸い付かせます */
body.directory.members #members-list p.item-meta,
body.directory.members #members-list p.last-activity,
body.bp-user.friends #buddypress ul#members-list.members-list p.item-meta,
body.bp-user.friends #buddypress ul#members-list.members-list p.last-activity {
    display: inline-block !important; /* block属性を破壊して1行に整列 */
    white-space: nowrap !important;   /* 枠が狭くても絶対に途中で改行させない */
    width: 100% !important;
    text-align: center !important;    /* ド真ん中センター揃えを維持 */
    float: none !important;
}
/* 内部のテキストや時間（time）タグもすべて横並び（インライン）を強制執行 */
body.directory.members #members-list p.item-meta span,
body.directory.members #members-list p.item-meta time,
body.bp-user.friends #buddypress ul#members-list.members-list p.item-meta span,
body.bp-user.friends #buddypress ul#members-list.members-list p.last-activity time {
    display: inline !important;
    float: none !important;
    white-space: nowrap !important;
}
/* ==========================================================================
   🤝 【ぬいとも申請ページ】訪問テキストの座布団を破壊して名前の真下へ強制密着（決定版）
   ========================================================================= */
/* ① 🎯 【最重要】文字を下に押し下げていた「中身のタグ（.activity）」の縦積みの呪いを完全に破壊！
    displayを inline に変えて余計な座布団（高さ）をゼロ化し、強制的に上に吸い上げます */
body.friend-requests #buddypress ul#friend-list li p.item-meta span.activity,
body.friend-requests #buddypress .friends-request-list li p.item-meta span.activity,
body.friend-requests #buddypress ul#friend-list li .item-meta span,
body.friend-requests .item-entry .item .item-meta span.activity {
    display: inline !important;    /* 🎯 block属性を完全にへし折って文字扱いに戻す */
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
/* ② 🎯 【親の箱（item-meta）】：お名前のすぐ真下（4px）に配置し、ボタンの上には24pxの余白を死守 */
body.friend-requests #buddypress ul#friend-list li p.item-meta,
body.friend-requests #buddypress ul#friend-list li .item-meta,
body.friend-requests #buddypress .friends-request-list li p.item-meta {
    display: block !important;       /* 🎯 inline-flexから王道のblockに戻して上制御を確実に */
    text-align: center !important;   /* 完璧なド真ん中センター揃え */
    width: 100% !important;
    max-width: 100% !important;
    /* 🎯 上マージンを4pxに詰めて上に引き上げ、下マージンを24pxにしてボタンとの間隔を同期 */
    margin: 4px auto 24px auto !important; 
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 11px !important;
    color: #a0a0a0 !important;
}
/* ③ 🎯 お名前の箱（item-title）：下に効いていた古いマージンの残骸を完全リセット */
body.friend-requests #buddypress ul#friend-list li div.item-title,
body.friend-requests #buddypress .friends-request-list li div.item-title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 0 auto !important; /* 下マージンを完全に0px化 */
    padding: 0 !important;
    float: none !important;
}
/* ==========================================================================
   🤝 【ぬいとも申請ページ・真のフチ余白同期】青い箱を内側に引っ込めて縦ラインを揃える命令
   ========================================================================= */
/* ① 🎯 【大元の余白】：部屋全体の左右15pxパディングを、すべての要素のベースとしてがっちり死守 */
body.friend-requests #buddypress #item-body,
body.friend-requests #item-body,
body.my-account.friend-requests #buddypress #item-body {
    padding-left: 15px !important;   /* 🎯 部屋全体の左側に15pxの白い壁を作る */
    padding-right: 15px !important;  /* 🎯 部屋全体の右側に15pxの白い壁を作る */
    box-sizing: border-box !important;
}
/* ② 🎯 【青いインフォ箱】：15pxの壁を無視して左にハミ出ようとするBuddyBossの初期幅を完全に破壊！
   横幅を最大「600px」かつ「100%」に縛ることで、大元の15pxパディングの内側にきれいに引っ込めます */
body.friend-requests #buddypress .bp-feedback,
body.friend-requests .bp-feedback.info,
body.my-account.friend-requests #buddypress .bp-feedback {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;     /* 🎯 15pxの内側の有効幅いっぱいに収める */
    /* ズレの原因になる過去のマイナスマージンや独自パディングの残骸を根こそぎリセット */
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    box-sizing: border-box !important;
}
/* ③ 🎯 【大見出し「受付中の申請」】：復活した15pxの壁と二重に重なって右にズレるのを防ぐクリーンアップ */
body.friend-requests #buddypress h2.screen-heading.friend-requests-screen,
body.friend-requests #buddypress h2.screen-heading,
body.my-account.friend-requests #buddypress h2.screen-heading {
    margin: 20px auto 10px auto !important;
    padding-left: 0 !important;   /* 🎯 大元の15pxの壁の中にいるので、自分自身の内側パディングは0にして完璧に揃えます */
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* ④ 🎯 【サブメニューの二重線】：
   通常の「ぬいともさん」ページと同じく、二重線だけは画面のフチまで気持ちよく広げたいので、
   ここだけマイナス15pxをあてて、15pxの壁をシャープに踏み越えさせます */
body.friend-requests #buddypress nav#subnav.user-subnav {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    max-width: calc(100% + 30px) !important;
    box-sizing: border-box !important;
}
/* ==========================================================================
   🧼 【詳細ページ・最終救済】二重Gridを完全撤廃し、安全に既存のズレだけを消滅させる命令
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 【大元のバグ解除】：暴発していた二重Gridを綺麗にクリアします
   ------------------------------------------------------------------------- */
/* 🎯 先ほどお団子状態を作っていた原因の display: grid を完全に抹殺し、
   テーマ本来の広々とした正しい横並び（display: block / flex）に安全に大復元させます */
body.activity-permalink .activity-comments,
body.my-account.activity-permalink .activity-comments {
    display: block !important; 
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 20px !important; /* 🎯 上のボタンメニュー（推し・∞・）との間の上品なゆとり */
}
/* -------------------------------------------------------------------------
   ② 【「・・・」メニューボタンの強制捕獲】：グレーの箱の「右上」へ綺麗に配置
   ------------------------------------------------------------------------- */
/* アバターの横の虚空に浮いていたメニューボタン（・・・）を、
   「てすてす」と書かれた薄グレーのコメント箱の、右上の内側（タイムラインと同じ定位置）にカチッと収めます */
body.activity-permalink .activity-comments ul li .comment-body,
body.my-account.activity-permalink .activity-comments ul li .comment-body {
    position: relative !important; /* 🎯 これで「・・・」がグレーの箱の右上を基準に動くようになります */
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.activity-permalink .activity-comments .bb-activity-more-options-wrap,
body.my-account.activity-permalink .activity-comments .bb-activity-more-options-wrap {
    position: absolute !important;
    top: 12px !important;    /* グレーの箱の上のフチからの距離 */
    right: 15px !important;  /* グレーの箱の右のフチから15px内側（右端）へ綺麗に固定 */
    left: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
}
/* -------------------------------------------------------------------------
   ③ 【既存コメントの左寄せ・縦ライン完全同期】：テーマ独自の24pxの突っ張り棒をへし折る
   ------------------------------------------------------------------------- */
/* 詳細ページでのみ、既存のコメントリスト全体が右に24px寄ってガタガタになっていたテーマのバグを、
   ここでパディングを「0」にリセットすることで完全に消滅させます */
body.activity-permalink .activity-comments ul,
body.activity-permalink .activity-comments ul li,
body.my-account.activity-permalink .activity-comments ul li {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
body.activity-permalink .activity-comments ul li {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    padding-top: 15px !important; /* コメント同士が縦に並んだときの間隔 */
}
/* 🎯 アバター：左側に固定し、横幅をタイムライン（60px）と完全に一致させます */
body.activity-permalink .activity-comments .acorreply-avatar,
body.activity-permalink .activity-comments .comment-avatar,
body.my-account.activity-permalink .activity-comments .acorreply-avatar {
    float: left !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 16px 0 0 !important;
    display: block !important; /* 非表示にしていたアバターを綺麗に復活 */
}
/* 🎯 薄グレーの箱（てすてす）：タイムラインと1pxの狂いもなく「左から76pxスタート」に強制密着！
   overflow: hidden をかけることで、アバターの右側の残りの有効幅にピタッと吸い付くように自動で収まります */
body.activity-permalink .activity-comments .comment-body,
body.my-account.activity-permalink .activity-comments .comment-body {
    float: none !important;
    display: block !important;
    overflow: hidden !important; 
    width: auto !important;
}
body.activity-permalink .activity-comments .comment-content,
body.my-account.activity-permalink .activity-comments .comment-content,
body.activity-permalink .activity-comments .acomment-content_block,
body.my-account.activity-permalink .activity-comments .acomment-content_block {
    margin: 0 !important;
    width: 100% !important;
}
/* ==========================================================================
   🤝 【詳細ページ・ハミ出しピンポイント修正】他の要素を一切触らず、右端の幅だけを強制同期
   ========================================================================= */
/* 🎯 1. 510行目に潜んでいた『右側に80px広がりなさい』という過去の強力なパディング命令を、
   詳細ページ（activity-permalink）の時だけ、上書きして無効化します。
   これで飛行機ボタンの位置を守りつつ、右側のハミ出しの突っ張りが物理的に消滅します。 */
body.activity-permalink .activity-comments form .ac-reply-content textarea,
body.my-account.activity-permalink .activity-comments form .ac-reply-content textarea {
    padding-right: 45px !important; 
    box-sizing: border-box !important;
}
/* 🎯 2. フォーム本体（form）の右側に24pxの見えない壁（margin-right）を敷きます。
   これで内側のエディタがどれだけ広がろうとしても、上のグレーの箱（てすてす）の右端と位置がピタッと揃います。 */
body.activity-permalink .activity-comments form.ac-form,
body.my-account.activity-permalink .activity-comments form.ac-form {
    width: auto !important; 
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-right: 24px !important; /* 🎯 右端のフチとの間に24pxの絶対ブレーキをかける */
}
/* 🎯 3. 内側の最深部にある実際のエディタ要素（div）の横幅も、上の100%幅に完全に同期させます。 */
body.activity-permalink .activity-comments .ac-input.medium-editor-element,
body.my-account.activity-permalink .activity-comments .ac-input.medium-editor-element {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
} 
/* ==========================================================================
   🧼 【確定版】カスタムコメントボタン（直リンク） ＆ お名前省略ガード
   ※固定ヘッダー・フッターの表示位置には1ミリも干渉しない安全デザイン専用コードです
   ========================================================================= */
/* 1. ボタンを包む親マスの構造をFlexboxで完全にロック（横並びの維持） */
body.directory.activity .activity-list li.activity-item .activity-state,
body.directory.activity .activity-item .activity-state {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}
/* 2. 左側：お名前リアクションゾーン（絶対に改行させず、長すぎたら自動で半角「...」にする） */
body.directory.activity .activity-list li.activity-item .activity-state .activity-state-reactions,
body.directory.activity .activity-item .activity-state .activity-state-reactions {
    display: block !important;
    flex: 1 !important;
    max-width: calc(100% - 125px) !important; /* 右側のコメントボタンと絶対に衝突させない防波堤 */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: "Roboto", "Helvetica", "M PLUS Rounded 1c", sans-serif !important; /* 🎯 半角ドット3つにするフォントハック */
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* リアクションゾーン内の細かなテキストやリンクもインラインで1行固定 */
body.directory.activity .activity-state-reactions * {
    display: inline !important;
    white-space: nowrap !important;
}
/* 3. 右側：新設された「偽物コメントボタン（直リンク）」の可愛い丸ゴシックデザイン化 */
body.directory.activity .activity-state .nui-custom-comment-btn,
.nui-custom-comment-btn {
    display: inline-block !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    text-align: right !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #4A4A4A !important; /* 他のフッターボタンと同じマイルドグレー */
    line-height: 1.5 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transition: color 0.2s ease !important;
}
/* コメントボタンにマウスを乗せたとき（ホバー時）はLINEグリーンに優しく点灯 */
body.directory.activity .activity-state .nui-custom-comment-btn:hover {
    color: #06c755 !important;
    text-decoration: none !important;
}
/* 4. 📢 【鉄壁ガード】隠滅したはずの本物のコメントボタンが隙間を作らないように物理消滅 */
body.directory.activity .activity-state a.activity-state-comments,
body.directory.activity .activity-state a.activity-state-comments-has-comments,
body.directory.activity .activity-state [class*="activity-state-comments"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}
body.bp-user .friendship-button.not_friends button,
body.bp-user .friendship-button.not_friends a,
body.bp-user .friendship-button.add button {
    background-color: #4A4A4A !important; 
    color: #FFFFFF !important; 
}
/* 📤 B. 申請中（通常オレンジ ➡ さがすページと完全一致！）
   お部屋専用の「requested」「pending_friend」という隠れクラスを捕まえ、オレンジ色に変身させます */
body.bp-user .friendship-button.pending button,
body.bp-user .friendship-button.pending a,
body.bp-user .friendship-button.requested button,
body.bp-user .friendship-button.requested a,
body.bp-user .friendship-button .pending_friend,
body.bp-user .friendship-button.awaiting_response button {
    background-color: #FFA500 !important; /* 🎯 さがすページと同じ「申請中」の鮮やかなオレンジ */
    color: #FFFFFF !important; 
}
/* ホバー時は赤（キャンセル色）にする最高UXを移植 */
body.bp-user .friendship-button.pending button:hover,
body.bp-user .friendship-button.requested button:hover,
body.bp-user .friendship-button .pending_friend:hover { 
    background-color: #4A4A4A !important; 
}
/* 🤝 C. ぬいとも成立（濃いピンク「・∞・」） */
body.bp-user .friendship-button.is_friend button,
body.bp-user .friendship-button.is_friend a,
body.bp-user .friendship-button .is_friend {
    background-color: #E94B8A !important; 
    color: #FFFFFF !important; 
}
body.bp-user .friendship-button.is_friend button:hover,
body.bp-user .friendship-button .is_friend:hover { 
    background-color: #d63674 !important; 
}
/* ==========================================================================
   🗂 【PC・スマホ共通・最終完成版】メインメニューを引き上げ、サブメニューを整える
   ========================================================================= */
/* 🛠 ① 【大本命】メインメニュー（二重線）の頭をマイナスにして、セットで上に引き上げる */
@media (min-width: 768px) {
    body.bp-user #buddypress nav.main-navs,
    body.bp-user #buddypress .users-nav {
        /* 🎯 パワーを少し緩めて -14px にすることで、参加訪問テキストとの間に
           詰まりすぎない、ちょうど良い美しさと高級感のある間隔を作り出します！ */
        margin-top: -14px !important; 
        position: relative !important;
        z-index: 10 !important;
    }
}
/* 🛠 ② サブメニュー全体の基本文字スタイル（上品な灰色へ） */
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li a,
html body.bp-user #buddypress #subnav.user-subnav ul li a,
body.bp-user #buddypress #subnav ul.subnav li a,
body.bp-user .user-subnav ul.subnav li a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;       
    font-weight: 500 !important;       
    color: #939598 !important;         
    border: none !important;           
    background: transparent !important;
    text-decoration: none !important;  
    box-shadow: none !important;
    display: inline-block !important;
    padding: 6px 16px !important;      
    border-radius: 3px !important;     /* 🎯 ほんの少しだけ角を丸くして可愛いタブ状に */
    transition: all 0.2s ease !important;
}
/* 🛠 ③ サブメニューにマウスを乗せたとき（ホバー）の演出 */
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li a:hover,
body.bp-user #buddypress #subnav ul.subnav li a:hover {
    color: #414141 !important;         
    background: #EAEAEA !important;    
    text-decoration: none !important;
}
/* 🛠 ④ サブメニューの「現在開いているページ」（アクティブ時）のグレー座布団 */
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.current a,
html body.bp-user #buddypress nav#subnav.bp-subnavs ul.subnav li.selected a,
body.bp-user #buddypress #subnav ul.subnav li.current a,
body.bp-user #buddypress #subnav ul.subnav li.selected a {
    color: #414141 !important;         
    font-weight: 700 !important;       
    background: #EAEAEA !important;    
    border: none !important;
    text-decoration: none !important;
}
/* 🛠 ⑤ サブメニューの箱全体の余白（めり込みを直して安全な位置に固定） */
html body.bp-user #buddypress nav#subnav.bp-subnavs,
body.bp-user #buddypress #subnav.user-subnav,
body.bp-user .user-subnav {
    background: transparent !important;
    border: none !important;           
    box-shadow: none !important;
    padding: 0 !important;
    /* 🎯 先ほどめり込んでしまった数値を安全な「12px」に強制リセット。
       これで二重線との間に、常に綺麗で正確な隙間をキープさせます！ */
    margin-top: 12px !important; 
    margin-bottom: 5px !important;
}
/* ==========================================================================
   🤝 【PC・スマホ共通】「ぬいともさん」ページのサブメニューを #FADADD にする
   ========================================================================= */
body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.current a,
body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.selected a,
body.bp-user.friends #buddypress #subnav ul.subnav li.current a,
body.bp-user.friends #buddypress #subnav ul.subnav li.selected a {
    background: #FADADD !important; /* 🎯 選択中の背景をパステルピンクに！ */
}
@media (max-width: 767px) {
    body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab.current a,
    body.bp-user.friends #buddypress nav#subnav.bp-subnavs ul.subnav li.bp-personal-sub-tab.selected a {
        background: #FADADD !important;
    }
}
/* ==========================================================================
   📝 【PC・スマホ共通】プロフィール詳細ページ（縦中央完全復元 ＆ 編集ボタン固定）
   ========================================================================= */
body.bp-user #buddypress div.profile,
body.bp-user #buddypress .profile.public {
    box-sizing: border-box !important;
    padding-left: 15px !important;   
    padding-right: 15px !important;  
}
/* 見出し共通 */
@media (min-width: 768px) {
    body.bp-user #buddypress .profile h2.screen-heading.view-profile-screen {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 18px !important;       
        font-weight: 800 !important;      
        color: #4A4A4A !important;        
        letter-spacing: 0.03em !important;
        margin-bottom: 24px !important; 
    }
    body.bp-user #buddypress .profile h3.profile-group-title {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #4A4A4A !important;
        letter-spacing: 0.03em !important;
        padding-bottom: 10px !important;  
        margin-bottom: 8px !important;
        position: relative !important;   
    }
}
@media (max-width: 767px) {
    body.bp-user #buddypress .profile h2.screen-heading.view-profile-screen {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;       
        font-weight: 800 !important;      
        color: #4A4A4A !important;        
        letter-spacing: 0.02em !important;
        margin-bottom: 20px !important; 
    }
    body.bp-user #buddypress .profile h3.profile-group-title {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #4A4A4A !important;
        letter-spacing: 0.02em !important;
        padding-bottom: 8px !important;  
        margin-bottom: 6px !important;
        position: relative !important;   
    }
}
/* 編集ボタンの多重出力カット */
body.bp-user #buddypress .profile h3.profile-group-title::after,
body.bp-user #buddypress .profile h3.profile-group-title::before {
    content: none !important;
    display: none !important;
}
body.bp-user #buddypress .profile h3.profile-group-title .real-edit-link-text {
    font-size: 13px !important;         
    font-weight: 700 !important;         
    color: #1e90ff !important;           
    position: absolute !important;
    right: 0 !important;
    bottom: 10px !important;           
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    pointer-events: none !important;     
    display: inline-block !important;
    z-index: 50 !important;
}
/* 脱・テーブル化 */
body.bp-user #buddypress table.profile-fields,
body.bp-user #buddypress table.profile-fields tr {
    background: transparent !important;
    border: none !important;            
    box-shadow: none !important;
}
body.bp-user #buddypress table.profile-fields tr td.label,
body.bp-user #buddypress table.profile-fields tr td.data {
    background: transparent !important;
    border: none !important;                      
    border-bottom: 1px solid #ECECEC !important;  
    vertical-align: middle !important;            
    padding: 16px 8px !important;                 
}
body.bp-user #buddypress table.profile-fields tr td.data p,
body.bp-user #buddypress table.profile-fields tr.alt td.data p {
    margin: 0 !important;                         
    padding: 0 !important;
    line-height: 1.5 !important;                  
    display: block !important;
}
/* 長文エリア（textarea） */
body.bp-user #buddypress table.profile-fields tr.field_type_textarea td.label {
    padding-top: 24px !important;    
    vertical-align: top !important;  
}
body.bp-user #buddypress table.profile-fields tr.field_type_textarea td.data {
    vertical-align: top !important;
    padding: 0 8px !important;       
}
body.bp-user #buddypress table.profile-fields tr.field_type_textarea td.data p {
    padding-top: 24px !important;    
    padding-bottom: 24px !important; 
    margin: 0 !important;
    line-height: 1.6 !important;     
}
/* コピペ文字の色バグ破壊 */
body.bp-user #buddypress table.profile-fields tr td.data p span,
body.bp-user #buddypress table.profile-fields tr.alt td.data p span {
    color: #4A4A4A !important;            
    background: transparent !important;   
    background-color: transparent !important;
}
body.bp-user #buddypress table.profile-fields tr:last-child td.label,
body.bp-user #buddypress table.profile-fields tr:last-child td.data {
    border-bottom: none !important;
}
/* 文字強弱 ＆ 横幅固定 */
@media (min-width: 768px) {
    body.bp-user #buddypress table.profile-fields tr td.label,
    body.bp-user #buddypress table.profile-fields tr.alt td.label {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #939598 !important;         
        width: 34% !important; max-width: 34% !important; min-width: 34% !important;
    }
    body.bp-user #buddypress table.profile-fields tr td.data,
    body.bp-user #buddypress table.profile-fields tr.alt td.data {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 16px !important; font-weight: 800 !important; color: #4A4A4A !important;        
    }
}
@media (max-width: 767px) {
    body.bp-user #buddypress table.profile-fields tr td.label,
    body.bp-user #buddypress table.profile-fields tr.alt td.label {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important; font-weight: 500 !important; color: #939598 !important;         
        width: 40% !important; max-width: 40% !important; min-width: 40% !important;
    }
    body.bp-user #buddypress table.profile-fields tr td.data,
    body.bp-user #buddypress table.profile-fields tr.alt td.data {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-size: 14px !important; font-weight: 800 !important; color: #4A4A4A !important;        
    }
}
body.bp-user #buddypress table.profile-fields {
    border-collapse: collapse !important; width: 100% !important; table-layout: fixed !important; margin-bottom: 40px !important;     
}
/* ==========================================================================
   🤝 【最終決着・完全同期】「ぬいともさん」＆「ぬいとも申請」デザイン統合シールド
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 共通：両ページの全体パディング（15px）とカード最大幅（600px）の中央寄せを完全統一
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress div.members.friends,
body.bp-user.friends #buddypress .members.friends,
body.my-account.friends #buddypress div.members.friends,
body.friend-requests #buddypress div.members.friends,
body.friend-requests #buddypress .members.friends,
body.my-account.friend-requests #buddypress div.members.friends,
body.friend-requests #buddypress #item-body {
    box-sizing: border-box !important;
    padding-left: 15px !important;    /* プロフページとお揃いの左余白15px */
    padding-right: 15px !important;   /* プロフページとお揃いの右余白15px */
    max-width: 600px !important;       /* カード幅の基準である600pxに緊縛 */
    width: 100% !important;
    margin: 0 auto !important;         /* 綺麗に中央寄せ */
    background: transparent !important;
    box-shadow: none !important;
}
/* -------------------------------------------------------------------------
   ② 共通：「見出し」と「件数（1 ぬいさんず等）」の横位置をプロフの見出しと1px単位で完全同期
   ------------------------------------------------------------------------- */
body.friend-requests #buddypress h2.screen-heading.friend-requests-screen,
body.friend-requests #buddypress h2.screen-heading,
body.my-account.friend-requests #buddypress h2.screen-heading,
body.friends #buddypress .bb-item-count,
body.friends #buddypress div.bb-item-count,
body.bp-user.friends #buddypress .bb-item-count,
body.my-account.friends #buddypress .bb-item-count {
    display: block !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 15px auto 10px auto !important; 
    padding-left: 15px !important;    /* プロフの大見出し「プロフをみる」の開始位置と1px単位で揃える */
    padding-right: 15px !important;
    box-sizing: border-box !important;
    text-align: left !important;     /* 左詰めに固定 */
    float: none !important;
    clear: both !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 800 !important;
    color: #4A4A4A !important;
}
/* -------------------------------------------------------------------------
   ③ 共通：【PC版：2列・スマホ版：1列】リスト大元の外枠と内枠（list-wrap）の完全同期
   ------------------------------------------------------------------------- */
/* 💻 【PC環境（幅768px以上）】さがすページとミリ単位で同一の2列float型グリッドへ緊縛 */
@media (min-width: 768px) {
    /* ぬいとも・ぬいとも申請、両方の大元のリストを共通指定（パディングを外側に逃がして内側を0化） */
    body.bp-user.friends #buddypress ul#members-list,
    body.bp-user.friends #buddypress ul#members-list.members-list,
    body.friend-requests #buddypress ul#friend-list,
    body.friend-requests #buddypress ul#friend-list.friends-request-list {
        display: block !important;
        padding: 10px 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        clear: both !important;
        background: transparent !important;
    }
    /* 両ページの「カードの箱（li）」自体を100%同一のレギュレーション形状に緊縛 */
    body.bp-user.friends #buddypress ul#members-list.members-list > li,
    body.bp-user.friends #buddypress ul#members-list.members-list > li.item-entry,
    body.friend-requests #buddypress ul#friend-list > li,
    body.my-account.friend-requests #buddypress ul#friend-list > li,
    body.friend-requests .friends-request-list > li {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        float: left !important;
        clear: none !important;
        flex: none !important;
        width: 275px !important;
        max-width: 275px !important;
        min-width: 275px !important;
        height: 295px !important;
        min-height: 295px !important;
        max-height: 295px !important;
        padding: 24px 16px 14px 16px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;   /* 両ページともにカード自体を真っ白にする */
        border: none !important;
        border-radius: 16px !important;    /* ぬいさんずの可愛い角丸16px */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; /* 浮き上がる優しい影 */
        position: relative !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;    /* 縦の段間隔20px */
    }
    /* 1列目（奇数番目）の右側に「20px」の隙間を確実に指定して綺麗な2列を形成 */
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(odd),
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(2n+1),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(odd),
    body.friend-requests #buddypress ul#friend-list.friends-request-list > li:nth-child(odd),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(2n+1) {
        margin-right: 20px !important;
    }
    /* 2列目（偶数番目）の右側は0にして、絶対に画面幅からはみ出させない */
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(even),
    body.bp-user.friends #buddypress ul#members-list.members-list > li:nth-child(2n),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(even),
    body.friend-requests #buddypress ul#friend-list.friends-request-list > li:nth-child(even),
    body.friend-requests #buddypress ul#friend-list > li:nth-child(2n) {
        margin-right: 0 !important;
    }
    /* ぬいともさんページの内枠（.list-wrap）の背景やパディングの重複をリセットして透過化 */
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap,
    body.bp-user.friends #buddypress ul.item-list li.item-wrap {
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        height: auto !important;
    }
}
/* 📱 【スマホ環境（幅767px以下）】1列センター美しい縦積み白ボックス指定 */
@media (max-width: 767px) {
    body.bp-user.friends #buddypress ul#members-list.members-list,
    body.friend-requests #buddypress ul#friend-list,
    body.my-account.friend-requests #buddypress ul#friend-list {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 10px 12px !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    body.bp-user.friends #buddypress ul#members-list.members-list > li,
    body.friend-requests #buddypress ul#friend-list > li,
    body.my-account.friend-requests #buddypress ul#friend-list > li {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 330px !important;   /* スマホで間延びしないベストな幅 */
        min-height: 270px !important;
        padding: 20px 16px 16px 16px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
        float: none !important;
        clear: both !important;
        margin: 0 auto 16px auto !important;
    }
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        width: 100% !important;
    }
}
/* -------------------------------------------------------------------------
   ④ 共通：カード内部パーツのセンタリング配置 ＆ アバター（120px・細緑3px枠）
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar img {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar {
    margin: 0 auto 8px auto !important;
    float: none !important;
    display: block !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar img.avatar,
body.friend-requests #buddypress ul#friend-list .item-avatar img {
    display: block !important;
    border-radius: 50% !important;
    border: 3px solid #06C755 !important; /* 🎯 LINEグリーン3pxフチ */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    object-fit: cover !important;
    margin: 0 auto !important;
}
/* 回り込み要素（item、item-title）の float を完全リセットして中央寄せ */
body.bp-user.friends #buddypress ul#members-list.members-list .item,
body.bp-user.friends #buddypress ul#members-list.members-list .item-block,
body.friend-requests #buddypress ul#friend-list li div.item,
body.friend-requests #buddypress ul#friend-list li div.item-title,
body.friend-requests .friends-request-list li div.item {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
/* -------------------------------------------------------------------------
   ⑤ 共通：お名前テキスト（18px・太さ800・LINEグリーン）の完全統一
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress ul#members-list.members-list li [class*="title"] a,
body.bp-user.friends #buddypress ul#members-list.members-list li [class*="name"] a,
body.bp-user.friends #buddypress ul#members-list.members-list li h4 a,
body.bp-user.friends #buddypress ul#members-list.members-list .item-block h4 a,
body.friend-requests #buddypress ul#friend-list li div.item-title a,
body.friend-requests #buddypress ul#friend-list li h2 a,
body.friend-requests #buddypress ul#friend-list li h4 a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 18px !important;
    color: #06c755 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    text-align: center !important;
    width: 100% !important;
    height: 34px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: -6px !important;
}
/* -------------------------------------------------------------------------
   ⑥ 共通：参加・訪問日テキスト（11px・マイルドグレー・1行固定）
   ------------------------------------------------------------------------- */
body #buddypress ul#members-list.members-list p.item-meta,
body #buddypress ul#members-list.members-list p.last-activity,
body.bp-user.friends #buddypress ul#members-list.members-list .item-meta,
body.friend-requests #buddypress ul#friend-list p.item-meta,
body.friend-requests #buddypress ul#friend-list p.last-activity,
body.friend-requests #buddypress ul#friend-list .item-meta,
body.friend-requests .friends-request-list li p.item-meta,
body.friend-requests .friends-request-list li .item-meta span.activity {
    display: block !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 11px !important;
    color: #a0a0a0 !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto 20px auto !important; /* 下のボタンとの隙間を20px空ける */
    line-height: 1.2 !important;
    white-space: nowrap !important;
    float: none !important;
}
/* -------------------------------------------------------------------------
   ⑦ 共通：ボタンレイアウトの横位置 ＆ 形状・サイズ・配色の完全分離同期
   ------------------------------------------------------------------------- */
/* 【A. 「ぬいともさん」一覧ページのボタン（幅220px・高さ38px・ピンク）】 */
body.bp-user.friends #buddypress ul#members-list.members-list .action,
body.bp-user.friends #buddypress ul#members-list.members-list .member-buttons-wrap {
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    float: none !important; 
    width: 100% !important; 
    margin: 14px 0 0 0 !important; 
    padding: 0 !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .action a.button,
body.bp-user.friends #buddypress ul#members-list.members-list .friendship-button a.button,
body.bp-user.friends #buddypress ul#members-list.members-list .member-buttons-wrap a.button {
    display: block !important; 
    width: 220px !important; max-width: 220px !important; min-width: 220px !important; 
    height: 38px !important; line-height: 38px !important; padding: 0 !important; 
    border-radius: 3px !important;                
    font-family: 'M PLUS Rounded 1c', sans-serif !important; 
    font-weight: 700 !important; 
    font-size: 14px !important; 
    text-align: center !important; 
    box-shadow: none !important; border: none !important;
    background-color: #E94B8A !important;      /* ぬいともピンク */
    color: #FFFFFF !important;
}
body.bp-user.friends #buddypress ul#members-list.members-list .action a.button:hover,
body.bp-user.friends #buddypress ul#members-list.members-list .member-buttons-wrap a.button:hover { 
    background-color: #d63674 !important; 
}
/* 【B. 「ぬいとも申請」承認ページのボタン（幅105px均等 2つ横並び）】 */
body.friend-requests #buddypress ul#friend-list .friends-meta,
body.friend-requests #buddypress ul#friend-list .action {
    display: flex !important;
    flex-direction: row !important;     /* 2つのボタンを綺麗な横並びにする */
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;               /* ボタン同士の間の適切なスキマ */
    width: 100% !important;
    margin: 14px auto 0 auto !important;
    padding: 0 !important;
    float: none !important;
}
/* 2つのボタン共通の形状（幅105px、高さ38px、角丸3px） */
body.friend-requests #buddypress ul#friend-list .friends-meta button.button,
body.friend-requests #buddypress ul#friend-list .action button.button,
body.friend-requests #buddypress ul#friend-list .generic-button button {
    display: block !important;
    width: 105px !important;
    max-width: 105px !important;
    min-width: 105px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 !important;
    border-radius: 3px !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-align: center !important;
    box-shadow: none !important;
    border: none !important;
    text-transform: none !important;
    cursor: pointer !important;
}
/* 🌸 🤝 承認ボタン「ぬいとも登録」 ➡ 濃いピンク */
body.friend-requests #buddypress ul#friend-list button.accept,
body.friend-requests #buddypress ul#friend-list .generic-button button.accept {
    background-color: #E94B8A !important;
    color: #FFFFFF !important;
}
body.friend-requests #buddypress ul#friend-list button.accept:hover {
    background-color: #d63674 !important;
}
/* 👤 ❌ 拒否ボタン「ごめんなさい」 ➡ いつものダークグレー（#4A4A4A） */
body.friend-requests #buddypress ul#friend-list button.reject,
body.friend-requests #buddypress ul#friend-list .generic-button button.reject {
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
}
body.friend-requests #buddypress ul#friend-list button.reject:hover {
    background-color: #333333 !important;
}
/* -------------------------------------------------------------------------
   ⑧ 共通：【鉄壁・不要要素の隠蔽シールド】三点リーダーや管理者メニュー、不要な丸を完全消滅
   ------------------------------------------------------------------------- */
body.bp-user.friends #buddypress #subnav-filters,
body.bp-user.friends #buddypress .subnav-filters,
body.bp-user.friends #buddypress .grid-filters,
body.bp-user.friends #buddypress #dir-filters,
body.bp-user.friends #buddypress .component-filters,
body.bp-user.friends #buddypress .last.filter,
body.bp-user.friends #buddypress .select-wrap,
body.bp-user.friends #buddypress select#members-friends,
body.bp-user.friends #buddypress ul#members-list.members-list .bb-activity-more-options-wrap,
body.bp-user.friends #buddypress ul#members-list.members-list [class*="more-options"],
body.bp-user.friends #buddypress ul#members-list.members-list .more-actions,
body.bp-user.friends #buddypress ul#members-list.members-list i.bb-icon-ellipsis-h,
body.bp-user.friends #buddypress ul#members-list.members-list .bb-member-dropdown,
body.bp-user.friends #buddypress ul#members-list.members-list .bb_member_options,
body.bp-user.friends #buddypress ul#members-list.members-list .item-options,
body.bp-user.friends #buddypress ul#members-list.members-list div[class*="options"],
body.friend-requests #buddypress #subnav-filters,
body.friend-requests #buddypress .subnav-filters,
body.friend-requests #buddypress .grid-filters,
body.friend-requests #buddypress #dir-filters,
body.friend-requests #buddypress .component-filters,
body.friend-requests #buddypress .last.filter,
body.friend-requests #buddypress .select-wrap,
body.friend-requests #buddypress select#members-friends,
body.friend-requests #buddypress ul#friend-list .bb-activity-more-options-wrap,
body.friend-requests #buddypress ul#friend-list [class*="more-options"],
body.friend-requests #buddypress ul#friend-list .more-actions,
body.friend-requests #buddypress ul#friend-list i.bb-icon-ellipsis-h,
body.friend-requests #buddypress ul#friend-list .bb-member-dropdown,
body.friend-requests #buddypress ul#friend-list .bb_member_options,
body.friend-requests #buddypress ul#friend-list .item-options,
body.friend-requests #buddypress ul#friend-list div[class*="options"],
body.friend-requests #buddypress .view-as,
body.friend-requests #buddypress .bb-member-dropdown,
body.friend-requests #buddypress .view-as-trigger-wrap,
body.friend-requests #buddypress [id*="switch-button-"],
body.directory.members .item-avatar [class*="status"],
body.directory.members .item-avatar [class*="presence"],
body.directory.members .item-avatar .member-status,
body.directory.members .item-avatar span.user-status,
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar .member-status,
body.bp-user.friends #buddypress ul#members-list.members-list .item-avatar span.user-status,
body.friend-requests #buddypress ul#friend-list .item-avatar .member-status,
body.friend-requests #buddypress ul#friend-list .item-avatar span.user-status {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important; 
    width: 0 !important; 
    margin: 0 !important; 
    padding: 0 !important;
    pointer-events: none !important;
    content: none !important;
}
/* ==========================================================================
   🔄 ぬいとも申請：ボタンをタップした後に「その場リロード」を強制する鉄壁シールド
   ========================================================================= */
body.friend-requests #buddypress ul#friend-list button.accept:active,
body.friend-requests #buddypress ul#friend-list button.reject:active,
body.friend-requests #buddypress ul#friend-list .generic-button button:active {
    /* 🎯 ボタンが物理的に「カチッ」と押された瞬間に、裏で100%リロードを連動させるためのトリガー設定 */
    pointer-events: auto !important;
}
/* ==========================================================================
   🤝 【ぬいともさんページ微調整】アバターサイズ完全同期 ＆ 「・」完全消滅
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 【アバター画像の大きさ同期】：PC版 120px / SP版 100px へ完全緊縛
   ------------------------------------------------------------------------- */
/* 💻 PC環境（画面幅 768px 以上）：さがすページと同じ「120px」へ強制固定 */
@media (min-width: 768px) {
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar,
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar img.avatar {
        width: 120px !important;
        height: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
        margin: 0 auto 8px auto !important;
        display: block !important;
    }
}
/* 📱 スマホ環境（画面幅 767px 以下）：さがすページと同じ「100px」へ強制固定 */
@media (max-width: 767px) {
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar,
    body.bp-user.friends #buddypress ul#members-list.members-list .list-wrap-inner .item-avatar img.avatar {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
        margin: 0 auto 8px auto !important;
        display: block !important;
    }
}
/* ==========================================================================
   🧼 【ピンポイント修正】参加日と訪問の間の「・」タグだけを確実に消す命令
   ========================================================================= */
/* 🎯 デベロッパーツールから暴いた「.separator」という中点タグだけを画面から物理消滅させます */
body.bp-user.friends #buddypress .members.friends p.item-meta span.separator,
body.bp-user.friends #buddypress .members.friends .item-meta .separator {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================================
   🔍 【さがすページ ＆ ぬいとも】参加・訪問テキストを絶対に改行させず1行にドッキング
   ========================================================================= */
/* 他のページの名前改行命令からの干渉を「最優先（!important）」でへし折り、
   インライン文（文字扱い）に戻して横1列にピタッと吸い付かせます */
body.directory.members #members-list p.item-meta,
body.directory.members #members-list p.last-activity,
body.bp-user.friends #buddypress ul#members-list.members-list p.item-meta,
body.bp-user.friends #buddypress ul#members-list.members-list p.last-activity {
    display: inline-block !important; /* block属性を破壊して1行に整列 */
    white-space: nowrap !important;   /* 枠が狭くても絶対に途中で改行させない */
    width: 100% !important;
    text-align: center !important;    /* ド真ん中センター揃えを維持 */
    float: none !important;
}
/* 内部のテキストや時間（time）タグもすべて横並び（インライン）を強制執行 */
body.directory.members #members-list p.item-meta span,
body.directory.members #members-list p.item-meta time,
body.bp-user.friends #buddypress ul#members-list.members-list p.item-meta span,
body.bp-user.friends #buddypress ul#members-list.members-list p.last-activity time {
    display: inline !important;
    float: none !important;
    white-space: nowrap !important;
}
/* ==========================================================================
   🤝 【ぬいとも申請ページ】訪問テキストの座布団を破壊して名前の真下へ強制密着（決定版）
   ========================================================================= */
/* ① 🎯 【最重要】文字を下に押し下げていた「中身のタグ（.activity）」の縦積みの呪いを完全に破壊！
    displayを inline に変えて余計な座布団（高さ）をゼロ化し、強制的に上に吸い上げます */
body.friend-requests #buddypress ul#friend-list li p.item-meta span.activity,
body.friend-requests #buddypress .friends-request-list li p.item-meta span.activity,
body.friend-requests #buddypress ul#friend-list li .item-meta span,
body.friend-requests .item-entry .item .item-meta span.activity {
    display: inline !important;    /* 🎯 block属性を完全にへし折って文字扱いに戻す */
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
/* ② 🎯 【親の箱（item-meta）】：お名前のすぐ真下（4px）に配置し、ボタンの上には24pxの余白を死守 */
body.friend-requests #buddypress ul#friend-list li p.item-meta,
body.friend-requests #buddypress ul#friend-list li .item-meta,
body.friend-requests #buddypress .friends-request-list li p.item-meta {
    display: block !important;       /* 🎯 inline-flexから王道のblockに戻して上制御を確実に */
    text-align: center !important;   /* 完璧なド真ん中センター揃え */
    width: 100% !important;
    max-width: 100% !important;
    /* 🎯 上マージンを4pxに詰めて上に引き上げ、下マージンを24pxにしてボタンとの間隔を同期 */
    margin: 4px auto 24px auto !important; 
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 11px !important;
    color: #a0a0a0 !important;
}
/* ③ 🎯 お名前の箱（item-title）：下に効いていた古いマージンの残骸を完全リセット */
body.friend-requests #buddypress ul#friend-list li div.item-title,
body.friend-requests #buddypress .friends-request-list li div.item-title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 0 auto !important; /* 下マージンを完全に0px化 */
    padding: 0 !important;
    float: none !important;
}
/* ==========================================================================
   🤝 【ぬいとも申請ページ・真のフチ余白同期】青い箱を内側に引っ込めて縦ラインを揃える命令
   ========================================================================= */
/* ① 🎯 【大元の余白】：部屋全体の左右15pxパディングを、すべての要素のベースとしてがっちり死守 */
body.friend-requests #buddypress #item-body,
body.friend-requests #item-body,
body.my-account.friend-requests #buddypress #item-body {
    padding-left: 15px !important;   /* 🎯 部屋全体の左側に15pxの白い壁を作る */
    padding-right: 15px !important;  /* 🎯 部屋全体の右側に15pxの白い壁を作る */
    box-sizing: border-box !important;
}
/* ② 🎯 【青いインフォ箱】：15pxの壁を無視して左にハミ出ようとするBuddyBossの初期幅を完全に破壊！
   横幅を最大「600px」かつ「100%」に縛ることで、大元の15pxパディングの内側にきれいに引っ込めます */
body.friend-requests #buddypress .bp-feedback,
body.friend-requests .bp-feedback.info,
body.my-account.friend-requests #buddypress .bp-feedback {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;     /* 🎯 15pxの内側の有効幅いっぱいに収める */
    /* ズレの原因になる過去のマイナスマージンや独自パディングの残骸を根こそぎリセット */
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    box-sizing: border-box !important;
}
/* ③ 🎯 【大見出し「受付中の申請」】：復活した15pxの壁と二重に重なって右にズレるのを防ぐクリーンアップ */
body.friend-requests #buddypress h2.screen-heading.friend-requests-screen,
body.friend-requests #buddypress h2.screen-heading,
body.my-account.friend-requests #buddypress h2.screen-heading {
    margin: 20px auto 10px auto !important;
    padding-left: 0 !important;   /* 🎯 大元の15pxの壁の中にいるので、自分自身の内側パディングは0にして完璧に揃えます */
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* ④ 🎯 【サブメニューの二重線】：
   通常の「ぬいともさん」ページと同じく、二重線だけは画面のフチまで気持ちよく広げたいので、
   ここだけマイナス15pxをあてて、15pxの壁をシャープに踏み越えさせます */
body.friend-requests #buddypress nav#subnav.user-subnav {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    max-width: calc(100% + 30px) !important;
    box-sizing: border-box !important;
}
/* ==========================================================================
   🧼 【詳細ページ・最終救済】二重Gridを完全撤廃し、安全に既存のズレだけを消滅させる命令
   ========================================================================= */
/* -------------------------------------------------------------------------
   ① 【大元のバグ解除】：暴発していた二重Gridを綺麗にクリアします
   ------------------------------------------------------------------------- */
/* 🎯 先ほどお団子状態を作っていた原因の display: grid を完全に抹殺し、
   テーマ本来の広々とした正しい横並び（display: block / flex）に安全に大復元させます */
body.activity-permalink .activity-comments,
body.my-account.activity-permalink .activity-comments {
    display: block !important; 
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 20px !important; /* 🎯 上のボタンメニュー（推し・∞・）との間の上品なゆとり */
}
/* -------------------------------------------------------------------------
   ② 【「・・・」メニューボタンの強制捕獲】：グレーの箱の「右上」へ綺麗に配置
   ------------------------------------------------------------------------- */
/* アバターの横の虚空に浮いていたメニューボタン（・・・）を、
   「てすてす」と書かれた薄グレーのコメント箱の、右上の内側（タイムラインと同じ定位置）にカチッと収めます */
body.activity-permalink .activity-comments ul li .comment-body,
body.my-account.activity-permalink .activity-comments ul li .comment-body {
    position: relative !important; /* 🎯 これで「・・・」がグレーの箱の右上を基準に動くようになります */
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.activity-permalink .activity-comments .bb-activity-more-options-wrap,
body.my-account.activity-permalink .activity-comments .bb-activity-more-options-wrap {
    position: absolute !important;
    top: 12px !important;    /* グレーの箱の上のフチからの距離 */
    right: 15px !important;  /* グレーの箱の右のフチから15px内側（右端）へ綺麗に固定 */
    left: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
}
/* -------------------------------------------------------------------------
   ③ 【既存コメントの左寄せ・縦ライン完全同期】：テーマ独自の24pxの突っ張り棒をへし折る
   ------------------------------------------------------------------------- */
/* 詳細ページでのみ、既存のコメントリスト全体が右に24px寄ってガタガタになっていたテーマのバグを、
   ここでパディングを「0」にリセットすることで完全に消滅させます */
body.activity-permalink .activity-comments ul,
body.activity-permalink .activity-comments ul li,
body.my-account.activity-permalink .activity-comments ul li {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
body.activity-permalink .activity-comments ul li {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    padding-top: 15px !important; /* コメント同士が縦に並んだときの間隔 */
}
/* 🎯 アバター：左側に固定し、横幅をタイムライン（60px）と完全に一致させます */
body.activity-permalink .activity-comments .acorreply-avatar,
body.activity-permalink .activity-comments .comment-avatar,
body.my-account.activity-permalink .activity-comments .acorreply-avatar {
    float: left !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 16px 0 0 !important;
    display: block !important; /* 非表示にしていたアバターを綺麗に復活 */
}
/* 🎯 薄グレーの箱（てすてす）：タイムラインと1pxの狂いもなく「左から76pxスタート」に強制密着！
   overflow: hidden をかけることで、アバターの右側の残りの有効幅にピタッと吸い付くように自動で収まります */
body.activity-permalink .activity-comments .comment-body,
body.my-account.activity-permalink .activity-comments .comment-body {
    float: none !important;
    display: block !important;
    overflow: hidden !important; 
    width: auto !important;
}
body.activity-permalink .activity-comments .comment-content,
body.my-account.activity-permalink .activity-comments .comment-content,
body.activity-permalink .activity-comments .acomment-content_block,
body.my-account.activity-permalink .activity-comments .acomment-content_block {
    margin: 0 !important;
    width: 100% !important;
}
/* ==========================================================================
   🤝 【詳細ページ・ハミ出しピンポイント修正】他の要素を一切触らず、右端の幅だけを強制同期
   ========================================================================= */
/* 🎯 1. 510行目に潜んでいた『右側に80px広がりなさい』という過去の強力なパディング命令を、
   詳細ページ（activity-permalink）の時だけ、上書きして無効化します。
   これで飛行機ボタンの位置を守りつつ、右側のハミ出しの突っ張りが物理的に消滅します。 */
body.activity-permalink .activity-comments form .ac-reply-content textarea,
body.my-account.activity-permalink .activity-comments form .ac-reply-content textarea {
    padding-right: 45px !important; 
    box-sizing: border-box !important;
}
/* 🎯 2. フォーム本体（form）の右側に24pxの見えない壁（margin-right）を敷きます。
   これで内側のエディタがどれだけ広がろうとしても、上のグレーの箱（てすてす）の右端と位置がピタッと揃います。 */
body.activity-permalink .activity-comments form.ac-form,
body.my-account.activity-permalink .activity-comments form.ac-form {
    width: auto !important; 
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-right: 24px !important; /* 🎯 右端のフチとの間に24pxの絶対ブレーキをかける */
}
/* 🎯 3. 内側の最深部にある実際のエディタ要素（div）の横幅も、上の100%幅に完全に同期させます。 */
body.activity-permalink .activity-comments .ac-input.medium-editor-element,
body.my-account.activity-permalink .activity-comments .ac-input.medium-editor-element {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
} 
/* ==========================================================================
   🧼 【確定版】カスタムコメントボタン（直リンク） ＆ お名前省略ガード
   ※固定ヘッダー・フッターの表示位置には1ミリも干渉しない安全デザイン専用コードです
   ========================================================================= */
/* 1. ボタンを包む親マスの構造をFlexboxで完全にロック（横並びの維持） */
body.directory.activity .activity-list li.activity-item .activity-state,
body.directory.activity .activity-item .activity-state {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}
/* 2. 左側：お名前リアクションゾーン（絶対に改行させず、長すぎたら自動で半角「...」にする） */
body.directory.activity .activity-list li.activity-item .activity-state .activity-state-reactions,
body.directory.activity .activity-item .activity-state .activity-state-reactions {
    display: block !important;
    flex: 1 !important;
    max-width: calc(100% - 125px) !important; /* 右側のコメントボタンと絶対に衝突させない防波堤 */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: "Roboto", "Helvetica", "M PLUS Rounded 1c", sans-serif !important; /* 🎯 半角ドット3つにするフォントハック */
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* リアクションゾーン内の細かなテキストやリンクもインラインで1行固定 */
body.directory.activity .activity-state-reactions * {
    display: inline !important;
    white-space: nowrap !important;
}
/* 3. 右側：新設された「偽物コメントボタン（直リンク）」の可愛い丸ゴシックデザイン化 */
body.directory.activity .activity-state .nui-custom-comment-btn,
.nui-custom-comment-btn {
    display: inline-block !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    text-align: right !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #4A4A4A !important; /* 他のフッターボタンと同じマイルドグレー */
    line-height: 1.5 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transition: color 0.2s ease !important;
}
/* コメントボタンにマウスを乗せたとき（ホバー時）はLINEグリーンに優しく点灯 */
body.directory.activity .activity-state .nui-custom-comment-btn:hover {
    color: #06c755 !important;
    text-decoration: none !important;
}
/* 4. 📢 【鉄壁ガード】隠滅したはずの本物のコメントボタンが隙間を作らないように物理消滅 */
body.directory.activity .activity-state a.activity-state-comments,
body.directory.activity .activity-state a.activity-state-comments-has-comments,
body.directory.activity .activity-state [class*="activity-state-comments"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}
/* 📱 スマートフォン環境（画面幅767px以下）の微調整 */
@media (max-width: 767px) {
    body.directory.activity .activity-list li.activity-item .activity-state .activity-state-reactions {
        max-width: calc(100% - 115px) !important;
    }
    body.directory.activity .activity-state .nui-custom-comment-btn {
        font-size: 13px !important; /* スマホ時は1pxだけ文字を上品に縮める */
    }
}

/* ==========================================================================
   🧼 【確定版】タイムライン：入力フォーム隔離型・コメント幅100%固定化
   ========================================================================= */

/* ① ボタンを包んでいる親要素のホバー背景消滅（前回の成功ルートを完全ホールド） */
body.directory.activity #buddypress .activity-list li.activity-item .bp-generic-meta :hover,
body.directory.activity #buddypress .activity-list li.activity-item .bp-generic-meta div:hover,
body.directory.activity #buddypress .activity-list li.activity-item .bp-generic-meta a:hover,
body.directory.activity #buddypress .activity-list li.activity-item .generic-button:hover,
body.directory.activity #buddypress .activity-list li.activity-item .generic-button a:hover,
body.directory.activity .activity-item-footer :hover,
body.directory.activity .bb-activity-actions :hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ② 🎯 【隔離の核心】
   入力フォーム（form）を絶対に巻き込まないよう、
   「すでに投稿されたコメントのログ（div.activity-comments.threaded-comments）」の内部のリストだけに標的を完全限定！ */
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul,
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul li,
body.directory.activity #buddypress .activity-comments.threaded-comments ul li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;
}

/* 既に投稿されたコメントの「お名前・本文の箱（.comment-body）」だけを、アバターの横幅を引いたサイズに強制固定 */
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body,
body.directory.activity #buddypress .activity-comments.threaded-comments ul li .comment-body {
    width: calc(100% - 76px) !important; /* 🎯 アバター（60px）＋余白（16px）を引いた残り全幅をがっちり維持 */
    max-width: calc(100% - 76px) !important;
    min-width: calc(100% - 76px) !important;
    box-sizing: border-box !important;
    float: none !important;
    display: block !important;
}

/* その内枠のテキストコンテナ（.comment-content）も、名前10文字が途中で改行しないように幅を100%固定 */
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.directory.activity #buddypress .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.directory.activity .activity-comments .threaded-comments .acomment-content_block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* コメント内のお名前リンク：10文字が右の「…」とぶつかって潰れないように1行固定 */
body.directory.activity #buddypress .activity-comments.threaded-comments .comment-header strong a,
body.directory.activity #buddypress .activity-comments.threaded-comments .bp-activity-comment-name a {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   🚨 【入力フォーム防波堤】
   崩れて広がってしまっていた最下部の入力フォーム（form）の全指定を完全にリセットし、
   元の愛らしい「カプセル型（元の規定サイズ・現状のまま）」へ100%引き戻して守り抜きます！
   ========================================================================= */
body.directory.activity .activity-comments form.ac-form,
body.directory.activity .activity-comments form.ac-form *,
body.directory.activity .activity-comments .ac-form-placeholder,
body.directory.activity .activity-comments .bp-ac-form-container {
    width: auto !important; /* 👈 強制100%の呪いを解除して元の自動計算に戻します */
    max-width: 100% !important;
    min-width: 0 !important; /* 突っ張りを破壊 */
}

/* コメントが投稿されたログの真っ白化（保護維持） */
body.directory.activity #buddypress .activity-comments.threaded-comments .comment-content,
body.directory.activity #buddypress .activity-comments.threaded-comments .activity-inner,
body.directory.activity #buddypress .activity-comments.threaded-comments .acomment-content_block {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 4px 0 !important;
    margin: 0 0 4px 0 !important;
}

/* コメント入力部分（最下部の「コメントを投稿」）の淡い灰色を死守 */
body.directory.activity #buddypress .activity-comments form .ac-reply-content textarea,
body.directory.activity .activity-comments form .ac-reply-content textarea {
    background: #fafafa !important;
    background-color: #fafafa !important;
}

/* ==========================================================================
   🧼 【位置精密修正版】飛行機ボタン完全真円・アイコン「ド真ん中」センタリング固定
   ========================================================================= */

/* ① 【右フチの突っ張り破壊】
   515行目付近の右端余白（.ac-reply-content）をゼロ化してボタンの可動域を確保 */
body.directory.activity .activity-list li.activity-item .activity-comments form .ac-reply-content,
body.directory.activity .activity-comments form .ac-reply-content,
#buddypress .activity-comments form .ac-reply-content {
    padding-right: 0 !important;
    position: relative !important;
}

/* ①-2 【親の箱を固定】ボタンを直接包んでいる小さなカプセル（.ac-submit-wrap）のサイズを28pxに固定 */
body.directory.activity .activity-list li.activity-item .activity-comments form .ac-reply-content .ac-submit-wrap,
body.directory.activity .activity-comments form .ac-reply-content .ac-submit-wrap,
#buddypress .activity-comments form .ac-reply-content .ac-submit-wrap {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    
    /* 入力フォームの右端のベストポジションへピン留め */
    position: absolute !important;
    bottom: 8px !important;
    right: 12px !important;
    z-index: 99 !important;
}

/* ①-3 🎯 【核心：文字の上下左右センター完全ロック】
   漢字を透明化しつつ、右下にズレていた本物の飛行機アイコンを丸の「ド真ん中」へ強制吸着させます */
body.directory.activity .activity-list li.activity-item .activity-comments form .ac-reply-content .ac-submit-wrap input[type="submit"],
body.directory.activity .activity-list li.activity-item .activity-comments form .ac-reply-content input[type="submit"],
body.directory.activity #buddypress .activity-comments form .ac-reply-content .ac-submit-wrap input[type="submit"],
#buddypress .activity-comments form .ac-reply-content input[type="submit"] {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    border: none !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: block !important;
    
    /* 🚨 【ズレの根本治療】
       BuddyBossが右下に文字を押し下げていた原因であるパディングと行高のズレを完全に破壊。
       テキストの配置基準を「上下左右の中央（center）」へガチガチに固定します */
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 28px !important; /* ボタンの縦幅と同じにすることで縦中央を強制ホールド */
    
    /* 日本語の「保存」テキストのみを隠滅する透明化ホールド */
    color: transparent !important;
    text-shadow: none !important;
    
    /* 💡 飛行機アイコンフォントのサイズを14px前後に整え、丸の内部に綺麗に収めます */
    font-size: 13px !important; 
}

/* ② 推しPOPUP内：アバター画像とお名前リンクの間の隙間をさらに広げる（保護ホールド） */
body.directory.activity .activity-state-popup_inner .activity-state_users .activity-state_user .activity-state_user__name a,
body.directory.activity .activity-state-popup_inner .activity-state_user__name a,
body.directory.activity .activity-state-popup_inner table td:nth-child(2) a,
body.directory.activity .activity-state-popup_inner td a {
    margin-left: 25px !important;
}

/* ==========================================================================
   🧼 150行目リセット修正：大元の幅を全開にしつつ、カードリストの上を20pxに固定
   ========================================================================== */
/* 検索バー（緑）の下の余白を強制ゼロ化 */
body.directory.activity .activity-head-bar {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 上への移動を邪魔する見えない壁（絵文字待機エリアなど）を無効化 */
body.directory.activity .emojionearea-theatre,
body.directory.activity #bp-ajax-loader {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}

/* カードを包むリスト全体をマイナスマージンで引き上げる */
body.directory.activity #activity-stream .activity-list {
    margin-top: -25px !important; /* 👈 この数値で間隔をコントロールします */
    padding-top: 0 !important;
}
/* ② 「推し・∞・トーク」の絞り込みドロップダウンメニューのホバー色をハンバーガーメニュー（#5A5A5A）と完全同期 */
body.directory.activity .activity-head-bar .bb-subnav-filters-container-main .subnav-filters-modal ul li a:hover {
    background-color: #5A5A5A !important; /* 👈 LINEグリーンから、ハンバーガーメニューとお揃いの「明度を上げた黒（グレー）」へ変更 */
    color: #FFFFFF !important;
}

/* 現在選択されている項目（selected）の背景は、他のページやテーマの初期バグを防ぐため完全透過ホールド */
body.directory.activity .activity-head-bar .subnav-filters-modal ul li.selected a {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   🧼 【送信ボタン】飛行機アイコンのド真ん中・強制センタリング
   ========================================================================= */
.activity-comments form .ac-reply-content .ac-submit-wrap::after,
.activity-comments form .ac-reply-content .ac-submit-wrap::before {
    position: absolute !important;
    top: 50% !important;
    left: 48% !important; /* 飛行機は重心が右寄りなので、少し左に寄せると視覚的に真ん中に見えます */
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 14px !important; /* アイコンのサイズ */
    pointer-events: none !important; /* アイコンがクリックを邪魔しないように透過 */
}

/* 万が一背景画像で設定されていた場合の保険 */
.activity-comments form .ac-reply-content .ac-submit-wrap input[type="submit"] {
    background-position: center !important;
    padding: 0 !important;
}

/* ==========================================================================
   🚫 【プロフィールカード】名前ホバー時のポップアップを完全消滅
   ========================================================================= */
body #profile-card.bb-profile-card,
body .bb-profile-card.bb-popup-card {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -9999 !important;
}

/* ==========================================================================
   📐 【完全版】PC: 外箱(h1等)は全幅解放、中身のリストと検索バーだけ600px
   ========================================================================= */
@media (min-width: 768px) {
    /* 1. 大元の枠（Elementorのh1も入っている箱）は100%の全幅に解放して救出する */
    body.directory.activity #buddypress,
    body.activity-permalink #buddypress {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* 2. 600pxで中央寄せするのは、本当に制限したい「タイムラインの中身」だけに絞る */
    body.directory.activity .screen-content,
    body.activity-permalink .screen-content,
    body.directory.activity #activity-stream,
    body.activity-permalink #activity-stream,
    body.directory.activity ul.activity-list,
    body.activity-permalink ul.activity-list {
        max-width: 600px !important;
        width: 100% !important;
        margin: 0 auto !important; /* 中央寄せ */
        padding: 0 !important;     /* 余計なパディングを消滅 */
        box-sizing: border-box !important;
    }

    /* 検索バーと投稿グリッドの間の「20pxの隙間」 */
    body.directory.activity #activity-stream,
    body.activity-permalink #activity-stream {
        margin-top: 20px !important;
    }

    /* 3. 白い投稿カード（li）を600px全開にし、内側のパディングを調整 */
    
    /* タイムライン（一覧ページ） */
    body.directory.activity #buddypress ul.activity-list li.activity-item,
    body.directory.activity .activity-list li.activity-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 15px !important; /* 🎯 上下左右15pxに統一 */
        margin-bottom: 20px !important;
    }

    /* 投稿詳細ページ（個別ページ） */
    body.activity-permalink #buddypress ul.activity-list li.activity-item,
    body.activity-permalink .activity-list li.activity-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 15px 15px 0 15px !important; /* 🎯 上・左・右を15pxに統一（下はコメント欄のために0をキープ） */
        margin-bottom: 20px !important;
    }

    /* 4. 検索バー周りの箱も600px幅に合わせ、パディングを完全にゼロ化 */
    body.directory.activity div.activity-head-bar,
    body.directory.activity .activity-head-bar,
    body.directory.activity #buddypress div.activity-head-bar {
        max-width: 600px !important;
        width: 100% !important;
        margin: 10px auto 0 auto !important;
        padding: 0 !important; /* 🎯 検索バーの横の余白を消滅させて幅を解放 */
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   🔍 【完全版】PC: 「ぬいさんを探す」ページの検索バーを幅600px・パディング0に統一
   ========================================================================= */
@media (min-width: 768px) {
    /* 検索バーを包む全ての親箱からパディングを剥奪し、純粋な600pxを解放 */
    body.directory.members .members-directory-wrapper .subnav-filters,
    body.directory.members .dir-search,
    body.directory.members .subnav-search,
    body.directory.members .bb-subnav-filters-container-main,
    body.directory.members .bb-subnav-filters-search {
        max-width: 600px !important;
        width: 100% !important;
        /* 🎯 marginの3つ目の数値(下マージン)を 25px に設定して隙間を復活！ */
        margin: 5px auto 0px auto !important; 
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 過去の「右詰め（flex-end）」指定を、タイムラインと同じ左寄せ（flex-start）にリセット */
    body.directory.members .bb-subnav-filters-container-main,
    body.directory.members .bb-subnav-filters-search {
        justify-content: flex-start !important;
    }
}

/* ==========================================================================
   🧼 【確定版】タイムライン＆詳細ページ：入力フォーム隔離型・コメント幅100%固定化
   ========================================================================= */

/* ① ボタンを包んでいる親要素のホバー背景消滅（白・無色化） */
body.directory.activity #buddypress .activity-list li.activity-item .bp-generic-meta :hover,
body.directory.activity #buddypress .activity-list li.activity-item .bp-generic-meta div:hover,
body.directory.activity #buddypress .activity-list li.activity-item .bp-generic-meta a:hover,
body.directory.activity #buddypress .activity-list li.activity-item .generic-button:hover,
body.directory.activity #buddypress .activity-list li.activity-item .generic-button a:hover,
body.directory.activity .activity-item-footer :hover,
body.directory.activity .bb-activity-actions :hover,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink #buddypress .activity-list li.activity-item .bp-generic-meta :hover,
body.activity-permalink #buddypress .activity-list li.activity-item .bp-generic-meta div:hover,
body.activity-permalink #buddypress .activity-list li.activity-item .bp-generic-meta a:hover,
body.activity-permalink #buddypress .activity-list li.activity-item .generic-button:hover,
body.activity-permalink #buddypress .activity-list li.activity-item .generic-button a:hover,
body.activity-permalink .activity-item-footer :hover,
body.activity-permalink .bb-activity-actions :hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ② 🎯 【隔離の核心】
   入力フォーム（form）を絶対に巻き込まないよう、
   「すでに投稿されたコメントのログ（div.activity-comments.threaded-comments）」の内部のリストだけに標的を完全限定！ */
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul,
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul li,
body.directory.activity #buddypress .activity-comments.threaded-comments ul li,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink .activity-list li.activity-item .activity-comments.threaded-comments ul,
body.activity-permalink .activity-list li.activity-item .activity-comments.threaded-comments ul li,
body.activity-permalink #buddypress .activity-comments.threaded-comments ul li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;
}

/* 既に投稿されたコメントの「お名前・本文の箱（.comment-body）」だけを、アバターの横幅を引いたサイズに強制固定 */
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body,
body.directory.activity #buddypress .activity-comments.threaded-comments ul li .comment-body,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body,
body.activity-permalink #buddypress .activity-comments.threaded-comments ul li .comment-body {
    width: calc(100% - 76px) !important; /* 🎯 アバター（60px）＋余白（16px）を引いた残り全幅をがっちり維持 */
    max-width: calc(100% - 76px) !important;
    min-width: calc(100% - 76px) !important;
    box-sizing: border-box !important;
    float: none !important;
    display: block !important;
}

/* その内枠のテキストコンテナ（.comment-content）も、名前10文字が途中で改行しないように幅を100%固定 */
body.directory.activity .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.directory.activity #buddypress .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.directory.activity .activity-comments .threaded-comments .acomment-content_block,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.activity-permalink #buddypress .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.activity-permalink .activity-comments .threaded-comments .acomment-content_block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* コメント内のお名前リンク：10文字が右の「…」とぶつかって潰れないように1行固定 */
body.directory.activity #buddypress .activity-comments.threaded-comments .comment-header strong a,
body.directory.activity #buddypress .activity-comments.threaded-comments .bp-activity-comment-name a,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink #buddypress .activity-comments.threaded-comments .comment-header strong a,
body.activity-permalink #buddypress .activity-comments.threaded-comments .bp-activity-comment-name a {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   🚨 【入力フォーム防波堤】
   崩れて広がってしまっていた最下部の入力フォーム（form）の全指定を完全にリセットし、
   元の愛らしい「カプセル型（元の規定サイズ・現状のまま）」へ100%引き戻して守り抜きます！
   ========================================================================= */
body.directory.activity .activity-comments form.ac-form,
body.directory.activity .activity-comments form.ac-form *,
body.directory.activity .activity-comments .ac-form-placeholder,
body.directory.activity .activity-comments .bp-ac-form-container,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink .activity-comments form.ac-form,
body.activity-permalink .activity-comments form.ac-form *,
body.activity-permalink .activity-comments .ac-form-placeholder,
body.activity-permalink .activity-comments .bp-ac-form-container {
    width: auto !important; /* 👈 強制100%の呪いを解除して元の自動計算に戻します */
    max-width: 100% !important;
    min-width: 0 !important; /* 突っ張りを破壊 */
}

/* ③ 過去投稿コメントのログの真っ白化（保護維持） */
body.directory.activity #buddypress .activity-comments.threaded-comments .comment-content,
body.directory.activity #buddypress .activity-comments.threaded-comments .activity-inner,
body.directory.activity #buddypress .activity-comments.threaded-comments .acomment-content_block,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink #buddypress .activity-comments.threaded-comments .comment-content,
body.activity-permalink #buddypress .activity-comments.threaded-comments .activity-inner,
body.activity-permalink #buddypress .activity-comments.threaded-comments .acomment-content_block {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 4px 0 !important;
    margin: 0 0 4px 0 !important;
}

/* コメント入力部分（最下部の「コメントを投稿」）の淡い灰色を死守 */
body.directory.activity #buddypress .activity-comments form .ac-reply-content textarea,
body.directory.activity .activity-comments form .ac-reply-content textarea,
/* 👇 投稿詳細ページ用を追加 */
body.activity-permalink #buddypress .activity-comments form .ac-reply-content textarea,
body.activity-permalink .activity-comments form .ac-reply-content textarea {
    background: #fafafa !important;
    background-color: #fafafa !important;
}

/* ==========================================================================
   🎯 【微調整】投稿詳細ページの入力フォームの横幅をタイムラインと完全に同期
   ========================================================================= */
body.activity-permalink .activity-comments form.ac-form,
body.my-account.activity-permalink .activity-comments form.ac-form {
    /* タイムラインのフォーム幅(513px)に合わせるため、右側の見えない壁を厚くする */
    margin-right: 57px !important; 
    box-sizing: border-box !important;
}

/* ==========================================================================
   🎯 【微調整】推しPOPUP内のアバターと名前の隙間をタイムラインと詳細ページで完全同期
   ========================================================================= */
body.directory.activity .activity-state-popup_inner [class*="name"] a,
body.directory.activity .activity-state-popup_inner table td:nth-child(2) a,
body.activity-permalink .activity-state-popup_inner [class*="name"] a,
body.activity-permalink .activity-state-popup_inner table td:nth-child(2) a {
    margin-left: 25px !important; /* タイムラインの正解（広めの隙間）に両ページとも強制統一 */
}

/* ==========================================================================
   📱 【SP完全版・最終防衛】全ての外枠パディングを破壊し、15pxの黄金比に完全固定
   ========================================================================= */
@media (max-width: 767px) {
    /* 1. 【大元ラッパーの無効化】テーマやBBが出す外側の余白を、両ページとも完全にゼロ化 */
    html body.directory.activity #page,
    html body.directory.activity #content,
    html body.directory.activity #primary,
    html body.directory.activity main,
    html body.directory.activity .buddypress-wrap,
    html body.directory.activity #buddypress,
    html body.directory.activity #buddypress div[id*="form-wrap"],
    html body.activity-permalink #page,
    html body.activity-permalink #content,
    html body.activity-permalink #primary,
    html body.activity-permalink main,
    html body.activity-permalink .buddypress-wrap,
    html body.activity-permalink #buddypress,
    html body.activity-permalink #buddypress div[id*="form-wrap"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. 【外側15px】もっともカードに近い親枠（div.activity）にだけ左右15pxを持たせる */
    html body.directory.activity #buddypress div.activity,
    html body.activity-permalink #buddypress div.activity,
    html body.directory.activity div.activity-head-bar,
    html body.directory.activity #buddypress div.activity-head-bar {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. 【二重ULバグ破壊】リストタグ(ul)が持っている余白をすべてゼロ化し、二重がけを防止！ */
    html body.directory.activity #buddypress ul.activity-list,
    html body.directory.activity #buddypress ul#activity-stream,
    html body.activity-permalink #buddypress ul.activity-list,
    html body.activity-permalink #buddypress ul#activity-stream {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 4. 【内側15px】白いカード本体（li）の中身にだけ、上下左右15pxを持たせる */
    html body.directory.activity #buddypress ul.activity-list li.activity-item,
    html body.activity-permalink #buddypress ul.activity-list li.activity-item {
        padding: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 16px !important; /* カード同士の縦の隙間 */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   📱 【SP】新規投稿フォーム（/post/）の左右に15pxの余白（外枠）を設ける
   ========================================================================= */
@media (max-width: 767px) {
    /* フォーム自体の横幅を「100% - 30px」に計算し、左右に自動で15pxの隙間を作る */
    .page-id-947 form.nuisans-post-form,
    form#nuisans-js-form {
        width: calc(100% - 30px) !important; 
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
    
    /* ※もしスマホだとフォーム内側（内枠）の左右の余白（24px）が広すぎると感じる場合は、
       以下の行のコメントアウトを外して15pxなどに縮めてください */
    /* padding-left: 15px !important; */
    /* padding-right: 15px !important; */
}

/* ==========================================================================
   📱 【SP】「ぬいさんをさがす」メニュー間隔の縮小 ＆ 左右15px余白の設定
   ========================================================================= */
@media (max-width: 767px) {
    /* ① 検索バーとサブメニューの間の広すぎる隙間をキュッと詰める */
    body.directory.members .bb-subnav-filters-container-main,
    body.directory.members .bb-subnav-filters-search,
    body.directory.members .subnav-search {
        margin-bottom: 5px !important; /* 過去の25pxを上書きして縮小 */
    }

    /* ② サブメニュー（上下のグレー線ごと）の左右に15pxの隙間を作る */
    body.directory.members .members-type-navs,
    body.directory.members .dir-navs {
        width: calc(100% - 30px) !important; /* 画面幅から左右15pxずつ(計30px)引く */
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 5px !important; /* 検索バーとの間をさらに詰める */
        box-sizing: border-box !important;
    }
    
    /* ※親箱を縮めた分、内側の文字がさらに内側に寄りすぎないようにパディングを調整 */
    body.directory.members .members-type-navs ul {
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }
}

/* ==========================================================================
   🏠 【ルームページ】大枠の幅とパディングを完全同期（PC600px / SP左右10px）
   ========================================================================= */

/* 💻 PC環境（幅768px以上）：大枠を600px、外側パディング0に完全固定 */
@media (min-width: 768px) {
    /* 大元の箱を600px・パディング0にロック */
    html body.bp-user #buddypress,
    html body.bp-user .buddypress-wrap {
        max-width: 600px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* カバー画像の親箱の余計なパディング（10px等）を消滅させ、600pxフルに解放 */
    html body.bp-user #item-header,
    html body.bp-user #item-header-cover-image,
    html body.bp-user #cover-image-container,
    html body.bp-user #header-cover-image {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* 📱 スマホ環境（幅767px以下）：画面端から左右10pxの余白を設ける */
@media (max-width: 767px) {
    /* 大元の箱に左右10pxの壁を作る */
    html body.bp-user #buddypress,
    html body.bp-user .buddypress-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-left: 10px !important; /* 🎯 15pxから10pxに縮小！ */
        padding-right: 10px !important; /* 🎯 15pxから10pxに縮小！ */
        box-sizing: border-box !important;
    }

    /* SP時も内側の不要なパディング（10px等）をリセットし、親の10pxの壁に合わせる */
    html body.bp-user #item-header,
    html body.bp-user #item-header-cover-image,
    html body.bp-user #cover-image-container,
    html body.bp-user #header-cover-image {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   📝 【プロフィール詳細】URLリンクを無効化し、通常のテキストと同じ見た目にする
   ========================================================================= */
body.bp-user #buddypress table.profile-fields tr td.data a {
    pointer-events: none !important;  /* 🎯 クリック（タップ）機能を完全に無効化 */
    cursor: text !important;          /* 🎯 マウスを乗せても「指マーク」にならず「文字カーソル」にする */
    color: #4A4A4A !important;        /* 🎯 他のプロフィールテキストと同じマイルドグレーに統一 */
    text-decoration: none !important; /* 下線などのリンク装飾を消す */
    font-weight: 800 !important;      /* 周りのデータテキストと同じ太さに合わせる */
}

/* ==========================================================================
   🎯 【微調整】タイムラインPC：自動投稿・通常投稿の上の隙間を完全に統一する
   ========================================================================= */
@media (min-width: 768px) {
    /* 検索バーの下に確実に20pxの隙間を作る */
    body.directory.activity .activity-head-bar,
    body.directory.activity #buddypress div.activity-head-bar {
        margin-bottom: -0px !important;
    }
    
    /* 過去のマイナスマージン（上に引き上げる力）をゼロにリセットして激突を防ぐ */
    body.directory.activity #activity-stream .activity-list {
        margin-top: 0 !important;
    }

    /* 🚨 【追加】通常投稿の上に潜む「見えないフォームの残骸」の余白を完全に破壊！ */
    body.directory.activity #buddypress .activity-update-form,
    body.directory.activity #bp-nouveau-activity-form-placeholder,
    body.directory.activity #whats-new-form,
    body.directory.activity #buddypress form#whats-new-form {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        border: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* ==========================================================================
   🔍 【微調整】PC: 「ぬいさんをさがす」検索バーとメニューの間に隙間を作る
   ========================================================================= */
@media (min-width: 768px) {
    /* 検索バーの外箱の下側に、確実に10pxの余白を強制追加 */
    html body.directory.members .bb-subnav-filters-container-main,
    html body.directory.members .bb-subnav-filters-search,
    html body.directory.members .subnav-search,
    html body.directory.members div.dir-search {
        margin-bottom: 10px !important;
    }

    /* 念のため、下のタブメニュー側が上に詰めてこないようにブロック */
    html body.directory.members .members-type-navs,
    html body.directory.members .item-list-tabs.bp-navs {
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   🏠 【ヘッダー非表示画面】消えたヘッダーの代わりにメニューの上に20pxの余白を作る
   ========================================================================= */
html body.bp-user.profile-edit #buddypress nav#object-nav,
html body.bp-user.change-avatar #buddypress nav#object-nav,
html body.bp-user.change-cover-image #buddypress nav#object-nav,
html body.bp-user.notifications #buddypress nav#object-nav, /* 🎯 通知ページを追加 */
html body.bp-user.settings #buddypress nav#object-nav {     /* 🎯 念のため設定ページも追加 */
    margin-top: 20px !important;
}

/* ==========================================================================
   📸 【写真・壁紙変更】英語の注意文言とタブメニュー一式を丸ごと削除
   ========================================================================= */

/* ① 英語の注意文言（青いインフォメーション枠）を完全に消去 */
html body.bp-user.change-avatar #buddypress .bp-feedback.info,
html body.bp-user.change-cover-image #buddypress .bp-feedback.info {
    display: none !important;
}

/* ② 「アップロード / 写真撮影 / 消す」のタブメニュー一式を丸ごと消去 */
html body.bp-user.change-avatar #buddypress .bp-avatar-nav,
html body.bp-user.change-avatar #buddypress ul.bp-avatar-nav,
html body.bp-user.change-avatar #buddypress #avatar-upload-nav,
html body.bp-user.change-cover-image #buddypress .bp-cover-image-nav,
html body.bp-user.change-cover-image #buddypress ul.bp-cover-image-nav {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ③ タブが消えた分、アップロード枠（点線）の上に綺麗な20pxの余白を作る */
html body.bp-user.change-avatar #buddypress #avatar-upload,
html body.bp-user.change-avatar #buddypress .bp-avatar,
html body.bp-user.change-cover-image #buddypress #cover-image-upload,
html body.bp-user.change-cover-image #buddypress .bp-cover-image {
    margin-top: 20px !important;
}

/* ==========================================================================
   🏠 【プロフィール】「プロフをみる」の文字サイズとPCパディング調整
   ========================================================================= */

/* ① 見出し「プロフをみる」の文字サイズ設定（PC:20px / SP:18px） */
@media (min-width: 768px) {
    html body.bp-user #buddypress .profile h2.screen-heading.view-profile-screen,
    html body.bp-user #buddypress .profile h2.screen-heading.edit-profile-screen {
        font-size: 20px !important; /* PCは20px（編集ページの見出しも念のため統一） */
    }
}
@media (max-width: 767px) {
    html body.bp-user #buddypress .profile h2.screen-heading.view-profile-screen,
    html body.bp-user #buddypress .profile h2.screen-heading.edit-profile-screen {
        font-size: 18px !important; /* SPは18px */
    }
}

/* ② PC版：プロフィール中身とサブメニューの不要な左右パディングを削除してフル幅（600px）に揃える */
@media (min-width: 768px) {
    /* メインコンテンツ部分のパディング撤去 */
    html body.bp-user #buddypress #item-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    html body.bp-user #buddypress .profile.public,
    html body.bp-user #buddypress .profile.edit {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 🎯 追加：サブメニュー（プロフ・編集・写真・壁紙）の左右パディング＆マージン撤去 */
    html body.bp-user #buddypress #item-body nav#subnav,
    html body.bp-user #buddypress #item-body .user-subnav,
    html body.bp-user #buddypress #item-body nav#subnav ul.subnav {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ==========================================================================
   📝 【プロフ編集】レイアウト・デザイン最適化（完全版）
   ========================================================================= */

/* -------------------------------------------------------------------------
   ① サブサブメニュー（基本情報 / もっと情報）のデザインと左寄せ
   ------------------------------------------------------------------------- */
html body.bp-user #buddypress .profile.edit ul.button-tabs {
    display: flex !important;
    justify-content: flex-start !important; /* 左寄せ */
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #EAEAEA !important;
    background: transparent !important;
    background-color: transparent !important;
    text-align: left !important;
}

html body.bp-user #buddypress .profile.edit ul.button-tabs li {
    margin: 0 25px 0 0 !important;
    list-style: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

html body.bp-user #buddypress .profile.edit ul.button-tabs li a {
    color: #A0A0A0 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px !important;
    background: transparent !important;
    background-color: transparent !important;
}

html body.bp-user #buddypress .profile.edit ul.button-tabs li.current a,
html body.bp-user #buddypress .profile.edit ul.button-tabs li.selected a {
    color: #4A4A4A !important;
    font-weight: 800 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 3px solid #FF6F00 !important; /* 選択時のオレンジ下線 */
}

/* タブ文字サイズ（PC: 16px / SP: 14px） */
@media (min-width: 768px) {
    html body.bp-user #buddypress .profile.edit ul.button-tabs li a {
        font-size: 16px !important;
    }
}
@media (max-width: 767px) {
    html body.bp-user #buddypress .profile.edit ul.button-tabs li a {
        font-size: 14px !important;
    }
}

/* -------------------------------------------------------------------------
   ② 全体幅とパディング（PC: 600px / SP: 左右15px）
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
    html body.bp-user #buddypress div.profile.edit,
    html body.bp-user #buddypress .profile.edit form#profile-edit-form {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 600px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}
@media (max-width: 767px) {
    /* 🎯 大枠（見出しが含まれる箱）にのみ左右15pxの壁を作る */
    html body.bp-user #buddypress div.profile.edit {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* 🎯 フォーム（タブや入力欄が含まれる箱）の余白を0にして二重パディングを完全破壊 */
    html body.bp-user #buddypress .profile.edit form#profile-edit-form {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* はみ出し防止の安全装置 */
    html body.bp-user #buddypress .profile.edit .editfield input[type="text"],
    html body.bp-user #buddypress .profile.edit .editfield textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* -------------------------------------------------------------------------
   ③ 入力項目の間隔・背景・fieldsetリセット
   ------------------------------------------------------------------------- */
/* 各項目ブロックの余白 */
html body.bp-user #buddypress .profile.edit .editfield {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 25px !important; /* 項目同士の隙間 */
    padding-bottom: 0 !important;
}

/* fieldsetのデフォルト余白を破壊 */
html body.bp-user #buddypress .profile.edit .editfield fieldset {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    min-width: 0 !important;
}

/* -------------------------------------------------------------------------
   ④ 設問テキスト・サブテキスト・入力フォームの余白微調整
   ------------------------------------------------------------------------- */
/* 設問テキスト（label, legend） */
html body.bp-user #buddypress .profile.edit .editfield > label,
html body.bp-user #buddypress .profile.edit .editfield > fieldset > legend {
    margin-top: 0 !important;
    margin-bottom: 4px !important; /* サブテキストや入力枠との間を詰める */
    padding: 0 !important;
    line-height: 1.3 !important;
    display: block !important;
    width: 100% !important;
    color: #ff6600 !important; /* ブランドカラーのオレンジ */
    font-weight: 700 !important;
}

/* サブテキスト（description） */
html body.bp-user #buddypress .profile.edit .editfield p.description {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* 入力フォーム上の安全マージン */
html body.bp-user #buddypress .profile.edit .editfield input[type="text"],
html body.bp-user #buddypress .profile.edit .editfield input[type="password"],
html body.bp-user #buddypress .profile.edit .editfield input[type="email"],
html body.bp-user #buddypress .profile.edit .editfield textarea,
html body.bp-user #buddypress .profile.edit .editfield select {
    margin-top: 4px !important;
}

/* -------------------------------------------------------------------------
   ⑤ 公開設定の非表示
   ------------------------------------------------------------------------- */
html body.bp-user #buddypress .profile.edit .field-visibility-settings-notoggle,
html body.bp-user #buddypress .profile.edit .field-visibility-settings-header,
html body.bp-user #buddypress .profile.edit .field-visibility-settings-toggle,
html body.bp-user #buddypress .profile.edit .visibility-toggle-link {
    display: none !important;
}

/* -------------------------------------------------------------------------
   ⑥ テキストエリア（自己紹介など）のフォント統一
   ------------------------------------------------------------------------- */
html body.bp-user #buddypress .profile.edit .editfield textarea {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

/* ==========================================================================
   🔔 【完了メッセージ】緑色ボックスをブランドカラーのオレンジに変更
   ========================================================================= */
/* 左側のチェックマーク部分（背景色をオレンジに） */
html body.bp-user #buddypress .bp-feedback.success .bp-icon,
html body.bp-user #buddypress div#message.success .bp-icon,
html body.bp-user #buddypress div#message.updated .bp-icon {
    background-color: #ff6600 !important; /* 🎯 淀んだ緑をオレンジに強制上書き */
    color: #ffffff !important;            /* チェックマークは白 */
}

/* メッセージボックス全体（もし枠線が緑になっていた場合もオレンジに） */
html body.bp-user #buddypress .bp-feedback.success,
html body.bp-user #buddypress div#message.success,
html body.bp-user #buddypress div#message.updated {
    border-color: #ff6600 !important;
}

/* メッセージテキストのフォントと色も綺麗に統一 */
html body.bp-user #buddypress .bp-feedback.success p,
html body.bp-user #buddypress div#message.success p,
html body.bp-user #buddypress div#message.updated p {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    color: #4a4a4a !important; /* マイルドなダークグレー */
    font-weight: 700 !important;
}

/* ==========================================================================
   🔘 ラジオボタンの横並び最適化（もっと情報ページ）
   ========================================================================= */

/* ラジオボタンを囲む親要素をFlexboxにして横並びに */
html body.bp-user #buddypress .profile.edit .editfield .input-options.radio-button-options {
    display: flex !important;
    flex-direction: row !important;      /* 横並び */
    flex-wrap: wrap !important;          /* 項目が多い場合は自動で改行 */
    gap: 15px 25px !important;           /* 項目間の隙間（縦15px、横25px） */
    margin-top: 5px !important;
}

/* 個別のラジオボタン項目（.bp-radio-wrap）の不要なmarginをリセット */
html body.bp-user #buddypress .profile.edit .editfield .bp-radio-wrap {
    display: inline-flex !important;     /* Flexboxで中身を中央揃え */
    align-items: center !important;
    margin: 0 !important;                /* 元々あった余計なマージンを消去 */
}

/* ラジオボタンとラベルの配置微調整 */
html body.bp-user #buddypress .profile.edit .editfield .bp-radio-wrap input[type="radio"] {
    margin: 0 8px 0 0 !important;        /* ボタンと文字の間の隙間 */
    width: 18px !important;
    height: 18px !important;
    cursor: pointer;
}

html body.bp-user #buddypress .profile.edit .editfield .bp-radio-wrap label.option-label {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer;
    color: #4A4A4A !important;
}

/* 「消す ・∞・」リンクの配置調整 */
html body.bp-user #buddypress .profile.edit .editfield .clear-value {
    display: block !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    color: #FF6600 !important; /* ブランドカラー */
}

/* ==========================================================================
   🔔 【修正版】壁紙削除成功メッセージ：オレンジ化・強制適用
   ========================================================================= */

/* p#bp-cover-image-feedback を直接ターゲットに指定 */
html body.bp-user #buddypress p#bp-cover-image-feedback.updated.success,
html body.bp-user #buddypress div#message.success,
html body.bp-user #buddypress div#message.updated {
    border: 1px solid #FF6600 !important;      /* オレンジ枠 */
    background-color: #FFF5EE !important;      /* 淡いオレンジ背景 */
    color: #4A4A4A !important;                 /* 文字色 */
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    padding: 10px 15px !important;             /* 余白を整える */
}

/* もし左側にアイコンが表示されている場合の保険 */
html body.bp-user #buddypress p#bp-cover-image-feedback .bp-icon {
    background-color: #FF6600 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   🔔 【アバター変更】成功通知ボックスをオレンジカラーに統一
   ========================================================================= */

/* アバター変更ページのメッセージ（p#bp-avatar-feedback）をターゲット */
html body.bp-user #buddypress p#bp-avatar-feedback.updated.success,
html body.bp-user #buddypress div#message.success,
html body.bp-user #buddypress div#message.updated {
    border: 1px solid #FF6600 !important;      /* オレンジ枠 */
    background-color: #FFF5EE !important;      /* 淡いオレンジ背景 */
    color: #4A4A4A !important;                 /* 文字色 */
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    padding: 10px 15px !important;             /* 余白を整える */
}

/* 念のため、メッセージ内のテキストやアイコンのカラーも保護 */
html body.bp-user #buddypress p#bp-avatar-feedback.updated.success p {
    color: #4A4A4A !important;
    margin: 0 !important;
}

/* ==========================================================================
   🏠 【ユーザールーム・トーク】タイムライン最新デザイン100%完全同期CSS（完全修復・統合版）
   ========================================================================= */

/* ① 不要な投稿フォーム・フィルター・タブを完全消滅 */
body.bp-user.activity:not(.activity-permalink) #whats-new-form,
body.bp-user.activity:not(.activity-permalink) .activity-update-form,
body.bp-user.activity:not(.activity-permalink) #bp-nouveau-activity-form-placeholder,
body.bp-user.activity:not(.activity-permalink) #bp-nouveau-activity-form,
body.bp-user.activity:not(.activity-permalink) .activity-head-bar,
body.bp-user.activity:not(.activity-permalink) .subnav-filters,
body.bp-user.activity:not(.activity-permalink) #subnav-filters,
body.bp-user.activity:not(.activity-permalink) .item-list-tabs.activity-type-tabs,
body.bp-user.activity:not(.activity-permalink) .dir-form,
body.bp-user.activity:not(.activity-permalink) .activity-type-tabs {
    display: none !important;
    width: 0 !important; height: 0 !important;
    padding: 0 !important; margin: 0 !important;
    opacity: 0 !important; visibility: hidden !important;
}

/* ② 背景白化 ＆ 600px中央寄せ（天井バグ解消） */
body.bp-user.activity:not(.activity-permalink),
body.bp-user.activity:not(.activity-permalink) #page,
body.bp-user.activity:not(.activity-permalink) #content,
body.bp-user.activity:not(.activity-permalink) .buddypress-wrap,
body.bp-user.activity:not(.activity-permalink) #item-body,
body.bp-user.activity:not(.activity-permalink) .activity-list {
    background: #ffffff !important; background-color: #ffffff !important;
    max-width: 100% !important; width: 100% !important;
    margin: 0 !important; padding: 0 !important; box-shadow: none !important;
}
body.bp-user.activity:not(.activity-permalink) #buddypress .screen-content,
body.bp-user.activity:not(.activity-permalink) #item-body .activity {
    max-width: 600px !important; width: 100% !important; margin: 0 auto !important;
}

/* ③ トークカードの最新形状（丸み・影・余白） */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item {
    display: block !important;
    background: #ffffff !important;
    border: none !important; 
    border-radius: 16px !important;                 
    padding: 24px 24px 0px 24px !important; 
    margin-top: 5px !important; margin-bottom: 20px !important; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; 
    box-sizing: border-box !important;
    width: 100% !important; clear: both !important;
    border-top: 0px solid transparent !important; background-clip: padding-box !important;
}

/* ④ アバター（60px・正円・細緑3px枠）を縦中央揃えで配置 */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-avatar {
    float: left !important; display: block !important;
    width: 60px !important; height: 60px !important; max-width: 60px !important; min-width: 60px !important;
    margin: 0 16px 0 0 !important; padding: 0 !important; padding-top: 14px !important; box-sizing: border-box !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-avatar img.avatar {
    width: 60px !important; height: 60px !important; max-width: 60px !important;
    border-radius: 50% !important; border: 2px solid #06C755 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important; object-fit: cover !important;
    padding: 0 !important; margin: 0 !important;
}

/* ⑤ お名前ヘッダー（LINEグリーン・自動改行・時間テキスト） */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header {
    display: block !important; overflow: hidden !important;
    margin-top: 0 !important; margin-bottom: 16px !important; padding-top: 24px !important;
    background: transparent !important; border: none !important; box-sizing: border-box !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-header-text p,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-head p {
    display: block !important; width: 100% !important; max-width: 100% !important;
    padding-right: 90px !important; box-sizing: border-box !important; line-height: 1.3 !important;
    float: none !important; color: #444444 !important; font-size: 15px !important; margin: 0 !important;
}
body.bp-user.activity:not(.activity-permalink) [class*="activity-header-text"] p a:first-of-type,
body.bp-user.activity:not(.activity-permalink) [class*="activity-head"] p a:first-of-type,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-header-text p a:first-child {
    font-family: 'M PLUS Rounded 1c', sans-serif !important; font-size: 18px !important; font-weight: 800 !important; color: #06c755 !important;
    display: block !important; width: auto !important; max-width: 100% !important;
    word-wrap: break-word !important; word-break: break-all !important; margin: 0 !important; text-decoration: none !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .time-since,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-header-text p span {
    font-size: 13px !important; color: #999999 !important; font-weight: 500 !important; display: inline-block !important; margin-left: 6px !important;
}

/* ⑥ 【重要】右側ハミ出しのバグ原因（activity-contentの余白）を完全破壊 */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-content,
body.bp-user.activity:not(.activity-permalink) .activity-content .activity-inner {
    display: block !important; clear: both !important; width: 100% !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;
}

/* ⑦ 本文（16px）・画像16:9・動画URLの青色1列化・限定アイコン非表示 */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-privacy,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .bp-privacy-icon {
    display: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; visibility: hidden !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-inner img {
    display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; border-radius: 12px !important; margin: 0 0 24px 0 !important; padding: 0 !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-inner p.nuisans-timeline-text {
    font-family: 'M PLUS Rounded 1c', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; color: #4A4A4A !important; line-height: 1.6 !important; margin: 0 0 24px 0 !important; clear: both !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-inner .nuisans-video-url-block {
    clear: both !important; display: inline-flex !important; align-items: center !important; flex-wrap: nowrap !important; width: 100% !important; font-family: 'M PLUS Rounded 1c', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; color: #4A4A4A !important; margin: 0 !important; padding: 0 !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-inner p a:not([class*="photo"]) {
    font-family: 'M PLUS Rounded 1c', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #1e90ff !important; text-decoration: none !important; margin-left: 6px !important; display: inline !important; white-space: normal !important; word-break: break-all !important; vertical-align: baseline !important;
}

/* ⑧ フッターボタン（推し・コメント）と限定バッジ */
body.bp-user.activity:not(.activity-permalink) .activity-item-footer { padding: 0 !important; margin: 12px 0 0 0 !important; background: transparent !important; height: auto !important; border: none !important; }
body.bp-user.activity:not(.activity-permalink) .bb-activity-actions { display: flex !important; justify-content: flex-start !important; gap: 24px !important; border: none !important; padding: 0 !important; margin: 0 !important; }
body.bp-user.activity:not(.activity-permalink) .activity-item-footer a,
body.bp-user.activity:not(.activity-permalink) .activity-item-footer button,
body.bp-user.activity:not(.activity-permalink) .bb-activity-actions a {
    font-family: 'M PLUS Rounded 1c', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #999999 !important; text-decoration: none !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-item-footer i,
body.bp-user.activity:not(.activity-permalink) .activity-item-footer svg,
body.bp-user.activity:not(.activity-permalink) .bb-activity-actions i { font-size: 14px !important; color: #999999 !important; display: inline-block !important; margin-right: 6px !important; }
body.bp-user.activity:not(.activity-permalink) .bb-activity-actions .activity-reactions.reacted a,
body.bp-user.activity:not(.activity-permalink) .bb-activity-actions .activity-reactions.reacted i { color: #ff66a3 !important; }

body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .nui-limited-badge {
    position: absolute !important; top: 17px !important; right: 52px !important; z-index: 10 !important; background-color: #ff66a3 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; padding: 3px 8px !important; border-radius: 4px !important; display: inline-block !important; font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

/* ⑨ カスタムコメントボタン（直リンク化） */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-state {
    display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; box-sizing: border-box !important; float: none !important; clear: both !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-state .activity-state-reactions {
    display: block !important; flex: 1 !important; max-width: calc(100% - 125px) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-family: "Roboto", "Helvetica", "M PLUS Rounded 1c", sans-serif !important; box-sizing: border-box !important; float: none !important; margin: 0 !important; padding: 0 !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-state-reactions * { display: inline !important; white-space: nowrap !important; }
body.bp-user.activity:not(.activity-permalink) .activity-state .nui-custom-comment-btn {
    display: inline-block !important; flex-shrink: 0 !important; margin-left: auto !important; text-align: right !important; text-decoration: none !important; cursor: pointer !important; font-family: 'M PLUS Rounded 1c', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #4A4A4A !important; line-height: 1.5 !important; padding: 0 !important; box-sizing: border-box !important; transition: color 0.2s ease !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-state .nui-custom-comment-btn:hover { color: #06c755 !important; text-decoration: none !important; }
body.bp-user.activity:not(.activity-permalink) .activity-state a.activity-state-comments,
body.bp-user.activity:not(.activity-permalink) .activity-state a.activity-state-comments-has-comments,
body.bp-user.activity:not(.activity-permalink) .activity-state [class*="activity-state-comments"] {
    display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important;
}

/* 🌟 ⑩ 【完全同期】コメントログ（白背景・幅固定）と入力フォームのカプセル保護 */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul li {
    width: 100% !important; max-width: 100% !important; min-width: 100% !important; box-sizing: border-box !important; padding-right: 0 !important;
}
/* アバター右側のグレーの箱の横幅 */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body {
    width: calc(100% - 76px) !important; max-width: calc(100% - 76px) !important; min-width: calc(100% - 76px) !important; box-sizing: border-box !important; float: none !important; display: block !important;
}
/* テキストコンテナ */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.bp-user.activity:not(.activity-permalink) .activity-comments .threaded-comments .acomment-content_block {
    width: 100% !important; max-width: 100% !important; min-width: 100% !important; box-sizing: border-box !important; display: block !important;
}
/* コメント入力フォーム（右側の不自然な余白を消す・カプセル型を保護） */
body.bp-user.activity:not(.activity-permalink) .activity-comments form.ac-form,
body.bp-user.activity:not(.activity-permalink) .activity-comments form.ac-form *,
body.bp-user.activity:not(.activity-permalink) .activity-comments .ac-form-placeholder,
body.bp-user.activity:not(.activity-permalink) .activity-comments .bp-ac-form-container {
    width: auto !important; max-width: 100% !important; min-width: 0 !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-comments form.ac-form {
    margin-right: 57px !important; box-sizing: border-box !important;
}
body.bp-user.activity:not(.activity-permalink) .activity-comments form .ac-reply-content textarea {
    padding-right: 45px !important; box-sizing: border-box !important; background: #fafafa !important; background-color: #fafafa !important;
}

/* ⑪ スマホ対応（最新の縮小バランス） */
@media (max-width: 767px) {
    body.bp-user.activity:not(.activity-permalink) ul.activity-list li.activity-item { padding: 20px 20px 6px 20px !important; }
    body.bp-user.activity:not(.activity-permalink) [class*="activity-header-text"] p a:first-of-type,
    body.bp-user.activity:not(.activity-permalink) [class*="activity-head"] p a:first-of-type { font-size: 16px !important; }
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-avatar { padding-top: 10px !important; }
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header { padding-top: 16px !important; }
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-header-text p,
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-head p { padding-right: 80px !important; }
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .nui-limited-badge { top: 10px !important; right: 32px !important; }
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-state .activity-state-reactions { max-width: calc(100% - 115px) !important; }
    body.bp-user.activity:not(.activity-permalink) .activity-state .nui-custom-comment-btn { font-size: 13px !important; }
    body.bp-user.activity:not(.activity-permalink) .activity-inner p.nuisans-timeline-text,
    body.bp-user.activity:not(.activity-permalink) .activity-inner .nuisans-video-url-block,
    body.bp-user.activity:not(.activity-permalink) .activity-inner p a { font-size: 14px !important; }
}

/* ==========================================================================
   🏠 【追加専用】ユーザールーム（過去投稿一覧）への完全同期パッチ
   ※一番下に追記するだけで、既存の完璧な隔離ロジックをルームにも適用します
   ========================================================================= */

/* ① ボタンエリアの上下線消去と左寄せ・ホバー背景消滅 */
body.bp-user.activity:not(.activity-permalink) .activity-item-footer,
body.bp-user.activity:not(.activity-permalink) .bb-activity-actions {
    border: none !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    padding: 0 !important;
    margin: 12px 0 0 0 !important;
}
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bp-generic-meta :hover,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bp-generic-meta div:hover,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bp-generic-meta a:hover,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .generic-button:hover,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .generic-button a:hover,
body.bp-user.activity:not(.activity-permalink) .activity-item-footer :hover,
body.bp-user.activity:not(.activity-permalink) .bb-activity-actions :hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ② 入力フォーム隔離 ＆ ログ幅の100%固定（10文字ガード） */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul li,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments ul li {
    width: 100% !important; max-width: 100% !important; min-width: 100% !important;
    box-sizing: border-box !important; padding-right: 0 !important;
}

/* アバターの横幅を引いたサイズに強制固定 */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments ul li .comment-body {
    width: calc(100% - 76px) !important; max-width: calc(100% - 76px) !important; min-width: calc(100% - 76px) !important;
    box-sizing: border-box !important; float: none !important; display: block !important;
}

/* 内枠のテキストコンテナ */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments ul li .comment-body .comment-content,
body.bp-user.activity:not(.activity-permalink) .activity-comments .threaded-comments .acomment-content_block {
    width: 100% !important; max-width: 100% !important; min-width: 100% !important;
    box-sizing: border-box !important; display: block !important;
}

/* コメント内のお名前リンク1行固定 */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments .comment-header strong a,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments .bp-activity-comment-name a {
    display: inline-block !important; max-width: 100% !important; white-space: nowrap !important;
}

/* ③ 入力フォーム（form）の全指定をリセットし、カプセル型へ戻す */
body.bp-user.activity:not(.activity-permalink) .activity-comments form.ac-form,
body.bp-user.activity:not(.activity-permalink) .activity-comments form.ac-form *,
body.bp-user.activity:not(.activity-permalink) .activity-comments .ac-form-placeholder,
body.bp-user.activity:not(.activity-permalink) .activity-comments .bp-ac-form-container {
    width: auto !important; max-width: 100% !important; min-width: 0 !important;
}

/* フォーム本体の右端の壁（タイムラインの余白と同期） */
body.bp-user.activity:not(.activity-permalink) .activity-comments form.ac-form {
    margin-right: 57px !important; box-sizing: border-box !important;
}

/* コメントが投稿されたログの真っ白化 */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments .comment-content,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments .activity-inner,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments.threaded-comments .acomment-content_block {
    background: #ffffff !important; background-color: #ffffff !important;
    border: none !important; box-shadow: none !important; border-radius: 0px !important;
    padding: 4px 0 !important; margin: 0 0 4px 0 !important;
}

/* コメント入力部分の淡い灰色と飛行機ボタン用余白 */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments form .ac-reply-content textarea,
body.bp-user.activity:not(.activity-permalink) .activity-comments form .ac-reply-content textarea {
    background: #fafafa !important; background-color: #fafafa !important;
    padding-right: 45px !important; box-sizing: border-box !important;
}

/* ==========================================================================
   🏠 【ユーザールーム・トーク】カード外観・枠線・余白の完全同期（①②③の解決）
   ========================================================================= */

/* 🎯 リストの親枠(ul)が持っている不要な余白を消去し、幅を100%（600px）に完全解放 */
body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: none !important;
    list-style: none !important;
}

/* 🎯 カード本体(li)の「左右余白ゼロ」「枠線消去」「カード間マージン」の完全同期 */
body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item {
    /* ① 横幅を親(600px)に完全に合わせる（外側左右のマージンゼロ） */
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    
    /* ③ グリッド同士の間の空白（タイムラインと同じ20px） */
    margin-top: 5px !important;
    margin-bottom: 20px !important; 
    
    /* ② まわりに出現している枠線を完全に消し、タイムラインと同じ角丸と影にする */
    border: none !important;
    border-top: 0px solid transparent !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    
    background: #ffffff !important;
    background-clip: padding-box !important;
    
    /* カード内側の余白をタイムラインに同期（上下左右15px） */
    padding: 15px !important; 
    box-sizing: border-box !important;
    display: block !important;
    clear: both !important;
}

/* 📱 スマホ環境（幅767px以下）のカード内側パディング同期 */
@media (max-width: 767px) {
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item {
        padding: 20px 20px 6px 20px !important; /* タイムラインのスマホサイズと完全一致 */
    }
}

/* ==========================================================================
   🏠 【ユーザールーム・トーク】カード幅・地球アイコン・推しボタン完全修復
   ========================================================================= */

/* 🎯 ① 【カード幅の全開化】外側（#activity-stream や div.activity）のパディングを破壊し、600pxを解放 */
body.bp-user.activity:not(.activity-permalink) #buddypress div.activity,
body.bp-user.activity:not(.activity-permalink) #buddypress #activity-stream {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 600px !important;
    box-sizing: border-box !important;
}

/* 🎯 ② 【地球アイコン等・消滅】オーナーアカウント時だけ出る公開・限定アイコンを完全抹消 */
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-privacy,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .bp-privacy-icon,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header [class*="privacy"],
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header i.bb-icon-globe,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-inner i.bb-icon-globe,
body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item i[class*="globe"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   🏠 【ユーザールーム・トーク】本物コメントボタン消去と偽ボタンの右端配置
   ========================================================================= */

/* ① フッターの土台を横幅100%にして、右端の余白を作れるようにする */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bb-activity-actions {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important; 
    box-sizing: border-box !important;
}

/* ② ルームページに出現する「本物のコメントボタン（アコーディオン）」を物理的に消滅 */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bb-activity-actions a.acomment-reply,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .activity-item-footer a.acomment-reply {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

/* ③ 偽のコメントボタン（JSで追加される直リンク）の表示保証と右寄せ */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bb-activity-actions a.nui-custom-comment-btn,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .activity-item-footer a.nui-custom-comment-btn {
    display: inline-block !important;
    margin-left: auto !important; /* 🎯 これで絶対に右端に押しやる */
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #4A4A4A !important;
    text-decoration: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bb-activity-actions a.nui-custom-comment-btn:hover {
    color: #06c755 !important; /* 🎯 ホバーでLINEグリーンに点灯 */
}

/* ==========================================================================
   🏠 【全ページ共通】推しPOPUP内の隙間 ＆ ボタンサイズ14px完全固定
   ========================================================================= */

/* 🎯 ① 【全ページ共通】推しPOPUP内のアバター画像とお名前の間に確実な隙間を作る */
/* BuddyBossが出力するテーブル型・リスト型の両方のHTML構造を狙い撃ちします */
body .activity-state-popup_inner .activity-state_users .activity-state_user .activity-state_user__name a,
body .activity-state-popup_inner .activity-state_user__name a,
body .activity-state-popup_inner div.activity-state_user_name a,
body .activity-state-popup_inner [class*="user_name"] a,
body .activity-state-popup_inner table td:nth-child(2) a,
body .activity-state-popup_inner td a {
    margin-left: 20px !important; /* 🎯 アバターと名前の間に20pxの美しい隙間を強制 */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 🎯 ② 【PC/SP完全固定】推し・コメントボタンの文字サイズを「絶対に14px」で統一 */
/* PC・スマホ問わず、すべての関連ボタンに14pxを強制指定 */
body .activity-item-footer a,
body .activity-item-footer button,
body .bb-activity-actions a,
body .bb-activity-actions button,
body .activity-state .nui-custom-comment-btn,
body .nui-custom-comment-btn {
    font-size: 14px !important; 
}

/* 🚨 過去の「スマホの時は13pxに縮める」という指示を完全に破壊し、14pxで上書きロックします */
@media (max-width: 767px) {
    body.directory.activity .activity-state .nui-custom-comment-btn,
    body.bp-user.activity:not(.activity-permalink) .activity-state .nui-custom-comment-btn,
    body .activity-state .nui-custom-comment-btn {
        font-size: 14px !important; /* 🎯 SPでも偽コメントボタンを絶対に14px死守 */
    }
    
    body .activity-item-footer a,
    body .activity-item-footer button,
    body .bb-activity-actions a,
    body .bb-activity-actions button {
        font-size: 14px !important; /* 🎯 推しボタン等もSPで絶対に14px死守 */
    }
}

/* ==========================================================================
   🏠 【最終調整】推し文字サイズの14px強制 ＆ ルームコメント入力欄の幅完全同期
   ========================================================================= */

/* 🎯 ① 【14px固定】BuddyBossが内側のspanタグにかけている「12px」の呪いを強制上書き */
body .activity-list li.activity-item .bb-activity-actions span,
body .activity-list li.activity-item .bb-activity-actions .like-count,
body .activity-list li.activity-item .bb-activity-actions .reactions_item,
body .activity-list li.activity-item .activity-item-footer span,
body .activity-list li.activity-item .activity-item-footer .like-count {
    font-size: 14px !important;
}

/* 🎯 ② 【入力欄の幅同期】私が過去に追加してしまった「右側の57pxの壁」を完全に破壊し、タイムラインと同じ長さに解放 */
body.bp-user.activity:not(.activity-permalink) .activity-comments form.ac-form {
    margin-right: 0 !important; 
    width: auto !important; 
}

/* ==========================================================================
   🏠 【最終調整・改】推し・コメント文字サイズの14px強制（ルーム専用クラス直撃）
   ========================================================================= */

/* 🎯 ルームページ特有のクラス（.bp-generic-meta や .action）の中にある spanタグ をすべて14pxに強制 */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bp-generic-meta span,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bp-generic-meta a,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .generic-button span,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .action span {
    font-size: 14px !important;
}

/* 🎯 アイコン（吹き出しや親指）とテキストの縦のラインをきれいに中央で揃える */
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bp-generic-meta span,
body.bp-user.activity:not(.activity-permalink) #buddypress .activity-list li.activity-item .bp-generic-meta i {
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* ==========================================================================
   📱 【スマホ完全修正】ルームトークのアバター崩れ ＆ 詳細ページの二重余白
   ========================================================================= */

@media (max-width: 767px) {
    
    /* 🎯 ① 【ルームトーク】縦積み中央寄せのバグを破壊し、アバター左・名前右の王道スタイルを強制 */
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item {
        display: block !important; /* BuddyBoss特有のフレックス縦積みを完全に破壊 */
        text-align: left !important;
    }
    
    /* アバターを左側に固定し、右に名前が入り込む隙間を作る */
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-avatar {
        float: left !important;
        display: block !important;
        margin: 0 12px 0 0 !important; /* 🎯 アバター右側の隙間（タイムラインと同期） */
        padding: 0 !important;
        padding-top: 10px !important;
        width: 60px !important;
        height: 60px !important;
        text-align: left !important;
    }
    
    /* お名前ヘッダーをアバターの右側に綺麗に回り込ませる */
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header {
        display: block !important;
        overflow: hidden !important; /* 🎯 これでアバターの右側にピタッと収まります */
        text-align: left !important;
        float: none !important;
        padding-top: 16px !important;
    }
    
    /* 名前のテキストも確実に左寄せ */
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-header-text p,
    body.bp-user.activity:not(.activity-permalink) .activity-list li.activity-item .activity-header .activity-head p {
        text-align: left !important;
    }


    /* 🎯 ② 【詳細ページ】外側の二重パディングを破壊し、「左右10px」の壁に絶対固定 */
    /* まず大元の親要素が持っている余白をすべてゼロ化し、二重がけを根絶する */
    html body.activity-permalink #page,
    html body.activity-permalink #content,
    html body.activity-permalink #primary,
    html body.activity-permalink main,
    html body.activity-permalink .buddypress-wrap,
    html body.activity-permalink #buddypress,
    html body.activity-permalink #buddypress div[id*="form-wrap"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 最もカードに近い親箱（div.activity）だけに、正解である「左右10px」の壁を指定 */
    html body.activity-permalink #buddypress div.activity,
    html body.activity-permalink div.activity {
        padding-left: 10px !important;  /* 🎯 ここを10pxに絶対固定 */
        padding-right: 10px !important; /* 🎯 ここを10pxに絶対固定 */
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* リスト(ul)自体のマージンも念のためゼロにし、上の10pxパディングに完全に委ねる */
    html body.activity-permalink #buddypress ul.activity-list {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   📱 【SP完全版】ルームトークの構造崩れを「Gridレイアウト」で絶対防衛
   ========================================================================= */

@media (max-width: 767px) {
    /* 🎯 タイムラインとDOM構造が違うバグを、Gridレイアウトで強制的に同じ並びに固定します */
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item {
        display: grid !important;
        grid-template-columns: 72px 1fr auto !important; /* 左72px(アバター60+余白12)、中央(名前)、右(オプション) */
        grid-template-rows: auto auto auto !important;
        align-items: start !important;
        position: relative !important;
    }

    /* 1. アバター：左上（1行目・1列目）に強制ロック */
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item > .activity-avatar {
        grid-column: 1 !important;
        grid-row: 1 !important;
        float: none !important;
        width: 60px !important;
        height: 60px !important;
        margin: 0 !important; 
        padding: 0 !important;
        padding-top: 10px !important; /* タイムラインと同期 */
    }

    /* 2. お名前ヘッダー：中央上（1行目・2列目）に強制ロック */
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item > .activity-header {
        grid-column: 2 !important;
        grid-row: 1 !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 16px !important; /* タイムラインと同期 */
    }

    /* 3. 「・・・」メニュー等：右上（1行目・3列目）に強制ロック */
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item > .bb-activity-more-options-wrap,
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item > .bb-pin-action {
        grid-column: 3 !important;
        grid-row: 1 !important;
        float: none !important;
        margin: 0 !important;
        padding-top: 16px !important;
        position: relative !important;
    }

    /* 4. 本文・画像エリア：2行目（端から端までフルスパン）に強制ロック */
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item > .activity-content {
        grid-column: 1 / -1 !important; 
        grid-row: 2 !important;
        float: none !important;
        clear: both !important;
        margin-top: 12px !important;
        width: 100% !important;
    }

    /* 5. コメント・フッターエリア：3行目（端から端までフルスパン）に強制ロック */
    body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item > .activity-comments {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        float: none !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   📱 1. 【SPタイムライン】自動投稿（参加しました等）の13px・1列化を強制
   ========================================================================= */

@media (max-width: 767px) {
    /* 🎯 自動投稿・通常投稿の構造の違いを無視し、ヘッダー内の pタグ を直接狙い撃ち */
    html body.directory.activity #buddypress ul.activity-list li.activity-item .activity-header p,
    html body.directory.activity #buddypress ul.activity-list li.activity-item .activity-header > p {
        font-size: 13px !important;      /* 👈 13pxに強制縮小 */
        padding-right: 5px !important;   /* 👈 邪魔な右の壁を撤去 */
        white-space: nowrap !important;  /* 👈 絶対に改行させない */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 🎯 お名前のリンクだけは 16px を死守し、1行目に独立させる */
    html body.directory.activity #buddypress ul.activity-list li.activity-item .activity-header p a:first-of-type {
        font-size: 16px !important;
        display: block !important;
        white-space: normal !important; /* 👈 名前が長い場合は改行OK */
        margin-bottom: 2px !important;
    }
}

/* ==========================================================================
   📱 2. 【SPルームトーク】自動投稿等の13px・1列化をタイムラインと完全同期
   ========================================================================= */

@media (max-width: 767px) {
    /* 🎯 ルームのトークでも、ヘッダー内の pタグ を直接狙い撃ちして改行を防ぐ */
    html body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item .activity-header p,
    html body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item .activity-header > p {
        font-size: 13px !important;      /* 👈 13pxに強制縮小 */
        padding-right: 5px !important;   /* 👈 邪魔な右の壁を撤去 */
        white-space: nowrap !important;  /* 👈 絶対に改行させない */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 🎯 ルームのトークでも、お名前のリンクだけは 16px を死守し、1行目に独立させる */
    html body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item .activity-header p a:first-of-type {
        font-size: 16px !important;
        display: block !important;
        white-space: normal !important; /* 👈 名前が長い場合は改行OK */
        margin-bottom: 2px !important;
    }
}

/* ==========================================================================
   📱 3. 【SPルーム・修正】コメント入力欄（グレーの箱）を240pxに固定
   ========================================================================= */

@media (max-width: 767px) {
    /* 🎯 ① 前回、親箱を240pxに絞ってしまった指定を解除し、元の自動幅に戻す */
    html body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments form.ac-form,
    html body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments .bp-ac-form-container {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* 🎯 ② 今度こそ正解！文字を入力する「グレーの箱」自体を240pxに絶対固定 */
    html body.bp-user.activity:not(.activity-permalink) #buddypress .activity-comments form .ac-reply-content {
        width: 240px !important;
        max-width: 240px !important;
        min-width: 240px !important;
        flex: 0 0 240px !important; /* フレックスボックス環境でも絶対に縮ませない魔法 */
    }
}

/* ==========================================================================
   🤝 【ぬいとも・申請ページ限定】案内ボックスのピンク化（完全限定版）
   ※前回の「案内ボックスのピンク化」のブロックをこれに丸ごと差し替えてください
   ========================================================================= */

/* 1. 左側のアイコン部分の背景色（「ぬいともさん」と「申請」ページだけを狙い撃ち） */
html body.bp-user.friends #buddypress .bp-feedback.info .bp-icon,
html body.friend-requests #buddypress .bp-feedback.info .bp-icon {
    background-color: #ff66a3 !important;
    color: #ffffff !important;
}

/* 2. ボックス全体の枠線（「ぬいともさん」と「申請」ページだけを狙い撃ち） */
html body.bp-user.friends #buddypress .bp-feedback.info,
html body.friend-requests #buddypress .bp-feedback.info {
    border-color: #ff66a3 !important;
}

/* 📱 ② 【SP限定】ページ最下部に「400px」の巨大な余白を作り、固定フッター被りを完全に回避 */
@media (max-width: 767px) {
    /* ぬいともさん一覧 ＆ ぬいとも申請 の両ページに適用します */
    html body.bp-user.friends #buddypress,
    html body.bp-user.friends .buddypress-wrap,
    html body.friend-requests #buddypress,
    html body.friend-requests .buddypress-wrap {
        padding-bottom: 400px !important;
    }
}

/* ==========================================================================
   🔔 【通知ページ】UIの最適化（オレンジ化 ＆ 不要要素の消去）
   ========================================================================= */

/* 🎯 ① 通知ページの上部メニュー（プロフ・トーク等）を完全に非表示 */
body.notifications nav#object-nav,
body.notifications .bp-wrap > nav.users-nav {
    display: none !important;
}

/* 🎯 ② インフォボックス（未読はありません等）を「いつものオレンジ」に変更 */
html body.bp-user.notifications #buddypress .bp-feedback.info {
    border-color: #FF6600 !important;
    border-left-color: #FF6600 !important; 
    background-color: #fff9f5 !important;
}
html body.bp-user.notifications #buddypress .bp-feedback.info .bp-icon {
    background-color: #FF6600 !important;
    color: #ffffff !important;
}

/* 🎯 ③ 邪魔な「すべての通知」フィルターの箱全体を完全に物理消去 */
html body.bp-user.notifications #buddypress .bb-subnav-filters-container,
html body.bp-user.notifications #buddypress #subnav-filters,
html body.bp-user.notifications #buddypress #dir-filters {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   🔔 【通知ページ】テーブルデザインの無骨化・最適化（横幅とテキスト整理）
   ========================================================================= */

/* 🎯 ゼロ：アルバムCSSの影響をリセットし、通知ページの幅を広く保つ */
html body.bp-user.notifications #item-body {
    max-width: 800px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 🎯 ① 背景色をなくしてシンプルな白/透明に統一 */
html body.bp-user.notifications .notifications.bp-tables-user,
html body.bp-user.notifications .notifications.bp-tables-user thead,
html body.bp-user.notifications .notifications.bp-tables-user tbody,
html body.bp-user.notifications .notifications.bp-tables-user tr,
html body.bp-user.notifications .notifications.bp-tables-user th,
html body.bp-user.notifications .notifications.bp-tables-user td {
    background: transparent !important;
    background-color: transparent !important;
}

/* テーブルの囲み枠を消し、下線メインのシンプルなデザインに */
html body.bp-user.notifications .notifications.bp-tables-user {
    border-collapse: collapse !important;
    border: none !important;
    margin-bottom: 20px !important;
    table-layout: fixed !important; /* 🌟 ココが最重要！強制的に列幅を固定する */
    width: 100% !important;
}
html body.bp-user.notifications .notifications.bp-tables-user th {
    border: none !important;
    border-bottom: 2px solid #EAEAEA !important;
    padding: 15px 10px !important;
}
html body.bp-user.notifications .notifications.bp-tables-user td {
    border: none !important;
    border-bottom: 1px solid #EAEAEA !important;
    padding: 15px 10px !important;
    vertical-align: middle !important;
}

/* 🎯 ② 各列の横幅バランスを「クラス名」で確実に指定 */
/* 1列目：チェックボックス */
html body.bp-user.notifications .notifications.bp-tables-user th.bulk-select-all,
html body.bp-user.notifications .notifications.bp-tables-user td.bulk-select-check {
    width: 50px !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3列目：受取日 */
html body.bp-user.notifications .notifications.bp-tables-user th.date,
html body.bp-user.notifications .notifications.bp-tables-user td.notification-since {
    width: 120px !important;
    text-align: center !important;
}

/* 4列目：設定／操作 */
html body.bp-user.notifications .notifications.bp-tables-user th.actions,
html body.bp-user.notifications .notifications.bp-tables-user td.notification-actions {
    width: 80px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* 2列目：通知内容（残りの幅をすべて吸収する） */
html body.bp-user.notifications .notifications.bp-tables-user th.title,
html body.bp-user.notifications .notifications.bp-tables-user td.notification-description {
    width: auto !important; 
    text-align: left !important;
    word-wrap: break-word !important;
}

/* 🎯 ③ フォントカラー、サイズ、太さの指定 */
html body.bp-user.notifications .notifications.bp-tables-user th,
html body.bp-user.notifications .notifications.bp-tables-user td,
html body.bp-user.notifications .notifications.bp-tables-user td a,
html body.bp-user.notifications .notifications.bp-tables-user td span,
html body.bp-user.notifications .notifications.bp-tables-user td div {
    color: #4A4A4A !important;
}

/* 🌟 通知テキストのフォント設定（PC: 16px, 太さ: 500） */
html body.bp-user.notifications .notifications.bp-tables-user td.notification-description,
html body.bp-user.notifications .notifications.bp-tables-user td.notification-description a {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* 🌟 スマホ時の通知テキスト（SP: 14px） */
@media (max-width: 767px) {
    html body.bp-user.notifications .notifications.bp-tables-user td.notification-description,
    html body.bp-user.notifications .notifications.bp-tables-user td.notification-description a {
        font-size: 14px !important;
    }
    
    /* スマホ時は受取日や設定の幅も少し詰めて見やすくする */
    html body.bp-user.notifications .notifications.bp-tables-user th.date,
    html body.bp-user.notifications .notifications.bp-tables-user td.notification-since {
        width: 80px !important;
        font-size: 12px !important;
    }
    html body.bp-user.notifications .notifications.bp-tables-user th.actions,
    html body.bp-user.notifications .notifications.bp-tables-user td.notification-actions {
        width: 60px !important;
    }
}

/* リンクの装飾 */
html body.bp-user.notifications .notifications.bp-tables-user td.notification-description a {
    text-decoration: none !important;
}
html body.bp-user.notifications .notifications.bp-tables-user td.notification-description a:hover {
    text-decoration: underline !important;
}

/* 🎯 ④ 操作アイコン周りの整理 */
html body.bp-user.notifications .notifications.bp-tables-user td.notification-actions a {
    display: inline-block !important;
    margin: 0 4px !important;
    font-size: 16px !important;
    text-decoration: none !important;
}
html body.bp-user.notifications .notifications.bp-tables-user td.notification-actions a:hover {
    opacity: 0.6 !important;
}
/* アイコンの間の「|」を消す */
html body.bp-user.notifications .notifications.bp-tables-user td.notification-actions {
    font-size: 0 !important; 
}
/* ソート用の矢印を消す */
html body.bp-user.notifications .notifications.bp-tables-user th a.bp-tooltip,
html body.bp-user.notifications .notifications.bp-tables-user th span.bb-icon-angle-up,
html body.bp-user.notifications .notifications.bp-tables-user th span.bb-icon-angle-down {
    display: none !important;
}

/* ==========================================================================
   🎯 ⑤ 操作完了の報告メッセージ（既読・未読になりました等）を完全非表示
   ========================================================================= */
html body.bp-user.notifications #buddypress .bp-feedback.success,
html body.bp-user.notifications #buddypress #message.success,
html body.bp-user.notifications #buddypress .template-notices .success {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   👥 【ぬいとも一覧】PCのみ：カード引き伸ばし完全解除＆美調整（最終兵器）
   ========================================================================= */

@media (min-width: 768px) {
    /* 🎯 ① 大元のカード（li）のFlexbox呪縛を完全に破壊し、ブロック要素に戻す */
    html body.bp-user.friends #buddypress .members.friends ul.members-list li.item-entry {
        display: block !important;
        height: auto !important;
        min-height: auto !important;
    }

    /* 🎯 ② カードの中身（list-wrap）のFlexboxも無効化し、高さを中身に合わせる */
    html body.bp-user.friends #buddypress .members.friends ul.members-list li.item-entry .list-wrap,
    html body.bp-user.friends #buddypress .members.friends ul.members-list li.item-entry .list-wrap-inner {
        display: block !important;
        height: auto !important;
        min-height: auto !important;
        padding-bottom: 25px !important; /* ボタン下の余白 */
    }

    /* 🎯 ③ テキスト（参加日など）の下にある見えない壁を消去 */
    html body.bp-user.friends #buddypress .members.friends ul.members-list li.item-entry .item {
        display: block !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 🎯 ④ 名前とボタンの間の「空の箱（フォロー機能用）」を物理消去 */
    html body.bp-user.friends #buddypress .members.friends ul.members-list li.item-entry .follow-container {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 🎯 ⑤ ボタンを上にキュッと引き上げ、中央に配置する */
    html body.bp-user.friends #buddypress .members.friends ul.members-list li.item-entry .member-buttons-wrap {
        display: flex !important;
        justify-content: center !important;
        margin-top: 15px !important; /* テキストとの距離 */
        margin-bottom: 0 !important;
    }
}

/* ==========================================================================
   ⚙️ 【設定ページ】UIの最適化（不要タブ削除・オレンジ化・余白調整）
   ========================================================================= */

/* 🎯 ① 「ログイン設定」より上のメニュー（メインタブ・サブタブ）を完全に非表示 */
html body.bp-user.settings #buddypress #object-nav,
html body.bp-user.settings #buddypress #subnav {
    display: none !important;
}

/* 🎯 ② インフォボックス（変更しない場合は…等）を「いつものオレンジ」に変更 */
html body.bp-user.settings #buddypress .bp-feedback.info {
    border-color: #FF6600 !important;
    border-left-color: #FF6600 !important; 
    background-color: #fff9f5 !important;
    margin-top: 25px !important; /* ボックスの上下にもゆとりを */
    margin-bottom: 25px !important;
}
html body.bp-user.settings #buddypress .bp-feedback.info .bp-icon {
    background-color: #FF6600 !important;
    color: #ffffff !important;
}

/* 🎯 ③ 各設問（入力欄とラベル）の間の間隔を広めにとってスッキリ見せる */
html body.bp-user.settings #buddypress form.standard-form label {
    margin-top: 25px !important; /* ラベルの上の余白を広げる */
    margin-bottom: 10px !important; /* ラベルと入力欄の間の余白 */
    font-weight: 700 !important; /* ついでに見やすく太字に */
}

/* 最初のラベルだけは上が空きすぎないように調整 */
html body.bp-user.settings #buddypress form.standard-form > label:first-of-type {
    margin-top: 10px !important;
}

/* 入力欄の下の余白を広げて、次の設問との距離をとる */
html body.bp-user.settings #buddypress form.standard-form input[type="email"],
html body.bp-user.settings #buddypress form.standard-form input[type="password"],
html body.bp-user.settings #buddypress form.standard-form input[type="text"] {
    margin-bottom: 10px !important;
}

/* 送信ボタン（変更する）の上の余白も広くとる */
html body.bp-user.settings #buddypress form.standard-form .submit {
    margin-top: 30px !important;
}

/* ==========================================================================
   ⚙️ 【設定ページ】パスワード変更周りのセキュリティ項目の日本語化とデザイン統一
   ========================================================================= */

/* 🎯 ① 「Current Password」の英語ラベルを日本語に書き換える */
html body.bp-user.settings #buddypress form.standard-form label[for="pwd"] {
    font-size: 0 !important; /* 元の英語を消す */
}
html body.bp-user.settings #buddypress form.standard-form label[for="pwd"]::before {
    content: "現在のPasswordを入力してね" !important; /* 新しい日本語を入れる */
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #4A4A4A !important;
}

/* 🎯 ② 「Lost your password?」の英語リンクを日本語に書き換え、オレンジ色にする */
html body.bp-user.settings #buddypress form.standard-form .lost-pass,
html body.bp-user.settings #buddypress form.standard-form .pwd-lost {
    margin-top: 5px !important;
    margin-bottom: 25px !important;
    display: block !important;
}
html body.bp-user.settings #buddypress form.standard-form .lost-pass a,
html body.bp-user.settings #buddypress form.standard-form .pwd-lost a {
    font-size: 0 !important; /* 元の英語を消す */
    text-decoration: none !important;
}
html body.bp-user.settings #buddypress form.standard-form .lost-pass a::before,
html body.bp-user.settings #buddypress form.standard-form .pwd-lost a::before {
    content: "Passwordを忘れた場合はこちら・∞・" !important;
    font-size: 13px !important;
    color: #FF6600 !important; /* いつものオレンジ */
    font-weight: 700 !important;
    text-decoration: underline !important;
}
html body.bp-user.settings #buddypress form.standard-form .lost-pass a:hover::before,
html body.bp-user.settings #buddypress form.standard-form .pwd-lost a:hover::before {
    opacity: 0.7 !important;
}

/* 🎯 ③ 現在のパスワード入力枠のデザイン統一 */
html body.bp-user.settings #buddypress form.standard-form input#pwd {
    margin-bottom: 5px !important; /* すぐ下に「忘れた場合」が来るように調整 */
}

/* ==========================================================================
   📝 【新規登録ページ】完全改修CSS（ロゴ復活＆余白の精密調整）
   ========================================================================= */

/* 🎯 ① ようこそテキストの上に、ロゴ画像を【強制的に呼び出して】表示する */
html body.register .nuisans-custom-welcome-text::before {
    content: "";
    display: block !important;
    width: 100% !important;
    height: 110px !important; /* ロゴの表示エリアの高さ */
    background-image: url('https://nuisans.com/wp-content/uploads/2026/07/%E3%81%AC%E3%81%84%E3%81%95%E3%82%93%E3%81%9A%EF%BC%88%E8%83%8C%E6%99%AF%E9%80%8F%E9%81%8E%EF%BC%89-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    margin: 0 auto 20px auto !important; /* ロゴと下のテキストの隙間 */
}

/* 🎯 ② パスワードとの間隔を確保し、「ぬいさんのなまえ」の上の余白を小さくする */
html body.register #register-page #profile-details-section.register-section.extended-profile {
    margin-top: 40px !important;  /* ★パスワード欄との間の隙間（復活＆広げました！） */
    padding-top: 15px !important; /* ★枠の内側（なまえの上）のパディング（大きすぎたので縮めました！） */
}

/* 🎯 過去の不要なロゴスペース（幽霊ブロック）を完全消去 */
html body.register #buddypress.extended-default-reg::before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   📝 【新規登録ページ】アバター画像周りの隙間を【強制的に】整える（最終版）
   ========================================================================= */

/* 🎯 ① アバター画像テキスト下の空白を縮める（少し余裕を持たせました） */
body.register form#signup-form div.layout-wrap > label {
    margin-bottom: 8px !important; /* 🌟 0px から 8px に広げました */
    line-height: 1.2 !important;
}

/* 🎯 ② アバター登録ボタン上のパディングと外側の隙間を調整 */
body.register form#signup-form div.layout-wrap > div#profile-details-section.custom-file-upload-block {
    margin-top: 12px !important;     /* 🌟 5px から 12px に広げました */
    padding-top: 10px !important;    /* ファイル選択ボタンの上のパディング(内側) */
    padding-bottom: 25px !important; 
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 🎯 ③ 黄色い枠の中に潜んでいる「透明な改行（pタグ）」を絶対に消し去る */
body.register form#signup-form div.layout-wrap > div#profile-details-section.custom-file-upload-block > p:empty,
body.register form#signup-form div.layout-wrap > div#profile-details-section.custom-file-upload-block > p:first-child:not(#nui_upload_status_text) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ==========================================================================
   🔔 【新規登録ページ】完了メッセージボックス（青色）をオレンジ色に変更
   ========================================================================= */

/* ① メッセージボックス全体の枠線と背景色をオレンジ系に変更 */
body.register #buddypress .bp-feedback.info {
    border-color: #ff6600 !important;
    border-left-color: #ff6600 !important;
    background-color: #fff9f5 !important; /* 淡く優しいオレンジ背景 */
}

/* ② 左側のアイコン（iマーク）の背景をオレンジ、マークを白に変更 */
body.register #buddypress .bp-feedback.info .bp-icon {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}

/* ③ 🎯 メッセージのテキスト文言をCSSで強制的に書き換え */
body.register #buddypress .bp-feedback.info p {
    font-size: 0 !important; /* 🌟 元の「Emailにメールを...」というおかしな文言を完全に消滅させる */
    color: transparent !important;
}

/* 🌟 代わりに、新しく美しい文言を上から被せて表示させる */
body.register #buddypress .bp-feedback.info p::before {
    content: "メールを送信しました♪アカウントの有効化をお願いします・∞・" !important;
    font-size: 15px !important; /* ちょうどいい文字サイズ */
    color: #4A4A4A !important;  /* マイルドなダークグレー */
    font-weight: 700 !important;
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
    line-height: 1.5 !important;
}

/* ==========================================================================
   🏠 【トップページ限定】ショートコードのお節介パーツ（家アイコン・見出し・検索バー）を完全消滅
   ========================================================================= */
body.home .elementor-widget-shortcode #buddypress > p,
body.home .elementor-widget-shortcode #buddypress > h1,
body.home .elementor-widget-shortcode #buddypress > h2,
body.home .elementor-widget-shortcode #buddypress .activity-head-bar,
body.home .elementor-widget-shortcode #buddypress #bp-nouveau-activity-form-placeholder,
body.home .elementor-widget-shortcode #buddypress .activity-update-form {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   🏠 【トップページ限定】タイムラインを上から10件だけ表示して、11件目以降を隠す
   ========================================================================= */
body.home ul.activity-list > li.activity-item:nth-child(n+11) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 🌟 「もっと読み込む」ボタンなども非表示に */
body.home .load-more,
body.home .activity-list-footer {
    display: none !important;
}

/* ==========================================================================
   💖 【タイムライン修正】「推し」アイコン（親指）の上部見切れを完全に解消
   ========================================================================= */
/* アイコン自体の高さを広げて、天井ガード（overflow:hidden）に頭が切られないようにする */
body.directory.activity .activity-state-reactions i.bb-icon-thumbs-up,
body.directory.activity .activity-state-reactions i[class*="bb-icon-"] {
    display: inline-block !important;  /* 🌟 文字扱いを解除し、アイコンとしての高さをしっかり持たせる */
    line-height: 1.2 !important;       /* 余裕を持たせて見切れを防止 */
    padding-top: 2px !important;       /* 🌟 頭が切れないように内側にクッションを敷く */
    vertical-align: middle !important; /* 隣のテキスト「あなた・∞・」と綺麗に高さを揃える */
    position: relative !important;
    top: -1px !important;              /* クッションを入れた分、少しだけ上にズラしてバランスを調整 */
}

/* ==========================================================================
   🎨 【最終版】タイムラインのカードに1pxの枠線を追加する
   ========================================================================= */

/* タイムライン（一覧）、詳細ページ、トップページ、そして「ユーザールーム」のカードを最強権限で狙い撃ち */
html body.directory.activity #buddypress ul.activity-list li.activity-item,
html body.activity-permalink #buddypress ul.activity-list li.activity-item,
html body.home #buddypress ul.activity-list li.activity-item,
html body.bp-user.activity:not(.activity-permalink) #buddypress ul.activity-list li.activity-item {
    border: 1px solid #EAEAEA !important; 
    
    /* ※影を消してフラットにする場合は下の行のコメントアウトを外す */
    /* box-shadow: none !important; */
}

/* ==========================================================================
   👻 【お化け退治】中身が空っぽのシステム用カード（残骸）を自動判別して完全消去
   ========================================================================= */

/* 🎯 最新のCSS機能「:has()」を使い、「アバター画像を持っていない空のカード」を自動検知して消去します */
html body #buddypress ul.activity-list > li.activity-item:not(:has(.activity-avatar)),
html body #buddypress ul.activity-list > li.activity-item:empty {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

/* 🎯 念のため「もっと読み込む」などのシステム用隠しブロックからも枠線を剥奪 */
html body #buddypress ul.activity-list > li.load-more,
html body #buddypress ul.activity-list > li.load-newest,
html body #buddypress ul.activity-list > li.activity-popup {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ==========================================================================
   🎯 【完全版】CSSのみで解決！検索用マスク非表示 ＆ 文字・絵文字サイズの統一
   ========================================================================= */

/* ① セキュリティで丸裸にされた検索用マスク（spanタグ）を強制的に消滅させる */
html body #buddypress ul.activity-list li.activity-item .activity-content .activity-inner p span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ② すべての段落(p)の文字サイズを強制統一する（PC用：16px / 太さ：500） */
html body #buddypress ul.activity-list li.activity-item .activity-content .activity-inner p {
    font-size: 16px !important; 
    font-weight: 500 !important;
    line-height: 1.6 !important;
    margin-bottom: 1em !important;
}

/* 🌟③ 巨大化する絵文字（img.emoji）を、文字サイズ(16px)に合わせて小さくする */
html body #buddypress ul.activity-list li.activity-item .activity-content .activity-inner p img.emoji {
    display: inline-block !important;
    width: 16px !important;         /* テキストと同じ16pxに制限 */
    height: 16px !important;        /* テキストと同じ16pxに制限 */
    margin: 0 2px !important;       /* 文字との間にわずかな隙間を作る */
    vertical-align: text-bottom !important; /* テキストの高さと綺麗に揃える */
    box-shadow: none !important;    /* 余計な影を消す */
    border: none !important;
}

/* ④ スマホ（画面幅767px以下）の時のサイズ調整（SP用：14px） */
@media (max-width: 767px) {
    /* 段落の文字サイズを14pxに */
    html body #buddypress ul.activity-list li.activity-item .activity-content .activity-inner p {
        font-size: 14px !important;
    }
    
    /* 🌟 絵文字のサイズも14pxに縮小 */
    html body #buddypress ul.activity-list li.activity-item .activity-content .activity-inner p img.emoji {
        width: 14px !important;
        height: 14px !important;
    }
}

/* ==========================================================================
   🎯 【修正】プロフィール編集：自己紹介（テキストエリア）を広くて書きやすくする
   ========================================================================= */

html body.bp-user #buddypress .profile .editfield textarea {
    min-height: 200px !important; /* 🌟 枠の最低限の高さを200pxに拡張（お好みで変更OK） */
    height: 200px !important;
    padding: 15px !important;     /* 内側に余裕を持たせて文字が壁にくっつかないようにする */
    font-size: 16px !important;   /* PC/SPともに読みやすい16pxに統一 */
    line-height: 1.6 !important;  /* 行間を綺麗に保つ */
    border-radius: 12px !important; /* 他の入力枠と合わせて角を丸くする */
    border: 2px solid #EAEAEA !important;
    background-color: #FAFAFA !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* 入力中に枠線の色を「ぬいともオレンジ」にしてフォーカスさせる */
html body.bp-user #buddypress .profile .editfield textarea:focus {
    border-color: #FF6600 !important;
    background-color: #FFFFFF !important;
    outline: none !important;
}

/* ==========================================================================
   🎯 【修正】新規登録画面：自己紹介（テキストエリア）の高さを広げる
   ========================================================================= */
html body.register #buddypress #register-page textarea,
html body.registration #buddypress #register-page textarea {
    min-height: 150px !important; /* 🌟 登録画面に最適な高さ（150px）に拡張 */
    height: 150px !important;     /* 48pxに固定されていた設定を強制上書き */
    padding: 15px !important;     /* 内側に余裕を持たせる */
    font-size: 16px !important;   /* スマホでも読みやすいサイズ */
    line-height: 1.6 !important;  /* 行間を美しく保つ */
}

/* ==========================================================================
   🎯 【最強版】スマホ閲覧時：タイムラインの一番下に透明なブロックを置く
   ========================================================================= */

@media (max-width: 767px) {
    /* タイムラインのリスト(ul)の最後尾に、高さ240pxの透明な箱を強制生成する */
    html body #buddypress ul.activity-list::after {
        content: "" !important;
        display: block !important;
        height: 180px !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   🎯 【修正】詳細ページ専用：グリッド右上のSNSボタン＆タイムラインへ戻るリンク
   ========================================================================= */

/* 外枠の配置（左右分割と上下の余白調整） */
.nuisans-single-page-header-actions {
    display: flex !important;
    justify-content: space-between !important; /* 🌟 左端（文字）と右端（アイコン）に分ける */
    align-items: center !important;
    width: 100% !important;               /* 横幅をグリッドに合わせる */
    margin-top: 20px !important;          /* 🌟 上の黄色いナビゲーションとの間を20px空ける */
    margin-bottom: 10px !important;       /* 🌟 下のカード（グリッド）との距離を狭くする */
}

/* タイムライン のテキストリンク設定 */
.nuisans-single-page-header-actions .nui-back-to-timeline {
    font-size: 16px !important;          /* 💻 PC用サイズ */
    font-weight: 500 !important;         /* 指定の太さ */
    color: #4A4A4A !important;           /* シックなグレー */
    text-decoration: none !important;    /* 下線を消す */
    transition: color 0.2s ease !important;
}
.nuisans-single-page-header-actions .nui-back-to-timeline:hover {
    color: #FF6600 !important;           /* ホバーでオレンジに */
}

/* SNSシェアボタン群 */
.nui-single-share-buttons {
    display: flex !important;
    gap: 8px !important;                 /* ボタン同士の隙間 */
}

/* シックな丸型ボタンの基本スタイル */
.nui-single-share-buttons .nui-share-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
    border-radius: 50% !important; /* 完全な丸型 */
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* ホバー時のリアクション */
.nui-single-share-buttons .nui-share-btn:hover {
    background-color: #FF6600 !important;
    transform: translateY(-2px) !important;
}

/* アイコン（SVG）のサイズと色 */
.nui-single-share-buttons .nui-share-btn svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
}

/* スマホ用（画面幅767px以下）の微調整 */
@media (max-width: 767px) {
    .nuisans-single-page-header-actions {
        margin-top: 15px !important;      /* 📱 SP用の上余白 */
        margin-bottom: 8px !important;    /* 📱 SP用の下余白 */
    }
    /* 📱 SP用：文字サイズ14px */
    .nuisans-single-page-header-actions .nui-back-to-timeline {
        font-size: 14px !important;
    }
    .nui-single-share-buttons .nui-share-btn {
        width: 30px !important;
        height: 30px !important;
    }
    .nui-single-share-buttons .nui-share-btn svg {
        width: 14px !important;
        height: 14px !important;
    }
}