@charset "UTF-8";
/* ======================
エディター設定を読み込む */
/* メイン */
.has-green-color {
    color: var(--color-main);
}
.has-green-background-color {
    background-color: var(--color-main);
}
.has-green-soft-color {
    color: var(--color-main-soft);
}
.has-green-soft-background-color {
    background-color: var(--color-main-soft);
}
.has-green-pale-color {
    color: var(--color-main-pale);
}
.has-green-pale-background-color {
    background-color: var(--color-main-pale);
}
.has-green-thin-color {
    color: var(--color-main-thin);
}
.has-green-thin-background-color {
    background-color: var(--color-main-thin);
}
.has-green-thinner-color {
    color: var(--color-main-thinner);
}
.has-green-thinner-background-color {
    background-color: var(--color-main-thinner);
}
.has-green-strong-color {
    color: var(--color-main-strong);
}
.has-green-strong-background-color {
    background-color: var(--color-main-strong);
}
.has-green-bright-color {
    color: var(--color-main-hover);
}
.has-green-bright-background-color {
    background-color: var(--color-main-hover);
}
/* ホワイト */
.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-main);
}
.has-link-target-background-color {
    background-color: var(--color-main);
}
.has-link-target-hover-color {
    color: var(--color-main-hover);
}
.has-link-target-hover-background-color {
    background-color: var(--color-main-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);
}