@charset "UTF-8";
/* -------------------------------------------------------------------------- */
/*                                 Custom Style                               */
/* -------------------------------------------------------------------------- */

/**
 * Bland Color
 */
.blandColor {
    color: #f04d23;
}

/**
 * Custom CSS for Bootstrap 5.3.0
 */
.custom-badge {
    color: #ff5722;            /* 文字色 → オレンジ */
    border: 1px solid #ff5722; /* ボーダー → オレンジ */
    background-color: transparent; /* 背景は透明 */
    padding: 0.25em 0.6em;     /* Bootstrap風の余白 */
    border-radius: 0.25rem;    /* 角丸 */
    font-family: var(--bs-font-secondary, sans-serif); /* Bootstrapのfont-secondary対応 */
}

/**
 * 背景色
 */
.gl-1 {
    background: linear-gradient(90deg, #00bcd4 0%, #ffffff 50%, #ffe0b2 100%);
}
.gl-2 {
    background: linear-gradient(90deg, #ff8a65 0%, #9575cd 50%, #3f51b5 100%);
}
.gl-3 {
    background: linear-gradient(90deg, #4fc3f7 0%, #0288d1 100%);

}