/* 今日の風：個別記事の「今日の色の標本」＋タイトル葉っぱの傾き（今日の風カテゴリーの記事にのみ読み込み） */

#vayu-daily-color.vayu-daily-color{
	scroll-margin-top:90px;
	max-width:380px;
	margin:48px auto 12px;
	padding:32px 28px 30px;
	background:#FFFDF8;
	border:1px solid rgba(110,132,104,.22);
	border-radius:20px;
	box-shadow:0 10px 26px rgba(62,67,64,.06);
	text-align:center;
}
.vayu-daily-color__kicker{
	margin:0;
	font-family:'Josefin Sans',sans-serif;
	font-size:10.5px;
	letter-spacing:.32em;
	color:#8a9482;
}
.vayu-daily-color__label{
	margin:6px 0 0;
	font-size:12.5px;
	letter-spacing:.08em;
	color:#7a8073;
}
.vayu-daily-color__swatch{
	width:112px;
	height:112px;
	margin:22px auto 0;
	border-radius:50%;
	border:1px solid rgba(0,0,0,.08);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
}
.vayu-daily-color__name{
	margin:20px 0 0;
	font-size:22px;
	font-weight:600;
	letter-spacing:.05em;
	color:#3E4340;
}

@media(max-width:600px){
	#vayu-daily-color.vayu-daily-color{max-width:88%;padding:26px 20px 24px}
	.vayu-daily-color__swatch{width:100px;height:100px}
	.vayu-daily-color__name{font-size:20px}
}

/* タイトル横の葉っぱ（sitewide .has-plain-title-card ::before）だけを、今日の風の記事に限って傾ける */
#body_wrap.is-daily-post.has-plain-title-card .p-articleHead.c-postTitle::before{
	transform:rotate(-12deg);
}