@charset "utf-8";
nav.top,
nav.bottom-mobile,
nav.bottom-pc {
  font-size: 27px;
  text-transform: lowercase;
  clear: both;
  margin: 0;
  text-align: right;
  padding: 16px 0 0 0;
  height: calc(30px);
}
nav.top ul,
nav.bottom-mobile ul,
nav.bottom-pc ul {
  margin: 0 auto;
  display: inline-block;
  text-align: right;
  height: 27px;
}
nav.top ul li,
nav.bottom-mobile ul li,
nav.bottom-pc ul li {
  float: left;
  text-align: center;
  line-height: 27px;
  border-right: 2px solid #fbb03b;
}
nav.top ul li:last-child,
nav.bottom-mobile ul li:last-child,
nav.bottom-pc ul li:last-child {
  border-right: none;
}
nav.top ul li a,
nav.bottom-mobile ul li a,
nav.bottom-pc ul li a,
nav.top ul li span,
nav.bottom-mobile ul li span,
nav.bottom-pc ul li span {
  display: block;
  padding: 0 .25em;
  height: 27px;
  line-height: 27px;
}
nav.top ul li a span,
nav.bottom-mobile ul li a span,
nav.bottom-pc ul li a span {
  color: #fbb03b;
}
nav.top ul li a,
nav.bottom-mobile ul li a,
nav.bottom-pc ul li a,
nav.top ul li a:visited,
nav.bottom-mobile ul li a:visited,
nav.bottom-pc ul li a:visited {
  color: #fbb03b;
  text-decoration: none;
  border: none;
}
nav.top ul li a:hover,
nav.bottom-mobile ul li a:hover,
nav.bottom-pc ul li a:hover {
  color: #f15a24;
  border: 1px solid dashed #f15a24;
}
nav.top ul li span.selected,
nav.bottom-mobile ul li span.selected,
nav.bottom-pc ul li span.selected {
  color: red;
}
nav.bottom-pc {
  font-size: 27px;
  color: #ffffff;
  text-align: center;
  padding: 0;
}
nav.bottom-pc ul li {
  opacity: 1;
  border-right: 2px solid #ffffff;
}
nav.bottom-pc ul li:last-child {
  border-right: none;
}
nav.bottom-pc ul li a span {
  color: #ffffff;
}
nav.bottom-pc ul li a,
nav.bottom-pc ul li a:visited {
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  nav.top .nav-menu {
    text-align: right;
  }
  nav.top .nav-menu a {
    padding-right: .5em;
  }
  nav.top ul {
    width: calc(100% - 24px);
  }
  nav.top,
  nav.bottom-mobile {
    width: 100%;
    margin: 0 0 12px 0;
    padding: 0;
    clear: both;
    height: auto;
    float: left;
  }
  nav.top ul,
  nav.bottom-mobile ul {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    border: 1px solid #fbb03b;
  }
  nav.top ul li,
  nav.bottom-mobile ul li {
    height: 45px;
    width: calc(50% - 1px);
    padding: 0;
    margin: 0;
  }
  nav.top ul li a,
  nav.bottom-mobile ul li a,
  nav.top ul li span.selected,
  nav.bottom-mobile ul li span.selected {
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0;
  }
  nav.top ul li span.selected span,
  nav.bottom-mobile ul li span.selected span {
    text-decoration: underline;
  }
  nav.top ul li a span,
  nav.bottom-mobile ul li a span {
    cursor: pointer;
  }
  nav.top ul li:nth-child(odd),
  nav.bottom-mobile ul li:nth-child(odd) {
    border-right: none;
  }
  nav.top ul li.nav-menu,
  nav.bottom-mobile ul li.nav-menu {
    display: block;
    width: 100%;
  }
}
@media print {
  nav {
    display: none;
  }
}