h1{ float: left; margin:20px 0 4px 0; padding: 0 3%; width: 100%; font-size: 26px; line-height: 1.2; }

h2{ float: left; width: 100%; margin:20px 0 0 0; padding:6px 3%; background-color: #D97272; color: #FFF; font-size: 20px; background-image: url("/image/design/dark-matter.png"); line-height: 1.2; font-size: 1.2rem;}



/* info  */
.info{ float: left; width: 92%; margin:20px 4%; padding: 15px; border:#FF2F2F 3px solid; border-radius: 3px; background-color: #FFF7F7 }
.info-title{ float: left; width: 100%; text-align: center; font-weight: bold; color: #FF0000; font-size: 1.6rem; margin:0 0 10px 0;}
.info-alert{ float: left; width: 100%; font-weight: bold; font-size: 1.2rem; color: #FF2F2F; }
.info-exp{ float: left; width: 100%; font-size: 0.8rem; line-height: 1.3; color: #FF2F2F; }



/*説明*/
.exp{ float: left; width:94%; margin:10px 3% 0 3%; padding: 5px 2%; color: #666; border:#999 solid 1px; border-radius: 5px; }




/* sum */
.sum{ float: left; width: 92%; margin:20px 0 0 4%; }
.sum-tbl{ float: left; width: 60%; border-collapse: collapse; }
.sum-tbl th{ font-weight: normal; width: 50%; padding: 2px 10px; text-align: left; background-color: #E8E8E8;  border:#999 solid 1px; }
.sum-tbl td{ width: 50%; padding: 2px 15px; border:#999 solid 1px; text-align: right;}
.sum-tbl td span{ font-weight: bold; color:#FF5161; font-size: 1.2rem; margin:0 5%;  }


/* キャストボックス */
.c-all{ float: left; width: 92%; margin:20px 0 0 4%; }
.c-box{ float: left; width: 100%; margin:0 0 20px 0; border:; }
.c-box-left{ float: left; width: 10%; margin:0 2% 0 0; }
.c-pic{ float: left; width: 100%; overflow: hidden; }
.c-pic img{ display: block; float: left; border-radius: 5px;  }
.c-box-right{ float: left; width: 78%; line-height: 1.4; }
.c-name{ float: left; width: 100%; }
.c-vote{ float: left; width: 100%; }
.c-vote-val{ margin:0 5px; font-weight: bold; font-size: 1rem; color: #FF5161; }
.c-netuai{ color: #00A71F; font-weight: bold; margin:0 0 0 5px; font-size: 0.9rem; }


.c-chart{ float: left; width: 100%;  background-color: #E7E7E7;}
.c-chart-bar{ float: left; display: block; height: 10px; background-color: #FF5161; border-radius: 0 2px 2px 0;}
.c-check{ margin:0 0 0 10px; font-size: 0.8rem;}
.c-last-vote-date{font-size: 12px; color: #999;}





/* 表示がない場合 */
.no{ float: left; width: 90%; margin:20px 0 0 5%; }
.no-msg{ float: left; width:100%; font-weight: bold; font-size: 1.2rem; color: #E34444; line-height: 1.4; }
.no-reason{ float: left; margin:20px 0 0 0; padding:0 0 0 4%;  width:100%;  }
.no-reason-list{ float: left; width: 100%; border-radius :8px; margin:0; padding:5px 15px 15px 35px; }
.no-reason-list li{  line-height: 1.5;  padding: 0.5em 0;
}

/* 機能説明 */
.exp2{ float: left; width: 90%; margin:20px 0 0 5%; }
.exp2-title{ float: left; width: 100%; margin:10px 0 0 0; text-align: center; color: #666; }
.exp2-list{ float: left; width: 100%; background: #dadada; border-radius :8px; margin:0; padding:15px 15px 15px 35px; }
.exp2-list li{  line-height: 1.5;  padding: 0.5em 0;
}
.exp2-small{ font-size: 0.8rem; }