@charset "UTF-8";
/* ======================
エディター設定を読み込む */
/* メイン */
.has-blue-color {
    color: var(--color-main);
}
.has-blue-background-color {
    background-color: var(--color-main);
}
.has-blue-soft-color {
    color: var(--color-main-soft);
}
.has-blue-soft-background-color {
    background-color: var(--color-main-soft);
}
.has-blue-pale-color {
    color: var(--color-main-pale);
}
.has-blue-pale-background-color {
    background-color: var(--color-main-pale);
}
.has-blue-thin-color {
    color: var(--color-main-thin);
}
.has-blue-thin-background-color {
    background-color: var(--color-main-thin);
}
/* アクセント */
.has-red-color {
    color: var(--color-accent);
}
.has-red-background-color {
    background-color: var(--color-accent);
}
.has-red-pale-color {
    color: var(--color-accent-pale);
}
.has-red-pale-background-color {
    background-color: var(--color-accent-pale);
}
.has-red-thin-color {
    color: var(--color-accent-thin);
}
.has-red-thin-background-color {
    background-color: var(--color-accent-thin);
}
/* ホワイト */
.has-white-color {
    color: var(--color-white);
}
.has-white-background-color {
    background-color: var(--color-white);
}
/* ブラック */
.has-bk-color {
    color: var(--color-bk);
}
.has-bk-background-color {
    background-color: var(--color-bk);
}
/* グレー */
.has-gray-color {
    color: var(--color-gray);
}
.has-gray-background-color {
    background-color: var(--color-gray);
}
.has-gray-soft-color {
    color: #dedede;
}
.has-gray-soft-background-color {
    background-color: #dedede;
}
.has-gray-pale-color {
    color: #fafafa;
}
.has-gray-pale-background-color {
    background-color: #fafafa;
}
/* リンクカラー */
.has-link-target-color {
    color: var(--color-link);
}
.has-link-target-background-color {
    background-color: var(--color-link);
}
.has-link-target-hover-color {
    color: var(--color-link--hover);
}
.has-link-target-hover-background-color {
    background-color: var(--color-link--hover);
}
/* ---------------
テキストサイズ */
.has-sm-font-size{
    font-size: var(--txt-xs);
}
.has-reg-font-size{
    font-size: var(--txt-reg);
}
.has-md-font-size{
    font-size: var(--txt-md);
}
.has-lg-font-size{
    font-size: var(--txt-lg);
}
.has-xl-font-size{
    font-size: var(--txt-xl);
}