/* ===================================================
    変数
=================================================== */
:root{
    /* Transition & Animation */
    --duration-fast: 0.3s;
    --duration-normal: 0.6s;
    --duration-slow: 1.2s;
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
}


/* -=========-=========-=========-=========-=========-=========-=========-=========-=========-=========
    追加css用
-=========-=========-=========-=========-=========-=========-=========-=========-=========-=========*/
/* ===================================================
    font-size
=================================================== */
.font-size-x-small{
    font-size: var(--wp--preset--font-size--x-small);
}
.font-size-small{
    font-size: var(--wp--preset--font-size--small);
}
.font-size-regular{
    font-size: var(--wp--preset--font-size--regular);
}
.font-size-medium{
    font-size: var(--wp--preset--font-size--medium);
}
.font-size-large{
    font-size: var(--wp--preset--font-size--large);
}
/* ===================================================
    font-weight
=================================================== */
.font-weight-bold{
    font-weight: 700;
}
.font-weight-medium{
    font-weight: 500;
}
.font-weight-regular{
    font-weight: 400;
}
.font-weight-light{
    font-weight: 300;
}
/* ===================================================
    text-align
=================================================== */
.text-align-center{
    text-align: center;
}
.text-align-left{
    text-align: left;
}
.text-align-right{
    text-align: right;
}