/* ============================================================
   Body 記事専用：カテゴリーの世界観 ＋ 文章の種類ごとの構造差分
   ------------------------------------------------------------
   ・世界観（淡いセージグリーン・左右非対称の丸みを持つカード）は共通
   ・タイトルカードの組み方だけを、文章の種類（vayu-ctype-*）で変える
   ============================================================ */

/* ── 世界観：淡いセージグリーン、左右非対称の柔らかいカード ── */
.vayu-body-post #top_title_area {
	background-color: #eef4ec;
}

.vayu-body-post .p-articleHead.c-postTitle {
	background-color: #ffffff;
	border-radius: 46px 14px 46px 14px;
	box-shadow: 0 10px 24px rgba(110, 132, 104, 0.14);
	padding: 40px 46px 34px;
}

.vayu-body-post .p-articleHead.c-postTitle::before {
	/* 葉っぱの代わりに、綿毛のような小さな丸の集合に差し替える */
	width: 26px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Ccircle cx='16' cy='8' r='4' fill='%236e9968'/%3E%3Ccircle cx='7' cy='14' r='3' fill='%236e9968' fill-opacity='.7'/%3E%3Ccircle cx='25' cy='14' r='3' fill='%236e9968' fill-opacity='.7'/%3E%3Ccircle cx='16' cy='19' r='2.4' fill='%236e9968' fill-opacity='.5'/%3E%3C/svg%3E");
}

.vayu-body-post .c-postTitle__ttl {
	color: #4b5d46;
	font-weight: 500;
}

.vayu-body-post .c-postTitle__date {
	letter-spacing: 0.08em;
	color: #8fa389;
}

/* カテゴリーキッカー（BODY） */
.vayu-body-post .p-articleHead.c-postTitle::after {
	content: "BODY";
	order: -1;
	display: block;
	margin-bottom: 10px;
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.32em;
	color: #8fa389;
}

/* 文章の種類ラベル */
.vayu-body-post .vayu-content-type.-single {
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	color: #8fa389;
}

/* ============================================================
   文章の種類ごとの構造差分
   ============================================================ */

/* ESSAY：個人的な体験、左寄せ・ゆったりした行間 */
.vayu-body-post.vayu-ctype-essay .p-articleHead.c-postTitle {
	align-items: flex-start;
	text-align: left;
	border-radius: 14px 46px 14px 46px;
}

.vayu-body-post.vayu-ctype-essay .post_content {
	font-size: 1.05em;
	line-height: 2.05;
}

/* ARTICLE：情報として読ませる、しっかりした構造 */
.vayu-body-post.vayu-ctype-article .p-articleHead.c-postTitle {
	border-radius: 12px;
	box-shadow: none;
	border: 1px solid rgba(110, 153, 104, 0.28);
}

.vayu-body-post.vayu-ctype-article .c-postTitle__ttl {
	font-size: 1.12em;
}

/* COLUMN：問いを残す、静かな一枚札（既定に近い） */

/* NOTE：小さな豆知識、コンパクトに */
.vayu-body-post.vayu-ctype-trivia .p-articleHead.c-postTitle {
	border-radius: 24px 10px 24px 10px;
	padding: 24px 32px 20px;
	box-shadow: 0 6px 16px rgba(110, 132, 104, 0.1);
}

.vayu-body-post.vayu-ctype-trivia .c-postTitle__ttl {
	font-size: 0.92em;
}