/* https://cocospa-esthe.com/ */


:root {
    --black-color: black;
    --white-color: #fff;
}


#navi-menu nav ul li a {
    /* color: var(--white-color); */
}

.logo-pc {
    margin: 0 auto;
    height: 12rem;
}

@media screen and (min-width: 801px) {
    .mainvisual {
        padding-top: calc(11 / 16 * 100%);
    }

    main {
        padding-top: 12rem
    }

    header {
        padding: 0rem;
        position: static;
    }

    .logo-sp {
        display: none;
    }

    #navi-menu {
        justify-content: center;
        height: 60%;
        width: auto;
        background: var(--black-color);
        color: var(--white-color);
    }

    #navi-menu nav ul li a {
        color: var(--white-color);
    }

    /* .content-ttl {
        color: gold;
    } */

}

@media screen and (max-width: 801px) {
    .logo-pc {
        display: none;
    }


    .foot-box {
        color: black;
    }

    .foot-box div {
        color: var(--white-color);
    }

}

.bg-img-02 .bg-mask {
    background: rgba(0, 0, 0, 0.8);
}

.bg-mask {
    background: rgba(224, 224, 224, 0.8);
}

.foot-nav a {
    color: var(--white-color);
}

.social-box li a {
    color: rgb(255, 255, 255);
    font-size: 2rem;
    padding: 0 1rem;
}

.staff-info ul li {
    padding: 0.5rem 0;
    color: black;
}

.bg-img,
.bg-img-02,
.bg-img-03 {
    background: none;
}

.foot-logo a img {
    filter: invert(1);
}

.price-list {
    background: none;
}

.price-list li {
    border: 1px dashed rgb(136, 136, 136);
    justify-content: center;
}

.rec-visual {
    padding-top: calc(6 / 14 * 100%);
}

.staff-info ul li+li {
    border-top: 1px solid #000000;
}

.more-list-btn a {
    display: block;
    padding: 0.5rem 0.25rem;
    color: #fff;
}

.rec-visual h3 {
    display: none;
}