.gyousyu{
 padding: 2px;
 margin-bottom: 10px;
 border: 1px solid #036EB8;
}
.gyousyu.rank{
 border: 1px solid #cccccc;
}
.gyousyu.rank h3{
 background-color:#000000;
 color:#ffffff;
 padding:10px;
}
.gyousyu.rank.ichi h3{
 background-color:#0A1A3F;
}
.gyousyu.rank.ni h3{
 background-color:#222629;
}
.gyousyu.rank.san h3{
 background-color:#3A0E0E;
}
.rank01{
  /* グラデーション文字 */
  background-image: linear-gradient(90deg, #C29800, #FFD75E, #FFF8D2);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  /* 文字を少し太めに＆見やすく */
  font-weight: bold;
  font-size: 120%;
}
.rank02{
  /* グラデーション文字 */
  background-image: linear-gradient(90deg, #A8B0B8, #E3E6E9, #FFFFFF);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  /* 文字を少し太めに＆見やすく */
  font-weight: bold;
  font-size: 120%;
}
.rank03{
  /* グラデーション文字 */
  background-image: linear-gradient(90deg, #7A4A24, #C9824E, #FFD8B3);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  /* 文字を少し太めに＆見やすく */
  font-weight: bold;
  font-size: 120%;
}
.rank04{
  color: #e0e0e0;
  font-weight: bold;
  font-size: 110%;
}
.rankmenu a{
 display:inline-block;
 border: solid 1px #333;
 padding:10px 30px;
 text-align:center;
 margin:5px;
 cursor:pointer;
}
.rankmenu a:hover{
 color:#fff;
 background:#d13415;
}
.rankseries {
display: flex;
justify-content: center;
flex-wrap: wrap
}