/*
 * 標準テキストに下線マーカー風ハイライトを適用する。
 */
.yblocks-marker {
	background-repeat: no-repeat;
	background-position: left 90%;
	background-size: 100% 0.56em;
	padding: 0 0.08em;
	border-radius: 0.08em;
	text-decoration: none;
}

.yblocks-marker[data-yblocks-marker-color="elegant-red"] {
	background-image: linear-gradient(transparent 52%, rgba(220, 109, 119, 0.42) 52%);
}

.yblocks-marker[data-yblocks-marker-color="soft-yellow"] {
	background-image: linear-gradient(transparent 52%, rgba(255, 227, 138, 0.62) 52%);
}

.yblocks-marker[data-yblocks-marker-color="fresh-green"] {
	background-image: linear-gradient(transparent 52%, rgba(151, 212, 161, 0.55) 52%);
}

.yblocks-marker[data-yblocks-marker-color="calm-blue"] {
	background-image: linear-gradient(transparent 52%, rgba(149, 192, 235, 0.52) 52%);
}