@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
*/


/**********トピック一覧制御(トップ画面)***********/
.custom-bbp-topic-list {
  list-style: none;
  padding: 0;
  margin: 1em 0;
min-height: 5.5em; /* 約3行分の高さ確保（14px × 1.3 × 3） */
}

.custom-bbp-topic-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  max-width: 100%;
  color: #444;
  text-decoration: none;
}



/* ボタンラッパー（固定下部位置） */
.custom-bbp-topic-btn-wrap {
  margin-top: auto;
  text-align: center;
}

.custom-bbp-topic-btn {
  display: inline-block;
  background: #DD724D;
  color: #fff;
  padding: 0.6em 1.8em;
  font-size: 14px;
  border-radius: 30px;
  text-decoration: none;
  transition: background 0.2s ease;
  margin-top: 1em;
}

.custom-bbp-topic-btn:hover {
  background: #e6671a;
}
/* タイトル（左側）は省略 */
.topic-title-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}

/* 件数（右側）は固定幅 */
.topic-reply-count {
  flex-shrink: 0;
  white-space: nowrap;
  color: #999;
  font-size: 13px;
}

/*トピック一覧の余白設定*/
.column-list {
padding:15px 3px!important;	
}

.column-list h3 {
    font-size: 1.2em;
    margin: 1em 0 1em;
}








/**********bbPress入力フォーム制御**********/
/* フォーム全体をカード風に */
#new-topic-0 {
  background-color: #FDF8F6; /* 薄いオレンジ */
  padding: 2em;
  border-radius: 12px;
  border: 1px solid rgba(221, 114, 77, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  max-width: 720px;
  margin: 2em auto;
}

/* 見出し */
#new-topic-0 legend {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #DD724D;
  position: relative;
}

#new-topic-0 legend::before {
  content: "📝";
  margin-right: 0.4em;
}

/* 通知メッセージ */
.bbp-template-notice {
display: none;
/*
  background: rgba(221, 114, 77, 0.1);
  border-left: 4px solid #DD724D;
  padding: 1em;
  margin-bottom: 1.2em;
  font-size: 0.9em;
  color: #444;
  border-radius: 6px;
*/
}

/* ラベル */
#new-topic-0 label {
  font-weight: 600;
  color: #444;
  display: block;
  margin-bottom: 0.3em;
  margin-top: 1em;
}

/* テキスト入力・セレクト・テキストエリア */
#new-topic-0 input[type="text"],
#new-topic-0 textarea,
#new-topic-0 select {
  width: 100%;
  padding: 0.8em;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  font-size: 1em;
  transition: border-color 0.2s ease;
}

#new-topic-0 input[type="text"]:focus,
#new-topic-0 textarea:focus,
#new-topic-0 select:focus {
  border-color: #DD724D;
  outline: none;
  box-shadow: 0 0 0 2px rgba(221, 114, 77, 0.2);
}

/* クイックタグバー */
.quicktags-toolbar {
  background: #f9f9f9;
  padding: 0.5em;
  border-radius: 6px;
  margin-bottom: 1em;
}

/* チェックボックス */
#bbp_topic_subscription {
  margin-right: 0.5em;
}

/* 送信ボタン */
.bbp-submit-wrapper {
  text-align: center;
  margin-top: 1.5em;
}

#bbp_topic_submit {
  background-color: #DD724D;
  color: #fff;
  font-weight: bold;
  padding: 0.7em 2.2em;
  font-size: 1em;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s;
}

#bbp_topic_submit:hover {
  background-color: #c65a35;
}

.bbp-form {
background: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* textの大きさ変更*/
#new-topic-0 input[type="text"],
#wp-bbp_topic_content-editor-container textarea {
padding:  1.2em!important;
font-size: 1.2em !important;
line-height: 1.6 !important;
}

/* selectの大きさ変更*/
#new-topic-0 select {
  padding: 8px 10px !important;   /* 内側の余白で高さを確保 */
  font-size: 1.2em !important;     /* 文字サイズを大きくしても高さに影響 */
  line-height: 1.5 !important;     /* 高さに影響 */
  height: auto !important;         /* 高さの強制無効化 */
  min-height: 40px !important;     /* 明示的に最低高さを指定 */
  box-sizing: border-box;
}

/*textareaの大きさ変更*/
#bbp_topic_content {
height: 90px !important; /* 高さを200pxに制限 */
max-height: 90px;
min-height: 70px;
resize: vertical; /* ユーザーが縦方向にだけ拡大縮小可能 */
}

/*入力フォーム全体の幅・余白調整*/
#new-post,
.bbp-form,
.bbp-topic-form {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 8px 10px!important;
box-sizing: border-box;
}


/*入力フォームタイトル部分装飾*/
.bbp-form legend {
font-size: 1.7rem!important;
font-weight: 700;
color: #222;                /* 濃いグレーで視認性UP */
background-color: #f7f7f7;  /* 白に近い明るい背景 */
padding: 1.2rem 1.5rem;
margin-bottom: 1.5rem;
border-left: 6px solid #444; /* タイトルを左線で強調 */
border-radius: 4px;
}
.bbp-form legend::before {
  content: none !important;
  display: none !important;
}

/*パンくずリスト削除*/
.bbp-breadcrumb {
  display:none;	
}

/*「トピックタイプ」項目削除*/
/*「トピックの状態」項目削除*/
#bbp_stick_topic_select,
label[for="bbp_stick_topic"],
#bbp_topic_status_select,
label[for="bbp_topic_status"] {
  display: none !important;
}

/* トピックタグと通知チェックボックスの間の余白をなくす */
/* トピックタグ入力欄の <p> 要素の下マージンを除去 */
#bbp_topic_tags {
margin-bottom: 0 !important;
}

/* 通知チェックボックスの <p> 要素の上マージンを除去 */
#bbp_topic_subscription {
margin-top: 0 !important;
}

/* 親の <p> タグを制御（bbPressは各項目を <p> で囲む） */
#new-topic-0 .bbp-form p {
  margin-bottom: 0.3em !important;
}

/*メッセージ欄の表示*/
.error {
 display : block;	
}





/**********返信フォームのタイトル装飾*********/
.bbp-reply-form legend {
font-size: 1.4em!important;
width: 100%!important;
  font-weight: bold;
  color: #fff;
 background: linear-gradient(135deg, #f7c7b3, #fbe0d3); /* ピーチ系 */
 background: linear-gradient(135deg, #f28b82, #f09385); /* 濃いめコーラル */
	padding: 12px 24px!important;
  border-radius: 10px; /* もっと丸み */
  display: inline-block;
  margin-bottom: 20px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* 影を柔らかく */
  letter-spacing: 0.05em;
  position: relative;
  padding-left: 50px; /* アイコンの余白 */
}

/* アイコン風の装飾を ::before で */
.bbp-reply-form legend::before {
  content: "💬";  /* お好きな絵文字 */
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
}










/**********スレッド一覧制御*********/
/* ◆◆◆◆◆BBPressカスタマイズ(トピック画面)◆◆◆◆◆*/

/*トピックエリアの幅指定（デフォルトだと極端に狭いのでwidthを上書き指定）*/
#bbpress-forums{
width:800px;
}
@media screen and (max-width: 480px) {
#bbpress-forums{
width:100%;
}
}
/*トピックタイトルの表示制御*/
h1.entry-title{
font-size:25px;	
}
@media screen and (max-width: 480px) {
h1.entry-title{
font-size:22px;	
}
}

/*トピック一覧のフッター削除*/
.bbp-footer {
 display:none;
}
.bbp-topic-meta {
 display:none;	
}



/*投稿ヘッダー全体をまず薄青にする*/
div.bbp-reply-header{
/*background-color: #E6F2FF !important;*/
/*background-color: #dd724dd6 !important;*/
background-color: #F7F4ED !important;
color: black!important;
}

/*投稿者(最初のレコード)の投稿ヘッダーを青に上書きする(これで回答者のヘッダーが緑で投稿者のヘッダーが青になる)*/
li:first-child div.bbp-reply-header{
background-color: #66b3ff !important;
color: white!important;
}

/*投稿者(最初のレコード)の投稿ヘッダーの編集リンクの文字色を白に変更*/
li:first-child div.bbp-reply-header span.bbp-admin-links a{
color: white!important;	
}
/*投稿者(最初のレコード)の投稿ヘッダーの投稿番号(#9999)の文字色を白に変更*/
li:first-child div.bbp-reply-header div.bbp-meta a{
 color: white;
}


/*投稿者ヘッダー文字色を白にする*/
li:first-child  a{
/*color: white!important;*/	
}


/*回答者の回答者の投稿ヘッダーを薄青に上書きする*/
.bbp-threaded-replies li div.bbp-reply-header {
background-color: #E6F2FF !important;
color: black!important;
}

.bbp-threaded-replies li a{
color: black!important;
}


/*回答者のフォント設定*/
div.bbp-reply-content p{
line-height: 30px;	
}

/*投稿者のフォント設定*/
.loop-item-0 div.bbp-reply-content{
color: blue;
font-weight: 700;
line-height: 30px;	
}

@media screen and (max-width: 480px) {
/*回答者のフォント設定*/
div.bbp-reply-content p{
line-height: 20px;	
}

/*投稿者のフォント設定*/
.loop-item-0 div.bbp-reply-content{
color: blue;
line-height: 20px;	
}
}

.c-pageTitle__inner{
font-size:30px;	
}


/*コメント編集した際の「XXがn分前に編集しました」文言削除*/
.bbp-reply-revision-log{
display: none;
}





/* ◆◆◆◆◆BBPressトピック画像制御◆◆◆◆◆*/
.entry-image img{
width: 120px; /*画像サイズ指定*/
}

.bbpress-wrapper{
width: 100%;
}

.bbp-topic-permalink {
font-size: 16px;
}


/* ◆◆◆◆◆スマホでトピック投稿画面を見たときに横が見切れる問題対応◆◆◆◆◆*/
#bbp_topic_title{
width: 95%;
}
#bbp_topic_tags{
width: 95%;
}
#bbp_anonymous_author{
width: 95%;
}	
#bbp_anonymous_email{
width: 95%;	
}
#bbpress-forums fieldset.bbp-form {
clear: left;
border: 1px solid black;
padding: 1px 5px;
margin-bottom: 10px;
width: 95%;
}

/*タブレットの見切れ制御*/
@media only screen and (min-width:479px) and (max-width:768px) {
#bbpress-forums fieldset.bbp-form {
width: 85%;
}
}

/* ◆◆◆◆◆「WEBサイト」入力欄削除◆◆◆◆◆ */
#new-post > fieldset > div > fieldset > p:nth-child(4){
display:none;
}

/* ◆◆◆◆◆トピック一覧のヘッダーの高さを低く制御◆◆◆◆◆*/
div.bbp-forum-header, div.bbp-reply-header, div.bbp-topic-header, li.bbp-body div.hentry {
    margin: 0;
    overflow: hidden;
    padding: 1px;
}
/* ◆◆◆◆◆トピック一覧の投稿内容エリアの上下の余白制御◆◆◆◆◆*/
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content {
    margin-left: 130px;
    padding: 1px 12px 1px 0;
    text-align: left;
    position: relative;
}

/* ◆◆◆◆◆トピック一覧のアバターの大きさ変更◆◆◆◆◆*/
#bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar {
max-width: 40px;
}
@media screen and (max-width: 480px){
#bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar{
max-width: 30px;
}
}

@media screen and (max-width: 480px) {
    #bbpress-forums .bbp-body div.bbp-reply-author, #bbpress-forums .bbp-body div.bbp-topic-author {
        float: none;
        margin: 10px;
        min-height: 30px;
        padding-left: 80px;
        position: relative;
        text-align: left;
        width: calc(100% - 100px);
        border-bottom: 1px solid #efefef;
        box-sizing: content-box;
    }
}
/* ◆◆◆◆◆イイネボタンを小さく表示制御◆◆◆◆◆*/
.wpulike {
    display: block;
    position: relative;
    line-height: normal;
    margin: 0;
    padding: 1px 0;
}

.wpulike-default button.wp_ulike_btn {
color: #616161;
background-color: #e0e0e0;
min-height: 10px;
min-width: 20px;
}

@media screen and (max-width: 480px) {
.wpulike-default button.wp_ulike_btn {
    color: #616161;
    background-color: #e0e0e0;
    min-height: 25px;
    min-width: 25px;
}
}

/* ◆◆◆◆◆トピックタイトルの大きさ制御◆◆◆◆◆*/
.bbp-topic-wrapper .entry-title{
font-size: 20px;
}

/* ◆◆◆◆◆「トピックがありません」非表示化◆◆◆◆◆*/
.bbp-template-notice {
/*display: none;*/	/*入力チェックエラーが表示されなくなってしまうのでコメントアウト*/
}

/* ◆◆◆◆◆タイトル制御◆◆◆◆◆*/
.c-pageTitle {
font-size: 23px;
font-weight: bold;
color: var(--main-font-color);
}



/*パンくずリスト削除*/
.bbp-breadcrumb {
display:none;	
}

/*ロール名削除*/
.bbp-author-role {
display:none;		
}


/* 全体の掲示板枠（スレッド全体） */
ul.bbp-replies {
  list-style: none;
  margin: 3em 0;
  padding: 0;
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
  border: 1px solid #eee;
}

/* ヘッダーとフッターの行 */
.bbp-header,
.bbp-footer {
  /*background-color: #f0f4f8;*/
  background-color: #dd724d!important;
  /*color: #555;*/
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 1em 2em;
  font-weight: 600;
  font-size: 0.95em;
  border-bottom: 1px solid #ddd;
}

#bbpress-forums li.bbp-header {
  background-color: #dd724d!important;
  /*background: #eaeaea;*/
  height: 30px !important;
  display:none;
}

/* フッター削除 */
.bbp-footer {
 display:none;
}

/* 各投稿ブロック（header＋本文） */
.bbp-body > .bbp-reply-header {
  background: #fafafa;
  padding: 0.75em 2em;
  font-size: 0.85em;
  color: #888;
  border-bottom: 1px solid #eee;
}
.bbp-body > .loop-item-0:hover {
  background: #f9fbfc;
}

/* 投稿者情報 */
.bbp-header .bbp-reply-author {
height:20px;
display:none;
}
.bbp-header .bbp-reply-content {
display:none;
}


.bbp-reply-author {
  flex: 0 0 120px;
  text-align: center;
}


.bbp-reply-author img.avatar {
  border-radius: 50%;
  box-shadow: 0 0 0 2px #dfe3e8;
  margin-bottom: 0.75em;
  transition: transform 0.2s ease;
}
.bbp-reply-author img.avatar:hover {
  transform: scale(1.05);
}

.bbp-reply-content p {
  margin: 1em 0 1em;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
.bbp-reply-content p {
  font-size: 13px;
}
}
.bbp-author-name {
  font-weight: bold;
  color: #222;
  margin-top: 0.5em;
  font-size: 0.95em;
}
.bbp-author-role {
  font-size: 0.75em;
  color: #7a7a7a;
  margin-top: 0.2em;
}
.bbp-admin-links {
  font-size: 0.75em;
}

/*ヘッダーリンクの文字大きさ*/
.bbp-reply-permalink {
font-size: 14px!important;
  color: #DD724D!important;		
}
.bbp-reply-post-date {
font-size: 14px!important;
  color: #DD724D!important;	
}
.bbp-admin-links a {
font-size: 11px!important;
  margin-right: 0.5em;
  color: #DD724D!important;
  text-decoration: none;
  transition: color 0.2s;
}

.bbp-admin-links a:hover {
  color: #0073aa;
  text-decoration: underline;
}

/*スマホ表示でアバターと投稿者名の間の距離調整*/
@media screen and (max-width: 480px) {
#bbpress-forums .bbp-body div.bbp-reply-author, #bbpress-forums .bbp-body div.bbp-topic-author {
padding-left: 30px;
}
/*スマホ表示でアバターと投稿者名の間の高さ調整*/
#bbpress-forums div.bbp-forum-author .bbp-author-name, #bbpress-forums div.bbp-reply-author .bbp-author-name, #bbpress-forums div.bbp-topic-author .bbp-author-name {
margin: 0.3em 12px;	
}
/*スマホ表示でIP表示なし*/
span.bbp-author-ip{
display:none;		
}
	
/*スマホ表示でヘッダーリンクの文字大きさ*/
.bbp-reply-permalink {
font-size: 10px!important;
}
.bbp-reply-post-date {
font-size: 10px!important;
}
.bbp-admin-links a {
font-size: 10px!important;
}
}



/**********人気トピック一覧制御**********/
.post-list {
  list-style: none;
  padding: 0!important;
  margin: 0;
}

.post-item {
  background: #fff;
  margin-bottom: 0.6rem;
  padding: 0 0;
  border-top: 1px solid #eee;
border-bottom: 1px solid #eee;	
}

.post-item:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.post-link {
  display: block;
  padding: 0.7rem 0.8rem;
  color: inherit;
  text-decoration: none;
}

.post-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #999;
  margin-bottom: 0.3rem;
}

.post-category {
  background: #E49073;
  color: #fff;
  padding: 0.1rem 0.4rem;
  border-radius: 3px;
  font-size: 0.7rem;
}

.post-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
  line-height: 1.2;
}

.post-author {
  font-size: 0.7rem;
  color: #777;
}

/*ページネーションの非表示*/
.bbp-pagination{
display:none;	
}





/**********トピック詳細リスト制御**********/
/*トピック詳細リストの返信ボタン装飾*/
.bbp-topic-reply-link ,.bbp-reply-to-link{
  display: inline-block;
  background-color: #ffffff;
  color: #f77c64 !important;
  padding: 2px 10px;
  border-radius: 24px;
/*  border: 2px solid #f77c64;*/
border: 2px solid #f77c64 !important;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 0px;
  margin-left: 5px;
}

.bbp-topic-reply-link:hover {
  background-color: #f77c64;
  color: #ffffff !important;
}