/* ============================================================
   Journey 記事専用：カテゴリーの世界観 ＋ 文章の種類ごとの構造差分
   ------------------------------------------------------------
   ・世界観（白ベース・切符モチーフ）は vayu-journey-post 全体に共通
   ・タイトルカードの組み方だけを、文章の種類（vayu-ctype-*）で変える
   ・本文フォント・本文色・記事一覧・アーカイブページは一切変更しない
   ============================================================ */

/* ── 世界観：白ベース・切符モチーフ（Journey共通） ── */
.vayu-journey-post #top_title_area {
	background-color: #ffffff;
	border-bottom: 1px dashed rgba(90, 100, 110, 0.25);
}

.vayu-journey-post .p-articleHead.c-postTitle {
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px dashed rgba(90, 100, 110, 0.3);
	box-shadow: none;
	padding: 34px 44px 30px;
}

.vayu-journey-post .p-articleHead.c-postTitle::before {
	/* 葉っぱの代わりに、小さな紙飛行機に差し替える */
	width: 26px;
	height: 26px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12.5L21 3l-6.2 18-3.4-7-6.4 3 1-5.6L2 12.5z' fill='none' stroke='%235a6b78' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}

.vayu-journey-post .c-postTitle__ttl {
	color: #3f4a52;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.vayu-journey-post .c-postTitle__date {
	font-family: "Josefin Sans", "Helvetica Neue", Arial, sans-serif;
	letter-spacing: 0.12em;
	color: #9aa4ac;
}

/* カテゴリーキッカー（JOURNEY）：タイトルの上に小さく */
.vayu-journey-post .p-articleHead.c-postTitle::after {
	content: "JOURNEY";
	order: -1;
	display: block;
	margin-bottom: 10px;
	font-family: "Josefin Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.32em;
	color: #9aa4ac;
}

/* 文章の種類ラベル：切符の等級表示のような小さな枠付きタグに */
.vayu-journey-post .vayu-content-type.-single {
	display: inline-block;
	font-family: "Josefin Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 0.22em;
	color: #7c8790;
	border: 1px solid rgba(124, 135, 144, 0.35);
	border-radius: 3px;
	padding: 3px 10px;
}

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

/* ESSAY：個人的な手紙のような、左寄せ・ゆったりした行間 */
.vayu-journey-post.vayu-ctype-essay .p-articleHead.c-postTitle {
	align-items: flex-start;
	text-align: left;
	border-left: 3px solid rgba(90, 100, 110, 0.35);
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-radius: 0;
	padding-left: 28px;
}

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

/* ARTICLE：情報として読ませる、しっかりした構造 */
.vayu-journey-post.vayu-ctype-article .p-articleHead.c-postTitle {
	border-style: solid;
	border-width: 1px 0;
	border-radius: 0;
	padding-top: 26px;
	padding-bottom: 26px;
}

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

/* COLUMN：問いを残す、静かな一枚札（既定に近い） */
.vayu-journey-post.vayu-ctype-column .p-articleHead.c-postTitle {
	padding-top: 30px;
	padding-bottom: 26px;
}

/* NOTE：小さな豆知識、コンパクトに */
.vayu-journey-post.vayu-ctype-trivia .p-articleHead.c-postTitle {
	border-style: dotted;
	padding: 22px 30px 20px;
}

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