@import url("https://fonts.googleapis.com/css?family=DotGothic16");
.rmnavi {
  box-sizing: border-box;
  position: fixed;
  z-index: 99999;
  top: 0px;
  padding-right: 1em;
  width: 100vw;
  background-color: black; }
  @media screen and (min-width: 768px) {
    .rmnavi {
      text-align: right;
      font-size: 1.2em; } }
  @media screen and (max-width: 768px) {
    .rmnavi {
      text-align: center;
      font-size: 1.6em; } }
  .rmnavi a {
    font-family: "DotGothic16", "serif";
    padding: 5px 0.5em;
    display: inline-block;
    color: white;
    text-decoration: none;
    opacity: 1;
    background-color: black;
    transition: opacity 0.5s ease,background-color 0.5s ease; }
    .rmnavi a:hover {
      opacity: 0.5 !important;
      background-color: #646464; }
    .rmnavi a:visited {
      color: white; }

/*# sourceMappingURL=base.css.map */