/* カラーパレットの色追加　functionsは3~48行目が該当 */
:root {
    /* ------------ color ------------ */
	--color-default-text: #444444;
	--color-bluish-black: #555F64; /* タイトルやフッター背景で使用　青みがかった黒 */
	--color-gray: #AAAAAA; /* トップの未選択のタグに使用 */
	--color-red: #ED1C24;
	--color-orange: #FFBC27;	
	--color-skyblue:#41BEE7; /* 基本の水色 */
}

.has-default-text-black-color { color: var(--color-default-text);}
.has-bluish-black-color { color: var(--color-bluish-black);}
.has-gray-color { color: var(--color-gray);}
.has-red-color { color: var(--color-red);}
.has-orange-color { color: var(--color-orange);}
.has-skyblue-color { color: var(--color-skyblue);}

.has-default-text-black-background-color { background-color: var(--color-default-text);}
.has-bluish-black-background-color { background-color: var(--color-bluish-black);}
.has-gray-background-color { background-color: var(--color-gray);}
.has-red-background-color { background-color: var(--color-red);}
.has-orange-background-color { background-color: var(--color-orange);}
.has-skyblue-background-color { background-color: var(--color-skyblue);}


/* このファイルを読み込むと編集画面のフォントがserifになるため、元のフォントを記載 */
body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}