@charset "UTF-8";
/* footer.css — サイトフッター（footer.php）専用 ／ 全ページ読込 */

footer {
    background: #2b2b2f;
    padding: 56px 24px 56px;

    @media (max-width: 768px) {
        padding: 40px 16px;
        font-size: 0.875rem;
    }

    div.inner{
        color: var(--c-white);
        line-height: 2;
        display: flex;
        align-items: end;
        flex-wrap: wrap;
        gap: 40px;
        max-width: var(--bw);
        margin: auto;

        @media (max-width: 768px) {
            gap: 24px;
            flex-direction: column;
            align-items: flex-start;
        }
        @media (max-width: 480px) {
            flex-direction: column;
            align-items: flex-start;
        }
    
        div.footer-main{
            div.sponsored{
                display: flex;
                align-items: center;
    
                a{
                    display: block;
                    margin-left: 16px;
    
                    img{
                        width: 180px;
                        height: auto;
                    }
                }
            }
    
            div.operation{
                margin-top: 40px;
                display: flex;
                gap: 16px;
                flex-wrap: wrap;

                @media (max-width: 480px) {
                    flex-direction: column;
                    div { margin-left: 0; }
                }
    
                div{
    
                    p{
                        span.db{
                            display: block;
                        }
    
                        &.copyright {
                            margin-top: 16px;
                        }
                    }
                    address{
                        margin-top: 16px;
                        font-style: normal;
                    }
                }
            }
        }
    
        div.facebook {
            display: flex;
            flex-direction: column-reverse;
            align-items: center;

            @media (max-width: 768px) {
                order: -1;              /* SP：facebookを先頭(上)へ→コピーライトが最下部 */
                align-items: flex-start;
            }
    
            p{
    
            }
    
            a{
                display: block;
                text-indent: -9999px;
                width: 60px;
                height: 60px;
                background: url(../img/facebook.svg) center / contain no-repeat;
            }
        }
    }

}