@charset "utf-8";

.localnavSerial ul li a {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 640px) {
  .localnavSerial ul li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}



.localnavSerial ul li.state-active a.localnavCategory-city,
.localnavSerial ul li a.localnavCategory-city:hover,
.icon-category.city {
  background-color: #0033aa;
}



.localnavSerial ul li.state-active a.localnavCategory-history,
.localnavSerial ul li a.localnavCategory-history:hover,
.icon-category.history {
  background-color: rgb(51,159,55);
}



.localnavSerial ul li.state-active a.localnavCategory-future,
.localnavSerial ul li a.localnavCategory-future:hover,
.icon-category.future {
  background-color: #c3a101;
}



.localnavSerial ul li.state-active a.localnavCategory-sdgs,
.localnavSerial ul li a.localnavCategory-sdgs:hover,
.icon-category.sdgs {
  background-color: #F69632;
}



.localnavSerial ul li.state-active a.localnavCategory-bond,
.localnavSerial ul li a.localnavCategory-bond:hover,
.icon-category.bond {
  background-color: #B24FAC;
}