@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,600');
  

.button
{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  height: 30px;
  width: 30px;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.icon-bar
{
  display: block;
  width: 100%;
  height: 3px;
  background: #aaa;
  transition: .3s;
}
.icon-bar + .icon-bar
{
  margin-top: 5px;
}




.drawer-nav .mobile_menu::-webkit-scrollbar
{
height: 10px;
}
/*スクロールバー表示させる*/
.drawer-nav .mobile_menu::-webkit-scrollbar
{ 
    width: 15px;
}
.drawer-nav .mobile_menu::-webkit-scrollbar-thumb
{
    background: #ddd;
    border-radius: 5px;
}
.drawer-nav .mobile_menu::-webkit-scrollbar-track-piece:start
{
    background: #eee;
}
.drawer-nav .mobile_menu::-webkit-scrollbar-track-piece:end
{
    background: #eee;
}
  
.drawer-nav .mobile_menu:focus-within #nav-content
{
transform: none;
}