.chart_doughnut_wrap,
.chart_pie_wrap{
position:relative;
width:100%;
box-sizing:border-box;
overflow:hidden;
}
.chart_doughnut_wrap + a + small,
.chart_pie_wrap + a + small,
.chart_doughnut_wrap + a + a + small,
.chart_pie_wrap + a + a + small{
display:block;
margin-top:10px;
}
.chart_line_wrap,
.chart_bar_wrap,
.chart_horizontalBar_wrap{
position:relative;
width:100%;
height:250px;
box-sizing:border-box;
overflow:hidden;
}
.chart_doughnut_main,
.chart_pie_main{
position:relative;
}
.chart_doughnut_wrap_cvs,
.chart_pie_wrap_cvs{
margin:0 auto;
width:200px;
height:200px;
}
.chart_line_wrap_cvs,
.chart_bar_wrap_cvs,
.chart_horizontalBar_wrap_cvs{
width:100%;
height:250px;
}
.chart_doughnut_legend,
.chart_pie_legend{
position:absolute;
top:calc(50% - 38px);
left:calc(50% - 75px);
display:block;
width:150px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.chart_doughnut_legend_0,
.chart_pie_legend_0{}
.chart_doughnut_legend_1,
.chart_pie_legend_1{display:none;}
.chart_doughnut_legend_name,
.chart_pie_legend_name{
font-size:14px;
font-weight:bold;
color:#2EC5A0;
line-height:normal;
}
.chart_doughnut_legend_num,
.chart_pie_legend_num{
font-size:40px;
font-weight:bold;
color:#2EC5A0;
line-height:normal;
}
.chart_doughnut_legend_param,
.chart_pie_legend_param{
font-size:12px;
color:#666;
}
.chart_doughnut_caption,
.chart_pie_caption,
.chart_line_caption,
.chart_bar_caption,
.chart_horozontalBar_caption{
font-size:12px;
text-align:center;
margin-top:10px;
color:#666;
z-index:2;
position:relative;
line-height:normal;
}
.chart_doughnut_parts,
.chart_pie_parts{
position:absolute;
bottom:0;
width:120px;
height:120px;
-webkit-transition-property:left,right;
transition-property:left,right;
-webkit-transition-duration:1s;
transition-duration:1s;
-webkit-transition-timing-function:ease;
transition-timing-function:ease;
z-index:1;
}
.chart_doughnut_parts_1,
.chart_pie_parts_1{
left:-140px;
background:url(//image.itmedia.co.jp/css/lib/illust_length.png) no-repeat center center / contain;
}
.chart_doughnut_parts_2,
.chart_pie_parts_2{
right:-140px;
background:url(//image.itmedia.co.jp/css/lib/illust_length_02.png) no-repeat center center / contain;
}
[data-view="1"] .chart_doughnut_parts_1,
[data-view="1"] .chart_pie_parts_1{left:10px;}
[data-view="1"] .chart_doughnut_parts_2,
[data-view="1"] .chart_pie_parts_2{right:10px;}