@charset "utf-8";

.background_fixed {
    background: url(../img/back_whiteRhombus.svg);
    background-color: var(--bg-color);
    background-size: contain;
}

:root {
    /* カラー */
    --black: #151515!important;
    --white: #fff!important;
    --rader-color : 0 0 0;
    --bg-color: #fff!important;
    --img-white: brightness(0) invert(1);
    --img-change: invert(100%);
}


@media screen and (min-width: 1366px) {

    .typeDisplay h2 {
        filter: brightness(100);
    }

    .stateBox li img {
        filter: var(--img-white);
    }

    .shareButton_container.first .shareMessage {
        color: var(--black);
        background-color: var(--white);
    }

    .typeDisplay_wrap .TwitterShare { filter: var(--img-change);}
}

/* ---------------------------------------------------------
        上部・画面追尾
-----------------------------------------------------------*/
.followingBar {
    background-color: rgba(255,255,255,.95);
}

/* 円グラフ透過処理 */
.pie {
    mix-blend-mode: multiply!important;
}