.ranking_tab{
  margin: 0 30px 20px;
}
.ranking_tab_name_list{
  display: flex;
  flex-direction: row;
}
.ranking_tab_name_list{
  gap: 10px;
}
.ranking_tab_name_list li span,
.ranking_tab_name_list li a{
  color: #EF821F;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 20px;
  border: 2px solid #EF8200;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  background: #fff;
  line-height: 1;
}
.ranking_tab_name_list li a.current,
.ranking_tab_name_list li span.current{
  background: #EF821F;
  color: #fff;
}
.ranking_tab_name_list li span:hover,
.ranking_tab_name_list li a:hover{
  opacity: 0.8;
  background: #EF821F;
  color: #fff;
  cursor: pointer;
}
.ranking_tab_name_list li span.total,
.ranking_tab_name_list li a.total{
  color: #21A45B;
  border: 1px solid #21A45B;
}
.ranking_tab_name_list li span.total:hover,
.ranking_tab_name_list li a.total:hover{
  background: #21A45B;;
  color: #fff;
}
.ranking_tab_name_list li span.total.current,
.ranking_tab_name_list li a.total.current{
  background: #21A45B;
  color: #fff;
}
.ranking_tab_name_list li span.total.current:hover,
.ranking_tab_name_list li a.total.current:hover{
  color: #fff;
  background: #21A45B;
}
.block-ranking--scroll-area{
  overflow: auto; 
}
.c_block_inner .c_block_item:nth-child(n+2){
  display: none;
}
@media only screen and (max-width: 1400px) {

  
  .c_ranking{
    overflow: hidden;
  }
  .ranking_tab{
    margin: 0 0 15px 20px;
    padding: 0 0 10px;
    overflow: auto;
  }
  
  .ranking_tab::-webkit-scrollbar {
    height: 3px;
    background: #DDD;
  }

  .ranking_tab::-webkit-scrollbar-thumb {
    background-color: #666;
  }

  .ranking_tab_name{
    padding: 0 20px 0 0;
    width: max-content;
  }
  .ranking_tab_name_list li span,
  .ranking_tab_name_list li a{
    font-size: 14px;
    border: 1px solid #EF8200;
    padding: 20px 20px 21px;
  }
  .ranking_tab_name_list li span.total,
  .ranking_tab_name_list li a.total{
    border: 1px solid #21A45B;
  }
  .contents .block-ranking-r--items{
    padding-left: 0;
  }
  #main_area .contents .c_block_inner{
    padding-left: 0;
  }
  .ranking_tab_name_list li span.total.current,
  .ranking_tab_name_list li a.total.current{
    color: #fff;
    background: #21A45B;
  }  
}