@charset "UTF-8";
.js_switch_font_size__normal,
.js_switch_font_size__large {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  border: 1px solid gray;
  color: inherit;
}
.js_switch_font_size__normal__active,
.js_switch_font_size__large__active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  border: 1px solid gray;
  color: inherit;
  background-color: rgba(255, 255, 0, 0.3);
}
/*.js_switch_font_size__normal,
.js_switch_font_size__large {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: 1px solid gray;
  color: inherit;
}

.js_switch_font_size__normal__active,
.js_switch_font_size__large__active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: 1px solid gray;
  color: inherit;
  background-color: rgba(255, 255, 0, 0.3);
}
*/
.js_switch_bg_color__white,
.js_switch_bg_color__black,
.js_switch_bg_color__yellow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  border: 1px solid gray;
  color: inherit;
}

.js_switch_bg_color__white__active,
.js_switch_bg_color__black__active,
.js_switch_bg_color__yellow__active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  border: 1px solid gray;
  color: inherit;
  background-color: rgba(255, 255, 0, 0.3);
}


/*
.js_switch_bg_color__white,
.js_switch_bg_color__black,
.js_switch_bg_color__yellow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: 1px solid gray;
  color: inherit;
}

.js_switch_bg_color__white__active,
.js_switch_bg_color__black__active,
.js_switch_bg_color__yellow__active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: 1px solid gray;
  color: inherit;
  background-color: rgba(255, 255, 0, 0.3);
}
*/
.buttons_field__changing_font_size {
  border-style: none;
}

.buttons_field__changing_bg_color {
  border-style: none;
}

html {
  font-size: 13px;
}

.html__font_middle {
  font-size: 16px;
}

.html__font_large {
  font-size: 18px;
}

/*
  変更される色の設定のみ。
  最後に@useする。
*/
.js_body_white {
  background-color: white;
  color: black;
}

.js_body_dark {
  background-color: black;
  color: white;
}

.js_body_yellow {
  background-color: yellow;
  color: black;
}