@charset "UTF-8";
/*-----共通style start-----*/
/*朱 背景*/
.mb-red {
    background-color: var(--Alert);
}

.mb-green {
    background-color: var(--Success);
}

/*グレイ 背景*/
.mb-gray {
    background-color: var(--Gray-7);
}

/*黒 小文字*/
.fs-small{
    font-size: var(--font-size-small);
}

/*グレイ 小文字*/
.f-gary-sm {
    color: var(--Gray-7);
    font-size: var(--font-size-small);
}

/*青い 普通文字*/
.f-blur-nr {
    color: var(--Blue-2);
    font-size: var(--font-size-middle);
    font-weight: var(--font-weight-normal);
}

/*薄い グレイ背景1*/
.tr-gray {
    background: var(--Gray-1);
}

/*薄い グレイ背景3*/
.tr-gray-3 {
    background: var(--Gray-3);
}

.ml0 {
    margin-left: 0px !important;
}

.inline{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.inline-nogap{
     display: inline-flex;
    align-items: center;
}
.sf-green {
    color: var(--Success);
}

.sf-black {
    color: var(--Black) !important;
}

.sf-red {
    color: var(--Alert);
}

.sf-gray7{
    color: var(--Gray-7);
}

.sf-size1 {
    font-size: var(--font-size-1);
    font-weight: 700;
}

.sf-size2 {
    font-size: var(--font-size-2);
}

.sf-size3 {
    font-size: var(--font-size-small);
}

.sf-size4 {
    font-size: var(--font-size-mark);
}

.sf-size5 {
    font-size: var(--font-size-2);
    font-weight: 700;
}

.sf-size6{
    font-size: var(--font-size-3);
}

.sf-size7 {
    font-size: var(--font-size-7);
}

.normal-fs{
    font-size: var(--font-size-middle) !important;
}
.spliter{
    border-left:2px solid var(--Gray-6);
    padding: 4px;
    margin-left: 4px;
}

.hide{
    display: none !important;
}

/*-----共通style start-----*/