.pc-menu {
    background-color: white;
    display: inline-block;
    position: fixed;
    right: 10px;
}

#hamburger {
    width: 50px;
    height: 50px;
    display: none;
    position: fixed;
    right: 0;
    background: #544969;
    cursor: pointer;
    z-index: 101;
}
#hamburger span { position: absolute; left: 50%; transform: translateX(-50%); transition: all .3s ease-out;}
#hamburger span:nth-of-type(1) { top: 10px; width: 26px; height: 2px; background: #fff;}
#hamburger span:nth-of-type(2) { top: 17px; width: 26px; height: 2px; background: #fff;}
#hamburger span:nth-of-type(3) { top: 24px; width: 26px; height: 2px; background: #fff;}
#hamburger span:nth-of-type(4) { top: 29px; font-size: 9px; color: #fff;}
#hamburger.active span:nth-of-type(1) { top:18px; transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
#hamburger.active span:nth-of-type(2) { opacity: 0;}
#hamburger.active span:nth-of-type(3) { top:18px; transform: translateX(-50%) translateY(-50%) rotate(45deg);}
nav.sp-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    background: #eee;
    overflow: auto;
    z-index: 100;
    -webkit-overflow-scrolling: touch;
}
#hamburger.active + nav.sp-menu { left: 0;}
nav.sp-menu ul {
    margin: 50px 0 0 0;
    padding: 0;
}
nav.sp-menu ul li {
    list-style: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    line-height: 50px;
    font-size: 14px;
    transform: translateY(-100%);
    opacity: 0;
    transition: all .3s ease-out;
}
nav.sp-menu ul li:first-of-type { border-top: 1px solid #ccc;}
nav.sp-menu ul li a {
   width: calc(100% - 40px);
   height: 100%;
   display: inline-block;
   padding: 0 20px;
}
#hamburger.active + nav.sp-menu ul li {
    transform: none;
    opacity: 1;
}

@media screen and (max-width: 1400px) {
    .pc-menu {
        display: none;
    }

    #hamburger {
        display: inline-block;
    }

    nav.sp-menu ul li:before {
        position: absolute;
        content:"\f105";
        font-family: FontAwesome;
        top: 0;
        right: 15px;
        font-size: 14px;
    }
}