/*親階層*/
ul.drawer-menu{
  list-style: none;
}

ul.drawer-menu > li > a{
  text-decoration: none;
  color: #555;
  display: block;
  padding: 14px !important;
  position: relative;
}

ul.drawer-menu > li > a:hover{
  background-color:#e9e9e9;
}

ul.drawer-menu a:hove,
ul.drawer-dropdown-menu a:hover{
  text-decoration: none;
}

ul.drawer-menu > li{
  border-bottom:1px solid #d9d9d9;
}

/*子階層*/
ul.drawer-dropdown-menu{
  list-style: none;
  margin:0 0 0 5px;
}

ul.drawer-dropdown-menu li{
  position: relative;
}

ul.drawer-dropdown-menu a{
  text-decoration: none;
  color: #555;
  padding: 8px 14px 8px 20px !important;
  display: block;
}

ul.drawer-dropdown-menu a:hover{
  text-decoration: none;
  color: #555;
  background-color:#e9e9e9;
}

.drawer-menu-item::after{
  content: '▼';
  font-size: 0.7em;
  position: absolute;
  top: 0;
  right: 0;
  padding: 18px 8px;
}


/*-----------------------------------------
add 20180508 drawer.jp デフォルト修正
-------------------------------------------*/
.drawer-menu-item:hover {
    text-decoration: none;
}

drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    background-color: #fff;
}

.drawer-hamburger {
  width: 1.2rem;
  top: 5px;
  padding: 6px .7rem 17px;
 /* background-color:rgba(255,255,255,0.7);*/
  background-color:#4B0080;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color:#d193fd;
}

.drawer-hamburger::after {
  content: 'MENU';
  position: absolute;
  color: #555;
  top: 35px;
  right: 7px;
  font-size: 0.8em;
	color:#4B0080;
}

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

.drawer-hamburger-icon::after {
  top: 8px;
}

.drawer-hamburger-icon::before {
  top: -8px;
}

.drawer-hamburger{
  right: 15px!important;
}

.drawer-open .drawer-hamburger{
  right: 16.25rem!important;
}