@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*トピックの先頭文字を非表示*/
.bbp-replies-list > li:first-child {
  display: none;
}

/*トピックの編集履歴を非表示*/
.bbp-reply-revision-log {
  display: none !important;
}

/*トピック内で編集や移動などを非表示*/
.bbp-admin-links{
  display: none;
}

/*トピックのヘッダー非表示*/
.bbp-header{
     display: none;
}
/*トピックの本文の左側にあった名前の欄を非表示*/
.bbp-reply-author{
     display: none;
}

/*トピックの権限を非表示*/
.bbp-template-notice{
    display: none;
}

/*トピックの本文の右側はmargin-left 130pxでしたが、強制的に０にする*/
.bbp-reply-content{
    margin-left: 0 !important;
}

/*掲示板フォントサイズなど変更。*/
#bbpress-forums {
    font-size: 1.4em;
    line-height: 40px;
    font-weight: 700;
}
#bbpress-forums .bbp-reply-content p {
    font-weight: 400;
}
.forums{
    font-size: 0.7em;
    margin-top: 32px !important;

}


/* 返信ボタン（右下配置、フォント/角丸等は維持） */
#bbpress-forums div.bbp-reply-content a.reply-to-btn {
    border: 2px solid #19aaff;
    border-radius: 6px;
    background: #fff;
    color: #19aaff;
    padding: 4px 14px;
    float: right;
    margin-top: 8px;
    text-decoration: none;
    font-size: 14px;
    font-family: inherit;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
    display: inline-block;
}
#bbpress-forums div.bbp-reply-content a.reply-to-btn:hover {
    background: #19aaff;
    color: #fff;
}

/* いいねボタン（左下配置、デフォルトは青枠白地） */
#bbpress-forums div.bbp-reply-content .reply-like-btn {
    border: 2px solid #19aaff;
    border-radius: 6px;
    background: #fff;
    color: #19aaff;
    padding: 4px 14px;
    float: left;
    margin-top: 8px;
    text-decoration: none;
    font-size: 14px;
    font-family: inherit;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    position: relative;
    z-index: 1;
}

/* クリック（.liked）時のみ色反転、アイコン・文字が消えないようにする */
#bbpress-forums div.bbp-reply-content .reply-like-btn.liked {
    background: #19aaff;
    color: #fff;
    border-color: #19aaff;
}
#bbpress-forums div.bbp-reply-content .reply-like-btn .like-count {
    font-weight: bold;
    font-size: 14px;
    margin-left: 4px;
}

/* 並び調整用clearfix */
#bbpress-forums div.bbp-reply-content::after {
    content: "";
    display: table;
    clear: both;
}

/*通報ボタン*/
.report-btn {
    float: right; /* 右寄せ */
    margin-left: 16px;
    color: #aaa;
    font-size: 13px;
    padding: 2px 10px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
}
.report-btn:hover {
    
}

#bbpress-forums .bbp-meta {
    font-size: 14px;
}

#bbpress-forums .bbp-reply-id {
    color: #222;               /* 濃いグレーで「黒」感 */
    text-decoration: none;     /* 下線を消す */
}

#bbpress-forums .bbp-reply-post-date {
    color: #888; /* 標準的なグレー */
}

/*入力フォーム関係*/
#bbpress-forums div.bbp-reply-form fieldset.bbp-form {
    border: 0;
    padding: 0;
}

/* 送信ボタン（返信ボタンと同様な感じにする。） */
#bbpress-forums #bbp_reply_submit.button.submit {
    border: 2px solid #19aaff;
    border-radius: 6px;
    background: #fff;
    color: #19aaff;
    padding: 2px 14px;
    font-size: 26px;
    font-family: inherit;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    float: right;      /* 右下寄せが良ければ追加。中央が良ければ削除 */
    margin-top: 8px;
}

/* ホバー時：色反転 */
#bbpress-forums #bbp_reply_submit.button.submit:hover {
    background: #19aaff;
    color: #fff;
}
/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
/* WP-PageNavi 全体中央寄せ（必要なら） */
/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
.wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 28px 0 12px 0;
    font-size: 18px;
    font-family: inherit;
}

/* 通常のページ番号・先頭/最後 */
.wp-pagenavi a,
.wp-pagenavi .page {
    color: #19aaff;
    border: 2px solid #19aaff;
    background: #fff;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.2s, color 0.2s;
    box-sizing: border-box;
}

/* 現在ページ番号 */
.wp-pagenavi .current {
    background: #19aaff;
    color: #fff;
    border: 2px solid #19aaff;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

/* 「先頭」「最後」矢印だけ少し細めに */
.wp-pagenavi .first,
.wp-pagenavi .last {
    font-size: 20px;
    font-weight: normal;
}

/* スマホ対応（小さく） */
@media (max-width: 480px) {
    .wp-pagenavi,
    .wp-pagenavi a,
    .wp-pagenavi .page,
    .wp-pagenavi .current {
        font-size: 16px;
        width: 30px;
        height: 30px;
    }
    .wp-pagenavi {
        gap: 4px;
    }
}

/* 名前欄の幅を広げて本文欄に揃える */
#bbpress-forums fieldset.bbp-form #bbp_anonymous_author {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    font-size: 1em;
    min-height: 50px;
    height: 50px;
}

/* 各返信（ID・名前・日付部分）の背景を白に */
#bbpress-forums ul.forums div.bbp-reply-header {
  background-color: #fff;
  border-top: 1px solid #dde4e6;
  padding: 10px 16px 0 16px;
  margin-top: 0;
  border-radius: 0;
}

#bbpress-forums ul.bbp-replies {
  border: none;
}

/*掲示板本文にあるコード付きのヘッダーを削除*/
#qt_bbp_reply_content_toolbar {
    display: none !important;
}

/*wp_pagenaviのレスポンシブ変更*/
@media (max-width: 480px) {
    .wp-pagenavi, .wp-pagenavi a, .wp-pagenavi .page, .wp-pagenavi .current {
        font-size: 18px;
        width: auto;
        height: 40px;
        padding: 0 12px;
    }
}