@charset "utf-8";
/**
 * 共通(site.css)
 *
 * @see     2022/11/06  新規作成
 * @version 1.0.0
 */
/*================================================================================*
 * 定数
 *
 * 【補足】
 *
 *   ・サイドバーメニューの『pull-right-container』の位置調整がクラス指定で
 *     有効にならないため、styleで定数による調整を行う(デフォルトの幅で良い場合は不要)
 *================================================================================*/
:root {
    /* 定数(罫線) */
    --border-normal:           solid 1px #DDDDDD;
    --border-group_panel:      solid 1px #DCDCDC;
    --border-input:            solid 1px #757575;
    --border-table:            solid 1px #000000;
    /* 定数(色) */
    --color-accordion_title:   #FFFFFF;
    --color-base_content:      #FFFFFF;
    --color-data_nothing:      #FFE4E1;
    --color-disable_row:       #DCDCDC;
    --color-group_panel:       #F9F9F9;
    --color-login_page:        #D2D6DE;
    --color-error_w2grid:      #ffe4e1;
    --color-label:             #777;
    --color-required:          red;
    --color-text_glay:         #777;
    --color-tr_even:           #F3F6FA;
    --color-tr_odd:            #FFFFFF;
    --color-tr_hover:          #FFEFEF;
    --color-tr_selected:       #FFEFE0;
    --color-table_th:          #C2DDEC;
    --color-table_td:          #F3F6FA;
    --color-link:              #0d6efd;
    --color-btn_base:          #0d6efd;
    --color-btn_font:          #ffffff;
    --color-msg_complete:      #0000ff;
    /* 定数(フォントサイズ) */
    --font-size-base:          15.0px;
    --font-size-w2grid:        12.5px;
    --font-size-l:             14.5px;
    --font-size-m:             13.5px;
    --font-size-s:             12.5px;
    --font-size-xs:            12.0px;
    --font-size-th:            10pt;
    --font-size-td-m:          11pt;
    --font-size-td-s:          10pt;
    /* pull-right-container位置調整 */
    --treeview_icon_left:      230px;
}
/*================================================================================*
 * 全体
 *================================================================================*/
/*--------------------------------------------------------------------------------*
 * z-index調整
 *--------------------------------------------------------------------------------*/
/* ヘッダー(画面上部) */
.view_main_header {
    white-space:           nowrap;
    z-index:               9000000!important;
}
/* フッター */
.footer_content {
    z-index:               8000000!important;
}
/* メニュークリック前 */
.menu-btn {
    z-index:               9000009!important;
}
/* メニュー */
.menu-content {
    z-index:               9000002!important;
}
/* 子画面 */
.edit-div {
    z-index:               9000003!important;
}
/* ダイアログ */
.view_dialog {
    z-index:               9000004!important;
}
/*--------------------------------------------------------------------------------*
 * 全体
 *--------------------------------------------------------------------------------*/
html {
    overflow:              auto;
}
.content-wrapper {
    overflow-y:            hidden;
}
.content {
    overflow-x:            auto;
    overflow-y:            auto;
    padding-bottom:        0;
    background-color:      var(--color-base_content)
}
.main-header .logo
{
    font-size:             14px;
    font-weight:           bold;
}
/* ログアウトが画面縮小時も右側に表示されうように調整 */
.navbar-custom-menu {
    display:               flex;
}
/*--------------------------------------------------------------------------------*
 * グループパネル
 *--------------------------------------------------------------------------------*/
.group-panel {
    /* w2ui-1.5.rc1.css　w2ui-group から移植  */
    background-color:      var(--color-group_panel);
    margin:                5px 0 10px;
    padding:               10px 5px;
    border-top:            var(--border-group_panel);
    border-bottom:         var(--border-group_panel);
}
/*--------------------------------------------------------------------------------*
 * テキストエリア
 *--------------------------------------------------------------------------------*/
/* テキストエリア(拡大・縮小禁止) */
textarea {
    resize:                none;
}
/*--------------------------------------------------------------------------------*
 * フォント調整
 *--------------------------------------------------------------------------------*/
body {
    font-size:             var(--font-size-base);
}
button {
    font-size:             var(--font-size-m);
}
aside.main-sidebar {
    font-size:             var(--font-size-base);
}
.skin-blue .main-header .navbar .sidebar-toggle {
    font-size:             var(--font-size-base);
}
.font_size_s {
    font-size:             var(--font-size-s);
}
.font_size_xs {
    font-size:             var(--font-size-xs);
}
/*================================================================================*
 * メインヘッダー関連
 *================================================================================*/
.main-header .sidebar-toggle {
    padding:               13px 15px!important;
}
.main-header .menu_title {
    color:                 #fff;
    font-size:             17px;
    padding-left:          10px;
}
.main-header .menu_login_info {
    color:                 #fff;
    display:               block;
    font-size:             15px;
    line-height:           20px;
    padding:               15px;
    position:              relative;
}
.main-header .menu_login_info li:first-child {
    padding-right:         20px;
}
.main-header .menu_logout {
    margin:                5px;
}
/*================================================================================*
 * サイドバーメニュー関連
 *================================================================================*/
/*================================================================================*
 * フッター関連
 *================================================================================*/
footer {
    bottom:                0;
    left:                  0;
    position:              fixed;
}
/*================================================================================*
 * その他
 *================================================================================*/
/*--------------------------------------------------------------------------------*
 * 位置調整
 *--------------------------------------------------------------------------------*/
.left {
    text-align:            left;
}
.center {
    text-align:            center;
}
.right {
    text-align:            right;
}
/*--------------------------------------------------------------------------------*
 * 文字サイズ
 *--------------------------------------------------------------------------------*/
.font_size_s {
    font-size:             var(--font-size-s);
}
.font_size_xs {
    font-size:             var(--font-size-xs);
}
/*--------------------------------------------------------------------------------*
 * 画面制御用クラス
 *
 * 【補足】
 *
 *   ・JSの画面制御で使用するためのクラスなので、クラス属性値は設定しない
 *--------------------------------------------------------------------------------*/
/* 入力不可 */
.disabled {
}
/* 入力不可 */
.not_input {
}
/* クリア不可 */
.not_clear {
}
/* 活性・非活性化制御用 */
.not_disabled {
}
/* SPANクリア制御用 */
.clear_span {
}
/* 入力不可領域の非活性化制御用 */
.display {
}
/* KEY項目の非活性化制御用 */
.key {
}
/* TITLE要素設定用 */
.attr_title {
}
/* 計算項目(変更時に再計算) */
.calc {
}
/*--------------------------------------------------------------------------------*
 * 日付関連
 *--------------------------------------------------------------------------------*/
.date {
    width:                 11rem;
}
/*================================================================================*
 * メニュー
 *================================================================================*/
.bold_menu {
    font-size:             14px;
}
/*================================================================================*
 * TABLE関連
 *================================================================================*/
/*--------------------------------------------------------------------------------*
 * TABLE内リストボックス
 *--------------------------------------------------------------------------------*/
/* リストボックスの表示位置がずれる場合、外側に相対位置のDIVを設定 */
.position_relative {
    position:              relative;
}
/*================================================================================*
 * 汎用
 *================================================================================*/
/*--------------------------------------------------------------------------------*
 * 透明なINPUT(TEXT)要素
 *--------------------------------------------------------------------------------*/
.transparent_text {
    background-color:      transparent            !important;
    border:                none                   !important;
    outline:               none                   !important;
    padding:               0                      !important;
    width:                 100%                   !important;
}
/*--------------------------------------------------------------------------------*
 * 非表示
 *--------------------------------------------------------------------------------*/
.display_none {
    display:               none!important;
}
/*--------------------------------------------------------------------------------*
 * 入力欄の外枠非表示
 *--------------------------------------------------------------------------------*/
.border_none {
    border:               none!important;
}
/*================================================================================*
 * 共通
 *================================================================================*/
.cnt {
    text-align:            right;
}
.days {
    text-align:            right;
}
.kin {
    text-align:            right;
}
.time {
    text-align:            right;
}
.times {
    text-align:            right;
}

/*=============================================================================*
 * エラーメッセージ
 *=============================================================================*/
 div.colError {
    display: none;
    margin-top: 1px;
}
.hasError {
    outline:               dashed red 2px!important;
}
.msg_error {
    font-size: 0.9rem;
    vertical-align: bottom;
    margin-left: 7px;
}
.img_error {
    vertical-align: middle;
}