.m-menubar {
  display: none;
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0;
  visibility: hidden;
  overflow: auto;
  width: 100%;
  height: 100vh;
  -o-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  pointer-events: none;
  opacity: 1;
  -webkit-overflow-scrolling: touch;
}

.btn--menubar {display: block;}

.menuButton .active {
  display: inherit;
  opacity: 1;
}

.menuButton .disable {display: none;}

/* Close button */
.btn--menubar-close {
  display: none;
  font-size: 2em;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.m-menubar__layer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 552px;
  background-color: #FFF;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.m-menuContainer {
  padding: 32px 0 0px;
  text-align: center;
}
.m-menuContainer .menu .current-menu-item a {
  position: relative;
  color: #00AB6B;
}
.m-menuContainer .menu .current-menu-item::before {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  content: '';
}
.m-menuContainer .menu .current-menu-item a::before {
  position: absolute;
  left: -16px;
  top: 2px;
  content: '•';
}

.m-menuContainer .menu li {padding-bottom: 40px;}
.m-menuContainer .menu li:last-child {padding-bottom: 0;}

.m-menuContainer .menu li a {
  text-decoration: none;
  font-weight: 500;
  font-size: 24px;
  color: #1A1A1A;
  letter-spacing: 0;
}
.m-menuContainer .menu .menu-item-object-post_tag a {
  position: relative;
  padding-left: 18px;
}
.m-menuContainer .menu .menu-item-object-post_tag a:after {
  position: absolute;
  top: 2px;
  left: 0px;
  content: '#';
}

.m-menuFooter {padding-top: 64px;}

.m-menuFooter #menu-footer {
  display: grid;
  grid-template-columns: 120px 120px;
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  text-align: center;
}
.m-menuFooter ul {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 24px 24px;
  grid-column-gap: 32px;
  grid-row-gap: 8px;
  text-align: center;
}
.m-menuFooter li a {
  text-decoration: none;
  font-weight: 300;
  font-size: 15px;
  color: rgba(26, 26, 26, 0.50);
}

.m-footer--left {padding-right: 40px;}

.menubar--open {
  pointer-events: auto;
  visibility: visible;
  z-index: 3;
  opacity: 1;
  overflow-y: hidden;
}
.menubar::before {
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.menubar--open::before {opacity: 1;}

.main-wrap--move {
  -webkit-transform: scale3d(0.99, 0.99, 1);
  transform: scale3d(0.99, 0.99, 1);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

/* new sticky menubar style */
.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
}

.content-buffer {padding-top: 80px;}
.nav-up {top: -80px;}

#wrap {
  z-index: 100;
  height: 80px;
  transition: top 0.3s ease-in-out;
}/* end new sticky menubar style */

/* for-phone-only */
@media only screen and (max-width: 599px) {
  .m-menubar {display: block;}
  .m-menubar__layer {
    height: 100vh;
    border-radius: 0;
  }
  .m-menuContainer {
    display: flex;
    padding: 24px 0 0;
    text-align: center;
  }
  .m-menuContainer .menu li {padding-bottom: 24px;}
  .m-menuContainer .menu li a {
    font-weight: 500;
    font-size: 18px;
    color: #1A1A1A;
  }
  .m-menuContainer .menu .menu-item-object-post_tag a {padding-left: 9px;}
  .m-menuContainer .menu .menu-item-object-post_tag a:after {
    position: absolute;
    top: 2px;
    left: -5px;
    content: '#';
  }
  .m-menuFooter li a {
    font-weight: 300;
    font-size: 13px;
    color: rgba(26, 26, 26, 0.50);
  }
}

/* for-tablet-portrait-up */
@media only screen and (min-width: 600px) and (max-width: 1023px) {
  .m-menubar {display: block;}
  /* new sticky menubar style */
  .fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
  }
  .content-buffer {padding-top: 80px;}
  .nav-up {top: -80px;}
  #wrap {
    z-index: 100;
    height: 80px;
    transition: top 0.3s ease-in-out;
  }/* end new sticky menubar style */
}