@charset "UTF-8";
footer{
    width: 1024px;
    min-width: 320px;
    margin: 0 auto;
    padding: 16px;
    border: 1px solid #A07B26;
    border-bottom: none;
}
footer .logo-navi .img-outer{
    float: left;
}
footer .logo-navi nav{
    float: right;
    margin-top: 12px;
}
footer .logo-navi nav ul li{
    float: left;
}
footer .logo-navi nav ul li + li{
    padding-left: 16px;
}
footer .logo-navi nav ul li a{
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #A07B26;
}
footer .logo-navi nav ul li a:hover{
    box-shadow: 1px 1px 1px 1px #A07B26;
}
footer .cr-rap{
    margin-top: 16px;
}
@media screen and (max-width : 1023px){
    footer{
        width: 100%;
        border-left: none;
        border-right: none;
    }
    footer .logo-navi .img-outer,
    footer .logo-navi nav{
        float: none;
    }
    footer .logo-navi nav{
        margin-top: 16px;
    }
}
@media screen and (max-width : 767px){
    footer .logo-navi nav ul li{
        float: none;
        padding-left: 0;
    }
    footer .logo-navi nav ul li + li{
        margin-top: 8px;
        padding-left: 0;
    }
    footer .cr-rap .cr{
        line-height: 1.25;
    }
}