@charset "utf-8";

/* p.244 から p.246 */
html, body {
	font-size: 16px;
	font-family: sans-serif;
	color: #373737; /* 文字の色 */
	background: #efefef;  /* 画面背景色 */
}
body, div, p, h1, h2, h3, h4, ul, figure {
		margin: 0;
}
p, td, th, li {
	line-height: 1.6; /* 行間 */
}
/* img a a:hover a:active image-responsible は省略 */
main h1 {
	margin-bottom: 1rem;
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #408040;
	width: 60%;
	font-weight: bold;
	font-size: 1.8rem;
} /* デザイン */

main h2 {
	margin-bottom: 1rem;
	margin-top: 1rem; /* デザイン上その場しのぎ */
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #408040;
	width: 40%;
	font-weight: bold;
	font-size: 1.4rem;
} /* デザイン */

main h3 {
	margin-bottom: 1rem;
	margin-top: 1rem; /* デザイン上その場しのぎ */
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #408040;
	width: 30%;
	font-weight: bold;
	font-size: 1.2rem;
} /* デザイン */

main h4 {
	margin-bottom: 1rem;
	margin-top: 1rem; /* デザイン上その場しのぎ */
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #408040;
	width: 20%;
	font-weight: bold;
	font-size: 1.0rem;
} /* デザイン */

.cotainer {
	margin: 0 auto 0 auto;
	padding: 0 16px 0 16px;
	max-width: 1000px; /* 伸縮幅制限 */
}
/* @madia screen は省略 */


/* header */
.header-inner {
	padding:10px 10px 0 10px;
	background: #bad7f5;
/* border: 1px solid;*/ /* 確認用　消去する */
}

/* nav */
.nav-inner {
	padding: 0; /* １行リストなので padding なし */
	background: #0086f9;
/* border: 1px solid; */ /* 確認用　消去する */
}

main {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #efefef;
/* border: 4px solid; */ /* 確認用　消去する */
}
.main-inner {
	background: #fffde3;
	margin: 0 auto 0 auto;
	padding: 1rem 16px 1rem 16px;
	max-width: 60rem; /* 文字数で制限 */
/* border: 4px solid; */ /* 確認用　消去する */
}

footer {
	background: #80fde3;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: right;
/* border: 4px solid; */ /* 確認用　消去すること */
}

.footer-inner {
	background: #bad7f5;
	padding: 5px 50px 5px 50px;
	border: 1px solid; /* 確認用　消去すること */
} /* p.244 は footer-container */




/* bold */
.lead {
	font-weight: bold;
}

/* Remark. */
.remark {
	margin: 20px 20px 20px 20px;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed;
}
.remark article::before {
	font-weight: bold;
	content: "Remark.";
}

/* Example. article を div.example で囲む */
.example {
	margin: 20px 20px 20px 20px;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed;
}

/* section.paragraph により，意味としては paragraph だが <p> の範囲が壊れている範囲を指定 */
.paragraph {
	margin: 0;
	padding: 0;
}

/* Theorem */
.theorem {
	margin: 20px;
	padding-bottom: 0.5rem;
}

/* .paragraph {border: 2px solid;}*/s /* 削除 */

/* <span class="qq"> の形で，１行で済む blockquote の代用 span を作る */
.qq {
	color: #404040;
}
.qq::before{
	white-space: pre-wrap;
	content: "\A------";
	}
.qq::after{
	white-space:pre-wrap;
	content: "------\A";
	}
/* <ul class="description"> として手動で description style を作る */
.description {
	list-style: none;
}

/* <blockquote class="selfReference"> quotation でないのに blockquote を使う言い訳 */
.selfReference {
	}

/* １行の nav */
.breadcrumb li {
	display: inline;
}
.breadcrumb li::after {
	content: "＞";
}
.breadcrumb li:last-child::after {
	content: none;
}
 .breadcrumb a {
	text-decoration: none; */
	/* color: #185489; */
}
.breadcrumb a.now {
	text-decoration: underline;
	color: black;
}