@charset "UTF-8";

/* プラグイン drawer.cssの内容の書き換え */
/* 基本的に、もとの内容をコメントアウトした上で、直下に上書き */

.drawer-brand {
  /* color: #222; */
  color: #333;
}

.drawer-menu-item {
  /* color: #222; */
  color: #333;
}

.drawer-menu-item:hover {
  /* color: #555; */
  text-decoration: none;
}

/*! overlay */
.drawer-overlay {
  /* background-color: rgba(0, 0, 0, .2); */
  background-color: rgba(0, 0, 0, .5);
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  /* background-color: #222; */
  /* height: 2px; */
  background-color: #fff;
  height: 3px;
  border-radius: 1.5px;
}

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/

.drawer--sidebar {
  /* background-color: #fff; */
}

.drawer--sidebar .drawer-contents {
  /* background-color: #fff; */
}

@media (min-width: 64em) {

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    /* border-right: 1px solid #ddd; */
  }

  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    /* border-left: 1px solid #ddd; */
  }

}

/*!------------------------------------*\
    Navbar
\*!------------------------------------*/

.drawer-navbar .drawer-navbar-header {
  /* border-bottom: 1px solid #ddd; */
  /* background-color: #fff; */
}

/*! .drawer-navbar modifier */

@media (min-width: 64em) {
  .drawer-navbar {
    /* border-bottom: 1px solid #ddd; */
    /* background-color: #fff; */
  }

  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    /* border: 1px solid #ddd; */
  }
}

/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/

.drawer-dropdown-menu {
  /* background-color: #fff; */
}

.drawer-dropdown-menu-item {
  /* color: #222; */
  color: #333;
}

.drawer-dropdown-menu-item:hover {
  /* color: #555; */
}