@charset "UTF-8";
/* ------------------------------------------------------------
 * Hanbun Default Cascading Style Sheets
 * first edition: 2017-08-24
 * -----------------------------------------------------------*/
/* -------------------------------------- */
/*          Contents Part Style           */
/* -------------------------------------- */
#content {
	position: relative;
	top: 0;
	left: 30%;
	width: 70%;
	max-width: 700px;
	margin: 0;
	/*padding: 2.5em 1em 0 0;*/
	padding: 1em 1em 0 0;
}

@media screen and (max-width: 1024px) {
	#content {
		left: 34%;
		width: 66%;
		max-width: 650px;
	}
}

.content-column {
	position: relative;
	float: left;
	width: 47.5%;
	height: 100%;
	margin: 0;
	margin-right: 5%;
	padding: 0.01em 0 0 0;
}

.content-column:after {
	content: " ";
	display: block;
	clear: both;
}

.content-column h3 {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}

#content *:lang(ja):first-letter,
.content-column *:lang(ja):first-letter {
	font-feature-settings: "halt" 1;
}

#content h3:lang(ja) {
	font-feature-settings: "halt" 1;
}

/* ======= Element Type Selectors ======= */
#content a {
	text-decoration: underline;
}

#content a:hover {
	color: #17640a;
}

#content > h3:first-of-type {
	margin-top: 0;
}

#content > h4:first-of-type,
#content > h3 + h4 {
	margin-top: 0.1em;
}

#content > h3 + p ~ h4:first-of-type {
	margin-top: 3em;
}

#content h6 + p:first-of-type {
	margin-top: 0;
}

.notation + h5 {
	margin-top: 1.18em;
}

#content ul,
#content ol {
	line-height: 1.8em;
}

#content dl > dt {
	font-weight: bold;
}

#content p > img,
#content ul li img,
#content ol li img,
#content dl dt img,
#content dl dd img {
	vertical-align: middle;
}

/* ======= Class Selectors ======= */
#content ul {
	list-style-image: url("../images/list-marker-disc.svg");
}

.content-column ul {
	list-style-image: url("../images/list-marker-black.svg");
}

#content ul.link-list {
	list-style-image: url("../images/list-marker-black.svg");
}

figure.left,
.figure-left {
	float: left;
	font-size: 0.9em;
	margin: 1em;
	margin-top: 0.25em;
	margin-left: 0;
}

figure.right,
.figure-right {
	float: right;
	font-size: 0.9em;
	margin: 1em;
	margin-top: 0.25em;
	margin-right: 0;
}

#content figure ~ figure.left,
#content figure ~ figure.right,
#content figure ~ figure-left,
#content figure ~ figure-right {
	clear: both;
}

#content ul + p {
	clear: both;
}

#content .signature,
#content .date {
	text-align: right;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#content ul .date,
#content dl .date {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}

#content .date + .signature {
	margin-top: -1.5em;
}

.notation {
	text-align: right;
}

/*#content .attention {
	color: #ff6600;
}*/

#content .attention {
	color: #d3381c;
}

.phrase-delimiter {
	display: inline;
	letter-spacing: -0.3em;
	padding-right: 0.3em;
	text-indent: 0em;
}

#content a .phrase-delimiter,
a:hover .phrase-delimiter {
	position: relative;
	text-decoration: underline;
}

#content a .phrase-delimiter:after,
a:hover .phrase-delimiter:after {
	content: "\00a0";
	display: inline-block;
	position: absolute;
	right: 0;
	width: 0.3em;
	max-height: 100%;
	letter-spacing: normal;
	text-decoration: underline;
	text-indent: 0em;
}

#content .bullet-emphasis {
	-webkit-text-emphasis:filled sesame;
	text-emphasis: filled sesame;
	font-weight: normal;
}

.series,
.subtitle {
	display: block;
}

#content h4 .series,
#content h4 .subtitle {
	font-size: 0.58em;
	font-weight: normal;
}

#content .note-symbol {
	line-height: 1.25em;
	font-family: 'Yu Gothic Custom', 'Yu Gothic', 'YuGothic', '游ゴシック', 'メイリオ', 'Meiryo', 'Noto Sans CJK JP', 'Noto Sans JP', '源ノ角ゴシック', '源ノ角ゴシック JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'Verdana', sans-serif;
}

#content hr.small-break {
	border-width: 0;
	height: 0;
	margin: 1em 0;
}


/* -------------------------------------- */
/*      for Google Chrome (Windows)       */
/* -------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#content .bullet-emphasis,
	#content h4 .series,
	#content h4 .subtitle {
		font-weight: 500;
	}
}