/* CSS Document */
.drawer-hamburger {
  background: rgba(255, 255, 255, 0.8);
  width: 3rem;
  padding: 18px 1.4rem 30px;
  z-index: 1000; }

.drawer-hamburger:hover {
  background: rgba(0, 158, 230, 0.4); }

.drawer-overlay {
  background-color: rgba(148, 186, 203, 0.6); }

.drawer-hamburger-icon,
.drawer-hamburger-icon::after,
.drawer-hamburger-icon::before {
  background-color: #000; }

.drawer-nav {
  display: block;
  z-index: 999; }

.drawer-nav {
  width: 45%; }

.drawer--left .drawer-nav {
  left: -45%; }

.drawer--left.drawer-open .drawer-hamburger {
  left: 45%; }

ul.drawer-menu li {
  display: block;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #f0f0f0;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: -0.025em;
  text-align: center; }
  ul.drawer-menu li a {
    transition: all .3s linear;
    display: block;
    padding: 15px 20px;
    font-size: 15px;
    color: #000;
    font-weight: 600; }
    ul.drawer-menu li a span {
      font-size: 12px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500; }
  ul.drawer-menu li a:hover {
    background: #009fe6;
    color: #fff; }
ul.drawer-menu .drawer-smplogo {
  border-bottom: 1px solid #f0f0f0; }
  ul.drawer-menu .drawer-smplogo img {
    display: block;
    width: 100%;
    max-width: 170px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px; }

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