@media(max-width: 640px) {

    /* メニューボタン */

    .gnavi-btn {
        display: block;
        margin: 20px 10px 0;
        padding: .75em 1em;
        border: 1px solid #b0b0b0;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
        background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:      -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
        -webkit-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
           -moz-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
                box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
        color: #222;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
        text-decoration: none;
        font-size: 14px;
        font-size: 1.08rem;
        cursor: pointer;
    }

    .gnavi-btn:hover {
        background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ededed));
        background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #ededed 100%);
        background:      -o-linear-gradient(top, #fff 0%, #ededed 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #ededed 100%);
        background:         linear-gradient(top, #fff 0%, #ededed 100%);
        color: #555;
        cursor: pointer;
    }

    .gnavi-btn:active {
        position: relative;
        top: 1px;
        -webkit-box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
           -moz-box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
                box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
    }

    /* リストスタイルリセット */

    .glovalnavi *,
    .glovalnavi ul,
    .glovalnavi li,
    .glovalnavi li a {
        margin: 0;
        padding: 0;
        width: auto;
        border: none;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        text-shadow: none;
    }

    .glovalnavi *:before, .glovalnavi *:after,
    .glovalnavi a:before, .glovalnavi a:after,
    .glovalnavi li a:before, .glovalnavi li a:after {
        content: none;
    }

    /* リスト表示非表示 */

    .glovalnavi { 
        display: none;
    }

    .gnavi-open {
        display: block;
    }

    /* メニューリスト */

    .glovalnavi {
        width: auto;
        margin: 0 10px 10px;
        padding: 0;
        -webkit-border-radius: 0 0 5px 5px;
           -moz-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px;
        border: 1px solid #ccc;
        border-top: 0px;
        background-image: none;
        background-color: #fff;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .glovalnavi-inner {
    }

    .glovalnavi ul {
    }

    .glovalnavi li {
        padding: 14px 21px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #e6e6e6;
    }

    .glovalnavi li:hover {
        background-color: rgba(0, 0, 0, 0.05);
        text-shadow: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #e6e6e6;
    }

    .glovalnavi li:active {
        background-color: rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset;
           -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset;
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset;
        text-shadow: none;
    }

    .glovalnavi li a, 
    .glovalnavi li a:visited {
        color: #333;
        text-shadow: none;
    }

    .glovalnavi li a:hover {
        color: #333;
        text-shadow: 0 0 5px #fff;
    }

}