:root {
  /* 使用している色. すべてここから選ぶこと. */
  --header-background-color: #FFF;
  --highlight-color: #FFE100;
  --login-text-color: #A3A3A3;
  --login-input-background-color: #FFF;
  --login-error-color: red;
  --menu-button-hover-color: #EBEBE9;
  --menu-background-color: #FFF;
  --menu-hover-text-color: #FFF;
  --menu-hover-background-color: #D3D3D3;
  --text-color: #4D4D4D;
  --recognizing-text-color: #008EE7;
  --border-color: #A3A3A3;

  --background-image: url("../images/bg.png");
  --font-size-button-image: url("../images/btn_text.svg");
  --font-size-button-push-image: url("../images/btn_text_push.svg");
  --one-display-button-image: url("../images/btn_display1.svg");
  --one-display-button-push-image: url("../images/btn_display1_push.svg");
  --list-display-button-image: url("../images/btn_display2.svg");
  --list-display-button-push-image: url("../images/btn_display2_push.svg");
  --dropdown-menu-button-image: url("../images/btn_menu.svg");
  --dropdown-menu-button-push-image: url("../images/btn_menu_push.svg");

  --header-height: 50px;
  --menu-border-radius: 10px;
}

body {
  width: auto;
  min-width: 320px;
  margin: 0 auto;
  background: var(--background-image);
  font-family:  "Hiragino Kaku Gothic ProN",
                "Hiragino Sans",
                Arial,
                Meiryo,
                sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  color: var(--text-color);
}