@charset "utf-8";
/* ===========================================================

	Title: contents.css
	Created: 2017-11-30

=========================================================== */
/*

	dl-table
	date-list
	input-ui
	number-display
	account
	amcharts

=========================================================== */

/* ===========================================================

	dl-table

=========================================================== */
.dl-table > dl > .table-date  {
	vertical-align:top;
}
/* dl-table--standard */
.dl-table--standard { width: 100%; }
.dl-table--standard > dl { font-size: ;}
.dl-table--standard > dl > dt,
.dl-table--standard > dl > dd {
	padding: 1.0em;
	border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;
}

.dl-table--standard > dl > dt {
	background-color: rgba(206,39,10,0.1);
	min-width: 10.0em; width: 1%; white-space: nowrap;
}
.dl-table--standard > dl > dd { background-color: #fff; }
.dl-table--standard p { margin: 0.25em 0; }

.dl-table--standard > p.dl-table__caption {
	padding: 0.5em 1.0em; margin: 0;
	background-color: rgba(206,39,10,0.80);
	color: #fff; text-align: left;
}

/* dl-table--number */
.dl-table--number,
.dl-table--number-secondary { width: 100%; }
.dl-table--number > dl,
.dl-table--number-secondary > dl { }
.dl-table--number > dl > dt,
.dl-table--number > dl > dd,
.dl-table--number-secondary > dl > dt,
.dl-table--number-secondary > dl > dd {
	padding: 0.75em 1.0em;
	border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;
}
.dl-table--number > dl > dt,
.dl-table--number-secondary > dl > dt {
	background-color: rgba(206,39,10,0.05);
	width: 50%;
}
.dl-table--number > dl > dt { background-color: rgba(206,39,10,1.00); color: #fff; }
.dl-table--number > dl > dd,
.dl-table--number-secondary > dl > dd { background-color: #fff; text-align: right; width: 50%; }

.big-number--primary,
.big-number--secondary {
	font-size: 1.875em; line-height: 1.2;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}
.big-number--primary { color: rgba(206,39,10,1.00); }
.big-number--secondary { color: rgba(206,39,10,0.80); }


/* dl-table--form */
.dl-table--form { width: 100%; }
.dl-table--form > dl { }
.dl-table--form > dl > dt,
.dl-table--form > dl > dd { padding: 5px; border: solid 1px #ddd; }
.dl-table--form > dl > dt {
	background-color: rgba(206,39,10,0.05); padding: 5px 1.0em;
	min-width: 10.0em; width: 1%; white-space: nowrap;
}
.dl-table--form > dl > dd { background-color: #fff; }




/* ===========================================================

	date-list

=========================================================== */


/* news-list */
.news-list { width: 100%; font-size: 1.4rem; }
.news-list dl { }
.news-list dt,
.news-list dd { border-bottom: solid 1px #ddd; }
.news-list dt { }
.news-list__date {
	display: inline-block; padding: 0 1.0em 0 0; margin: 0;
	font-size: 16px;
	width: 8.0em
}
.news-list dd { }
.news-list dd a { }
/*
.news-list dd a[target="_blank"]:after {
	display: inline-block;
	padding: 0; margin: 0;
	width: 12px; height: 12px;
	background-image: url(../img/common/icon-blank.png);
	background-repeat: no-repeat;
	background-position: right center;
	content: "";
}*/

.news-list__text { }




/* file-date-list */
/* データ構造が親子関係を持てるまでの暫定的なスタイル */
.file-date-list { width: 100%; overflow: hidden; border-bottom: solid 1px #ddd;  }
.file-date-list dl:last-child { }
.file-date-list dl { padding: 0; border-top: solid 1px #ddd; }
.file-date-list dt { padding: 1.0em 0 0.25em 0; }
.file-date-list dd { padding: 0.25em 0 1.0em 0; }

.file-date-list .file-date-list__revied { margin: 0 0 0 2.0em; width: calc(100% - 2.0em); }
.file-date-list .file-date-list__revied dt { position: relative; }
.file-date-list .file-date-list__revied dt::before {
	display: block; padding: 0; margin: 0;
	width: 0.5em; height: 1.75em; position: absolute; top: 0; left: -1.0em;
	border-left: dotted 1px #ddd; border-bottom:  dotted 1px #ddd;
	content: "";
}


.file-date-list__date { }
.file-date-list dd { }
.file-date-list dd a { margin: 0 1.0em 0 0; }
.file-date-list dd a[target="_blank"]:after { }

.file-date-list__text { }


@media print, screen and (min-width: 768px) {
	.file-date-list dl { border-collapse:collapse; border-top: none; }
	.file-date-list dt,
	.file-date-list dd { padding: 0.5em 0; }
	.file-date-list dt {
		border-top: solid 1px #ddd;
		width: 1%; white-space: nowrap; padding: 0.5em 1.0em 0.5em 0;
	}
	.file-date-list dd {
		border-top: solid 1px #ddd;
	}
	
	
	.file-date-list .file-date-list__revied {
		transform: translateX(2.0em);
	}
	.file-date-list .file-date-list__revied dt {
		position: relative; border-top: solid 1px #fff;
	}
	.file-date-list .file-date-list__revied dt::before {
		width: 1.0em; height: 1.5em; left: -1.5em;
	}
	.file-date-list .file-date-list__revied dd {
		padding: 0.5em 2.0em 0.5em 0;
	}
	
}



/* file-date-list--nodate */
.file-date-list--nodate { width: 100%; }
.file-date-list--nodate dl { }
.file-date-list--nodate dt,
.file-date-list--nodate dd { border-bottom: solid 1px #ddd;  }
.file-date-list--nodate dl:first-child dt,
.file-date-list--nodate dl:first-child dd { border-top: solid 1px #ddd;  }
.file-date-list--nodate dt { }
.file-date-list--nodate dd { }
.file-date-list--nodate dd a { }
.file-date-list--nodate dd a::before {
	display: inline-block; padding: 0 0.5em 0 0; margin: 0; content: "\f105";
	font-family: FontAwesome; color: rgba(206,39,10,1.00);
}
.file-date-list--nodate dd a[target="_blank"]:after { }




.sticker {
	display: inline-block; line-height: 20px;
	font-size: 1.2rem;
	padding: 0 0.5em; min-width: 8.0em;
	text-align: center; color: #fff;
}

.file-icon,
a .file-icon--large,
.file-icon--large {
	display: inline-block;
	color: #fff; text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-align: center;
}
.file-icon {
	font-size: 1.2rem; line-height: 1.4; padding: 0 1.0em; min-width: 3.0em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	white-space: nowrap; background-color: #ccc; vertical-align: middle;
}
a .file-icon--large,
.file-icon--large {
	font-size: 0.9rem; padding: 1.0em 1.0em 0.5em 1.0em; min-width: 3.0em;
	white-space: nowrap; vertical-align: middle;
	border-radius: 2px;
}
a .file-icon--large::before,
.file-icon--large::before {
	display: block;
	font-size: 2.6rem; line-height: 1.1; padding: 0 0.5em;
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.file-icon--pdf { background-color: #E62B2C; }
.file-icon--large.file-icon--pdf { background-color: #e3a5a5; }
a:hover .file-icon--large.file-icon--pdf { background-color: #D37272; }
.file-icon--xls { background-color: #398053; }
a:hover .file-icon--large.file-icon--xls { background-color: #398053; }
.file-icon--file { background-color: #9CAAD4; }
a:hover .file-icon--large.file-icon--file { background-color: #657ABC; }
.file-icon--zip { background-color: #999; }
a:hover .file-icon--large.file-icon--zip { background-color: #707070; }

.file-icon--large.file-icon--pdf::before { content: "\f1c1"; }
.file-icon--large.file-icon--xls::before { content: "\f1c3"; }
.file-icon--large.file-icon--zip::before { content: "\f1c6"; }





.file-size {
	display: inline-block;
	font-size: 1.2rem;
	color: #ccc; white-space: nowrap;
	color: #666;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
.file-size::before, .file-size::after { display: inline; }
.file-size::before { content: "["; }
.file-size::after { content: "]"; }









/* ===========================================================

	.input-ui

=========================================================== */

.error { color: #D62121; font-weight: bold; }

.input-ui {}

.input-ui input[type=radio],
.input-ui input[type=checkbox] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.input-ui input[type=radio] ~ label:before,
.input-ui input[type=checkbox] ~ label:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f1db";
	font-size: 1.0em;
	color: #999;
	width: 1.4em;
}

.input-ui input[type=radio]:checked ~ label:before,
.input-ui input[type=checkbox]:checked ~ label:before,
.input-ui input[type=radio]:checked ~ label,
.input-ui input[type=checkbox]:checked ~ label { color: #285183; }

.input-ui input[type=radio] ~ label:before { content: "\f10c"; }
.input-ui input[type=radio]:checked ~ label:before{ content: "\f192"; }


.input-ui input[type=checkbox] ~ label:before { content: "\f096"; }
.input-ui input[type=checkbox]:checked ~ label:before{ content: "\f14a"; }


.input-ui input[type=radio]:focus ~ label:before,
.input-ui input[type=checkbox]:focus ~ label:before,
.input-ui input[type=radio]:focus ~ label,
.input-ui input[type=checkbox]:focus ~ label { color: #285183; }


.input-ui-text {
	display: block; width: 100%; padding: 5px; margin: 0;
}
.input-ui-text input.input-ui__text {
	display: block; width: 100%; padding: 5px 1.0em; margin: 0;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.15); border-radius: 0;
	background-color: #fff;
	transition: all 0.5s;
	
}
.input-ui-text input.input-ui__text:focus {
	box-shadow: 0 0 10px 0 rgba(206,39,10,0.50);
	background-color: #fff;
}


.input-ui-button { display: block; min-width: 200px; padding: 5px; margin: 0; }

.input-ui-button input.input-ui__button,
.input-ui-button input.input-ui__button--sub {
	display: block; border: solid 1px rgba(206,39,10,1.00);
	background-color: rgba(206,39,10,1.00); color: #fff;
	line-height: 40px; text-align: center;
	width: 100%; font-weight: bold;
	cursor: pointer;
	transition: all 0.5s;
}
.input-ui-button input.input-ui__button--sub {
	border: solid 1px #666; background-color: #666;
}
.input-ui-button input.input-ui__button:hover {
	background-color: rgba(206,39,10,0.80);
}
.input-ui-button input.input-ui__button--sub:hover {
	background-color: rgba(206,39,10,0.80);
}


.input-ui__footer-button {
	display: block; padding: 0; margin: 0; clear: both;
}
.input-ui__footer-button ul {
	display: block; padding: 0; margin: 0; clear: both;
	text-align: center;
}
.input-ui__footer-button li {
	display: inline-block; padding: 0; margin: 0;
}







.correction-popup {
	display: block; padding: 0; margin: 0;
	width: 400px;
	background-color: #fff;
	box-shadow: 0 25px 100px rgba(0,0,0,0.60);
	position: absolute; top: -10px; right: -10px;
	text-align: left;
	font-size: 1.4rem;
  z-index: 10;
}

.correction-popup__title,
.contents-style h3.correction-popup__title {
	display: block; padding: 1.0em 1.0em; margin: 0;
	color: rgba(206,39,10,1.00);
	background-color: rgba(206,39,10,0.10);
	font-size: 1.4rem;
}

.correction-popup__list {
	width: 100%; margin: 0;
}
.correction-popup__list > dl > dt {
	padding: 1.0em 0.25em 1.0em 1.0em; text-align: left;
	white-space: nowrap; width: 1%;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #666; font-size: 1.2rem;
}
.correction-popup__list > dl > dd { padding: 1.0em 1.0em 1.0em 0.25em; text-align: left; }


.correction-popup__close-button,
.contents-style p.correction-popup__close-button {
	display: block; padding: 0; margin: 0;
	position: absolute; top: -30px; right: 0;
}
.correction-popup__close-button span,
.contents-style p.correction-popup__close-button span {
	display: block; padding: 5px 1.0em; margin: 0;
	font-size: 1.4rem; line-height: 20px;
	text-align: center;
	color: #fff;
	background-color: rgba(206,39,10,1.00);
	cursor: pointer;
}
.correction-popup__close-button span::before {
	display: inline-block; padding: 0; margin: 0 1.0em 0 0; content: "\f057";
	font-family: FontAwesome; text-align: center;
}
.correction-popup__close-button span:hover {
	background-color: rgba(206,39,10,0.60);
}





.library-table { }
@media print, screen and (min-width: 992px) {
	.library-table { width: 100%; table-layout: fixed; }
}
.library-table thead th,
.library-table thead td { padding: 1.25em 2.0em; font-size: 1.4rem; white-space: nowrap;}
.library-table thead th { }
.library-table thead td { }
.library-table tbody th {
	padding: 1.0em 0.5em;
	text-align: center;
	vertical-align: middle;
}
.library-table tbody td {
	padding: 0;
	text-align: center;
	vertical-align: top;
}

.library-table__wrapper {
	display: block; padding: 1.0em 1.0em; margin: 0;
	position: relative;
}

.library-table__file-icon {
	display: block; padding: 0; margin: 0 0 0.5em 0;
}
.library-table__file-icon a {
	display: block; padding: 0; margin: 0;
}
.library-table__file-size {
	display: block; padding: 0; margin: 0; text-align: center;
}
.library-table__button {
	display: block; padding: 0.5em; margin: 0.25em auto 0 auto;
	width: 60px; border: solid 1px #ddd;
	font-size: 1.2rem;
	border-radius: 4px;
	text-align: center;
}



.contents-style .result h3 {
  display: block; padding: 0 0 0 25px; margin: 1.0em 0 0 0;
  position: relative; cursor: pointer;
}
.result .icon-plus,
.result .icon-minus {
  display: block; padding: 0; margin: 0;
  position: absolute; top: 6px; left: 0;
  width: 20px; height: 20px;
  border: solid 1px rgba(206,39,10,1.00);
  border-radius: 4px; transition: all 0.5s;
}
.result .icon-plus::before,
.result .icon-plus::after,
.result .icon-minus::before,
.result .icon-minus::after {
  display: block; padding: 0; margin: auto;
  position: absolute; top: 0; left: 0; bottom: 0; right: 0;
  width: 10px; height: 1px;
  background-color: rgba(206,39,10,1.00); transition: all 0.5s;
  content: "";
}
.result .icon-plus::before {
  transform: rotate(90deg);
}
.result h3:hover .icon-plus,
.result h3:hover .icon-minus {
  background-color: rgba(206,39,10,1.00);
}
.result h3:hover .icon-plus::before,
.result h3:hover .icon-plus::after,
.result h3:hover .icon-minus::before,
.result h3:hover .icon-minus::after {
  background-color: #fff;
}

.results-table { table-layout: fixed; }
.results-table th,
.results-table td { padding: 1.0em 0.5em; }
.results-table th:empty,
.results-table th.results-table__total:empty,
.results-table td:empty { text-align: center; color: #ccc; }
.results-table th:empty::before,
.results-table td:empty::before { content: "─"; }
.results-table th { width: 10em; }
.results-table th.results-table__total { width: 6.0em; text-align: right; }
.results-table thead td { white-space: nowrap; }
.results-table tbody td { text-align: right; }

.results-table th.no-content,
.results-table td.no-content { border-top: none !important; width: 1%; }
.results-table th.no-content:empty::before,
.results-table td.no-content:empty::before { content: none; }

/* ==================================================

	number-display

=========================================================== */

.number-display {}

.number-display__number {
	display: inline-block; padding: 0; margin: 0;
	font-weight: bold;
	font-size: 1.850em; line-height: 1.2;
	color: #D62121;
}
.number-display__lot {
	display: inline-block; padding: 0; margin: 0;
	font-size: 0.875em; line-height: 1.2;
}




/* ===========================================================

	account

=========================================================== */
#account ul.error li {
	color: #e02121;
	font-weight: bold;
}

#account .password-table th,
#account .password-table td {
	vertical-align: middle;
}
#account .password-table th em {
	color: #e02121;
}
#account .password-table input[type="text"],
#account .password-table input[type="password"] {
	border: solid 1px #ccc;
	padding: 5px;
	margin: 0 0 5px;
}
#account .password-table input[type="text"]:last-child,
#account .password-table input[type="password"]:last-child {
	margin: 0;
}
#account .password-table input[type="text"] {
	width: 60%;
}
#account .password-table input[type="password"] {
	width: 30%;
}
#account .input-btn input[type="submit"] {
	padding: 5px 10px;
	border: solid 1px #ccc;
	border-radius: 3px;
	cursor: pointer;
}
#account .account-message {
	font-size: 1.36em;
	font-weight: bold;
}


/* ===========================================================

	account

=========================================================== */
.chartdiv {
	line-height: 1.2 !important;
}
@media all and (-ms-high-contrast: none) {
	.chartdiv {
		line-height: 1.6 !important;
	}
}