@charset "utf-8";


.result-area table caption {
	text-align: left;
	padding: 15px;
    font-size: 16px;
    font-weight: 600;
}

.result-area td span.number {
	border-radius: 50%;
	background-color:#eee;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	color: #fff;
}

.result-area td span.number:after {
	content:'';
	height:calc(100% + 2px);
	display:inline-block;
	vertical-align:middle;
}

.result-area td span.number.n1 {background-color: #fbc400;}
.result-area td span.number.n2 {background-color: #69c8f2;}
.result-area td span.number.n3 {background-color: #ff7272;}
.result-area td span.number.n4 {background-color: #aaa;} 
.result-area td span.number.n5 {background-color: #b0d840;}

.result-area td span.bar {
	background-color: #777;
    display: block;
    height: 20px;
}

.result-area td span.bar:hover {
	background-color: #333;
}

.contentsbox .input-wrapper span.txt {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 5px 5px;
}