#spMenu{
    display: none;
}

@media screen and (max-width:750px) {
/*-- Base --*/
#spMenu{
    display: block;
}
#spMenu{
    position: fixed;
    top: 0;
    width: 10%;
    height: 60px;
    z-index: 1;
}

.drawer-open {
  overflow: hidden !important;
}

.drawer-nav {
    position: fixed;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,0.9);
    color: #fff;
    z-index: 9999;
}

.drawer-menu {
  margin: 0;
  padding: 0 0 80px;
  list-style: none;
}
.drawer-menu li{
    padding: 0;
/*    border-bottom: 1px solid #fff;*/
}
.drawer-menu li a{
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 1.4rem 1.2rem;
}
.drawerTxtBtm{
    padding-bottom: 10px!important;
}
.drawerborder{
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.drawerIcon:before{
    content: "－" ;
    margin-right: 5px;
    color: #fce5e8;
    /* add */
    position: absolute;
    left: 18px;
}


.drawerPaddingT{
    padding-top: 1.0rem;
}
.drawer-menu-item:hover {
    background: rgba(255,255,255,.1);
  text-decoration: none;
/*  color: #555;*/
/*  background-color: transparent;*/
}
    
/*! overlay */

.drawer-overlay {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.drawer-open .drawer-overlay {
  display: block;
}


/*!------------------------------------*\
    Right
\*!------------------------------------*/

.drawer-right .drawer-nav {
/*  overflow: scroll;*/
  top: 80px;
    right: -100rem;
/*  right: -32.25rem;*/
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    z-index: 10000;
}
header.fixed .drawer-nav{
    top: 58px;
}

.drawer-right.drawer-open .drawer-nav,
.drawer-right .drawer-hamburger,
.drawer-right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

.drawer-right.drawer-open .drawer-hamburger {
/*  right: 21.75rem;*/
    
  /* add */
  right: 0;
  z-index: 10000;
}

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

.drawer-hamburger {
  position: fixed;
  z-index: 100;
  top: 17px;
    right: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
/*  padding-top: 18px;*/
  padding-top: 11px;
  padding-right: .75rem;
  padding-bottom: 30px;
  padding-left: .75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}
    header.fixed .drawer-hamburger{
        top: 9px;
    }

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

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

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

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

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

    
}