/***********************************************************
final_results
***********************************************************/
/* .final_results {
    padding:30px;
    width:1100px;
    background:#9e8d3c1f;
    border-style:solid;
    border-width:14px;
    border-color:#d8cb1a #aa9f06 #aa9f06 #d8cb1a;
    position:relative;
  } */
  /* .final_results::after {
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:center/cover url(../images/26912887_m.jpg);
  } */
  .final_results h2 {
    margin-bottom:30px;
  }
  .csvList .forFlex {
    display:flex;
  }
  article.final_list:not(:last-child) {
    margin-bottom:40px;
  }
  article.final_list .medalBlock {
    width:20%;
    filter:drop-shadow(2px 2px 2px #0007);
  }
  article.final_list .textBlock {
    width:80%;
  }
  article.final_list .textBlock p .divider {
    margin: auto 10px;
    width: 1px;
    height: 1em;
    background-color: #fff;
  }
  /* article.final_list:first-child .medalBlock {
    background:center/contain url(../images/medal_gold.png) no-repeat;
  }
  article.final_list:nth-child(2) .medalBlock,
  article.final_list:nth-child(3) .medalBlock {
    background:center/contain url(../images/medal_silver.png) no-repeat;
  }
  article.final_list:nth-child(4) .medalBlock,
  article.final_list:nth-child(5) .medalBlock,
  article.final_list:nth-child(6) .medalBlock {
    background:center/contain url(../images/medal_bronze.png) no-repeat;
  } */
  article.final_list.gold .medalBlock {
    background: center/contain url(../final/images/medal_gold.png) no-repeat;
  }
  article.final_list.silver .medalBlock {
    background: center/contain url(../final/images/medal_silver.png) no-repeat;
  }
  article.final_list.bronze .medalBlock {
    background: center/contain url(../final/images/medal_bronze.png) no-repeat;
  }
  article .forFlex.flex01 {
    column-gap:20px;
    margin-bottom:10px;
  }
  article .forFlex.flex01 strong {
    font-weight:bolder;
  }
  article .forFlex.flex02 {
    column-gap:0;
  }
  article .forFlex p {
    padding:2px 15px;
    display:flex;
    align-items:center;
  }
  article .forFlex.flex01 p {
    font-size:40px;
    color:#333;
  }

  article.final_list .textBlock .flex01 p .divider {
    background: #333;
  }
  article .forFlex.flex02 p {
    font-size:16px;
    /* color:#333; */
    /* background:#3338; */
  }

  article p.private {
    color: #777
  }
  article.final_list  p.private .divider {
    background-color: #777
  }
  /* article.final_list:first-child .flex01 p {
    background:linear-gradient(#f2f2b7,#bfab35);
  }
  article.final_list:nth-child(2) .flex01 p,
  article.final_list:nth-child(3) .flex01 p {
    font-size:28px;
    background:linear-gradient(#f7f8f8,#949388);
  }
  article.final_list:nth-child(4) .flex01 p,
  article.final_list:nth-child(5) .flex01 p,
  article.final_list:nth-child(6) .flex01 p {
    font-size:20px;
    background:linear-gradient(#f8dead,#e89d2e);
  } */
  article.final_list.gold .flex01 p {
    /* font-size: 28px; */
    background: linear-gradient(#f2f2b7, #bfab35);
  }
  article.final_list.silver .flex01 p {
    font-size: 28px;
    background: linear-gradient(#f7f8f8, #949388);
  }
  article.final_list.bronze .flex01 p {
    font-size: 20px;
    background: linear-gradient(#f8dead, #e89d2e);
  }
  span.sizeSmall {
    font-size:13px;
  }

  /**
   * for mobile
   */
  @media screen and (max-width: 720px) {
    article.final_list:not(:last-child) {
      margin-bottom: 80px;
    }
    span.sizeSmall {
      width: 80px;
      text-align: right;
    }
    .csvList .forFlex {
      flex-direction: column;
      gap: 16px;
    }
    article.final_list .medalBlock {
      width: auto;
      margin-bottom: 16px;
    }

    article.final_list.gold .medalBlock {
      height: 180px;
    }
    article.final_list.silver .medalBlock {
      height: 154px;
    }
    article.final_list.bronze .medalBlock {
      height: 112px;
    }
    article.final_list .textBlock {
      width: 100%;
    }
    article .forFlex.flex02 {
      gap: 0;
    }
  }
  /**
   * for small device
   */
  @media screen and (max-width: 380px) {
    article .forFlex.flex01 p {
      font-size:36px;
    }
    article.final_list.silver .flex01 p {
      font-size: 24px;
    }
    article.final_list.bronze .flex01 p {
      font-size: 18px;
    }
    article .forFlex.flex02 p {
      font-size:14px;
    }
  }