#footerSp { display: none; }

@media screen and (max-width: 800px) {
    #footerSp * {
        line-height: 18px;
        letter-spacing: normal;
        color: #fff;
    }
    #footerSp {
        display: block;
        width: 100%;
        background-color: rgba(255,255,255,0.8);
        position: fixed;
        bottom: 0;
        z-index: 9989;
        border-top:1px solid #fff;
    }
    #footerSp ul {
        overflow: hidden;
        padding: 4px;
    }
    #footerSp ul li {
        float: left;
        margin: 0 1% 0 0;
        text-align: center;
        font-size: 12px;
    }
    #footerSp ul li:nth-child(1) {
        width: 39%;
    }
    #footerSp ul li:nth-child(2) {
        width: 29%;
    }
    #footerSp ul li:nth-child(3) {
        width: 29%;
        margin: 0;
    }
    #footerSp ul li span {
        background-color:rgba(255,255,255,1);
        border: 1px solid #b79f63;
        display: block;
        padding: 5px 0;
        background-color: #b79f63;
        color: #fff;
        font-weight: bold;
    }
    #footerSp ul li span small{
        display: block;
        font-size: 10px;
        font-weight: normal;
    }

    #footerSp ul li:nth-child(3) span {
        margin: 0;
    }
    #footerSp ul li:nth-child(2) span{
        background-color: #fff;
        color: #b79f63;
        small {
            color: #b79f63;
        }
    }
}