@charset "utf-8";

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

	mynumber_chart CSS
	
========================================== */

/*　▼▼▼▼▼　全サイズ共通、ウインドウサイズ640px以下　▼▼▼▼▼　*/

.boxChart {
	width: 100%;
	height: auto;
	border: 1px dashed #1a4899;
	padding: 2em 1em;
	border-radius: 5px;
}
.boxChart.result {
	background-color: #fdf5cd;
	border-width: 1.5px;
}
.boxChart h4 {
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 1em;
}
.boxChart.result h4 {
	font-weight: bold;
}
.boxChart ul {
	margin-bottom: 2em;
}
.boxChart ul.no-btm {
	margin-bottom: 0;
}
.boxChart ul li {
	margin-bottom: 1em;
}
.boxChart ul li a {
	transition: 0.5s;
}
.boxChart ul li a:link {
	color: #ffffff;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 1em;
	border-radius: 8px;
	text-decoration: none;
	font-weight: normal;
}
.boxChart ul li a:link:last-child {
	margin-bottom: 0;
}
.boxChart ul.no-btm li a {
	margin-bottom: 0;
}
.boxChart ul li.blue a:link {
	background-color: #1a4899;
}
.boxChart ul li.green a:link {
	background-color: #0d835b;
}
.boxChart ul li.red a:link {
	background-color: #d70e55;
}
.boxChart ul li a:visited  {
	color: #ffffff;
}
.boxChart ul li.blue a:visited {
	background-color: #1a4899;
}
.boxChart ul li.green a:visited {
	background-color: #0d835b;
}
.boxChart ul li.red a:visited {
	background-color: #d70e55;
}
.boxChart ul li a:hover {
	text-decoration: none;
}
.boxChart ul li.blue a:hover {
	background-color: #3362b5;
}
.boxChart ul li.green a:hover {
	background-color: #0d9265;
}
.boxChart ul li.red a:hover {
	background-color: #eb3474;
}
.boxChart ul li a:active {
	text-decoration: none;
}
.boxChart ul li.blue a:active {
	background-color: #3362b5;
}
.boxChart ul li.green a:active {
	background-color: #0d9265;
}
.boxChart ul li.red a:active {
	background-color: #eb3474;
}
.boxChart ul li a.pdf span {
	background: url(../../img/ico_pdf.png) right center no-repeat;
	background-size: 1.3em;
	line-height: 1.6;
	padding-right: 1.6em;
}
.boxChart ul li a.window span {
	position: relative;
}
.boxChart ul li a.window span::after {
	font-family: 'Material Icons';
	content: '\e89e';
	vertical-align: middle;
	position: absolute;
	right : -1.2em;
}

/*　▲▲▲▲▲　全サイズ共通、ウインドウサイズ640px以下　▲▲▲▲▲　*/


/*　▼▼▼▼▼　ウインドウサイズ　641px以上　▼▼▼▼▼　*/

@media print, screen and (min-width:641px) { 

.boxChart {
	text-align: center;
	padding: 3em;
	margin-bottom: 10em;
}
.boxChart h4 {
	font-size: 1.8rem;
}
.boxChart ul {
	margin-bottom: 3em;
}
.boxChart ul li {
	margin-bottom: 1.5em;
}
.boxChart ul li a:link {
	border-radius: 12px;
}
}
/*　▲▲▲▲▲　ウインドウサイズ　641px以上　▲▲▲▲▲　*/