/*
---------------------------------------
layout_footer
---------------------------------------
*/

.l_fnav {
    width: 1150px;
    padding: 40px 0 30px;
    margin: 0 auto;
}
.l_fnav--logo {
    width: 344px;
}
.l_fnav--link a {
    font-size: 16px;
    padding: 4px 15px;
    border-right: 1px solid #c80000;
}
.l_fnav--link li:first-child a {
    border-left: 1px solid #c80000;
}
.l_footer {
    width: 100%;
    background: #000000;
    padding: 16px 0 12px;
}
.l_footer p {
    margin-left: 18px;
    color: #fff;
    font-size: 12px;
    line-height: 2.8;
}
.l_sns {
    width: 125px;
    margin-right: 15px;
}

@media screen and (max-width: 640px) {
    .l_fnav {
        width: 94%;
    }
    .l_fnav--logo {
        width: 60%;
        margin-bottom: 9%;
    }
    .l_fnav--link li {
        display: table;
        width: 100%;
        background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
        border-bottom: 1px solid #606060;
        border-left: 1px solid #606060;
        border-right: 1px solid #606060;
    }
    .l_fnav--link li:first-child {
        border-top: 1px solid #606060;
    }
    .l_fnav--link li > * {
        display: table-cell;
        vertical-align: middle;
        border: none!important;
        padding: 4%;
    }
    .l_fnav--link li > * span {
        border-left: 5px solid #d53f3f;
        padding-left: 2%;
    }
}