@charset "utf-8";
/* CSS Document */



.footer {
    width: 100%;
    background: url(/Images/Rec/1-21.png);
    color: #808080;
    font-size: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100px;
    float:left;
    
}

    .footer ul {
        width:60%;
        margin:0 auto;
    }

.footer ul li {
    width: 100%;
    line-height: 50px;
    letter-spacing: 3px;
    color: #535353;
}



@media (min-width: 1240px) and (max-width: 1470px) {
    .footer {
        font-size: 16px;
    }

        .footer ul li {
            letter-spacing: 2px;
        }
}

@media (min-width: 1152px) and (max-width: 1240px) {
    .footer {
        font-size: 14px;
    }

    .footer ul li {
        line-height: 40px;
        letter-spacing: 2px;
    }
}

@media (min-width: 960px) and (max-width: 1151px) {
    .footer {
        font-size: 14px;
    }

        .footer ul li {
            line-height: 30px;
            letter-spacing: 2px;
        }
}

@media (min-width: 768px) and (max-width: 959px) {

}

@media (min-width: 641px) and  (max-width:768px) {
    .footer {
        font-size: 14px;
    }

    .footer ul {
        width: 70%;
    }

    .footer ul li {
        line-height: 30px;
        letter-spacing: 2px;
    }
}

@media screen and (max-width:640px) {
    .footer {
        font-size: 14px;
    }

    .footer ul {
        width: 80%;
    }

    .footer ul li {
        line-height: 30px;
        letter-spacing: 1px;
    }
}