@charset "UTF-8";

:root {
	--color-menu:             #000000;
	--color-menu-active:      #ffffff;
	--color-menu-active-back: #005687;
	--color-back:             #c8e5f7;
	--color-toggle:           #005687;
	--color-login-waku:       #005687;
}

/* ナビゲーションの背景色 */
header nav::after {
  background-color:var(--color-back);
}
@media screen and (min-width: 768px) {
  .drawer-close .drawer-nav-bg,
  .drawer-close-no-animation .drawer-nav-bg {
    background:var(--color-back);
  }
}

/* サイドナビ */
.drawer-menu h1,
.drawer-menu h2,
.drawer-menu li a,
header nav ul li::before,
.backHome a,
.bottomMenu a { color: var(--color-menu);}
.nav-split {
	margin-top:3px;
	padding-top:5px;
	border-top:1px dotted var(--color-menu-active-back);
}
/* サイドナビ ulリストの左 */
header nav div.active a{
	color: var(--color-menu-active);
}
header nav ul li ul li{
	border-color:rgba(0, 0, 0, .3)
}
header nav ul li ul li.active{
	border-color:var(--color-menu-active);
}
header nav ul li ul li.active01{
	border-color:var(--color-menu-active);
}
header nav ul li ul li.active a{
	color: var(--color-menu-active);
}
header nav ul li.active01 a{
	color: var(--color-menu-active);
}
header nav a.active01{
	color: var(--color-menu-active);
}

.drawer-open header nav div.active a,
.drawer-no-animation header nav div.active a,
.drawer-open header nav ul li.active01 a,
.drawer-no-animation header nav ul li.active01 a,
.drawer-open header nav a.active01,
.drawer-no-animation header nav a.active01{
	background-color:var(--color-menu-active-back);
}
.drawer-close header nav div.active i::before,
.drawer-close-no-animation header nav div.active i::before,
.drawer-close header nav ul li.active01 i::before,
.drawer-close-no-animation header nav ul li.active01 i::before,
.drawer-close header nav a.active01 i::before,
.drawer-close-no-animation header nav a.active01 i::before{
	background-color:var(--color-menu-active-back);
	padding:2px;
}
.drawer-close header nav a.active01 i::after,
.drawer-close-no-animation header nav a.active01 i::after{
	color: var(--color-menu-active-back);
}

.drawer-toggle span {
  background-color: var(--color-toggle);
}

/* メインコンテンツ */

/* table thの背景色とフォント */
table th{ background: #2c4d6d; color: #fff}

.table03 tr td:first-child{ color: #2c4d6d;}
.table03 tr td:first-child::after{background:rgba(79,140,198,0.1);}

main table tbody tr.total:nth-child(n) > td { background: #ffffcc; }
main table tbody tr:nth-child(n) > td.total { background: #ffffcc; }
main table tfoot tr.total:nth-child(n) > td { background: #ffffcc; }
main table tfoot tr:nth-child(n) > td.total { background: #ffffcc; }
main table .total > td.number { color:green; font-weight:bold; }
main table td.noneRightBorder { border-right:none; }
main table td.leftBorder { border-left:1px solid #d9d9d9; }

main table th.gap { border-right:2px solid white }
main table td.gap { border-right:2px solid #ccc }

/* ログイン画面 */
.loginBody .contents::after {
  background-color: var(--color-back);
}
.loginBody main h1{ color:#000 }
.loginBody .select input[type=checkbox] + label{ color: #000}
.loginBody .select input[type=checkbox]:checked + label { color: #4f8cc6;}

.loginBody {
	background-color:var(--color-back);
}
.loginBody .waku {
	border: 3px solid var(--color-login-waku);
}

/* ページャー */
.pagination a{ color: #4f8cc6}
.pagination a:hover{ background: #d0e1f1;}
.pagination .active{ background: #4f8cc6; color: #fff; }

/* アイコン */
.icon_required::after {
	background-color:red;
	color:white;
}
.icon_required_left::before {
	background-color:red;
	color:white;
}

/* 注意書き */
.infoArea {
	color:red;
	font-weight:bold;
	line-height:130%;
	border:1px solid red;
	border-width:2px 7px;
	background-color:#ffffdd;
	padding:0.8em 1.5em;
	white-space:normal;
	margin-bottom:1em;
}
.infoArea2 {
	line-height:130%;
	border:1px solid #749ecd;
	background-color:#e9f0f8;
	padding:0.5em 1em;
	white-space:normal;
}

/*判定 */
.judgeArea {
	margin-top:0;
	margin-bottom:0.5em;
	font-size:1.2em;
	line-height:120%;
	font-weight:bold;
}
.judgeArea.judge-1 {
	color:green;
}
.judgeArea:not(.judge-1) .judge_1 {
	display:none;
}
.judgeArea.judge-2 {
	color:red;
}
.judgeArea:not(.judge-2) .judge_2 {
	display:none;
}
.judgeArea:not(.judge-3) .judge_3 {
	display:none;
}
.judgeArea:not(.equal-1) .equal_1 {
	display:none;
}
.judgeArea:not(.equal-2) .equal_2 {
	display:none;
}