@charset "UTF-8";
/* ------------------------------------------------------------
 * Hanbun Note Cascading Style Sheets
 * first edition: 2020-03-12
 * -----------------------------------------------------------*/
#content > .note-popup,
#content > .note-navigator {
	display: none;
	position: absolute;
	top: 30em;
	right: -24%;
	margin: 0;
	padding: 0.5em;
	background-color: #fffff0;
	width: 22%;
	min-width: 80px;
	max-width: 160px;
	font-size: 0.85em;
}

#content > .note-navigator {
	right: -26%;
	width: auto;
	min-width: 100px;
	max-width: 190px;
	background-color: #fcefd4;
	color: #ac5c00;
	font-size: 0.95em;
}

#content > .note-popup.show,
#content > .note-navigator.show {
	display: block;
	/*transform-origin: left top;*/
	animation: fade-in 0.25s linear 1;
}

#content > .note-popup.hide,
#content > .note-navigator.hide {
	display: block;
	opacity: 0;
	animation: fade-out 0.25s linear 1;
}

#content .note-viewer {
	display: block;
	margin: 2em 0em 2em 2em;
	text-indent: 0;
	font-size: 90%;
	transform-origin: left top;
	animation:
		fade-in 0.25s linear 1,
		show-blind 0.25s linear 1;
}

#content .note-viewer.hide {
	animation:
		fade-out 0.25s linear 1,
		hide-blind 0.25s linear 1;
}