@charset "UTF8";
*,
*::before,
*::after {
    box-sizing: border-box;
    
}
a {
    text-decoration: none;
}
:root {
    --white-color: 255, 255, 255;
    --black-color: 0, 0, 0;
    --glay-color: 136, 136, 136;
    --main-color: 164,141,189;
    --sub-color: 237, 212, 114;
    --sub_dark-color: 245, 188, 0;
    --bg-color: 243,241,231;
    --red-color:190,78,99;
    --yellow-color:225,193,0;
    --blue-color:2,79,147;
    --purple-color:154,93,151;
    --green-color:149,184,89;
}
.clr_white{
    color: rgba(var(--white-color),1.0);
}
.clr_black{
    color: rgba(var(--black-color),1.0);
}
.clr_glay{
    color: rgba(var(--glay-color),1.0);
}
.clr_main{
    color: rgba(var(--main-color),1.0);
}
.clr_sub{
    color: rgba(var(--sub-color),1.0);
}
.clr_sub_dark{
    color: rgba(var(--sub_dark-color),1.0);
}
.clr_red{
    color: rgba(var(--red-color),1.0);
}
.clr_yellow{
    color: rgba(var(--yellow-color),1.0);
}
.clr_blue{
    color: rgba(var(--blue-color),1.0);
}
.clr_purple{
    color: rgba(var(--purple-color),1.0);
}
.clr_green{
    color: rgba(var(--green-color),1.0);
}
/*---------- サイズ ----------*/
.fps{font-size: 90%;}
.fpl{font-size: 110%;}
.fpxl{font-size: 120%;}