@media only screen and (max-width:768px) {
    .panel {
        position: fixed;
        left: 50%; /*left or right and the width of your navigation panel*/
        width: 50%; /*should match the above value*/
        background-color:#262626;
        z-index:999;
    }
    .lockwarp{
        overflow-x:hidden;
        width:100%;
    }
    .wrap {
        position: relative;
    }
    .nav{
        opacity:100;
    }
    .bf{
        width:100%;
    }
    .mobile_disable{
        display:none;
    }
    .card {
        width: 90%;
        background: #fff;
        border-radius: 2px;
        display: block;
        margin: auto;
        position: relative;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    .foot1{
        width:100vw;
        text-align:center;
        background-color:#262626;
        color:white;
        float:left;
    }
    .foot2{
        width:100vw;
        text-align:center;
        background-color:#262626;
        color:white;
        float:left;
    }
    .blur{
        color: transparent;
        text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; 
    }
    .arrow{
        height:2rem;
    }
    .sticky-icon {
        display:none;
    }
    .menu{
        width:100%;
        background-color:#111111;
        text-align:center;
        font-size:2rem;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    .menu_notlink{
        background-color:#111111;
        width:100%;
        margin-top:3%;
        margin-bottom:3%;
        padding-top:3%;
        padding-bottom:3%;
        float:left;
    }
    .menu_link{
        background-color:#262626;
        width:100%;
        margin-top:3%;
        margin-bottom:3%;
        padding-top:3%;
        padding-bottom:3%;
        float:left;
    }
    .menu_link_now{
        background-color:#505050;
        width:100%;
        margin-top:3%;
        margin-bottom:3%;
        padding-top:3%;
        padding-bottom:3%;
        background-color:black;
        float:left;
    }
    .menu_link:hover{
        transition: background-color 0.5s ease;
        background-color:black;
    }
    .aa{color:#ffffff;text-decoration: none }
    .aa:link {color:#ffffff;text-decoration: none}
    .aa:visited {color:#ffffff;text-decoration: none}
    .aa:hover {color:#ffffff;text-decoration: none;cursor: pointer;}
    .aa:active {color:#ffffff;text-decoration: none}
    .ubuntu {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 200;
    }
    .sticky {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0;
    }
}

@media only screen and (min-width: 768px) {
    .pc_disable{
        display:none;
    }
    .bf{
        width:50%;
    }
    .card {
        width: 70%;
        background: #fff;
        border-radius: 2px;
        display: block;
        margin: 1rem auto;
        position: relative;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    .foot1{
        text-align:left;
        padding-left:15%;
        width:30%; 
        background-color:#262626; 
        color:white;
        float:left; 
    }
    .foot2{
        text-align:right;
        padding-left:10%;
        width:30%; 
        background-color:#262626; 
        color:white;
        float:left; 
    }
    .sticky {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0;
    }
    .blur{
        color: transparent;
        text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; 
    }
    .sticky-icon {
        position: fixed;
        width: 3.5rem;
        left: 3.5rem;
        top: -1%;
        z-index: 101;
        border-top: 0;
    }
    .arrow{
        height:1.2rem;
    }
    .menu{
        width:100%;
        background-color:#262626;
        opacity: 0.85;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    .menu_notlink{
        padding-left:2%;
        padding-right:2%;
        padding-top:1%;
        padding-bottom:1%;
        float:left;
    }
    .menu_link{
        padding-left:2%;
        padding-right:2%;
        padding-top:1%;
        padding-bottom:1%;
        margin-left:1px;
        margin-right:1px;
        float:left;
    }
    .menu_link_now{
        padding-left:2%;
        padding-right:2%;
        padding-top:1%;
        padding-bottom:1%;
        margin-left:1px;
        margin-right:1px;
        background-color:black;
        float:left;
    }
    .menu_link:hover{
        transition: background-color 0.5s ease;
        background-color:black;
    }

    .aa{color:#ffffff;text-decoration: none }
    .aa:link {color:#ffffff;text-decoration: none}
    .aa:visited {color:#ffffff;text-decoration: none}
    .aa:hover {color:#ffffff;text-decoration: none;cursor: pointer;}
    .aa:active {color:#ffffff;text-decoration: none}
    .ubuntu {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 200;
    }
}