/* style */

.flex{
    display:flex;
}

.inline{
    display:inline;
}

.hidden{
    display:none;
}

/* font-size */

.xx-small{
    font-size:xx-small;
}
.x-small{
    font-size:x-small;
}
.small{
    font-size:small;
}
.xx-large{
    font-size:xx-large;
}
.x-large{
    font-size:x-large;
}
.large{
    font-size:large;
}
/* font-color */

.red{
    color:red;
}
.blue{
    color:blue;
}
.green{
    color:green;
}
.white{
    color:white;
}
.black{
    color:black;
}
.obbred{
    color:#800;
}
.ner{
    color:#ed551b;
}
/* background-color*/

.bg_red{
    background-color:red;
}
.bg_blue{
    background-color:blue;
}
.bg_green{
    background-color:green;
}
.bg_white{
    background-color:white;
}
.bg_black{
    background-color:black;
}
.bg_obbred{
    background-color:#800;
}
.bg_ner{
    background-color:#ed551b;
}
.bg_orange{
    background-color:orange;
}
/* border-color*/

.border_red{
    border: medium solid red;
    padding:5px;
}
.border_blue{
    border:medium solid blue;
    padding:5px;
}
.border_green{
    border:medium solid green;
    padding:5px;
}
.border_white{
    border:medium solid white;
    padding:5px;
}
.border_black{
    border:medium solid black;
    padding:5px;
}
.border_obbred{
    border:medium solid #800;
    padding:5px;
}
.border_ner{
    border:medium solid #ed551b;
    padding:5px;
}
.border_orange{
    border:medium solid orange;
    padding:5px;
}
/* marker */

.under_red{
    background: linear-gradient(transparent 50%,red 50%);
}
.under_blue{
    background: linear-gradient(transparent 50%,blue 50%);
}
.under_green{
    background: linear-gradient(transparent 50%,green 50%);
}
.under_white{
    background: linear-gradient(transparent 50%,white 50%);
}
.under_obbred{
    background: linear-gradient(transparent 50%,#800 50%);
}
.under_ner{
    background: linear-gradient(transparent 50%,#ed551b 50%);
}
.under_orange{
    background: linear-gradient(transparent 50%,orange 50%);
}
/* webフォント一覧 */

.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
.wf-kokoro { font-family: "Kokoro"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.wf-nikukyu { font-family: "Nikukyu"; }
.wf-nicomoji { font-family: "Nico Moji"; }
.wf-notosansjapanese { font-family: "Noto Sans JP"; }