@charset "utf-8";

footer {
    width: 100%;
    background-color: rgba(91, 107, 182, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
}

footer .inner {
    padding: 52px 0;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}

footer .logo {
    float: left;
    position: relative;
    top: -22px;
    margin-left: 10px;
}

footer .linkList {
    float: right;
    margin-right: 10px;
}

footer .linkList dl {
    float: left;
}

footer .linkList dl:not(:last-of-type) {
    margin-right: 80px;
}

footer .linkList dl dt {
    margin: 0 0 15px;
    font-weight: bold;
}

footer .linkList dl dd ul li:not(:last-of-type) {
    margin: 0 0 10px;
}

footer .linkList dl dd ul li a {
    color: #f6bfbc;
}

footer .copyright {
    font-size: 1.2rem;
    text-align: center;
    height: 34px;
    line-height: 34px;
    background-color: rgba(0, 0, 0, 0.2);
}


/* PCのみ */
@media screen and (min-width: 768px) {
    /* 下層ページのフッター用の補正 */
    #gNavOn01 footer,
    #gNavOn02 footer,
    #gNavOn03 footer,
    #gNavOn04 footer,
    #gNavOn05 footer {
        position: relative;
    
        background-image: url(/files/user/title/live/original/images/common/footer_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }
}

/* タブレット */
@media screen and (max-width: 1139px) {
    footer .inner {
        width: 750px;
    }

    footer .logo {
        float: none;
        margin-bottom: 10px;
    }

    footer .linkList {
        float: none;
        margin-left: 10px;
        margin-right: 0;
    }

    footer .linkList dl:not(:last-of-type) {
        margin-right: 15px;
    }
}

/* SP */
@media screen and (max-width: 767px) {
    footer {
        background-color: #5b6bb6;
        padding: 15px 0 0;
        position: static;
    }
        
    footer .inner {
        width: auto;
        padding: 0;
    }

    footer .sns {
        margin: 0 0 15px;
    }

    footer .sns > p {
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 10px;
    }

    footer .sns > ul {
        padding: 0 28.125%;
    }

    footer .sns > ul > li {
        width: 35.71428571428571%;
        float: left;
    }

    footer .sns > ul > li img {
        width: 100%;
    }

    footer .sns > ul > li:last-of-type {
        float: right;
    }

    footer .sns .apply {
        width: 40%;
        margin: 15px auto 0;
    }

    footer .linkList {
        float: none;
        margin: 0;
    }
    
    footer .linkList dl {
        float: none;
    }
    
    footer .linkList dl:not(:last-of-type) {
        margin-right: 0px;
    }

    footer .linkList dl dt {
        font-size: 1.1rem;
        line-height: 30px;
        height: 30px;
        margin: 0;
        padding: 0 15px;

        background-image: url(/files/user/title/live/original/images/common/sp/footer_title_bg.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;

        position: relative;
    }

    footer .linkList dl dt > span {
        position: relative;
    }

    footer .linkList dl dt:before {
        display: block;
        content: '';

        width: 22px;
        height: 22px;

        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        margin: auto;

        background-image: url(/files/user/title/live/original/images/common/sp/footer_title_cap.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    footer .linkList dl dd ul li {
        height: 25px;
        line-height: 25px;
        font-size: 0.9rem;
        padding: 0 10px;
        position: relative;
    }

    footer .linkList dl dd ul li:not(:last-of-type) {
        margin: 0;
    }

    footer .linkList dl dd ul li:not(:last-of-type):after {
        content: '';
        display: block;

        position: absolute;
        width: 90%;
        height: 1px;

        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;

        border-bottom: 1px solid #4d5a9a;
    }

    footer .linkList dl dd ul li a {
        display: block;
        height: 100%;
        width: 100%;
    }

    footer .copyright {
        font-size: 0.7rem;
        height: 17px;
        line-height: 17px;
    }
}