﻿.footer-bottom {
    background-color: #3B3C34;
    padding: 15px 15px 1px;
    color: #fff;
}

.footer-social {
    max-width: 250px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0px auto 10px;
}

#footer-nav-a {
    padding: 24px 0 34px;
    border-bottom: 1px solid #c6c6c0;
}

    #footer-nav-a ul {
        display: flex;
        margin-left: -20px;
        margin-bottom: -20px;
        flex-wrap: wrap;
        box-sizing: border-box;
        color: #000;
        font-size: 1.6rem;
        font-family: FujitsuInfinityPro-Regular,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
        line-height: 1.6;
        list-style-type: none;
    }

        #footer-nav-a ul li {
            font-weight: 400;
            font-family: FujitsuInfinityPro-Bold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
            padding-left: 20px;
            padding-bottom: 20px;
            width: 25%;
            line-height: 1.4;
            display: list-item;
            text-align: -webkit-match-parent;
            font-size: 2rem;
            list-style-type: none;
        }

    #footer-nav-a > ul > li > a::before {
        display: block;
        position: absolute;
        content: "";
        top: 0.5em;
        left: 0;
        width: 8px;
        height: 8px;
        border-top: 2px solid #a30b1a;
        border-right: 2px solid #a30b1a;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        box-sizing: border-box;
    }

    #footer-nav-a ul li a {
        text-decoration: none;
        position: relative;
        display: inline-block;
        color: #000;
        transition: color .2s;
        margin: 0;
        padding: 0px 0px 0px 20px;
        font-weight: 900;
        font-family: FujitsuInfinityPro-Bold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
        list-style-type: none;
    }

    #footer-nav-a ul li ul {
        margin-top: 18px;
        margin-bottom: -10px;
        list-style-type: none;
        text-decoration: none;
        position: relative;
        padding: 0px 0px 0px 18px;
        display: inline-block;
        margin: 18px 0px -10px;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

        #footer-nav-a ul li ul li {
            text-decoration: none;
            position: relative;
            width: 100%;
            padding-left: 20px;
            display: inline-block;
            color: #000;
            padding-left: 0;
            padding-bottom: 10px;
        }

    #footer-nav-a > ul > li > ul > li > a::before {
        display: block;
        position: absolute;
        content: "";
        top: 0.5em;
        left: 0;
        width: 8px;
        height: 8px;
        border-top: 2px solid #a30b1a;
        border-right: 2px solid #a30b1a;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        box-sizing: border-box;
    }

    #footer-nav-a ul li ul a {
        text-decoration: none;
        position: relative;
        padding-left: 20px;
        color: #000;
        display: inline-block;
        font-size: 1.6rem;
        font-weight: 400;
        font-family: FujitsuInfinityPro-Regular,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
        text-align: -webkit-match-parent;
        list-style-type: none;
    }

#footer-group-utility {
    background-color: #EDEDED;
}

.footer-links {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.footer-other-links, .footer-divider {
    display: none;
}

    .footer-other-links .footer-sub-link {
        text-decoration: none;
        color: #000;
        margin-bottom: 10px;
        cursor: pointer;
        font-size: 1.8rem;
    }

        .footer-other-links .footer-sub-link:hover {
            text-decoration: underline;
            color: #000;
        }

.footer-main-link {
    text-decoration: none;
    color: #000;
}

    .footer-main-link:hover {
        text-decoration: underline;
        color: #000;
    }

.footer-links-bottom {
    display: flex;
    margin: auto;
    padding: 10px 15px;
    flex-direction: column;
}

    .footer-links-bottom a {
        text-decoration: none;
        color: #000;
        margin-bottom: 10px;
    }

        .footer-links-bottom a:hover {
            text-decoration: underline;
            color: #000;
        }

@media only screen and (min-width:1281px) {
    .footer-other-links {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 15px 0;
    }

        .footer-other-links .pointer {
            color: #A30B19;
        }

        .footer-other-links .footer-sub-link {
            text-decoration: none;
            color: #000;
            margin-bottom: 10px;
        }

            .footer-other-links .footer-sub-link :hover {
                text-decoration: underline;
                color: #000;
            }

    .footer-heading {
        font-weight: 600;
    }

    .footer-divider {
        display: block;
        height: 1px;
        background-color: #C5C6BF;
        width: 100%;
    }

    .footer-links-bottom {
        flex-direction: row;
        justify-content: flex-start;
        padding: 15px 0;
    }

        .footer-links-bottom a {
            margin-bottom: 0px;
            margin-right: 15px;
            /*            font-size: 1.4rem;*/
        }
}

@media only screen and (max-width: 900px) {
    #footer-nav-a ul li {
        width: auto;
    }
}
