#main h3.plain{margin-top:30px;}

/*フィルタ機能
@media screen and (min-width:481px){#filter > .inner.cell3 .box{width:calc((100% / 3) - 10px);}}
@media screen and (max-width:480px){#filter > .inner.cell3 .box{width:100%; &:nth-child(2){margin:10px 0 !important;}}}*/

#filter > .inner.cell2{max-width:980px !important;}

/*エラーメッセージ*/
p.error{width:100%; color:#fff; font-size:clamp(1.125rem, 0.998rem + 0.63vw, 1.75rem);/*28-18*/ text-align:center; margin:30px auto;}

/*最終更新日*/
.update{display:flex; color:#fff; font-size:clamp(0.688rem, 0.624rem + 0.32vw, 1rem);/*16-11*/ margin:10px auto 0; justify-content:flex-end; max-width:1300px; li:nth-child(2){letter-spacing:-1px; margin-left:10px;}}
.update + .ranking{margin-top:10px !important;}

/*
================================================================================================================
ランキング表
================================================================================================================
*/
.ranking{
  width:100%; max-width:1300px;font-size:clamp(0.875rem, 0.622rem + 1.27vw, 2.125rem);/*34-14*/ line-height:100%; border:1px solid #ffb135; margin:30px auto 0;
  ul{display:flex; width:100%; text-align:center;
    div{display:flex; position:relative; height:100%; text-shadow:0 0 5px #302218 , 0 0 5px #302218 , 0 0 10px #302218; padding:10px; justify-content:center; align-items:center;}
  }
  > ul{
    color:#fff; background:rgba(146,100,0,.6);
    > li{
      position:relative;
      &:nth-child(1){width:15%; border-right:1px solid #ffb135;}/*順位*/
      &:nth-child(2){
        width:85%;
        > ul{
          > li{
            &:nth-child(1){width:30%;}/*スコア*/
            &:nth-child(2){
              display:flex; width:50%; border-left:1px solid #ffb135; border-right:1px solid #ffb135; justify-content: center;
              div{
                /*width:50%;*/width:80%;
                &:nth-child(1){/*プレーヤー*/
                  display:flex; align-items:center;/* border-right:1px solid #ffb135;*/
                  p{/*アイコン*/
                    position:relative; z-index:3;
                    &:nth-child(1){
                      position:relative; width:100px; aspect-ratio:10 / 9; text-align:center; clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); overflow:hidden;
                      img{display:block; position:absolute; top:-40%; left:-40%; width:170% !important; pointer-events:none;}
                    }
                    &:nth-child(2){width:calc(100% - 100px); padding-left:10px;
                      img{max-width:200px;}
                    }
                  }
                }
              }
            }
            &:nth-child(3){width:20%;}/*更新時刻*/
          }
        }
      }
    }
    & + ul{border-top:1px solid #ffb135;}
    &:nth-child(odd){background:rgba(123,41,0,.6);}
    &.head{background:#000;}
    &:not(.head){
      > li{/*アイコン用枠線*/
        &:nth-child(1) > div::after{content:"位";}
        > ul > li:nth-child(1) > div::after{content:"";}
        > ul > li:nth-child(2) > div:nth-child(1)::after{
          display:block;
          content:"";
          position:absolute;
          top:calc(50% - 47px);
          left:8px;
          width:104px;
          height:94px;
          background:#fff;
          clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
          pointer-events:none;
          z-index:2;
        }
        > ul > li:nth-child(3){/*letter-spacing:-3px;*/ font-size:clamp(1rem, 0.952rem + 0.24vw, 1.25rem); span{display:inline-block; margin-left:10px;}}
      }
    }
  }
}

@media screen and (max-width:1200px){
.ranking > ul > li:nth-child(2) > ul > li:nth-child(2) > div:nth-child(1) > p:nth-child(1){width:60px !important;}
.ranking > ul > li:nth-child(2) > ul > li:nth-child(2) > div:nth-child(1) > p:nth-child(2){width:calc(100% - 60px) !important;}
.ranking > ul:not(.head) > li > ul > li:nth-child(2) > div:nth-child(1)::after{top:calc(50% - 29px); width:64px; height:58px;}}

@media screen and (max-width:980px){
  .ranking > ul > li:nth-child(2) > ul > li{
    &:nth-child(1){width:30%;}
    &:nth-child(2){
      display:block !important; width:40%;
      > div{
        width:100% !important; height:unset !important;
        &:nth-child(1){border-right:none;}
        &:nth-child(2) p img{width:100% !important;}
      }
    }
    &:nth-child(3){width:30%; letter-spacing:-1px;}
  }
}

@media screen and (max-width:840px){
.ranking ul div{padding:10px 5px;}
.ranking > ul:not(.head) > li > ul > li:nth-child(2) > div:nth-child(1)::after{left:3px;}}

@media screen and (min-width:571px) and (max-width:840px){.ranking > ul > li:nth-child(2) > ul > li:nth-child(3) div span{display:block; width:100%; margin-left:0;}}

@media screen and (max-width:570px){
  .ranking > ul.head{display:none !important;}
  .ranking > ul > li:nth-child(1){width:25%;}
  .ranking > ul > li:nth-child(2){
    width:80%;
     > ul{
      display:block !important;
      > li{
        width:100% !important;
        div{
          padding-left:90px;
          &::before{position:absolute; left:10px; top:calc(50% - 9px);}
        }
        &:nth-child(1) div{
          justify-content:flex-end;
          &::before{content:"スコア";}
        }
        &:nth-child(2){
          border-top:1px solid #ffb135; border-bottom:1px solid #ffb135; border-left:none; border-right:none;
          div:nth-child(1){
            &::before{content:"プレーヤー";}
            &::after{left:148px;}
            > p:nth-child(1){margin-left:60px;}
            > p:nth-child(2){width:calc(100% - 120px) !important;}
          }
          div:nth-child(2){
            p{text-align:right; img{width:80% !important;}}
            &::before{content:"称号";}
          }
        }
        &:nth-child(3) div{
          justify-content:flex-end;
          &::before{content:"更新日時";}
        }
      }
    }
  }
}

@media screen and (max-width:460px){
  .ranking > ul > li:nth-child(2){
     > ul{
      li:nth-child(2){
        div:nth-child(1){
          &::after{left:98px;}
          > p:nth-child(1){width:50px !important; margin-left:10px;}
          > p:nth-child(2){width:calc(100% - 60px) !important;}
        }
        div:nth-child(2){
          p{text-align:right; img{width:100% !important;}}
        }
      }
    }
  } 
  .ranking > ul:not(.head) > li > ul > li:nth-child(2) > div:nth-child(1)::after{top:calc(50% - 24.5px); width:54px; height:49px;}
}


/*順位用色*/
.rank1,.rank2,.rank3{
  > li:nth-child(1){
    &::before{
      display:block;
      content:"";
      position:absolute;
      top:10%;
      left:25%;
      width:50%;
      height:80%;
      background:#fff;
      border-radius:50%;
      filter:blur(5px);
    }
  }
}
.rank1 > li:nth-child(1)::before{background:radial-gradient(ellipse at center, rgba(255,209,67,1) 0%,rgba(255,209,67,0) 100%);}
.rank2 > li:nth-child(1)::before{background:radial-gradient(ellipse at center, rgba(98,129,140,1) 0%,rgba(98,129,140,0) 100%);}
.rank3 > li:nth-child(1)::before{background:radial-gradient(ellipse at center, rgba(180,94,25,1) 0%,rgba(180,94,25,0) 100%);}

@media screen and (max-width:1200px){
  .rank1,.rank2,.rank3{
    > li:nth-child(1){
      &::before{top:20%; height:60%;}
    }
  }
}
@media screen and (max-width:570px){
  .rank1,.rank2,.rank3{
    > li:nth-child(1){
      &::before{top:30%; height:40%;}
    }
  }
}