/*
 * ブログ（通常投稿）専用スタイル
 * このファイルはブログのホームページと個別ページでのみ読み込まれます
 */

/* ブログホームページ（一覧）のスタイル */
.home .c-postList,
.blog .c-postList {
	/* ブログ一覧のレイアウト調整 */
}

.home .c-postList__item,
.blog .c-postList__item {
	/* ブログ一覧の各アイテム */
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #e0e0e0;
}

.home .c-postList__item:last-child,
.blog .c-postList__item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.home .c-postList__title,
.blog .c-postList__title {
	/* ブログ一覧のタイトル */
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0.75rem;
}

.home .c-postList__date,
.blog .c-postList__date {
	/* ブログ一覧の日付 */
	color: #666;
	font-size: 0.9rem;
	margin-bottom: 0.75rem;
}

.home .c-postList__excerpt,
.blog .c-postList__excerpt {
	/* ブログ一覧の抜粋 */
	color: #555;
	font-size: 0.95rem;
	line-height: 1.7;
	margin-bottom: 1rem;
}

/* ブログ個別ページのスタイル */
.single-post .c-postContent {
	/* ブログ個別ページのコンテンツエリア */
	max-width: 900px;
	margin: 0 auto;
}

.single-post .c-postContent__title {
	/* ブログ個別ページのタイトル */
	font-size: 2.2rem;
	margin-bottom: 1rem;
	font-weight: bold;
	line-height: 1.4;
}

.single-post .c-postContent__date {
	/* ブログ個別ページの日付 */
	color: #666;
	font-size: 0.95rem;
	margin-bottom: 2rem;
}

.single-post .c-postContent__body {
	/* ブログ個別ページの本文 */
	line-height: 1.9;
	font-size: 1rem;
}

.single-post .c-postContent__body p {
	/* ブログ本文の段落 */
	margin-bottom: 1.5rem;
}

.single-post .c-postContent__body h2 {
	/* ブログ本文の見出し2 */
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #e0e0e0;
}

.single-post .c-postContent__body h3 {
	/* ブログ本文の見出し3 */
	font-size: 1.3rem;
	font-weight: bold;
	margin-top: 2rem;
	margin-bottom: 0.75rem;
}

.single-post .c-postContent__body img {
	/* ブログ本文の画像 */
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 1.5rem 0;
}

/* ブログ用のカスタムクラス（必要に応じて追加） */
.blog-badge {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	background-color: #28a745;
	color: #fff;
	border-radius: 4px;
	font-size: 0.85rem;
	font-weight: bold;
}

.blog-list-item {
	border-bottom: 1px solid #e0e0e0;
	padding: 2rem 0;
}

.blog-list-item:last-child {
	border-bottom: none;
}

.blog-list-item__link {
	display: block;
	text-decoration: none;
	color: inherit;
	transition: opacity 0.3s;
}

.blog-list-item__link:hover {
	opacity: 0.7;
}

.blog-list-item__date {
	color: #666;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}

.blog-list-item__title {
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 0.75rem;
}

.blog-list-item__excerpt {
	color: #666;
	font-size: 0.95rem;
	line-height: 1.7;
}

.blog-list-item__thumbnail {
	margin-bottom: 1rem;
}

.blog-list-item__thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}

/* ブログカテゴリー・タグのスタイル */
.single-post .c-postContent__categories,
.single-post .c-postContent__tags {
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e0e0e0;
}

.single-post .c-postContent__categories a,
.single-post .c-postContent__tags a {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	background-color: #f5f5f5;
	color: #333;
	border-radius: 4px;
	text-decoration: none;
	font-size: 0.85rem;
	transition: background-color 0.3s;
}

.single-post .c-postContent__categories a:hover,
.single-post .c-postContent__tags a:hover {
	background-color: #e0e0e0;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
	.single-post .c-postContent__title {
		font-size: 1.6rem;
	}
	
	.home .c-postList__title,
	.blog .c-postList__title {
		font-size: 1.2rem;
	}
	
	.single-post .c-postContent__body h2 {
		font-size: 1.4rem;
	}
	
	.single-post .c-postContent__body h3 {
		font-size: 1.2rem;
	}
	
	.blog-list-item {
		padding: 1.5rem 0;
	}
	
	.blog-list-item__title {
		font-size: 1.1rem;
	}
}