@charset "UTF-8";
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 10.5pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 3px 9px;   /* 余白       */
  background    : #6666ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #6666ff;    /* 枠の指定 */
}
.button:hover {
  color         : #6666ff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.button2 {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 10.5pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 3px 9px;   /* 余白       */
  background    : #ff6600;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #ff7f00;    /* 枠の指定 */
}
.button2:hover {
  color         : #ff3300;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.button3 {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 10.5pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 3px 9px;   /* 余白       */
  background    : #dd3333;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #ff7f00;    /* 枠の指定 */
}
.button3:hover {
  color         : #dd3333;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.file_button {
  display       : inline-block;
  border-radius : 3px;          /* 角丸       */
/*  font-size     : 10.5pt;*/      /*  文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 2px 2px;   /* 余白       */
  background    : #ffffff;     /* 背景色     */
  color         : #0000ff;     /* 文字色     */
  transition    : .3s;         /* なめらか変化 */
}
.file_button:hover {
  color         : #ffffff;     /* 背景色     */
  background    : #0000ff;     /* 文字色     */
}
input:checked + label {
  background-color: #0000FF;
  border-radius : 3px;          /* 角丸       */
  padding       : 0px 10px;   /* 余白       */
  color: #FFFFFF;
}