.radioArea input[type="radio"] {
  width         : 11pt;        /* 大きさ：横 */
  height        : 11pt;        /* 大きさ：縦 */
  vertical-align: middle;         /* 並び位置   */
  display       : none;        /* チェックボックス非表示 */
}
 /* --- チェックボックス直後のlabel --- */
.radioArea input[type="radio"] + label {
  padding       : 0 4px;                      /* labelの余白 */
  font-size     : 10pt;                       /* labelの文字サイズ */
  font-weight   : bold;                       /* 文字太さ   */
  border        : 2px solid rgba(77, 166, 255, 0.82); /* labelの枠線 */
  border-radius : 5px;                        /* labelの角丸 */
  background    : #ffffff;                    /* lebelの背景 */
  cursor        : pointer;                    /* カーソル設定 */
  transition    : .2s;                        /* なめらか変化 */
	display				: block;
	float					: left;
	text-align		: center;
	width					: 50px;
	height				: 30px;
	margin-left: 5px;
}

 /* --- 選択されたチェックボックス直後のlabel --- */
.radioArea input[type="radio"]:checked + label {
  background    : rgba(77, 166, 255, 0.82);                    /* lebelの背景 */
}
 /* --- 選択されていないチェックボックス直後のlabelにマウスが乗った --- */
.radioArea input[type="radio"]:not(:checked) + label:hover {
  background    : rgba(77, 166, 255, 0.40);     /* lebelの背景 */
}

.sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}

.sticky_table th:first-child {
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}