@charset "utf-8";
/* generic style */

/* 表示/非表示クラス */
/* .display_none{ display:none } */
.display_block{ display:block }
.display_flex{ display:flex }
.visibility_hidden{ visibility:hidden; }
.visibility_visible{ visibility:visible; }


.nozomi_red_font{
    color:#C03;
    font-weight: 900;
}

.red_front{
    color:red;
    font-weight: 900;
}

.green_front{
    color:green;
    font-weight: 900;
}

.nozomi_red_back:hover{
  color:#fff;
  background:#A33;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.nozomi_red_back{
  color:#fff;
  background:#B44;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}

.gray_back:hover{
  color:#fff;
  background:#555;
  /* padding: 10px 10px 10px 10px; */
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.gray_back{
  color:#fff;
  background:#666;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.red_back:hover{
  color:#fff;
  background:#A33;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.red_back{
  color:#fff;
  background:#B44;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.blue_front{
  color:#369;
  background:#EEE;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
    font-size:large;
    font-weight:500;
}
.white_front{
  color:#000;
  background:#EEE;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
    font-size:large;
    font-weight:500;
}
.blue_back:hover{
  color:#fff;
  background:#336;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.blue_back{
  color:#fff;
  background:#447;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.green_back:hover{
  color:#fff;
  background:#363;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.green_back{
  color:#fff;
  background:#474;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.yellow_back:hover{
  color:#fff;
  background:#A73;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.yellow_back{
  color:#fff;
  background:#B84;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.white_back:hover{
  color:#EEE;
  background:#EEE;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}
.white_back{
  color:#EEE;
  background:#EEE;
  padding: 8px 8px 8px 8px;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    width: 15%;
}