/* ---------------------------------------------------------
	ブログ一覧ページ
----------------------------------------------------------*/
.page_blog_list .page_blog_card {
	position: relative;
	display: flex;
	column-gap: 40px;
	row-gap: 10px;
	cursor: pointer;
}

.page_blog_list .page_blog_card:after {
	color: inherit;
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	content: "\f054";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: var(--font-size_12);
}

.page_blog_list .page_blog_item {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #f2f2f2;
}

.page_blog_list .page_blog_item:first-child {
	margin-top: unset;
	padding-top: unset;
	border-top: unset;
}

.page_blog_list .page_blog_thumbnail {
	flex: 0 0 30%;
}

.page_blog_list .page_blog_body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: .5em;
	padding-right: clamp(20px, 5vw, 40px);
}

.page_blog_list .page_blog_title {
	font-family: var(--font-body-japanese-serif);
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: clamp(var(--font-size_14), 1.5vw, var(--font-size_18));
}

@media (max-width: 480px) {
	.page_blog_list .page_blog_card {
		flex-direction: column;
	}

	.page_blog_list .page_blog_card:after {
		top: 93%;
	}

}


/* ---------------------------------------------------------
	ブログ詳細ページ
----------------------------------------------------------*/
.blog_stylist {
	margin-top: 10px;
	gap: 10px;
}

.blog_stylist .circle_img {
	flex: 0 0 43px;
}

.blog_detail .blog_stylist {
	margin-bottom: clamp(20px, 3vw, 30px);
}

@media screen and (max-width: 480px) {
	.blog_stylist .circle_img {
		width: 15%;
	}
}