@media only screen and (max-width:900px) {
	
    .mheader {
        position: fixed;
        left: 0;
        top: 0;
  
        z-index: 90;
        display: flex; }
     
        .mheader #btn-nav {
        width: 58px;
        height: 29px;
        position: relative;
        cursor: pointer;
        z-index: 100; }
        .mheader #btn-nav span {
        position: absolute;
        left: 0;
        display: block;
        height: 2px;
        background-color: #910000ff;
        transition: width 0.3s,transform 0.3s;
        transform: scaleX(0);
        transform-origin: 0 50%; }
        .mheader #btn-nav span.line01 {
        width: 100%;
        top: 0; }
        .mheader #btn-nav span.line02 {
        width: 42px;
        top: 14px; }
        .mheader #btn-nav span.line03 {
        width: 26px;
        top: 27px; }
        .mheader #btn-nav:hover span {
        width: 100%; }
        .mheader #btn-nav.open {
        width: 43px;
        transition: transform 0.3s; }
        .mheader #btn-nav.open span {
        transform-origin: 50% 50%; }
        .mheader #btn-nav.open span.line01 {
        width: 43px;
        transform: translateY(14px) rotate(45deg) scaleX(1) !important; }
        .mheader #btn-nav.open span.line02 {
        opacity: 0; }
        .mheader #btn-nav.open span.line03 {
        width: 43px;
        transform: translateY(-13px) rotate(-45deg) scaleX(1) !important; }
        .mheader #btn-nav.open:hover {
        transform: rotate(180deg) scale(1.2); }
        .mheader nav {
        transform: translateX(-102%);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(191,25,25,0.91);
        width: 400px;
        overflow-y: auto;
        z-index: 90; }
        .mheader nav > div {
          padding: 10vw;
          height: 100%;
          box-sizing: border-box;
          display: flex;
          flex-direction: column;
          justify-content: center;}
        .mheader nav > div > * {
        transform: translateY(15px);
        transition: transform 0.7s,opacity 0.4s;
        opacity: 0; }
    
    
        .mheader nav.show {
        transform: translateX(0%); }
    
        .mheader nav.show div > * {
        transform: translateY(0px);
        opacity: 1; }
    
        .mheader {
            right: 0;
            padding: 9vw 7vw;
            display: flex;
            justify-content: flex-end;
            pointer-events: none; }
            .mheader #btn-nav {
              width: 33px;
              height: 17px;
              pointer-events: all; }
              .mheader #btn-nav span {
                left: inherit;
                right: 0;
                height: 1px;
                transform-origin: 100% 50%; }
                .mheader #btn-nav span.line02 {
                  width: 23px;
                  top: 7px; }
                .mheader #btn-nav span.line03 {
                  width: 14px;
                  top: 15px; }
              .mheader #btn-nav:hover span.line02 {
                width: 23px; }
              .mheader #btn-nav:hover span.line03 {
                width: 14px; }
              .mheader #btn-nav.open {
                width: 24px; }
                .mheader #btn-nav.open span.line01 {
                  width: 24px;
                  transform: translateY(7px) rotate(45deg) scaleX(1) !important; }
                .mheader #btn-nav.open span.line03 {
                  width: 24px;
                  transform: translateY(-8px) rotate(-45deg) scaleX(1) !important; }
                .mheader #btn-nav.open:hover {
                  transform: rotate(0deg) scale(1); }
            .mheader nav {
              left: 5px;
              top: 5px;
              right: 5px;
              bottom: 5px;
              width: auto;
              border-radius: 5px;
              pointer-events: all; }
              .mheader .btn-entry-sp.show {
                pointer-events: all;
                opacity: 1;
                transform: translateY(0px); }
        body.show .mheader #btn-nav span.line01 {
          transform: scaleX(1); }
        body.show .mheader #btn-nav span.line02 {
          transform: scaleX(1);
          transition-delay: 0.1s; }
        body.show .mheader #btn-nav span.line03 {
          transform: scaleX(1);
          transition-delay: 0.2s; }
        body.show .mheader nav {transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)}

}