/* シンプルなナビゲーションカテゴリ用CSS */
.site_nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav_category {
  margin-bottom: 1.8em;
}

.nav_category_title {
  display: block;
  font-size: 1.08em;
  text-align: center;
  color: #FFF;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 0;
  letter-spacing: 0.03em;
}

.nav_category:nth-of-type(1) .nav_category_title {
  background: #e4017f;
}
.nav_category:nth-of-type(2) .nav_category_title {
  background: #ea5413;
}
.nav_category:nth-of-type(3) .nav_category_title {
  background: #f39800;
}
.nav_category:nth-of-type(4) .nav_category_title {
  background: #ffd500;
}
.nav_category:nth-of-type(5) .nav_category_title {
  background: #BCDC08;
}
.nav_sub {
  list-style: none;
  padding-left: 0.7em;
  margin: 0;
}

.nav_sub li {
  margin-bottom: 0.3em;
}

.nav_sub a {
  color: #235;
  text-decoration: none;
  padding: 0.1em 0.3em;
  border-radius: 3px;
  transition: background 0.2s, color 0.2s;
}

.nav_sub a:hover {
  background: #eaf3fb;
  color: #1760a0;
}