/* 2026年版 */

.supp_btn_top{
    width: 760px;height: 60px;box-sizing: border-box;margin: 20px auto;background-color: #ff007a;border: 2px solid #ddd;box-shadow: 2px 2px 4px #888;font-size: 25px;font-weight: bold;color: #fff;position: relative;line-height: 60px;
  }

  .supp_btn_top a,.chart_btn a,.supp_btn_01 a, .supp_btn_02 a{
    position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
  }

  .supp_btn_top:hover{
    color: #ff0;
    text-shadow: 0px 0px 2px #ff3, 0px 0px 8px #ff9;
  }


  .zoudai_text{
    width: 720px;box-sizing: border-box;font-size: 23px;line-height: 30px;color: #006;padding-left: 20px;text-align: left;margin: 0 auto 25px;
  }
  .zoudai_text li{
    margin-bottom: 10px;list-style-type: none;
  }

  
  /* 表 */

  .chart_area{
    width: 740px;
    box-sizing: border-box;
    padding: 15px 0px;
    border-radius: 3px;
    background-color: #c7e0fa;
    margin:0 auto 40px;
  }

  .chart_odoroki{
    width: 720px;
    height: 38px;
    box-sizing: border-box;
    background-color: #ff007a;
    border: 1px solid #fff;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto 10px;
    line-height: 38px;
  }

  .chart_title{
    width: 720px;
    height: 23px;
    box-sizing: border-box;
    text-align: left;
    border-left: 23px solid #00f;
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    color: #006;
    margin: 15px auto;
  }

  .chart_title:hover a{
    background-color: #ff0;
  }

 
  .chart_flame{
    width: 720px;
    box-sizing: border-box;
    border-collapse: collapse;
    border: 2px solid #006;
    font-size: 17px;
    color: #006;
    background-color: #fff;
    margin: 0 auto 5px;
  }

  .chart_flame th, td{
    border: 1px solid #006;
    padding: 8px;
  }

  .chart_flame th{
    font-weight: bold;
  }

  .chart_01{
    text-align: center;
  }

  .chart_02{
    font-size: 16px;
    text-align: right;
  }

  .chart_03{
    text-align: center;
    font-size: 17px;
  }


  .sp_h1{
    width: 100%;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
  }

  .sp_h1 span{
    font-weight: bold;
    color: #ff007a;
  }

  .sp_kensaku{
    width: 100%;
    height: 40px;
    font-size: 21px;
    font-weight: bold;
    line-height: 40px;
    color: #00f;
    text-align: center;
  }

.topblue{
    width:754px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    line-height: 130%;
    border:3px solid #0adbff;
    background:linear-gradient(to bottom, #3d3dff,#3d3dff 50%, #00f 50%,#00f 100%);
    padding:10px 0;
    margin: 30px auto;
  }

  .supp_btn_area2{
    width: 720px;display: flex;justify-content: flex-end;margin-top: 5px;
  }

  .chart_btn{
    width: 250px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #888;
    background-color: #00f;
    font-size: 17px;
    line-height: 32px;
    font-weight: bold;
    color: #fff;
    position: relative;
    margin-left: 20px;
    margin-bottom: 0;
    padding: 0;
  }

  .chart_btn:hover{
    background-color: #09f;
  }


  .supp_btn_area{
    width: 720px;display: flex;margin: 0 auto 50px;
  }

  .supp_btn_01{
    width: 350px;height: 50px;box-sizing: border-box;margin: 10px;background-color: #00f;border: 2px solid #ddd;box-shadow: 2px 2px 4px #888;font-size: 23px;font-weight: bold;color: #fff;position: relative;line-height: 50px;
  }

  .supp_btn_02{
    width: 350px;height: 50px;box-sizing: border-box;margin: 10px;background-color: #000;border: 2px solid #ddd;box-shadow: 2px 2px 4px #888;font-size: 23px;font-weight: bold;color: #fff;position: relative;line-height: 50px;
  }

  .supp_btn_01:hover, .supp_btn_02:hover{
    color: #ff0;
    text-shadow: 0px 0px 2px #ff3, 0px 0px 8px #ff9;
  }