.note-block{
	margin				: 40px 0;
	border-left			: 5px solid var(--link-color);
	padding				: 0 0 0 20px;
	font-size			: 14px;
}
.note-block>dt{
	margin				: 0 0 1em 0;
	font-weight			: bold;
	line-height			: 1.3;
}
.note-block .note-image img[src=""]{ display: none; }
.note-block .note-image:empty{ display: none; }

.note-block.nothing .note-image{ display: none; }

.note-block:not([class="nothing"]) dd{
	display				: flex;
	flex-direction		: row;
}
.note-block:not([class="nothing"]) dd .note-image{ margin: 0 15px 0 0; }

.note-block.half dd .note-image		{ flex: 0 0 calc(50% + 15px); }
.note-block.third dd .note-image	{ flex: 0 0 calc(33% + 15px); }
.note-block.quarter dd .note-image	{ flex: 0 0 calc(25% + 15px); }

.note-block.vertical dd{ flex-direction: column; }
.note-block.vertical dd .note-image{ margin: 0 0 15px 0; }
.note-block p{
	margin: 0;
}