/* 福島美女図鑑 COMMUNITY(掲示板)
   文字の大きさは、サイトの方針にそろえる:本文16px・注釈14px以上・うす灰色は#6b645c */

.fbc { max-width: 720px; margin: 0 auto; color: #3b332c; }
.fbc * { box-sizing: border-box; }

.fbc-h { font-size: 18px; line-height: 1.6; margin: 0 0 12px; color: #3b332c; }
.fbc-h-list { margin-top: 36px; padding-top: 24px; border-top: 1px solid #e8dfd0; }

.fbc-note { font-size: 14px; line-height: 1.8; color: #6b645c; margin: 10px 0 14px; }
.fbc-note-admin { color: #8d5f6a; margin: 0 0 12px; }

/* 送信結果のメッセージ */
.fbc-msg { font-size: 16px; line-height: 1.7; padding: 14px 16px; border-radius: 8px; margin: 0 0 20px; }
.fbc-msg.ok  { background: #f3efe7; border: 1px solid #d9c9a8; }
.fbc-msg.err { background: #fbf0f0; border: 1px solid #e1b9b9; color: #7a3a3a; }

/* 投稿フォーム */
.fbc-form { background: #f7f2ea; border-radius: 12px; padding: 18px; margin: 0; }
.fbc-label { display: block; font-size: 16px; line-height: 1.6; margin: 0 0 12px; }
.fbc-form input[type="text"],
.fbc-form textarea {
	display: block; width: 100%; margin-top: 6px; padding: 12px;
	font-size: 16px; line-height: 1.6; font-family: inherit; color: #3b332c;
	background: #fff; border: 1px solid #d9cfc0; border-radius: 8px;
}
.fbc-form textarea { min-height: 110px; resize: vertical; }
.fbc-btn {
	display: block; width: 100%; padding: 14px; margin: 4px 0 0;
	font-size: 16px; font-family: inherit; color: #fff; background: #a8875f;
	border: 0; border-radius: 999px; cursor: pointer;
}
.fbc-btn:hover { opacity: .9; }

/* ボット対策の見えない欄(人間は触れない) */
.fbc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* 投稿のお願い */
.fbc-rules { font-size: 14px; line-height: 1.8; color: #6b645c; margin: 0 0 8px; }
.fbc-rules summary { cursor: pointer; }
.fbc-rules ul { margin: 8px 0 0; padding-left: 1.4em; }

.fbc-empty { font-size: 16px; color: #6b645c; }

/* 話題と返信 */
.fbc-thread { margin: 0 0 22px; }
.fbc-post {
	background: #fff; border: 1px solid #e8dfd0; border-radius: 12px; padding: 16px 18px;
}
.fbc-post.fbc-by-admin { border-color: #a8875f; background: #fdfaf4; }
.fbc-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 8px; }
.fbc-name { font-size: 16px; font-weight: 700; }
.fbc-badge { font-size: 14px; line-height: 1; color: #fff; background: #a8875f; border-radius: 999px; padding: 4px 10px; }
.fbc-date { font-size: 14px; color: #6b645c; margin-left: auto; }
.fbc-body { font-size: 16px; line-height: 1.9; word-break: break-word; }
.fbc-env { font-size: 14px; line-height: 1.6; color: #6b645c; margin: 10px 0 0; }
.fbc-adminlink { font-size: 14px; margin: 8px 0 0; }

.fbc-replies { margin: 10px 0 0 14px; padding-left: 12px; border-left: 2px solid #e8dfd0; display: grid; gap: 10px; }
.fbc-reply-item { background: #faf8f4; }
.fbc-reply-item.fbc-by-admin { background: #fdfaf4; }

/* 返信フォームの開閉 */
.fbc-reply { margin: 10px 0 0 14px; font-size: 16px; }
.fbc-reply > summary { cursor: pointer; color: #8d5f6a; font-size: 16px; padding: 6px 0; }
.fbc-reply .fbc-form { margin-top: 8px; }

/* ページ送り */
.fbc-pager { display: flex; justify-content: space-between; gap: 12px; margin: 28px 0 0; font-size: 16px; }
.fbc-pager a { color: #8d5f6a; text-decoration: none; padding: 10px 0; }