@charset "utf-8";

@media print,screen and (min-width : 501px) {

#city-link{
  margin-top: 60px;
}
#city-link a{
  display: block;
  font-size:1.8rem;
  font-family:"NotoSansJP-6";
  text-decoration: underline;
}

.alphaorder{
  text-align: right;
  margin-top: 60px;
  font-family:"NotoSansJP-6";
}

#list h2{
  font-family:"NotoSansJP-6";
  color: #5f3711;
  font-size:2.4rem;
}
#list section{
  margin-top: 40px;
}


#list table{
  width: 100%;
  border:solid 1px #977d76;
  margin: 10px
}
#list table th{
  background-color: #ebdfd0;
  border:solid 1px #977d76;
  font-family:"NotoSansJP-6";
  color: #565356;
  padding: 10px;
}
#list table td{
  border:solid 1px #977d76;
  padding: 6px;
  font-size:1.4rem;
}
#list table td:nth-child(1){
  width: 400px;
}
#list table td:nth-child(3),
#list table td:nth-child(4){
  text-align: center;
  width: 160px;
}
#list table a{
  text-decoration: underline;
  color: #005078;
}



}
@media screen and (max-width : 500px) {

#city-link{
  margin-top: 40px;
  --gap: 10px;
}
#city-link li{
  width: 30%;
}
#city-link a{
  display: block;
  font-family:"NotoSansJP-6";
  border:solid 1px #977d76;
  text-align: center;
  border-radius:20px;
  padding: 6px;
}


.alphaorder{
  text-align: right;
  margin-top: 40px;
  font-family:"NotoSansJP-6";
}

#list h2{
  font-family:"NotoSansJP-6";
  color: #5f3711;
  font-size:1.8rem;
}
#list section{
  margin-top: 40px;
}


#list .tablewrap{
  overflow-x: auto;
}
#list table{
  border:solid 1px #977d76;
  margin-top: 6px;
  width: 800px;
}


#list table th{
  background-color: #ebdfd0;
  border:solid 1px #977d76;
  font-family:"NotoSansJP-6";
  color: #565356;
  padding: 10px 2px;
}
#list table td{
  border:solid 1px #977d76;
  padding: 6px 2px;
  font-size:1.2rem;
}
#list table td:nth-child(1){
  width: 280px;
}
#list table td:nth-child(3),
#list table td:nth-child(4){
  text-align: center;
  width: 100px;
}
#list table a{
  text-decoration: underline;
  color: #005078;
}


}