/*
Theme Name: ittego Child
Template: ittego
Version: 1.0.3
Description: 親テーマ ittego の子テーマ。パンくずの the_title フィルター引数不足を修正する。
Text Domain: ittego-child
*/

/* フォーラム・トピックはトップ本文と同じクリーム地。親テーマの .forum_img / .column_w に合わせる */
body.single-fmwp_forum,
body.single-fmwp_topic {
	background-color: #faf7f3;
	color: #333;
}

body.single-fmwp_forum .forum_description {
	margin: 0 0 1.2em;
	color: #444;
	font-size: 1rem;
	line-height: 1.8;
}

body.single-fmwp_forum .forum_img,
body.single-fmwp_forum .forum_img img {
	background-color: #f3ebe3;
}

body.single-fmwp_forum input.btn,
body.single-fmwp_topic input.btn,
body.single-fmwp_topic .btn {
	border: 0;
	cursor: pointer;
	font-family: inherit;
	appearance: none;
	-webkit-appearance: none;
	background-color: #ff8989;
	color: #fff;
	border-radius: 999px !important;
	padding: .85em 2.4em;
	font-weight: 700;
	line-height: 1.3;
	min-height: 48px;
}

/* トピック詳細: 本文カードは左、カテゴリ (#right_content) は右 */
body.single-fmwp_topic .column_w {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 28px;
	max-width: 1120px;
	margin: 1.4rem auto 3rem;
	padding: 0 16px;
	box-sizing: border-box;
}
body.single-fmwp_topic #left_content {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	margin: 0;
}
body.single-fmwp_topic #right_content {
	flex: 0 0 280px;
	width: 280px;
	padding: 0;
	box-sizing: border-box;
}
body.single-fmwp_topic .ittego-topic-card {
	background: #fff;
	border: 1px solid #eadfd4;
	border-radius: 12px;
	padding: 1.5rem 1.4rem 1.3rem;
}
body.single-fmwp_topic .fmwp-topic-avatar {
	width: 72px;
	height: 72px;
	flex: 0 0 72px;
}
body.single-fmwp_topic .fmwp-topic-avatar img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 50%;
	background: #f3ebe3;
}
body.single-fmwp_topic .fmwp_topc_right h1,
body.single-fmwp_topic .fmwp_topc_right h3 {
	margin: 0 0 .45em;
	color: #906f4d;
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.45;
}
body.single-fmwp_topic .ittego-topic-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .35em .9em;
	color: #8a7564;
	font-size: .85rem;
	line-height: 1.5;
}
body.single-fmwp_topic .ittego-topic-meta a {
	color: #906f4d;
	text-decoration: none;
}
body.single-fmwp_topic .fmwp-topic-data-content {
	margin-top: 1.2rem;
	color: #444;
	font-size: 1rem;
	line-height: 1.9;
}
body.single-fmwp_topic .fmwp-topic-data-content p {
	margin: 0 0 1em;
}
body.single-fmwp_topic .fmwp-topic-tags-list a,
body.single-fmwp_topic .fmwp-topic-tag {
	display: inline-block;
	margin: .15em .25em .15em 0;
	padding: .2em .75em;
	border-radius: 999px;
	background: #fffbf0;
	border: 1px solid #eadfd4;
	color: #906f4d;
	font-size: .82rem;
	text-decoration: none;
}
body.single-fmwp_topic .fmwp-topic-base-footer,
body.single-fmwp_topic .fmwp-topic-footer {
	margin-top: 1.3rem;
	text-align: center;
}
body.single-fmwp_topic .fmwp-reply-row {
	margin-top: 1rem;
	padding: 1.1rem 1.15rem;
	border: 1px solid #eadfd4;
	border-radius: 12px;
	background: #fffbf0;
}
body.single-fmwp_topic .fmwp-reply-avatar img {
	border-radius: 50%;
}
body.single-fmwp_topic #breadcrumb,
body.single-fmwp_forum #breadcrumb {
	background: #fffbf0;
	color: #906f4d;
}

/* フォーラム一覧のトピックも同じカード */
body.single-fmwp_forum .column_w .fmwp-topic-row {
	background: #fff !important;
	border: 1px solid #eadfd4 !important;
	border-radius: 12px;
}
body.single-fmwp_forum .column_w .fmwp-topic-title,
body.single-fmwp_forum .column_w .fmwp-topic-title-line a {
	color: #906f4d;
	font-weight: 700;
	text-decoration: none;
}
body.single-fmwp_forum .fmwp-forum-sort {
	border: 1px solid #eadfd4;
	background: #fff;
	color: #906f4d;
	border-radius: 999px;
}
body.single-fmwp_forum .btn_w {
	text-align: center;
}

@media (max-width: 768px) {
	body.single-fmwp_topic .column_w {
		display: block;
		max-width: 760px;
		padding: 0 12px;
	}
	body.single-fmwp_topic #right_content {
		width: 100%;
		margin-top: 1.5rem;
	}
	body.single-fmwp_topic .ittego-topic-card {
		padding: 1.15rem 1rem 1rem;
	}
	body.single-fmwp_topic .fmwp_header_w {
		align-items: flex-start;
	}
	body.single-fmwp_topic input.btn,
	body.single-fmwp_forum input.btn {
		width: 100%;
	}
}