/* Modern CSS styles for WikiForum extension */

/* ===== 基本レイアウト ===== */
.mw-wikiforum-frame {
    margin-bottom: 1.5rem;
    border-radius: 0.2rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    background: #f8f9fa;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin-bottom: 3rem !important;

}

.mw-wikiforum-innerframe {
    background: #fff;
}

/* ===== ヘッダー＆フッター ===== */
.mw-wikiforum-headerrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    padding: 0.75rem 0;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mw-wikiforum-leftside {
    text-align: left;
}

.mw-wikiforum-rightside {
    text-align: right;
    margin-left: auto;
}

/* ===== タイトルとヘッダー ===== */
.mw-wikiforum-title {
    background: transparent;
}

.mw-wikiforum-header {
    display: grid;
    grid-template-columns: minmax(auto, 3fr) minmax(30px, 0.5fr) minmax(30px, 0.5fr) minmax(auto, 2fr);
    gap: 1rem;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    justify-items: center;
}

div.mw-wikiforum-header{
    background:#f8f9fa;
}


.mw-wikiforum-header-admin {
    grid-column: 2;
    text-align: center;
}

.mw-wikiforum-header-title {
    grid-column: 1;
}

.mw-wikiforum-header-value{
    text-align: center;
}
/* 最終投稿カラム */
.mw-wikiforum-header-lastpost {
    grid-column: auto;
    text-align: center;
}
.mw-wikiforum-mainpage .mw-wikiforum-header {
    background: #f2ddce;
}

.mw-wikiforum-valuetitle {
    margin: 0;
    font-size: 0.6rem;
}

/* ===== スレッド一覧表示 ===== */

.mw-wikiforum-normal, 
.mw-wikiforum-sticky,
.mw-wikiforum-marked {
    display: grid;
    gap: 0.5rem;
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid #dee2e6;
    align-items: center;
}


.mw-wikiforum-title {
    grid-column: 1;
}


.mw-wikiforum-admin {
    grid-column: 2;
    text-align: center;
}
.mw-wikiforum-header-title,
.mw-wikiforum-header-value,
.mw-wikiforum-valuetitle{
font-weight:bold;

}

/* ===== スレッドとコメント表示 ===== */
.mw-wikiforum-thread-top {
    background-color: #f8f9fa;
    padding: 8px 12px;
    border-bottom: 1px solid #edeff1;
    font-size: 12px;
    color: #787c7e;
    display: flex;
    justify-content: space-between;
}

.mw-wikiforum-thread-main {
    padding: 1.5rem;
    position: relative;
}

.mw-wikiforum-thread-sub {
    padding: 1.25rem;
    background: #f0f0ea;
    border-bottom: 1px solid #c8c8c8;
    position: relative;
    font-size: 15px;
    line-height: 1.7em;
}

/* ===== テキスト関連 ===== */
.mw-wikiforum-issue {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.mw-wikiforum-descr {
    color: #6c757d;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5em;
}

.mw-wikiforum-posted {
    display: flex;
    justify-content: space-between;
    color: #6c757d;
    font-size: 0.75rem;
    border-top: 1px dashed #ced4da;
    padding-top: 0.75rem;
    margin-top: 1.5rem;
    align-items: center;
}

/* ===== 検索ボックス ===== */
#mw-wikiforum-searchbox {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row-reverse;
}

#mw-wikiforum-searchbox-border {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background: #fff;
    overflow: hidden;
    width: 280px;
}

#mw-wikiforum-searchbox-picture {
    width: 20px;
    height: 20px;
    margin: 0 0.5rem;
}

#txtSearch {
    flex: 1;
    border: none;
    padding: 0.5rem;
    background: transparent;
    outline: none;
}

/* ===== 引用スタイル ===== */
blockquote {
    padding: 1rem;
    border-left: 4px solid #ced4da;
    background: #f8f9fa;
    margin: 1rem 0;
    max-width: 90%;
}

blockquote p.posted {
    color: #6c757d;
    font-size: 0.75rem;
    border-bottom: 1px dotted #ced4da;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

blockquote span {
    color: #adb5bd;
    font-family: serif;
    font-size: 1.5rem;
    margin: 0 0.25rem;
}

/* ===== アバター ===== */
.wikiforum-avatar-image {
    float: right;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}

/* ===== ボタン ===== */
.wikiforum-add-button {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-weight: bold;
    color: white;
    background-color: #007bff;
    text-decoration: none;
    border-radius: 0.25rem;
    border: none;
    transition: background-color 0.2s;
}

.wikiforum-add-button:hover {
    background-color: #0069d9;
    color: white;
    text-decoration: none;
}

.wikiforum-add-button:visited {
    color: white;
}

.mw-wikiforum-button {
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    transition: all 0.15s ease-in-out;
}

.mw-wikiforum-button-submit {
    background-color: #007bff;
    color: white;
}

.mw-wikiforum-button-submit:hover {
    background-color: #0069d9;
}

.mw-wikiforum-button-cancel {
    background-color: #6c757d;
    color: white;
}

.mw-wikiforum-button-cancel:hover {
    background-color: #5a6268;
}

/* ===== フォーム関連 ===== */
.mw-wikiforum-form {
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

.mw-wikiforum-form-header {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.mw-wikiforum-form-content {
    margin-bottom: 1rem;
}

.mw-wikiforum-form-field {
    margin-bottom: 1rem;
}

.mw-wikiforum-form-field label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.mw-wikiforum-input {
    display: block;
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #fff;
}

.mw-wikiforum-form-textarea {
    margin-bottom: 1rem;
}

.mw-wikiforum-form-textarea textarea {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.5rem;
}

.mw-wikiforum-form-buttons {
    display: flex;
    gap: 0.5rem;
}

.mw-wikiforum-form-captcha {
    margin-bottom: 1rem;
}

/* ===== ページネーション ===== */
.mw-wikiforum-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
    font-size: 0.875rem;
}

.mw-wikiforum-pagination a {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin: 0 0.25rem;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    text-decoration: none;
}

.mw-wikiforum-pagination a:hover {
    background-color: #e9ecef;
}

.mw-wikiforum-pagination .current-page {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin: 0 0.25rem;
    border: 1px solid #007bff;
    background-color: #007bff;
    color: white;
    border-radius: 0.25rem;
}




/* ===== スレッド表示の改善 ===== */
.mw-wikiforum-thread {
    border-radius: 0.25rem;
    overflow: hidden;
    background: #fff;
}
.mw-wikiforum-thread a{
font-weight: bold;
}
.mw-wikiforum-thread-id {
    float: right;
    color: #6c757d;
    font-size: 0.75rem;
}

.mw-wikiforum-reply {
    margin-bottom: 1rem;
}

/* ===== ボタンアイコンのスタイル ===== */
.mw-wikiforum-button-icon {
    display: inline-block;
    margin-left: 0.5rem;
    opacity: 0.75;
    transition: opacity 0.2s;
}

.mw-wikiforum-button-icon:hover {
    opacity: 1;
}

.mw-wikiforum-button-icon img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.mw-wikiforum-reply-buttons {
    display: inline-flex;
    align-items: center;
}

/* ===== 空のフォーラム/スレッドのメッセージ ===== */
.mw-wikiforum-empty-message {
    padding: 1rem;
    text-align: center;
    color: #6c757d;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* ===== スレッドアイコン改善 ===== */
.mw-wikiforum-thread img {
    vertical-align: middle;
    margin-right: 0.5rem;
}

/* ===== カテゴリーとフォーラムの表示改善 ===== */
.mw-wikiforum-category,
.mw-wikiforum-forum {
    margin-bottom: 1.5rem;
}

.mw-wikiforum-category-name,
.mw-wikiforum-forum-name {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.mw-wikiforum-category-description,
.mw-wikiforum-forum-description {
    color: #6c757d;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

/* ===== パンくずナビゲーション ===== */
.mw-wikiforum-breadcrumb {
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.mw-wikiforum-breadcrumb a {
    color: #007bff;
    text-decoration: none;
}

.mw-wikiforum-breadcrumb a:hover {
    text-decoration: underline;
}

.mw-wikiforum-breadcrumb .separator {
    margin: 0 0.5rem;
    color: #6c757d;
}

/* ===== アニメーション効果 ===== */
.wikiforum-add-button,
.mw-wikiforum-button {
    transition: all 0.2s;
}

@keyframes highlight {
    0% { background-color: #fff8e1; }
    100% { background-color: inherit; }
}

.highlight-new {
    animation: highlight 2s ease-in-out;
}

/* ===== その他の調整 ===== */
.mw-wikiforum-issue a:visited {
    color: #1B599B;
}

.mw-wikiforum p {
    margin: 0.5rem 0;
}

/* ===== アクセシビリティ向上 ===== */
.mw-wikiforum a:focus,
.mw-wikiforum button:focus,
.mw-wikiforum input:focus,
.mw-wikiforum textarea:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}



/* 管理アイコンがない場合のヘッダー調整用 */
.mw-wikiforum-header.mw-wikiforum-no-admin-header {
    grid-template-columns: auto 100px 100px 200px;
}

    /* 検索ボックス */
    #mw-wikiforum-searchbox {
        float: none;
        width: 100%;
        margin-bottom: 1rem;
    }
    
    #mw-wikiforum-searchbox-border {
        width: 100%;
    }
    
    /* その他の要素 */
    .mw-wikiforum-thread-main,
    .mw-wikiforum-thread-sub {
        padding: 1rem;
    }
    
    .wikiforum-avatar-image {
        max-width: 60px;
        margin-left: 0.5rem;
    }

@media screen and (max-width: 767px) {
    /* 共通のスタイル */
    .mw-wikiforum-value[data-label]::before {
        content: attr(data-label) "：";
        display: inline;
        margin-right: 0;
    }
    
    /* スレッドの場合（HTML 1のパターン） */
    .mw-wikiforum-normal .mw-wikiforum-value[data-label="スレッド数"] {
        margin-top: 0.5em !important;
    }
    
    .mw-wikiforum-normal .mw-wikiforum-value[data-label="返信数"] {
        margin-bottom: 0.5em !important;
        margin-top: 0em !important;
    }
    
    .mw-wikiforum-normal .mw-wikiforum-value[data-label="閲覧回数"] {
        margin-top: -0.5em !important;
        margin-bottom: 0.5em !important;
    }
    
    /* フォーラムの場合（HTML 2のパターン） */
    .mw-wikiforum-marked .mw-wikiforum-value[data-label="スレッド数"] {
        margin-top: 0.5em !important;
    }
    
    .mw-wikiforum-marked .mw-wikiforum-value[data-label="返信数"] {
        margin-bottom: 1em !important;
        margin-top: 0em !important;
    }
      .mw-wikiforum-value {
        display: inline;
      }
.mw-wikiforum-search {
    margin-bottom: 20px;
}

.mw-wikiforum-search-result {
    margin: 10px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-left: 12px;
}

.mw-wikiforum-no-results {
    padding: 20px;
    text-align: center;
    color: #666;
    font-style: italic;
}
  }
  
  .mw-wikiforum-header{
    color: #59636e;
}
div#mw-wikiforum-searchbox-border svg {
    margin: 0 10px;
}
/* ===== テーブルレイアウト修正（PC表示用） ===== */

/* 基本のグリッドレイアウト */
.mw-wikiforum-header,
.mw-wikiforum-normal, 
.mw-wikiforum-sticky,
.mw-wikiforum-marked {
    display: grid;
    grid-template-columns: minmax(auto, 3fr) minmax(30px, 0.5fr) minmax(30px, 0.5fr) minmax(auto, 2fr);
    gap: 1rem;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #dee2e6;
    align-items: center;
}

/* 管理アイコンがある場合 (ログイン時) */
.mw-wikiforum-with-admin,
.mw-wikiforum-header.mw-wikiforum-with-admin-header {
    display: grid;
    grid-template-columns: minmax(auto, 3fr) minmax(30px, 1fr) minmax(30px, 1fr) minmax(auto, 2fr);
    gap: 1rem;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #dee2e6;
    align-items: center;
}

/* 管理アイコンがない場合 (未ログイン時) */
.mw-wikiforum-no-admin,
.mw-wikiforum-header.mw-wikiforum-no-admin-header {
    display: grid;
    grid-template-columns: minmax(auto, 3fr) minmax(30px, 0.5fr) minmax(30px, 0.5fr) minmax(auto, 2fr);
    gap: 1rem;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    
}



/* モバイル表示の修正 - 幅を狭く設定 */
@media screen and (max-width: 767px) {
    /* ヘッダー修正 */

    .mw-wikiforum-with-admin-header {
        display: grid!important;
        grid-template-columns: repeat(3, 1fr)!important;
        grid-template-rows: repeat(3, 1fr)!important;
        gap: 8px!important;
    }
    .mw-wikiforum-with-admin-header > .mw-wikiforum-header-title{
        grid-column: span 3 / span 3;
        grid-row-start: 1;
    }
    .mw-wikiforum-with-admin-header > .mw-wikiforum-header-admin{
        grid-column: span 3 / span 3;
        grid-row-start: 2;
        text-align:left;
    }

    .mw-wikiforum-with-admin-header > .mw-wikiforum-header-value {
        grid-row-start: 3!important;
    }

    .mw-wikiforum-with-admin-header > .mw-wikiforum-header-lastpost {
        grid-row-start: 3!important;
    }
    .mw-wikiforum-no-admin-header {
        display: grid!important;
        grid-template-columns: repeat(3, 1fr)!important;
        grid-template-rows: repeat(2, 1fr)!important;
        gap: 1px!important;
        }
        .mw-wikiforum-no-admin-header > .mw-wikiforum-header-title{
            grid-column: span 3 / span 3!important;
        }
    .mw-wikiforum-no-admin-header > .mw-wikiforum-header-value {
        grid-row-start: 2!important;
    }

    .mw-wikiforum-no-admin-header > .mw-wikiforum-header-lastpost {
        grid-row-start: 2!important;
    }

    /* リスト表示修正 */
    .mw-wikiforum-normal, 
    .mw-wikiforum-sticky,
    .mw-wikiforum-marked,
    .mw-wikiforum-with-admin,
    .mw-wikiforum-no-admin {
        grid-template-columns: 1fr !important;
        padding: 0.75rem;
    }
    
    .mw-wikiforum-title {
        grid-column: 1;
        padding: 0;
    }
    
    .mw-wikiforum-admin {
        grid-column: 1;
        text-align: left;
        margin: 0.5rem 0;
    }
    
    /* 値のラベル表示 */
    .mw-wikiforum-lastpost {
        font-size: 0.75rem;
        color: #6c757d;
    }
    .mw-wikiforum-lastpost a {
        color: #4b7798!important;
    }
    .mw-wikiforum-value:before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 0.5rem;
        min-width: 80px;
        font-size: 0.7em;
        display: inline-grid;
    }
    
    .mw-wikiforum-lastpost:before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 0.5rem;
        min-width: 80px;
    }
    .mw-wikiforum-value:before, .mw-wikiforum-lastpost:before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 0.5rem;
        display: inline-block;
    }

    a.thread-r-icon {
        padding: 0 5px;
    }
}

a.thread-r-icon {
    padding: 0 5px;
}

/* 全体のフレーム調整 */
.mw-wikiforum-frame {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1c1c1c;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  

  
  /* スレッドのメインスタイル  */
  .mw-wikiforum-thread {
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
  }
  
  /* スレッドのトップバー */
  .mw-wikiforum-thread-top {
    background-color: #f8f9fa;
    padding: 8px 12px;
    border-bottom: 1px solid #edeff1;
    font-size: 12px;
    color: #787c7e;
    display: flex;
    justify-content: space-between;
  }
  
  .mw-wikiforum-thread-id {
    color: #787c7e;
  }
  
  /* スレッド本文のコンテナ */
  .mw-wikiforum-thread-main {
    padding: 16px;
    position: relative;
    background-color: #ffffff;
  }
  
  /* すべての返信に左側の線を追加 */
  .mw-wikiforum-reply {
    position: relative;
    margin-left: 18px;
  }
  
  /* 返信の背景スタイル */
  .mw-wikiforum-thread-sub {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 4px;
    margin-right: 1rem;
    border: 1px solid #e3e5e6;
  }
  
  /* 入れ子の返信のスタイル (2段階目以降) */
  .mw-wikiforum-reply .mw-wikiforum-reply {
    margin-left: 12px;
    border-left-color: #0079d3;
  }
  
  .mw-wikiforum-reply .mw-wikiforum-reply .mw-wikiforum-reply {
    border-left-color: #ff4500;
  }
  
  .mw-wikiforum-reply .mw-wikiforum-reply .mw-wikiforum-reply .mw-wikiforum-reply {
    border-left-color: #46d160;
  }
  
  /* アバター画像の調整 */
  .wikiforum-avatar-image {
    float: left;
    margin-right: 12px;
    margin-bottom: 8px;
  }
  
  .wikiforum-avatar-image img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
  }
  
  /* 投稿情報の調整 */
  .mw-wikiforum-posted {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #edeff1;
    font-size: 12px;
    color: #787c7e;
  }
  
  .mw-wikiforum-leftside {
    display: flex;
    align-items: center;
  }
  
  .mw-wikiforum-leftside a {
    color: #0079d3;
    text-decoration: none;
    font-weight: 500;
  }
  
  .mw-wikiforum-leftside a:hover {
    text-decoration: underline;
  }
  
  /* アクションボタン */
  .mw-wikiforum-reply-buttons,
  .mw-wikiforum-rightside {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .mw-wikiforum-button-icon {
    opacity: 0.7;
    transition: opacity 0.2s;
  }
  
  .mw-wikiforum-button-icon:hover {
    opacity: 1;
  }
  
  .mw-wikiforum-button-icon img {
    width: 16px;
    height: 16px;
  }
  
  /* 投票ボタンを追加したい場合のスタイル（オプション） */
  .mw-wikiforum-vote {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #1c1c1c;
  }
  
  /* テキスト本文 */
  .mw-wikiforum-thread-main p,
  .mw-wikiforum-thread-sub p {
    margin: 0 0 12px;
    line-height: 1.5;
    overflow-wrap: break-word;
  }
  
  .mw-wikiforum-thread-main p:last-child,
  .mw-wikiforum-thread-sub p:last-child {
    margin-bottom: 0;
  }
  
  /* 引用スタイル */
  blockquote {
    border-left: 4px solid #0079d3;
    padding: 4px 8px;
    margin: 8px 0;
    background-color: #f6f7f8;
    color: #4f4f4f;
  }

  
  .mw-wikiforum-lastpost a {
    color: #6392b9!important;
}
.mw-wikiforum-recent-replies h5 {
    margin: 0 !important;
    font-weight: bold;
    color: #3c3c3c;
    border-bottom: 2px solid #066db1 !important;
    padding: 0.7em !important;
}
  /* ユーザー名ラベル */
  a[title^="利用者:"] {
    font-weight: bold;
    color: #1a1a1b;
    text-decoration: none;
  }
  
  a[title^="利用者:"]:hover {
    text-decoration: underline;
  }
  
  /* ログイン済みユーザー用の追加スタイル */
  .mw-wikiforum-thread-sub img[alt="avatar"] + p {
    min-height: 36px;
  }
  
  /* スマートフォン対応 */
  @media (max-width: 576px) {
    .mw-wikiforum-posted {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }
    
    .mw-wikiforum-reply {
      margin-left: 12px;
      padding-left: 8px;
    }
    
    .wikiforum-avatar-image img {
      width: 28px;
      height: 28px;
    }
  }




  /* 引用ブロックのスタイル */
.mw-wikiforum-thread-sub blockquote {
    background-color: #ffffff;
    border-left: 4px solid #0079d3;
    padding: 8px 12px;
    margin: 1rem 0.5rem 1rem 0.5rem;
    border-radius: 3px;
    color: #a7acb2;
    font-size: 0.95em;
    line-height: 1.4;
    box-shadow: 0px 0px 4px 0px #939cad;
  }
  .mw-wikiforum-thread-sub blockquote:before {
    display: none;
}
  
  /* 引用元の情報 */
  .mw-wikiforum-thread-sub blockquote p.posted {
    font-size: 11px;
    color: #949cae;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 6px;
    margin-bottom: 6px;
  }
  
  /* 引用のクォーテーションマーク */
  .mw-wikiforum-thread-sub blockquote span {
    color: #0079d3;
    font-family: Georgia, serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 2px;
  }
  
  /* 入れ子になった引用対応 */
  .mw-wikiforum-thread-sub blockquote blockquote {
    border-left-color: #ff4500;
    background-color: #f7f7f7;
    margin-left: 5px;
  }
  
  /* 引用内の段落 */
  .mw-wikiforum-thread-sub blockquote p:not(.posted) {
    margin: 6px 0;
  }
  
  /* 長い引用のスクロール対応 (オプション) */
  .mw-wikiforum-thread-sub blockquote.long-quote {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 15px;
  }
  
  /* 引用の折りたたみボタン (オプション、JavaScriptでの実装が必要) */
  .quote-toggle {
    cursor: pointer;
    color: #0079d3;
    font-size: 0.8em;
    text-decoration: underline;
    margin-bottom: 4px;
    display: inline-block;
  }

  /* 投稿ヘッダー（アバターとユーザー情報）のスタイル */
.post-header {
    display: flex!important;
    align-items: flex-start!important;
    margin-bottom: 15px!important;
    padding-bottom: 5px!important;
}

.post-header .wikiforum-avatar-image {
    float: none;
    margin: 0 12px 0 0;
}

.post-header .user-info {
    font-size: 12px;
    color: #6a6a6a;
    padding-top: 3px;
}

/* 投稿本文のスタイル */
.post-content {
    clear: both;
    margin: 15px;
}

/* 編集情報のスタイル */
.mw-wikiforum-edited-info {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    text-align: right;
    margin-top: 8px;
    color: #aeb0b2;
}
.mw-wikiforum-edited-info a {
    color: #aeb0b2;
    font-style: normal;
}
.mw-wikiforum-edited-info a.new {
    color: #aeb0b4!important;
    font-style: normal;
}
/* フッターのスタイル */
.post-footer {
    border-top: 1px solid #edeff1;
    padding-top: 8px;
    display: flex;
    justify-content: flex-end;
}

/* アバター画像のスタイル調整 */
.wikiforum-avatar-image {
    float: none;
    margin: 0;
}

.wikiforum-avatar-image img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
/* パンくずリスト（mw-wikiforum-leftside）のスクロール対応 */
.mw-wikiforum-headerrow .mw-wikiforum-leftside {
    white-space: nowrap;  /* テキストを折り返さない */
    overflow-x: auto;     /* 横方向にはみ出した場合にスクロールバーを表示 */
    overflow-y: hidden;   /* 縦方向のスクロールバーは非表示 */
    -webkit-overflow-scrolling: touch;  /* iOSでの滑らかなスクロール */
    max-width: 100%;      /* 親要素の幅を超えないようにする */
    padding-bottom: 5px;  /* スクロールバー用の余白 */
    position: relative;   /* 位置指定 */
}

/* スクロールバーのスタイル調整（オプション） */
.mw-wikiforum-headerrow .mw-wikiforum-leftside::-webkit-scrollbar {
    height: 4px;          /* スクロールバーの高さ */
}

.mw-wikiforum-headerrow .mw-wikiforum-leftside::-webkit-scrollbar-track {
    background: #f1f1f1;  /* スクロールバーのトラックの背景色 */
    border-radius: 4px;   /* 角丸に */
}

.mw-wikiforum-headerrow .mw-wikiforum-leftside::-webkit-scrollbar-thumb {
    background: #888;     /* スクロールバーの色 */
    border-radius: 4px;   /* 角丸に */
}

.mw-wikiforum-headerrow .mw-wikiforum-leftside::-webkit-scrollbar-thumb:hover {
    background: #555;     /* ホバー時の色 */
}

/* スマホ表示時のレイアウト調整 */
@media (max-width: 767px) {
    .mw-wikiforum-headerrow {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .mw-wikiforum-headerrow .mw-wikiforum-leftside {
        width: 100%;
        margin-bottom: 8px;
    }
    
    .mw-wikiforum-headerrow .mw-wikiforum-rightside {
        margin-left: 0;
        width: 100%;
        text-align: left;
    }
    .mw-wikiforum-leftside a {
        padding: 0 5px;
    }
    .mw-wikiforum-value {
        display: grid;
        justify-content: start;
    }
    .mw-wikiforum-value[data-label]::before {
        content: attr(data-label) "： ";
        display: inline;
        margin-right: 0;
      }
      
      .mw-wikiforum-value {
        display: inline!important;
      }
      .mw-wikiforum-value[data-label]::before, .mw-wikiforum-value {
        display: inline;
        font-size: 0.7rem;
        color: #57636d;
      }
    
.post-content {
    margin: 15px 0px 15px 5px;
}
}

.mw-wikiforum-value {
    display: grid;
    justify-content: center;
}
.mw-wikiforum-form .wikiEditor-ui * {
    box-sizing: border-box;
}
.mw-wikiforum-lastpost {
    font-size: 0.7em;
    color: #57636d;
}
/*スレッド名の前にアイコン*/
.mw-wikiforum-title > .mw-wikiforum-thread a::before {
    content: "📋 ";
}
.mw-wikiforum-title svg {
    margin-right: 10px;
    vertical-align: baseline;
}
.reply-tooltip .post-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
  }
  .reply-number {
    padding: 3px 10px 0 0;
    font-weight: bold;
    color: #e6b863;
}
.mw-wikiforum-reply-buttons svg {
    margin-top: -3px;
}

a[href].new {
    color: #4d8ab6!important;
}
/* 検索結果のスタイル修正 */
.mw-wikiforum-search {
    margin-bottom: 20px;
}

.mw-wikiforum-search-result {
    margin: 10px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-left: 12px;
}

.mw-wikiforum-no-results {
    padding: 20px;
    text-align: center;
    color: #666;
    font-style: italic;
}
.mw-wikiforum-leftside a {
    padding: 0 5px;
}

.mw-wikiforum-thread-title {
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #edeff1;
    color: #1a1a1b;
    line-height: 1.3;
  }
  h3.mw-wikiforum-thread-title {
    margin-top: 0 !important;
    margin-bottom: 1em;
    border-bottom: solid 1px #bababa !important;
    color: #464a50;
}
  
  @media (max-width: 767px) {
    .mw-wikiforum-thread-title {
      font-size: 1.1rem;
      padding-bottom: 8px;
      margin-bottom: 12px;
    }
    h3.mw-wikiforum-thread-title {
        margin-top: 0 !important;
        margin-bottom: 1em;
        border-bottom: solid 1px #bababa !important;
        color: #464a50;
    }
  }
  
/* 最近のレス表示用スタイル */
  div#BBS {
    padding: 0;
    margin: 0;
    background-color: #ffffffe3;
}
.mw-wikiforum-allsites-replies {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    border-radius: 0px!important;
}
.mw-wikiforum-recent-replies {
    margin: 1em 0;
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    margin-right: 20px;
    float:left;
}
.mw-wikiforum-recent-replies h5 {
    margin: 0 !important;
    font-weight: bold;
    color: #3c3c3c;
    border-bottom: 2px solid #066db1 !important;
    padding: 0.7em !important;
}
li.mw-wikiforum-recent-reply {
    padding: 10px 15px !important;
    border-bottom: 1px solid #e0e0e0;
}
.forum-thread-item {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px !important;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}
li.forum-thread-item:last-child {
    border-bottom: 0px;
}
@media (max-width: 768px) {
    .mw-wikiforum-recent-replies,
    .mw-wikiforum-allsites-replies {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.mw-wikiforum-recent-replies h3 {
    margin: 0;
    padding: 0.7em 1em;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd;
    font-size: 1em;
    font-weight: bold;
    color: #333;
}

.mw-wikiforum-recent-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mw-wikiforum-recent-reply {
    padding: 0.4em 0.1em;
    border-bottom: 1px solid #eee;
    line-height: 22px!important;
    margin: 0 !important;
}

.mw-wikiforum-recent-reply:last-child {
    border-bottom: none;
}

.mw-wikiforum-recent-thread {
    font-weight: bold;
    margin-bottom: 0.3em;
}

.mw-wikiforum-recent-thread a {
    color: #0645ad;
    text-decoration: none;
}

.mw-wikiforum-recent-thread a:hover {
    text-decoration: underline;
}

.mw-wikiforum-recent-text {
    color: #252525;
    margin: 0.3em 0;
    line-height: 1.4;
    word-break: break-word;
    font-size: 0.7em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.mw-wikiforum-recent-posted {
    font-size: 0.7em;
    color: #949494;
    margin-top: 0.3em;
    text-align: right;
}

/* サイドバーに表示する場合の追加スタイル */
.wikiforum-sidebar-content {
    margin-top: 1em;
    font-size: 0.9em;
}

.wikiforum-sidebar-content .mw-wikiforum-recent-replies {
    box-shadow: none;
    margin: 0;
}

.wikiforum-sidebar-content .mw-wikiforum-recent-reply {
    padding: 0.5em;
}

.wikiforum-sidebar-content .mw-wikiforum-recent-text {
    font-size: 0.85em;
    max-height: 3em;
    overflow: hidden;
}
.mw-wikiforum-recent-list li::before {
    display: none !important;
}
ul.mw-wikiforum-recent-list {
    margin: 0 10px 0 0 !important;
}
div.mw-wikiforum-recent-breadcrumb {
    font-size: 0.6em;
}
.mw-wikiforum-recent-thread a {
    font-size: 0.85em;
}
.mw-wikiforum-recent-replies {
    border: none;
    box-shadow: none;
}
/* レスポンシブデザイン */
@media screen and (max-width: 768px) {
    .mw-wikiforum-recent-replies {
        margin: 0.5em 0;
    }
    
    .mw-wikiforum-recent-reply {
        padding: 0.5em;
    }
    
    .mw-wikiforum-recent-text {
        font-size: 0.85em;
    }
}
.mw-wikiforum-pagination {
    width: 100%;
}

.mw-wikiforum-pagination .mw-wikiforum-leftside {
    display: flex;
    flex-wrap: wrap;    /* ← 折り返しを許可 */
    gap: 4px;           /* ← 数字の間隔 */
    max-width: 100%;    /* ← 横にはみ出させない */
}

.mw-wikiforum-pagination .mw-wikiforum-leftside a,
.mw-wikiforum-pagination .mw-wikiforum-leftside .current-page {
    display: inline-block;
    padding: 2px 4px;
    overflow-wrap: anywhere;  /* ← 必須：はみ出し防止 */
}