@charset "UTF-8";
/* クラブミラノ */
.milano {}

/* Side Nav */
.drawer-hamburger {
  background-color: #1a205c;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
  width: 2.6rem;
}
.drawer-hamburger:hover {
  background-color: #4e3e2e;
}
#site-header .drawer-hamburger {
  display: none;
}
#fixedBar .drawer-hamburger {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  padding: 0;
}
#fixedBar .drawer-hamburger-icon {
  width: 60%;
  margin: auto;
}

.drawer-nav {
  background-color: #1a205c;
}


/* ==================================================================== */
/* DESKTOP
======================================================================= */
@media screen and (min-width: 768px) {
  
  .drawer-nav {
    width: 180px !important;
    right: -180px !important;
  }
  
  .drawer-open .drawer-nav {
    right: 0 !important;
  }
  
  
  #site-header .drawer-hamburger {
    display: block;
    top: 48px;
  }
  #fixedBar .drawer-hamburger {
    display: none;
  }
  
  .drawer-hamburger {
    position: fixed;
    top: 20px;
    right: 0 !important;
    background-color: #1a205c;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    padding: 0;
    width: 64px;
    height: 64px;
    z-index: 100001;
  }
  .drawer-open .drawer-hamburger {
    right: 180px !important;
  }
  .drawer-hamburger:hover {
    background-color: #464ea4;
  }

  .drawer-hamburger-icon {
    position: absolute;
    top: calc(50% - 10px);
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .drawer-hamburger-icon,
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    width: 50%;
  }

  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    width: 100%;
  }
  
}