/* BASIC css start */
footer {
    position: relative;
    border-top: 1px solid #999;
    background: #f6f4ee
}

footer .inwrap {
    position: relative;
    max-width: 1570px;
    margin: 0 auto;
    padding: 60px 15px 65px;
    box-sizing: border-box
}

footer .inwrap:after {
    content: "";
    display: block;
    clear: both
}

footer .foot_head {
    border-bottom: 1px solid #e9e9e9
}

footer .foot_link {
    display: block;
    margin-bottom: 40px
}

footer .foot_link li {
    display: inline-block;
    vertical-align: middle
}

footer .foot_link li a {
    position: relative;
    display: block;
    line-height: 1.8;
    font-size: 14px;
    color: #555;
    padding: 0 8px 0 10px;
    transition: all .5s ease;
}

footer .foot_link li a:hover {
    color: #999
}

footer .foot_link li:first-child a {
    padding-left: 0
}

footer .foot_link li + li a:after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    background: #999
}

footer .foot_section {
    line-height: 1.8;
    font-size: 14px;
    color: #555
}

footer .foot_section .section {
    display: inline-block;
    vertical-align: top
}

footer .foot_section .section + .section {
    margin-left: 35px
}

footer .foot_section strong {
    font-weight: 600;
    padding-right: 3px
}

footer .foot_section .tit {
    color: #000;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: 600
}

footer .foot_section .bank_name {
    margin-top: 5px
}

footer .foot_section .phone {
    font-size: 20px;
    color: #000;
    font-weight: 600
}

footer .foot_section .company span {
    padding-right: 15px
}

footer .foot_section .multishop {
    margin-top: 20px
}

footer .foot_section .multishop span {
    padding: 0
}

footer .sns_box {
    position: absolute;
    right: 15px;
    bottom: 65px;
    font-size: 0;
    z-index: 1
}

footer .sns_box > a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

footer .sns_box > a > i {
    font-size: 32px;
    color: #000
}

footer .copy {
    width: 100%;
    background: #928a84;
    padding: 6px;
    text-align: center;
    color: #fff;
    box-sizing: border-box
}

#footer {
    position: relative;
    margin: 40px 0 0 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 45px solid #e8e8e8;
}

#footer:before {
    position: absolute;
    top: 44px;
    left: 0;
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
}

#footer .inner {
    overflow: hidden;
    position: relative;
    width: 1218px;
    margin: 0 auto -45px;
    *zoom:1;}

#footer .inner:after {
    content: "";
    display: block;
    clear: both;
}
/* BASIC css end */

