/****************************************************************
                                      フッター
****************************************************************/
#footer {


}
.footer-content{
    background-color: #0000a0;
    color: #fff;
    text-align: center;
}
#footer a{
    color: #fff;
    display: inline-block;
}

#footer a:hover{
    color: #ffd948;
}
#footer a .fas{
    padding:0px 3px;
    color: #ff9c8c;
}

/*コピーライト*/
.footer-copyright {
    color: #000000;
    border-bottom: 1px solid #0000a0;
    text-align: center;
}


@media print, screen and (min-width: 768px) {
    .footer-content{
        text-align: right;
    }
}
@media print, screen and (min-width: 1024px) {
    .footer-content{

        padding: 3px calc((100% - 1024px) / 2);
    }
    .footer-copyright{

        padding: 2px calc((100% - 1024px) / 2);
    }
}