.footer_area {
    width: 100%;
    padding: 2rem;
    background-color: #002373;
    padding-bottom: 4rem;
}


.site-footer a {
    color: #FFFFFF;
}

.shop_info {

    margin-top: 2rem;
    color: #FFFFFF;
    text-align: left;
}

#copyright {
    color: #FFFFFF;
    margin-top: 1rem;
    font-size: 10px;
}

.shop_info h4 {
    font-weight: 700;
}

li {
    list-style: none;
}

@media (max-width: 699px) {
    .shop_info {
        padding-left: 0;
    }
}

@media (min-width: 700px) {
    .shop_info {
        padding-left: 2rem;
    }
}

@media (min-width: 768px) {

    .footer_nav {
        padding-top: 4rem;
        width: 60%;
        margin-left: auto;
    }

    .footer_list1 {
        margin-bottom: 4rem;
    }

    .footer_list1,
    .footer_list2 {
        display: flex;
        padding-left: 0;
        border-bottom: 1px solid #FFFFFF;
        justify-content: space-between;
        padding-bottom: 1rem;
    }

    .footer_br {
        display: none;
    }
}

@media (max-width: 767px) {

    .site-footer {
        padding: 3rem 0.5rem 0.5rem 0.5rem;
    }

    #shop_name,
    .footer_list li {
        text-align: center;
        margin-bottom: 1rem;
    }

    #postal_code,
    #address,
    #tel,
    .footer_br,
    #email {
        margin-bottom: 0.5rem;
        width: 100%;
    }

    .footer_nav {
        margin-top: 2rem;
    }

    .footer-text,
    .footer_nav,
    .footer_list1,
    .footer_list2 {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-text {
        margin-right: 0.5rem;
    }

}

/**▼▼footer-logoレスポンシブ対応▼▼**/
@media (max-width: 333px) {
    .footer-logo {
        max-width: 100%;
    }
}

@media (min-width: 333px) and (max-width: 380px) {
    .footer-logo {
        max-width: 90%;
    }
}

@media (min-width: 380px) and (max-width: 439px) {
    .footer-logo {
        max-width: 80%;
    }
}

@media (min-width: 440px) and (max-width: 525px) {
    .footer-logo {
        max-width: 60%;
    }
}


@media (min-width: 525px) and (max-width: 835px) {
    .footer-logo {
        max-width: 50%;
    }
}

@media (min-width: 835px) and (max-width: 1078px) {

    .footer-logo {
        max-width: 40%;
    }
}

@media (min-width: 1079px) {
    .footer-logo {
        max-width: 33.33333333%;
    }
}

/**▲▲footer-logoレスポンシブ対応▲▲**/

@media (max-width: 1078px) {
    #min_none {
        display: none;
    }

}

@media (max-width: 590px) {
    .shop_info {
        padding-left: 0;
    }
}



@media (max-width: 1165px) {
    .footer-logo img {
        width: 100%;
    }
}

@media (min-width: 1166px) {
    .footer-logo img {
        width: 85%;
    }
}

@media (min-width: 1220px) {

    .site-footer {
        width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 1219px) {

    .site-footer {
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 1178px) {
    .footer_nav {
        padding-top: 4rem;
        width: 100%;
    }

    .footer-logo,
    .footer_nav {
        margin-left: auto;
        margin-right: auto;
    }

    #copyright {
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

}

@media (min-width: 1179px) {
    .site-footer {
        display: flex;
    }

    .footer_nav {
        padding-top: 4rem;
        width: 60%;
        margin-left: auto;
    }
}

@media (max-width: 1420px) {
    #min_none {
        display: none;
    }
}

@media (max-width: 555px) {
    .footer-list {
        text-align: center;
    }

    .footer_list1 {
        margin-bottom: 3rem;
        margin-left: auto;
        margin-right: auto;
    }

    .footer_list2 {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-list li,
    .footer_list2 li {
        margin: 1rem 0;
    }
}

@media (min-width: 556px) and (max-width: 767px) {

    .footer-list {
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer_list1 {
        width: calc(100% / 3);
        margin-left: auto;
    }

    .footer_list2 {
        width: calc(100% / 2);
        margin-left: 1rem;
    }

    .footer-list li {
        margin: 1rem 0;
    }

    .footer_list2 li {
        margin-bottom: 3rem;
    }
}