@media screen and (max-width:640px) {
    .pcOnly {
        display: none
    }

    #login p, .spOnly {
        display: block
    }

    .breadcrumb {
        display: none
    }

    body {
        min-width: auto
    }

    #Contents {
        width: 100%;
        padding-top: 0;
        padding-bottom: 40px
    }

    #login {
        background: #1d6da4;
        background: -moz-linear-gradient(top, #217ab8, #1d6da4);
        background: -webkit-gradient(linear, left top, left bottom, from(#217ab8), to(#1d6da4));
        color: #fff;
        padding: 1em 0 !important;
        line-height: 1em;
        font-size: 12px !important;
        height: 1em;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, .4)
    }

    #login a {
        color: #fff;
        text-decoration: underline
    }

    #login p {
        color: #fff;
        float: right;
        padding: .7em .7em .7em .3em;
        margin: -.7em 5px -.7em 0;
        vertical-align: middle
    }

    #login p:first-of-type {
        float: left
    }

    #head_container {
        background: url(../img/header_bg.gif) repeat-x;
        background-size: 100% 100%;
        padding: 6px 7px;
        box-sizing: border-box;
        height: 50px;
        width: 100%;
        overflow: hidden
    }

    #logo {
        width: 170px;
        padding: 0
    }

    #logo img {
        margin-top: 7px;
        width: 170px;
        height: 22px;
        background: url(../img/header_logo.png) no-repeat;
        background-size: 100% auto
    }

    .footer {
        border-top: 1px solid #c7c7c7;
        padding: 10px 7px 0;
        clear: both;
        background: 0 0;
        line-height: 21px
    }

    #logo img, .footer .credit {
        float: left
    }

    .footer .credit .gnaviLogo {
        width: 56px;
        height: 16px;
        display: inline-block;
        margin-right: 5px;
        text-indent: -9999px;
        background: url(../img/gnavi_logo.png) no-repeat 0 0 / 56px 16px
    }

    .footer .credit .copyright {
        font-family: "HelveticaNeue", sans-serif;
        font-size: 12px;
        color: #444;
        display: inline-block
    }

    #head_container .iconNav, .footer .deviceSwitch {
        float: right
    }

    .footer .deviceSwitch .deviceSwitch-btn {
        border: 1px solid #999;
        border-radius: 3px;
        display: inline-block;
        padding: 1px 5px 1px 25px;
        line-height: 18px;
        font-size: 16px;
        color: #333;
        background: url(../img/gnavi_ft_ic01.png) no-repeat 5px center / 11px 11px;
        text-indent: 0;
        text-align: left
    }
}