.station-kana-nav {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  gap: 24px;
}

.station-kana-row {
  border-left: solid 4px #000080;
  padding: 8px 16px;
  background: #fafafa;
}

.station-kana-box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 16px 0 40px;
}

.station-kana-yomi {
  font-size: 14px;
}

/* ホバー処理 */
@media (hover:hover) {
  a.station-kana-link-list:hover {
    color: #dc143c;
  }
  .station-kana-box a:hover {
    opacity: .5;
  }
}
@media (hover:none) {
  a.station-kana-link-list:active {
    color: #dc143c;
  }
  .station-kana-box a:active {
    opacity: .5;
  }
}