/*カラー・幅*/
:root {
  /*MAXワイド*/
  --max_width: 1200px;
  --side_padding: 20px;
  /*フォント小*/
  --t_sml: 14px;
  /*フォント小SP*/
  --t_sml2: 12px;
  /*フォームフォント*/
  --t_form: 1.2rem;
  /*フォーム左右*/
  --form_left: 30%;
  --form_right: 70%;

  /*color*/
  --off_white: #f9f9fb;
  --white: #fff;
  --black: #151515;
  --JBAblue: #0062b0;
  --blue1: #1e90ff;
  --blue2: #00afcc;
  --blue3: #009ccc;

  --gray5: #373737;
  --gray1: #f3f5f7;
  --gray2: #dddddd;
  --gray3: #cbcbcb;
  --gray4: #8a8a8a;

  --pink: #ffd8df;
  --red: #d94b4b;
  --orange: #ff8c00;

  /* header・footer */
  --header_footer: #0062b0;

  /*border*/
  --border: #cbcbcb;

  /*form用*/
  --input_text: #fff;
  --input_radio: #dddddd;
  --input_selectbox: #fff;
  --input_checkbox: #dddddd;

  /*レコード用*/
  --inactive: #dddddd;
  --submitted: #fff;
  --not_certified: #8a8a8a;

  --approved: rgba(255, 255, 255, 0);
  --draft: rgba(255, 255, 255, 0);
  --invalid: rgba(128, 128, 128, 0.15);
  --attend_cancelled: rgba(128, 128, 128, 0.15);
  --refunded: rgba(128, 128, 128, 0.15);

  --unpaid: rgba(255, 140, 0, 0.27);

  --returned: rgba(255, 0, 0, 0.15);
  --remand: rgba(255, 0, 0, 0.15);
  --cancelled: rgba(255, 0, 0, 0.15);
  --rejected: rgba(255, 0, 0, 0.15);

  --pending: rgba(0, 173, 204, 0.282);
  --resubmitted: rgba(0, 173, 204, 0.282);
  --accepted: rgba(0, 173, 204, 0.282);
  --certified: rgba(0, 173, 204, 0.282);
}
.admin {
  --off_white: #333;
  --white: #333;
  --black: #fff;
  --blue1: #3e9efe;
  --pink: rgba(217, 74, 74, 0.5);
  --red: #ff5252;
  --orange: #ffaa00;

  --border: #616060;
  --gray3: #8a8a8a;
  --gray2: #fffbfb14;

  /* header・footer */
  --header_footer: #333;

  --inactive: #fffbfb14;

  /*form用*/
  --input_text: #434242;
  --input_selectbox: #434242;
  --input_checkbox: #515151;
}

@media only screen and (max-width: 768px) {
  :root {
    --side_padding: 15px;
    --t_form: 1rem;
  }
}