@charset "utf-8";

body {
	background-color: #393e40;
	margin: 0 auto 0 auto;
	color: #fff;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	line-height: 1.8;
}

/* ページボタン右寄せ */
.pbright {
	text-align: right;
	margin-bottom: 200px;
}

/* パンくずリスト */
.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb li {
	display: inline; /*横に並ぶように*/
	list-style: none;
}

.breadcrumb li:after { /* >を表示*/
	content: '>';
	padding: 0 0.2em;
}

.breadcrumb li:last-child:after {
	content: '';
}

.mwk {
	float: right;
	margin: 0 0 15px 15px;
}

.mwk_l {
	float: left;
	margin: 0 15px 15px 0;
}

.mwk_0 {
	clear: both;
}



.mini {
	font-size: 12px;
}

.mini14 {
	font-size: 14px;
}

.mbig {
	font-size: 18px;
}

.big {
	font-size: 20px;
}

.big22 {
	font-size: 22px;
}

.container {
	display-webkit-flex; /* safari */
	display: flex;
}

.widget--sticky {
	position: sticky;
	top: 10px;
}

.item1 {
	background-color: #4b4b4b;
	width: 680px;
	height: auto;
	margin: 0 0 0 20px;
	font-size: 16px;
	font-weight: 500;
}

.item2 {
	background-color: #4b4b4b;
	margin: 0 20px 0 20px;
	text-align: center;
	width: 300px;
	height: auto;
}

#wrap {
	background-color: #4b4b4b;
	width: 1040px;
	margin: 0 auto;
}

#header {
	width: 1040px;
	height: 177px;
}

.kisot {
	font-size: 16px;
	width: 640px;
	padding: 20px;
	font-weight: 400;
	line-height: 2.0;
	margin: 0 0 10px 0;
	color: #efefef;
	background-color: #2f2f2f;
	border-radius: 10px;
}

.indext {
	padding: 20px 0 5px 0;
	font-size: 20px;
	width: 680px;
	font-weight: 500;
	line-height: 2.0;
	margin: 0 0 10px 0;
	color: #efefef;
	background-color: #2f2f2f;
	border-radius: 10px;
}

.kstable {
	width: 640px;
	background-color: #3f3f3f;
	border-collapse: collapse;
	font-size: 14px;
}

.kstd {
	border-spacing: 2px;
	padding: 6px;
	font-weight: 700;
	line-height: 1.8;
}

.kstable th, .kstable td {
	border: 2px solid #2f2f2f;
}

.kstable tr:nth-child(even) {
	background-color: #4f4f4f;
}

.mtable {
	font-size: 15px;
	text-align: left;
	font-weight: 400;
	line-height: 1.8;
	padding: 20px;
	width: 640px;
	color: #000;
	background-color: #e6e5e3;
	border-radius: 10px;
}

.bgside {
	padding: 12px 0 12px 0;
	background-color: #303030;
	border-radius: 10px;
	font-size: 17px;
	line-height: 2.0;
	text-align: left;
	width: 300px;
}

#stable {
	background-color: #4b4b4b;
	margin: 0px 20px 0px 20px;
	float: left;
	width: 300px;
	height: auto;
}

#footer {
	clear: both;
	width: 1040px;
	height: 10px;
	background-color: #4b4b4b;
	color: #323232;
}



#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}

a:link {
	color: #efefef;
}

a:visited {
	color: #afafaf;
}

a:active {
	color: #777;
}

a:hover {
	color: #bfbfbf;
}

a[name]:hover {
	text-decoration: none;
}

.space {
	padding: 16px;
}

h1 {
	font-size: 24px;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #ffa500;
	border-bottom: 1px solid #ffa500;
	margin-top: 0;
	margin-left: 0em;
	margin-right: 0em;
}

h2 {
	font-size: 22px;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #ffa500;
	border-bottom: 1px solid #ffa500;
	margin-top: 0;
	margin-left: 0em;
	margin-right: 0em;
}

.mds0 {
	font-size: 24px;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #ffa500;
	border-bottom: 1px solid #ffa500;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 10px;
}

.mds {
	font-size: 18px;
	font-weight: 500;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #005bc0;
	border-bottom: 1px solid #5e5c5c;
	margin-bottom: 10px;
}

.mdsg {
	color: #00ff00;
	font-size: 20px;
	font-weight: 500;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	margin-bottom: 10px;
}

.mds-ch {
	color: #00b03b;
	font-size: 18px;
	font-weight: 500;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	margin-bottom: 10px;
}

.mds-jill{
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #ed6b9e;
	border-bottom: 1px solid #ed6b9e;
	margin-bottom: 10px;
}

/* 基礎知識表内の緑文字 */
.mdg {
	color: #00ff00;
}

.opac img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.opac:hover img {
	opacity: .5;
}

.black {
	color: #000000;
}

.gray {
	color: #afafaf;
}

.red {
	color: #ff0000;
}

.blue {
	color: #0000ff;
}

.orange {
	color: #ffa500;
	font-weight: bold;
}

.green {
	color: #00ff00;
	font-weight: bold;
}

.yellow {
	color: #ffff00;
}

.chris {
	color: #00b03b;
}

.jill{
	color: #ed6b9e;
}



.ptop {
	margin-top: 0;
}

.p0 {
	margin-bottom: 0;
}

.p1 {
	margin-bottom: 10px;
}

.p2 {
	margin-bottom: 20px;
}

.p3 {
	margin-bottom: 30px;
}

.p4 {
	margin-bottom: 40px;
}

.chu {
	vertical-align: super;
	font-size: 12px;
	transform: scale(0.8);
	display: inline-block;
	margin-left: -3px;
}

.bgad {
	margin: 10px 0 10px 0;
	text-align: center;
	width: 300px;
}

.bgadbox {
	width: 640px;
	border: none;
	border-collapse: collapse;
}

.button_l {
	font-size: 22px;
	display: inline-block;
	border-radius: 30px 0 0 30px; /* 角丸 */
	text-align: center; /* 文字位置 */
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 15px; /* 余白 */
	background: #4b4b4b; /* 背景色 */
	color: #afafaf; /* 文字色 */
	line-height: 1em; /* 1行の高さ */
	border: 1px solid #afafaf; /* 枠の指定 */
	margin-right: 5px;
}

.button_r {
	font-size: 22px;
	display: inline-block;
	border-radius: 0 30px 30px 0; /* 角丸 */
	text-align: center; /* 文字位置 */
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 15px; /* 余白 */
	background: #4b4b4b; /* 背景色 */
	color: #afafaf; /* 文字色 */
	line-height: 1em; /* 1行の高さ */
	border: 1px solid #afafaf; /* 枠の指定 */
}

.button_l:hover, .button_r:hover {
	color: #140f15; /* 文字色 */
	background: #afafaf; /* 背景色 */
}

/*タイトル横のアイコン*/
.outline__title2::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f03a';
	margin-right: 10px;
}

.toc {
	line-height: 2.4;
	padding-left: 0;
	list-style: none;
	font-size: 20px;
}

.side_a {
	padding-left: 30px;
	display:block;
}

.side_a:hover {
	background-color: #666;
}

.index_a:hover {
	background-color: #666;
}

.index_a {
	padding-left: 40px;
	display:block;
}

.capf {
	color: #efefef;
	font-size: 14px;
	line-height: 1.6;
	padding: 10px;
	width: 620px;
	background-color: #4b4b4b;
}






.ic_container {
	vertical-align: baseline;
	position: relative;
/*-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-box-shadow: 0 1px 3px #888;
-webkit-box-shadow: 0 1px 3px #888;*/
}

.overlay {
	opacity: 0.3;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.ic_caption {
	position: absolute;    
	opacity: 0.8;   
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	left: 0px;
	right: 0px;
	cursor: default;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.ic_category{
	text-transform: none;
	text-align: left;
	font-size: 14px;
	letter-spacing: 0px;
	padding: 5px;
	margin: 0px;
}

.ic_caption h3 {
	padding: 0px 5px 5px 5px;
	margin: 0px;
	font-size: 16px;
}

.ic_text {
	line-height: 12pt;
	padding: 5px;
	margin: 0px;
	text-align: justify;
	font-size: 12px;
}