/* CSS Document */
/* ####################### */
/* ■ ナビゲーション       */
/* ####################### */
/* NAVI */
.navbar-nav {
  font-family: "a-otf-ud-shin-go-con80-pr6n", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
}
/* ####################### */
/* ■ ナビゲーション       */
/* ####################### */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(195,220,255,1.00)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  font-size: 1.5em;
}
.navbar-toggler-icon {
  padding: 0.25rem;
  border: solid 2px rgba(0, 255, 251, 0.64);
  border-radius: 0.5rem;
}
@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 0px; /* ナビバーの高さ */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    transition: visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, visibility .5s ease-in-out;
    transition: transform .5s ease-in-out, visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
    z-index: 1000;
    margin-top: 0px
  }
  .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .offcanvas-body {
    background-color: rgba(44, 59, 82, 1.00);
  }
}
.navbar-brand {
  color: rgba(162, 194, 223, 1.00);
  padding: 0.5em;
  border: solid 2px rgba(69, 86, 150, 1.00);
  border-radius: 6px;
  background-color: rgba(227, 245, 253, 1.00);
}
.navbar-brand:hover {
  color: rgba(215, 116, 168, 1.00);
  border: solid 2px rgba(255, 141, 222, 1.00);
  background-color: rgba(255, 228, 249, 1.00)
}
.nav-link {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.nav-item a:link, li.nav-item a {
  color: rgba(202, 231, 255, 1.00)
}
.nav-item a:hover {
  color: rgba(51, 226, 255, 1.00);
}
.nav-item a:focus {
  color: rgba(255, 229, 0, 1.00);
}
#navJBSGO a.active {
  color: rgba(255, 229, 0, 1.00);
}
ul .dropdown-menu {
  background-color: rgba(238, 246, 255, 1.00)
}
ul .dropdown-menu a:link, ul .dropdown-menu a:visited {
  color: rgba(77, 107, 132, 1.00)
}
ul .dropdown-menu a:hover {
  color: rgba(11, 73, 200, 1.00);
  background-color: rgba(194, 213, 251, 1.00)
}
ul .dropdown-menu a:focus {
  color: rgba(255, 229, 0, 1.00);
}
/*  XXL */
@media (min-width: 1400px) { 
  .nav-item {
    margin-left: 0.8em;
    margin-right: 0.8em;
  }
}
/*  XL */
@media (min-width: 1200px) {
  .nav-link {
    margin-left: 0.7em;
    margin-right: 0.7em;
  }
}
/*  LG */
@media (max-width: 1199px) {
  .nav-link {
    font-size: 95%;
    margin-left: 0.0em;
    margin-right: 0.0em;
  }
}
/*  MD */
@media (max-width: 991px) {}
/*  SM */
@media (max-width: 767px) {}
/*  XS */
@media (max-width: 575px) {}