.ranking-name-list{
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
  justify-content: center;
  align-content: center;
}
a {
  border-bottom: none; 
}
a:hover {
  border-bottom: 1px solid rgb(0, 0, 0); 
} 

h1,h3{
  margin-left: 20%;
  margin-right: 10%;
  text-align: center;
}

.ranking-name-list span{
  display: none;
}

.ranking-years-index,.ranking-subject-index,.ranking-city-index,.ranking-region-index{
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap; 
  gap: 5px;
  margin-top: 20px;
  margin-left: 20%;
  margin-right: 10%;
 
}

.ranking-city-index span,.ranking-subject-index span,.ranking-region-index span,.ranking-table-header span{
  display: none;
}

.ranking-table-header{
  display: grid;
  grid-template-columns: repeat(12, 1fr); 
  gap: 10px; 
  padding: 10px; 
  margin-top: 20px;
  margin-left: 20%;
  margin-right: 10%;
}



.ranking-table-list{
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 50px;
  margin-top: 20px;
  margin-left: 20%;
  margin-right: 10%;
  text-overflow: ellipsis;
}

.ranking-selected{
  border-bottom: 1px solid rgb(0, 0, 0); 
}



.ranking-selected a{
  border-bottom: 1px solid rgb(0, 0, 0); 
}

.ranking-table-header h1{
  display: inline
  
}