/* style.css
 * ・要素の位置、レイアウトについて記述します
 * ・全体または本文に関連する、インライン要素の修飾について記述します
 */

/* メディアクエリ指定 */
@media screen and (max-width: 400px){
	:root{
		font-size: 90%;
	}
}

@media screen and (min-width: 401px) and (max-width: 768px){
	:root{
		font-size: 95%;
	}
}

@media screen and (min-width: 769px){
	:root{
		font-size: 100%;
	}
}


/* 背景と基本文字 */
body{
	color: #000000;
}

/* リンク */
a{
	text-decoration: none;
}

a:link{
	color: #073e73;
}

a:visited{
	color: #740050;
}

	a:hover{
		text-decoration: underline;
	}

	/* 参考文献へのリンク */
	a.ref{
		vertical-align:super;
		text-decoration:none;
		font-size: .75em;
	}

	/* 脚注へのリンク */
	a.note{
		vertical-align:super;
		text-decoration:none;
		font-size: .75em;
	}	


/* 文字の強調と修飾 */
b, strong{
	font-weight: bold;
}


em{
	text-decoration: underline;
	font-style: normal;
}

.marker{		/* 蛍光ペン 汎用 */
	background: #fff27b;
	text-decoration: none;
}

i.comment{		/* 親しいコメント */
	color: #888888;
	font-style: normal;
}

i.subtitle{		/* サブタイトル */
	font-style: normal;
	font-size: smaller;
	font-weight: normal;
}

/* 作品名、文献名 */
cite{
	display: inline;
	quotes: "「" "」";
	font-style: normal;
}

	cite::before{
		content:  open-quote;
	}

	cite::after{
		content: close-quote;
	}


/* セクション */
section, aside, article{
	display: block;
	padding: .5em 0 .5em 1%;
}


/* 見出し */
h1{
	display: block;
	font-size: 1.5em;
	margin: .5em 0;
}
h2{
	display: block;
	font-size: 1.4em;
	margin: .5em 0;
}
h3{
	display: block;
	font-size: 1.3em;
	margin: .5em 0em;;
}
h4, h5, h6{
	display: block;
	font-size: 1.2em;
}

section h2, section h3, section h4{
	border-bottom: solid thin;
}

aside h2, aside h3, aside h4{
	border-bottom: solid thin;
}

article h2, article h3, article h4{
	border-bottom: solid thin;
}

/* ヘッダー */

/* ナビゲーション */


/* フッター */
footer{
	text-align: center;
}

/* 段落 */
p{
	text-indent: 1em;	/* 1行目字下げ*/
	line-height: 1.7em;
}

/* リスト */



/* 図表 */
figure{
	display: inline-block;
	margin: 4px;
	padding: 8px;
	text-align: center;
}

	figure.x-large{
		max-width: 52em;
	}

	figure.large{
		max-width: 26em;
	}

	figure.medium{
		max-width: 19em;
	}

	figure.small{
		max-width: 14em;
	}

	figure img{
		display: block;
		width: 100%;
		height: 100%;
	}
	


/* 増分と差分・要約と詳細 */
summary{
	font-weight: bold;
}

/* その他のブロック修飾 */
/* 表 */