@import url("https://fonts.googleapis.com/css?family=DotGothic16");
.rmnavi {
  width: 100vw;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  z-index: 99999; }
  @media screen and (min-width: 769px) {
    .rmnavi {
      text-align: right;
      font-size: 1.5em; } }
  @media screen and (max-width: 768px) {
    .rmnavi {
      text-align: center;
      font-size: 1.6em; } }
  .rmnavi > .navibox {
    background-color: black;
    width: 100vw;
    min-height: 2em;
    padding-right: 10px;
    box-sizing: border-box;
    position: relative;
    top: 0px;
    text-align: right; }
    .rmnavi > .navibox > a.navilink {
      margin-right: 0.5em;
      padding: 5px 0.5em;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .rmnavi > .navibox > a.navilink {
          opacity: 0 !important;
          pointer-events: none;
          display: none; } }
    .rmnavi > .navibox a.navilink {
      font-family: "DotGothic16", "serif";
      opacity: 1;
      background-color: black;
      transition: opacity 0.5s ease,background-color 0.5s ease;
      color: white;
      text-decoration: none; }
      .rmnavi > .navibox a.navilink:hover {
        opacity: 0.5 !important;
        background-color: #646464; }
      .rmnavi > .navibox a.navilink:visited {
        color: white; }
    .rmnavi > .navibox #navibutton {
      width: 1.6em;
      height: 1.6em;
      background-color: #ddd;
      right: 0px;
      top: 5px;
      display: inline-block;
      position: relative;
      border-radius: 3px; }
      @media screen and (min-width: 769px) {
        .rmnavi > .navibox #navibutton {
          display: none; } }
    .rmnavi > .navibox #naviopen {
      text-align: left;
      padding-top: 50px;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
      @media screen and (min-width: 769px) {
        .rmnavi > .navibox #naviopen {
          display: none; } }
      .rmnavi > .navibox #naviopen > a.navilink {
        border-bottom: 1px white solid;
        font-size: 0.8em;
        display: block;
        text-align: center;
        padding: 5px; }
        @media screen and (min-width: 769px) {
          .rmnavi > .navibox #naviopen > a.navilink {
            display: none; } }
      @media screen and (max-width: 768px) {
        .rmnavi > .navibox #naviopen {
          height: 100vh;
          width: 80vw;
          background-color: rgba(1, 1, 1, 0.9);
          position: fixed;
          top: 2em;
          right: -80vw;
          z-index: 999999;
          transition: 0.6s right ease; } }
      .rmnavi > .navibox #naviopen.active {
        right: 0vw !important; }

@media screen and (min-width: 768px) {
  .hiddenpart .breadlist {
    font-size: 16px; } }
@media screen and (max-width: 768px) {
  .hiddenpart .breadlist {
    font-size: 8px; } }

.breadlist a {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3em;
  color: white; }
  .breadlist a:visited {
    color: white; }

footer#rm_footer2 {
  opacity: 1 !important;
  text-align: center;
  width: 100%;
  background-color: #141517;
  color: #c8c8c8;
  padding-top: 1.5em;
  padding-bottom: 5em !important;
  box-sizing: border-box;
  font-family: "Dela Gothic One", "Kiwi Maru", "DotGothic16", "serif"; }
  @media screen and (max-width: 768px) {
    footer#rm_footer2 a.copyright {
      font-size: 1em; } }
  @media screen and (min-width: 768px) {
    footer#rm_footer2 a.copyright {
      font-size: 1.1em; } }
  footer#rm_footer2 ul#rm_linklist {
    margin-top: 1em;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9em; }
    footer#rm_footer2 ul#rm_linklist a {
      padding-top: 0em !important;
      padding-bottom: 0em !important;
      padding-left: 0.3em !important;
      padding-right: 0.1em !important;
      display: inline-block;
      text-decoration: none;
      color: #c8c8c8; }
      footer#rm_footer2 ul#rm_linklist a:visited {
        text-decoration: none;
        color: #c8c8c8; }
  footer#rm_footer2 ul#rm_iconlist {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center; }
    footer#rm_footer2 ul#rm_iconlist a {
      padding: 1em !important;
      margin: 0.2em !important;
      transition: opacity 0.5s ease;
      border-radius: 20px;
      width: 1.5em;
      height: 1.5em;
      display: inline-block;
      text-decoration: none;
      vertical-align: top;
      background-size: cover; }
      footer#rm_footer2 ul#rm_iconlist a:hover {
        opacity: 0.5; }
      footer#rm_footer2 ul#rm_iconlist a:visited {
        text-decoration: none;
        color: #c8c8c8; }

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