@charset "utf-8";

/* -------------------------------------------------- */
/*  textcolor
/* -------------------------------------------------- */
.coBlack {
    color: var(--black1) !important;
}
.coWhite {
    color: var(--white) !important;
}
.coGray {
    color: #ddd !important;
}
.coDarkGray {
    color: #7a7a7a !important;
}
.coRed {
    color: var(--red1) !important;
}
.coGreen {
    color: #239e8a !important;
}
.coNavy {
    color: #091659 !important;
}
.coMizu {
    color: #00ADF8 !important;
}
.coYellow {
    color: var(--yellow) !important;
}

/* -------------------------------------------------- */
/*  background
/* -------------------------------------------------- */
.bgTheme {
    background: var(--theme) !important;
    color: var(--white) !important;
}
.bgBlack {
    background: var(--black1) !important;
    color: var(--white) !important;
}
.bgWhite {
    background: #fff !important;
    color: #242424 !important;
}
.bgGray {
    background: var(--gray3) !important;
    color: var(--text) !important;
}
.bgDarkGray {
    background: #7a7a7a !important;
    color: #242424 !important;
}
.bgGrayUsu {
    background: var(--gray4) !important;
    color: var(--text) !important;
}
.bgNavy {
    background: #091659 !important;
    color: #fff !important;
}
.bgMizu {
    background: #00ADF8 !important;
    color: #fff !important;
}
.bgMizuUsu {
    background: #f0f8ff !important;
    color: #242424 !important;
}
.bgYellow {
    background: var(--yellow) !important;
    color: var(--black) !important;
}
.bgRedUsu {
    background: var(--red3) !important;
    color: var(--text) !important;
}

/* -------------------------------------------------- */
/*  border
/* -------------------------------------------------- */
.bdr { border: 1px solid var(--border); }
.bdrBlack { border-color: var(--black1) !important; }
.bdrWhite { border-color: var(--white) !important; }
.bdrGray { border-color: #ddd !important; }
.bdrDarkGray { border-color: #7a7a7a !important; }
.bdrRed { border-color: var(--red1) !important; }
.bdrGreen { border-color: #239e8a !important; }
.bdrNavy { border-color: #091659 !important; }
.bdrMizu { border-color: #00ADF8 !important; }
.bdrMizuUsu { border-color: #e0e8ef !important; }

/* -------------------------------------------------- */
/*  hissu or ninni
/* -------------------------------------------------- */
.hissu {
    background: var(--red1) !important;
    color: #fff !important;
    padding: 0.25em;
    vertical-align: 0.05em;
    margin-right: 0.5em;
    border-radius: 3px;
}
.ninni {
    background: #666 !important;
    color: #fff !important;
    padding: 0.25em;
    vertical-align: 0.05em;
    margin-right: 0.5em;
    border-radius: 3px;
}