.ip-ok {
  font-size: 36px;
  background: #78F064;
}
.yn-ok {
  font-size: 28px;
  color: #78F064;
}
.ip-ng {
  font-size: 36px;
  background: #EA0001;
}
.yn-ng {
  font-size: 28px;
  color: #EA0001;
}
.font_red {
  font-size: 20px;
  color: #BF1A1A;
}
.font_green {
  font-size: 20px;
  color: #1D821D;
}
.font_14pix pix {
  font-size: 14px;
  color: #1F2622
}
.font_20pix {
  font-size: 20px;
  color: #1F2622
}
.button {
  transition: .2s; /* 変化時間 0.3秒 */
  padding: 4px 8px; /* 内側の余白設定 */
  border-radius: 8px; /* 要素の角を丸くする */
  background-color: #369EEE; /* 背景色指定 */
  text-decoration: none; /* aタグの下線を非表示に */
  color: #fff; /* 文字色 */
  font-size: 1.2rem; /* フォントサイズ */
}
.button:hover {
  transition: .2s; /* 変化時間 0.3秒 */
  background-color: #0253A3; /* 背景色 */
}
.unbantable {
  border-spacing: 0;
  padding: 1px;
}
.unbantable td, .unbantable th {
  border-bottom: 1px #C02626 solid;
}
#unbanbutton:disabled {
  transition: 0;
  background-color: #369EEE;
  cursor: not-allowed;
  opacity: 0.5;
}