/* 棚（連載）記事専用：タイトルを写真に重ねず、プレーンな背景＋葉っぱの飾りで見せる */

.is-shelf-post #top_title_area {
	background-color: #f4f1e8;
}

.is-shelf-post #top_title_area .l-topTitleArea__img {
	display: none;
}

.is-shelf-post #top_title_area .l-topTitleArea__body {
	display: flex;
	align-items: center;
	justify-content: center;
}

.is-shelf-post .p-articleHead.c-postTitle {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fffdf7;
	border-radius: 28px;
	padding: 40px 48px 34px;
	text-align: center;
	box-shadow: 0 8px 24px rgba(110, 132, 104, 0.1);
	max-width: 90%;
}

.is-shelf-post .p-articleHead.c-postTitle::before {
	content: "";
	display: block;
	width: 30px;
	height: 40px;
	margin-bottom: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 80'%3E%3Cpath d='M30 4C46 18 54 36 46 54C40 68 30 76 30 76C30 76 20 68 14 54C6 36 14 18 30 4Z' fill='%236E8468'/%3E%3Cpath d='M30 14V70' stroke='%23fffdf7' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M30 30 L20 24M30 30 L40 24M30 46 L18 40M30 46 L42 40M30 60 L20 55M30 60 L40 55' stroke='%23fffdf7' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.is-shelf-post .c-postTitle__ttl {
	color: #5c6f52;
}

.is-shelf-post .c-postTitle__date {
	color: #8a9482;
}

@media ( max-width: 600px ) {
	.is-shelf-post .p-articleHead.c-postTitle {
		padding: 30px 24px 26px;
		max-width: 92%;
	}
}