.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;
}
.rank01{
  /* グラデーション文字 */
  background-image: linear-gradient(90deg, #D0A900, #FFF9E6);
  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, #BDC3C9, #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, #815a2b, #FFD2A6);
  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
}