﻿

#result{
	position:absolute;
	width:100%;
}
#result span{
	display:inline-block;
	margin-bottom:4px;
	font-size:16px;
}
#score_r,#score_g,#score_b{
	float:left;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}
#score{
	float:left;
	position:relative;
	font-size:28px;
	font-weight:bold;
	float:left;
	text-align:center;
}
.color_plate{
	text-align:center;
	margin:16px auto 0;
}
.color_bar{
	display:inline-block;
	margin:16px 8px 0;
}
.color_bar a{
	display:block;
	cursor:pointer;
	width:64px;
	height:32px;
	box-sizing:border-box;
	margin:0 0 4px 0;
	border:0px solid white;
}
.color_bar a:last-child{
	margin:0;
}
.color_bar a:hover{
	border:4px solid white;
}
#color_r a{background-color:rgba(255,0,0,1);}
#color_g a{background-color:rgba(0,255,0,1);}
#color_b a{background-color:rgba(0,0,255,1);}

.link{
	display:block;
	padding:8px 0px 12px 96px;
	background:#f2f2f2 url('../img/thumbnail.jpg') no-repeat;	
	height:80px;
	background-size:auto 100%;
	margin:16px 0;
}
.link h2{
	line-height:150%;
	margin-right:44px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.link p{
	margin-right:44px;
	line-height:150%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.arrow_r{
	height:12px;
	width:12px;
	background:url('../img/arrow_r.png') center no-repeat;
	background-size:100%;
}
.link .arrow_r{
	float:right;
	margin:0 16px;
	height:100%;
}
.chart_bar_h h2{
	margin:16px 0 8px 0;
}
.chart_bar_h .data{
	height:12px;
	line-height:100%;
	font-size:12px;
	margin:4px 0 0 0;
}
.chart_bar_h .data .bar{
	padding:0;
	height:100%;
	display:inline-block;
	background:#000;
	width:50%;
	margin:0 8px 0 0;
}
.chart_bar_h .data:nth-child(5n+3){color:#ff0000;}
.chart_bar_h .data:nth-child(5n+3) .bar{background:#ff0000;}
.chart_bar_h .data:nth-child(5n+4){color:#00ff00;}
.chart_bar_h .data:nth-child(5n+4) .bar{background:#00ff00;}
.chart_bar_h .data:nth-child(5n+5){color:#0000ff;}
.chart_bar_h .data:nth-child(5n+5) .bar{background:#0000ff;}
