@charset "UTF-8";

/*//////////////////// COLOR BLUE ////////////////////////*/

body.black {
    background: #000;
    color: #FFF;
}

body.black .logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

body.black header .header-wrap {
    background: #000;
    color: #FFF;
    /*border-bottom: 1px solid rgb(255 255 255 / 40%);*/
}

body.black .title-area {
    background: #000;
}

body.black a {
    color: #FFF;
}

body.black .category a,
body.black .tag a,
body.black .archive a {
    background: #000;
    /*border: 1px solid #FFF;*/
}

body.black .internal-link ul.button-group li,
body.black .internal-link ul.button-group a,
body#article.blue .main-area .contents-inner dl dt {
    color: #FFF;
}

body#article.blue .main-area .contents-inner,
body#article.blue .main-area .contents-inner span.category a {
    color: #FFF;
}

body#article.blue .main-area .sandwich {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

body.black .internal-link ul.line-group li {
    border-left: 1px solid rgb(255 255 255 / 40%);
    border-right: 1px solid rgb(255 255 255 / 40%);
}

body.black .internal-link ul.line-group li+li {
    border-left: 0;
    border-right: 1px solid rgb(255 255 255 / 40%);
}

body.black a.button {
    border: none;
    background: #FFF;
    color: #000;
}

body.black .modal__cont a {
    color: #020201;
}

body.black .sub-area a.button,
body.black .modal__cont a.button {
    border: none;
    background: #000;
    color: #FFF;
}

body.black dl.lined dt {
    background: #FFF;
    color: #000;
}

body.black .toggle_btn span {
    background: #FFF;
}

@media only screen and (min-width: 768px) {
    body.black dl.lined dt {
        background: #000;
        color: #FFF;
    }
}

body.black .internal-link ul.button-group li {
    border: solid 1px rgb(255 255 255 / 40%);
}

body.black footer {
    background: #FFF;
    color: #444;
}

body.black footer a {
    color: #444;
}

body.black .sub-area a {
    color: #FFF;
}