/* Minification failed. Returning unminified contents.
(12,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(30,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(40,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(63,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(74,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(130,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(159,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1321,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1340,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1350,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1401,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1417,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1497,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1550,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1556,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1561,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1860,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1889,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(1979,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2051,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2174,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2204,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2245,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2286,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2314,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2399,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2479,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2498,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2596,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2631,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2670,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2738,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2776,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2791,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2813,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2846,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2881,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2924,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(2981,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3045,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3138,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3177,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3222,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3239,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3254,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3308,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3490,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3655,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(3899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*******************************************************************************/
/*ボタン定義*/
/*******************************************************************************/
.cssbutton {
    /*#E0C6E0*/
    /*#E0B7E0*/
    border: 1px solid #A0A0A0;
    background-color: #A0A0A0;
    background-image: -webkit-linear-gradient(top, #A0A0A0, #A0A0A0);
    background-image: linear-gradient(to bottom, #A0A0A0, #A0A0A0);
    border-radius: 4px;
    color: var(--main-font-color);
    line-height: 25px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    cursor: pointer;
}

.cssbutton:hover {
    border: 1px solid #A0A0A0;
    background-color: #A0A0A0;
    background-image: -webkit-linear-gradient(top, #A0A0A0, #A0A0A0);
    background-image: linear-gradient(to bottom, #B0B0B0, #B0B0B0);
}

    .cssbutton:active {
        background: #A0A0A0;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
        color: var(--main-font-color);
        text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
    }

.cssbuttonS {
    border: 1px solid #A0A0A0;
    background-color: #A0A0A0;
    background-image: -webkit-linear-gradient(top, #A0A0A0, #A0A0A0);
    background-image: linear-gradient(to bottom, #A0A0A0, #A0A0A0);
    border-radius: 4px;
    color: var(--main-font-color);
    line-height: 15px;
    font-size: 10px;
    width: 70px;
    height: 20px;
    text-align: center;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-bottom: 4px;
    cursor: pointer;
}

    .cssbuttonS:hover {
        border: 1px solid #A0A0A0;
        background-color: #A0A0A0;
        background-image: -webkit-linear-gradient(top, #A0A0A0, #A0A0A0);
        background-image: linear-gradient(to bottom, #B0B0B0, #B0B0B0);
    }

    .cssbuttonS:active {
        background: #A0A0A0;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
        color: var(--main-font-color);
        text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
    }
/*チェックリスト編集ボタン*/
.cssEditbutton {
    border: 1px solid #A0A0A0;
    background-color: #FFF;
    content: url(../Content/image/icon/24px/edit_gray_24px.svg);
    /*background-image: url(../Content/image/icon/24px/edit_gray_24px.svg);*/
    background-size: cover;
    border-radius: 4px;
    color: var(--main-font-color);
    line-height: 25px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .cssEditbutton:hover {
        border: 1px solid #A0A0A0;
        background-color: #B0B0B0;
        content: url(../Content/image/icon/24px/edit_gray_24px.svg);
        /* background: url("../Content/image/icon/24px/edit_gray_24px.svg") no-repeat;*/
        background-size: cover;
    }

    .cssEditbutton:active {
        background: url("../Content/image/icon/24px/edit_gray_24px.svg") no-repeat;
        background-size: cover;
        border: 1px solid #000;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3);
    }


/*青ボタン*/
    .btnBlue {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #FFF;
    width: 300px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(#1D9BD6 0%, #0472BF 100%);
    border: none; /* 枠線を消す */
    outline: none; /* クリックしたときに表示される枠線を消す */
    cursor: pointer;
}

    .btnBlue:active {
        background: #1D9BD6;
        /*押したとき*/
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        background-image: linear-gradient(#1A719A 0%, #025182 100%); /*少し暗くする*/
    }

/*白ボタン*/
.btnWhite {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: var(--main-font-color);
    width: 300px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(#F9F9F9 0%, #B2B2B2 100%);
    border: 1px solid #999;
    outline: none; /* クリックしたときに表示される枠線を消す */
    padding: 0px;
    cursor: pointer;
}

    .btnWhite:active {
        background: #1D9BD6;
        /*押したとき*/
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        background-image: linear-gradient(#DBDBDB 0%, #949494 100%); /*少し暗くする*/
    }
    .btnWhite:disabled {
        background: #949494;
    }

/*白グラデボタン：画像あり*/
.btnWhiteImg {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: var(--main-font-color);
    width: 300px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(#F9F9F9 0%, #B2B2B2 100%);
    border: 1px solid #999;
    outline: none; /* クリックしたときに表示される枠線を消す */
    padding: 0px;
    cursor: pointer;
}

    /*保存*/
    .btnWhiteImg.btnSave:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/64px/save_b.png") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*検索*/
    .btnWhiteImg.btnSearch:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/search_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*新規*/
    .btnWhiteImg.btnNew:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/add_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*削除*/
    .btnWhiteImg.btnDelete:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/delete_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*コピー*/
    .btnWhiteImg.btnCopy:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/copy_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*編集 未使用かも*/
    .btnWhiteImg.btnEdit:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/edit_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*表示*/
    .btnWhiteImg.btnDisp:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/preview_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*トップ*/
    .btnWhiteImg.btnTop:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/triangle-up_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*戻る*/
    .btnWhiteImg.btnBack:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/triangle-back_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*使用*/
    .btnWhiteImg.btnUse:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/arrow-next_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*出力*/
    .btnWhiteImg.btnOutPut:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/output_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*カメラ*/
    .btnWhiteImg.btnCamera:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -3px 0px 0 0;
        background: url("../Content/image/icon/camera.png") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*移動*/
    .btnWhiteImg.btnMove:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -3px 0px 0 0;
        background: url("../Content/image/icon/move.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    /*閉じる*/
    .btnWhiteImg.btnClose:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -3px 0px 0 0;
        background: url("../Content/image/icon/close.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
    .btnWhiteImg:active {
        background: #1D9BD6;
        /*押したとき*/
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        background-image: linear-gradient(#DBDBDB 0%, #949494 100%); /*少し暗くする*/
    }
    .btnWhiteImg:disabled {
        background: #949494;
    }

    /*設定*/
    .btnWhiteImg.btnCnfig:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: -3px 5px 0 0;
        background: url("../Content/image/icon/24px/setting_black_24px.svg") no-repeat;
        /*content: url(../Content/image/menu/save_bl.png);*/
        background-size: contain;
        vertical-align: middle;
    }
/*ボタンサイズ変更*/
.CommonBTN {
    /*font-size: 15px;*/
    width: 70px;
    height: 30px;
}
.ListBTN {
    width: 70px;
    height: 30px;
}

.ListBTNmid {
    width: 108px;
    height: 30px;
}

.ListBTNBig {
    width: 210px;
    height: 30px;
}

.ImageBTN {
    font-size: 10px;
    width: 70px;
    height: 20px;
}

.SchduleBTN {
    font-size: 12px;
    width: 70px;
    height: 25px;
    line-height: 25px;
}
.MiniBTN {
    width: 60px;
    height: 30px;
}

/*出力*/
.upList {
    display: inline-block;
    width: 40px;
    height: 40px;

    background: url("../Content/image/icon/24px/triangle-up_blue_24px.svg") no-repeat;
    /*content: url(../Content/image/menu/save_bl.png);*/
    background-size: contain;
    vertical-align: middle;
}
.downList {
    display: inline-block;
    width: 40px;
    height: 40px;

    background: url("../Content/image/icon/24px/triangle-doun_blue_24px.svg") no-repeat;
    /*content: url(../Content/image/menu/save_bl.png);*/
    background-size: contain;
    vertical-align: middle;
}
/* Font Definitions */
@font-face {
    font-family: "ＭＳ 明朝";
    panose-1: 2 2 6 9 4 2 5 8 3 4;
}

@font-face {
    font-family: "ＭＳ ゴシック";
    panose-1: 2 11 6 9 7 2 5 8 2 4;
}

@font-face {
    font-family: "Cambria Math";
    panose-1: 2 4 5 3 5 4 6 3 2 4;
}

@font-face {
    font-family: 游ゴシック;
    panose-1: 2 11 4 0 0 0 0 0 0 0;
}

@font-face {
    font-family: "ＭＳ Ｐゴシック";
    panose-1: 2 11 6 0 7 2 5 8 2 4;
}

@font-face {
    font-family: メイリオ;
    panose-1: 2 11 6 4 3 5 4 4 2 4;
}

@font-face {
    font-family: "Meiryo UI";
    panose-1: 2 11 6 4 3 5 4 4 2 4;
}

@font-face {
    font-family: "\@ＭＳ 明朝";
    panose-1: 2 2 6 9 4 2 5 8 3 4;
}

@font-face {
    font-family: "\@メイリオ";
}

@font-face {
    font-family: "\@ＭＳ ゴシック";
    panose-1: 2 11 6 9 7 2 5 8 2 4;
}

@font-face {
    font-family: "\@ＭＳ Ｐゴシック";
}

@font-face {
    font-family: "\@Meiryo UI";
}

@font-face {
    font-family: "\@游ゴシック";
    panose-1: 2 11 4 0 0 0 0 0 0 0;
}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal {
    margin: 0mm;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 10.5pt;
    font-family: 游ゴシック;
}

p.MsoFooter, li.MsoFooter, div.MsoFooter {
    mso-style-link: "フッター \(文字\)";
    margin: 0mm;
    text-align: justify;
    text-justify: inter-ideograph;
    layout-grid-mode: char;
    font-size: 10.5pt;
    font-family: 游ゴシック;
}

p {
    margin-right: 0mm;
    margin-left: 0mm;
    font-size: 12.0pt;
    font-family: "ＭＳ Ｐゴシック";
}

    p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {
        margin-top: 0mm;
        margin-right: 0mm;
        margin-bottom: 0mm;
        margin-left: 42.0pt;
        text-align: justify;
        text-justify: inter-ideograph;
        font-size: 10.5pt;
        font-family: 游ゴシック;
    }

span.a {
    mso-style-name: "フッター \(文字\)";
    mso-style-link: フッター;
}

.MsoChpDefault {
    font-family: 游ゴシック;
}
/* Page Definitions */
@page WordSection1 {
    size: 595.3pt 841.9pt;
    margin: 99.25pt 30.0mm 30.0mm 30.0mm;
    layout-grid: 18.0pt;
}

div.WordSection1 {
    page: WordSection1;
}
/* List Definitions */
ol {
    margin-bottom: 0mm;
}

ul {
    margin-bottom: 0mm;
}

a:link {
    color: #00DDFF;
}

a:visited {
    color: #00DDFF;
}

a:hover {
    color: #00DDFF;
}

a:active {
    color: #004FFF;
}

input[type="text"], input[type="number"] {
    border-radius: 0;
    -webkit-appearance: none;/*シャドウを消す*/
}

/* PC用のCSSはメディアクエリの外に記述する
body {
}
 */

/*ヘッダー*/
/*******************************************************************************/

/*ヘッダータイトル指定*/
.HeaderDivTitle {
    font-size: 20px;
    font-family: "YuGothic",sans-serif;
    font-weight: bold;
}

.ShareHeader {
    z-index: 9999;
    height: 60px;
    width: 100%;
    background-color: #4D4D4D;
    /*position: fixed;*/ /*画面上部に固定させる*/
}

/*ヘッダータイトル以外の文字指定*/
.HeaderDiv {
    padding-right:20px;
    font-size: 12px;
    font-family: "YuGothic",sans-serif;
    font-weight: normal;
}
/*ヘッダーのスマホ用メニューアイコン*/
.SPmenu_menu {
    content: url(../Content/image/icon/24px/menu_gray_24px.svg);
    width: 24px;
    height: 24px;
}
    .SPmenu_menu:hover {
        content: url(../Content/image/icon/24px/menu_white_24px.svg);
    }
/*メニュー閉じる*/
.SPmenu_close {
    content: url(../Content/image/icon/24px/menu-close_gray_24px.svg);
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
}
    .SPmenu_close:hover {
        content: url(../Content/image/icon/24px/menu-close_white_24px.svg);
        transform: rotate(180deg);
    }
.HeaderDivNameInfo {
    position: relative;
    z-index: 22;
    left: 0px;
    top: 10px;
    color: #FF0;
    background-color: #B7B7B7;
}
.HeaderDivNameInfoImg {
    content: url(../Content/image/icon/info.png); /* 画像のURLを指定       */
    background-repeat: no-repeat; /* 画像の繰り返しを指定  */
    width: 16px;
    height: 16px;
}
.HeaderDivName {
    max-width: 100px;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: "YuGothic",sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.SPMenu {
    z-index:100;
    display:none;
}
.HeaderDivIcon {
    display: none;
}
/**ヘッダー用テーブル*/
.HeaderTable {
    width: 100%;
    /*background-color: #A05EC4;*/
    background-color: #4D4D4D;
    color: #FFF;
    white-space: nowrap; /*改行させない*/
    position: fixed; /*画面上部に固定させる*/
    border-spacing: 0px 0px;
    z-index: 100;
    height: 42px;
}
    .HeaderTable td {
        /*background-color: #A05EC4;*/
        background-color: #4D4D4D;
    }
        .HeaderTable td.Title {
            /*background-color: #A05EC4;*/
            background-color: #4D4D4D;
            padding: 0 10px;
        }
        .HeaderTable td.HeaderName {
            background-color: #2196F3;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .HeaderTable td.HeaderPC {
            
        }

.HeaderTable td img {
    display: inline-block;
    vertical-align: middle;
}
        .HeaderTable td.etcblinking { /*色付きのセル点滅用*/
            -webkit-animation: blink 2.0s ease-in-out infinite alternate;
            -moz-animation: blink 2.0s ease-in-out infinite alternate;
            animation: blink 2.0s ease-in-out infinite alternate;
            background-color: #2196F3;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

@-webkit-keyframes blink {
    0% {background: #2196F3;color: #FFFFFF}
    50% {background: #C3D4E5;color: #FFFFFF}
    100% {background: #2196F3;color: #FFFFFF}
}

@-moz-keyframes blink {
    0% {background: #2196F3;color: #FFFFFF}
    50% {background: #C3D4E5;color: #FFFFFF}
    100% {background: #2196F3;color: #FFFFFF}
}

@keyframes blink {
    0% {background: #2196F3;color: #FFFFFF}
    50% {background: #C3D4E5;color: #FFFFFF}
    100% {background: #2196F3;color: #FFFFFF}
}
.HeaderTopBTN {
    font-size: 15px;
    width: 100px;
    height: 30px;
}

.menu-btn {
    position: fixed;
    top: 5px;
    right: 10px;
    display: flex;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #4D4D4D;
}
    .menu-btn:hover {
        cursor: pointer;
    }
    .menu-btn span, .menu-btn span:before, .menu-btn span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background-color: #ffffff;
        position: absolute;
    }

        .menu-btn span:before {
            bottom: 8px;
        }

        .menu-btn span:after {
            top: 8px;
        }

.menu-content {
    width: 200px;
    height: 220px;
    position: absolute;
    top: 42px;
    right: 100%; /*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #4D4D4D;
    /*transition: all 0.5s; アニメーション設定*/
}
    .menu-content ul {
        padding: 0px 10px 0;
    }
        .menu-content ul li {
            border-bottom: solid 1px #ffffff;
            list-style: none;
        }
            .menu-content ul li:hover {
                background-color: #2196F3;
            }
            .menu-content ul li a {
                display: block;
                width: 100%;
                font-size: 15px;
                box-sizing: border-box;
                color: #ffffff;
                text-decoration: none;
                padding: 9px 15px 10px 0;
                position: relative;
            }
                .menu-content ul li a::before {
                    content: "";
                    width: 7px;
                    height: 7px;
                    border-top: solid 2px #ffffff;
                    border-right: solid 2px #ffffff;
                    transform: rotate(45deg);
                    position: absolute;
                    right: 11px;
                    top: 16px;
                }
            .menu-content ul li div {
                display: block;
                width: 100%;
                font-size: 15px;
                box-sizing: border-box;
                color: #ffffff;
                text-decoration: none;
                padding: 9px 15px 10px 0;
                position: relative;
            }
                .menu-content ul li div.etcblinking { /*色付きのセル点滅用*/
                    -webkit-animation: blink 2.0s ease-in-out infinite alternate;
                    -moz-animation: blink 2.0s ease-in-out infinite alternate;
                    animation: blink 2.0s ease-in-out infinite alternate;
                    display: block;
                    width: 100%;
                    font-size: 15px;
                    box-sizing: border-box;
                    color: #ffffff;
                    text-decoration: none;
                    padding: 9px 15px 10px 0;
                    position: relative;
                }

@-webkit-keyframes blink {
    0% {background: #2196F3;color: #FFFFFF}
    50% {background: #C3D4E5;color: #FFFFFF}
    100% {background: #2196F3;color: #FFFFFF}
}

@-moz-keyframes blink {
    0% {background: #2196F3;color: #FFFFFF}
    50% {background: #C3D4E5;color: #FFFFFF}
    100% {background: #2196F3;color: #FFFFFF}
}

@keyframes blink {
    0% {background: #2196F3;color: #FFFFFF}
    50% {background: #C3D4E5;color: #FFFFFF}
    100% {background: #2196F3;color: #FFFFFF}
}
                .menu-content ul li div::before {
                    content: "";
                    width: 7px;
                    height: 7px;
                    border-top: solid 2px #ffffff;
                    border-right: solid 2px #ffffff;
                    transform: rotate(45deg);
                    position: absolute;
                    right: 11px;
                    top: 16px;
                }


#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
}

    #menu-btn-check:checked ~ .menu-btn span::before {
        bottom: 0;
        transform: rotate(45deg);
    }

    #menu-btn-check:checked ~ .menu-btn span::after {
        top: 0;
        transform: rotate(-45deg);
    }
#menu-btn-check:checked ~ .menu-content {
    right: 0; /*メニューを画面内へ*/
}
#menu-btn-check {
    display: none;
}


#SPmenu-btn-check:checked ~ .SPsidebarMenuInner {
    right: 0; /*メニューを画面内へ*/
}
#SPmenu-btn-check {
    display: none;
}

.InfoPanel {
    width: 800px;
    height:600px;
}
.InfoTable {
    margin-top: 20px;
    width: 800px;
    color: #FFF;
}
    .InfoTable tr {
    }
    .InfoTable th {
        font-family: "YuGothic",sans-serif;
        font-size: 20px;
        text-align: left;
        color: #FFF;
    }
    .InfoTable td {
        font-family: "YuGothic",sans-serif;
        font-size: 12px;
        color: #FFF;
        border: none;
        /*border-bottom: 1px solid #A1A1A1;
        padding-bottom: 10px;*/
    }
        .InfoTable td a {
            color: #0077FF;
            outline: none;
        }

.DetailPanel {
    width: 400px;
    height: 320px;
    background-color: #FFF;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}
/*フッター*/
/*******************************************************************************/
.ShareFooter {
    height: 50px;
    width: auto;
    background-color: #77F;
    position: absolute;
    bottom: 0;
}
.push {
    height: 50px;
}

/*サイドメニュー*/
/*******************************************************************************/
.SideMenu {
    z-index:100;
    box-sizing: border-box;
    top: 42px;
    height: 100%;
    width: 88px;
    position: fixed;
    overflow: auto;
    background: #333333;
    box-shadow: 6px 6px 2px 2px rgba(0,0,0,0.2);
}
.MenuList {
    list-style: none;
    margin:0px;
    padding:0px;
}
    .MenuList li {
        padding:0px;
    }
.MenuDiv {
    width: 88px;
    height: 80px;
    position: relative;
    text-align: center;
    color: #959595;
    cursor: pointer;
}
    .MenuDiv:hover {
        background-color: #2196F3;
        color: #FFF;
    }
    /*メイン画面画像*/
    .MenuDiv img.menu_main {
        content: url(../Content/image/icon/24px/dashboard_gray_24px.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }
    .MenuDiv:hover img.menu_main {
        content: url(../Content/image/icon/24px/dashboard_white_24px.svg);
    }

    /*メニュー*/
    .MenuDiv img.menu_menu {
        content: url(../Content/image/icon/24px/menu_gray_24px.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }

    .MenuDiv:hover img.menu_menu {
        content: url(../Content/image/icon/24px/menu_white_24px.svg);
    }
    /*メニュー閉じる*/
    .MenuDiv img.menu_close {
        content: url(../Content/image/icon/24px/menu-close_gray_24px.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }

    .MenuDiv:hover img.menu_close {
        content: url(../Content/image/icon/24px/menu-close_white_24px.svg);
    }
    /*スケジュール*/
    .MenuDiv img.menu_schedule {
        content: url(../Content/image/icon/24px/schedule_gray_24px.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }
    .MenuDiv:hover img.menu_schedule {
        content: url(../Content/image/icon/24px/schedule_white_24px.svg);
    }
    /*スケジュール作成*/
    .MenuDiv img.menu_schedule_edit {
        content: url(../Content/image/icon/24px/schedule-create_gray_24px-B.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }

    .MenuDiv:hover img.menu_schedule_edit {
        content: url(../Content/image/icon/24px/schedule-create_white_24px-B.svg);
    }
    /*リスト*/
    .MenuDiv img.menu_list {
        content: url(../Content/image/icon/24px/q-list_gray_24px.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }

    .MenuDiv:hover img.menu_list {
        content: url(../Content/image/icon/48px/q-list_white_48px.svg);
    }
    /*編集*/
    .MenuDiv img.menu_edit {
        content: url(../Content/image/icon/24px/q-list-edit_gray_24px.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }

    .MenuDiv:hover img.menu_edit {
        content: url(../Content/image/icon/48px/q-list-edit_white_48px.svg);
    }

    /*初期設定*/
    .MenuDiv img.menu_config {
        content: url(../Content/image/icon/24px/setting_gray_24px.svg);
        width: 24px;
        height: 24px;
        left: 32px;
        position: absolute;
        top: 28px;
    }

    .MenuDiv:hover img.menu_config {
        content: url(../Content/image/icon/24px/setting_white_24px.svg);
    }


.MenuDivOpen {
    width: 250px;
    line-height: 40px;
    vertical-align: middle;
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle;
    font-size:14px;
}
    #sidebarMenu {
        z-index: 9998;
        box-sizing: border-box;
        top: 42px;
        height: 100%;
        position: fixed;
        overflow: auto;
        background: #333333;
        width: 250px;
        transform: translateX(-260px);
        transition: transform 0ms ease-in-out;
        background: #333333;
        box-shadow: 6px 6px 2px 2px rgba(0,0,0,0.2);
    }

.sidebarMenuInner {
    margin: 0;
    padding: 0;
}

.SPsidebarMenuInner {
    z-index: 9997;
    box-sizing: border-box;
    top: 42px;
    height: 100%;
    width: 250px;
    right: 100%;
    position: fixed;
    overflow: auto;
    background: #333333;
    box-shadow: -6px 6px 2px 2px rgba(0,0,0,0.2);
}
.SideMenu_hr {
    width: 80%;
    height: 1px;
    background-color: #757575;
    border: none;
    color: #757575;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.ScheduleListMainTable {
    width: 500px;
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    background-color: #FFF;
    padding: 0;
    margin: 0;
}
    .ScheduleListMainTable tr {
        border: none;
        padding-left: 0;
        margin-left: 0;
    }
    .ScheduleListMainTable th {
        color: #FFF;
        background-color: #2196F3; /*#A05EC4;*/
        padding: 0;
        margin: 0;
    }

    .ScheduleListMainTable td {
        border: none;
        padding: 0;
        margin: 0;
    }
.InCompleteScheduleListMainTable {
    width: 500px;
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    background-color: #FFF;
    padding: 0;
    margin: 0;
}

    .InCompleteScheduleListMainTable tr {
        width: 100%;
        max-width: 100%;
        border: none;
        padding-left: 0;
        margin-left: 0;
    }

    .InCompleteScheduleListMainTable th {
        width: 100%;
        max-width: 100%;
        color: #FFF;
        background-color: #FF9900; /*#A05EC4;*/
        padding: 0;
        margin: 0;
    }

    .InCompleteScheduleListMainTable td {

        border: none;
        padding: 0;
        margin: 0;
    }
.ScheduleDate {
    width: 160px;
    font-size: 16px;
    border: none;
    border-width: 0px;
    padding: 0px;
    height: 100%;
}

.ScheduleTime {
    width: 140px;
    font-size: 16px;
    border: none;
    border-width: 0px;
    padding: 0px;
    height: 100%;
    width: 80px;
    margin-left: 2px;
    margin-right: 2px;
}

.memoDiv {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.LabelBlue {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    padding: 3px 0 0 0px; /*文字周りの余白*/
    /*color: #010101; 文字色*/
    color: #FFF;
    /*background: #eaf3ff; 背景色*/
    background: #2196F3;
    width: 80px;
    height: 26px;
    margin: 0;
}
.ScheduleDivPanel {
    height: 30px;
    width: 350px;
    background-color: #FFF;
    vertical-align: middle;
    display: table;
    border-bottom: solid 1px #B7B7B7; /*下線*/
}
.ScheduleDivPanelTable {
    height: 30px;
    width: 350px;
    background-color: #FFF;
    vertical-align: middle;
    display: table;
}
#overlay_ad {
    margin: 0;
    padding: 0;
    border: 0;
    z-index: -999;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height:0;
    text-align: center;
    /*border-radius: 3px;*/
    background: #FF0000;
}
    .overlay_msg {
        color: #FFF;
        padding: 5px;
    }
    /*マイページ*/
    /*******************************************************************************/
    .MyPageNav{
    margin-right:auto;
}
    .MyPageNav ul {
        display: table;
        padding: 0;
        width: 40%;
        min-width:600px;
        text-align: center;
        color: #FFF;
    }

.MyPageNav li {
    display: table-cell;
    width: 150px;
    color:#FFF;
    border-bottom: 3px solid #333333;
}
    .MyPageNav .MyPageSelect {
        border-bottom: 3px solid #2196F3;
    }
    .MyPageNav a {
        display: block;
        width: 100%;
        text-decoration: none;
        color: #FFF;
        padding-bottom: 5px;
    }

.MyPageNav li.current {
    border-bottom: 3px solid #2196F3;
}

.MyPageNav li:hover {
    color: #E7DA66;
    border-bottom: 3px solid #2196F3;
}

.CoopMain {
    height: auto;
    width: 40%;
    min-width: 600px;
    background-color: #FFF;
    padding: 20px;
}
.CoopDivPanel {
    height: 30px;
    width: 350px;
    background-color: #FFF;
    vertical-align: middle;
    display: table;
    border-bottom: solid 1px #B7B7B7; /*下線*/
}
.CoppStatus {
    display: table-cell;
    vertical-align: middle;
    height: auto;
    width: 60%;
    text-align: center;
    color: var(--main-font-color);
    font-size: 14px;
}
/*ログイン画面*/
/*******************************************************************************/
/*ログイン画面テーブル*/
.tr-spacing, .tr-spacing td {
    border-top: 10px solid transparent;
    white-space: nowrap;
}
.textboxLogin {
    width:300px;
    font-size: 16px;
    border-radius: 3px;
    border: 2px solid #ddd;
    box-sizing: border-box;
}
.LoginDiv {
    background-color: #FFF;
    color: var(--main-font-color);
    width: 320px;
    height: 440px;
}
    .LoginDiv a {
        color: #0077FF;
    }

.ConfirmationTermsDiv {
    background-color: #FFF;
    color: var(--main-font-color);
    height: 620px;
    width: 600px;
    position: relative;
}

    .ConfirmationTermsDiv a {
        color: #0077FF;
    }

.ConfirmationTermsBtnDiv {
    padding: 10px;
    margin-left: 25%;
}
ErrMsg {
    display: none;
    color: #F00;
}
.box_title {
    padding: 0px;
    margin:0;
    width: 90%;
    font-size: 14px;
    background-color: #FFF;
    color: #000;
}
.box_srcollbar {
    border: 1px solid #A1A1A1;
    overflow: auto;
    width: 90%;
    height: 200px;
    padding: 0px;
    margin: 0;
    /*border-radius: 8px 8px 8px 8px;*/
    background-color: #EEE;
    color: #000;
    font-size: 12px;
}
/*トップ画面*/
/*******************************************************************************/
/*トップ画面テーブル*/
.TopTable {
    margin-left: 60px;
    border-spacing: 0 20px;
}
.TopMenuBTN {
    width: 440px;
    height: 120px;
    border: 1px solid #FFF;
    background-color: #FFF;
    border-radius: 4px;
    color: var(--main-font-color);
    line-height: 25px;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
}

    .TopMenuBTN:hover {
        border: 1px solid #A0A0A0;
        background-color: #A0A0A0;
        background-image: -webkit-linear-gradient(top, #A0A0A0, #A0A0A0);
    }

    .TopMenuBTN:active {
        background: #A0A0A0;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
        color: var(--main-font-color);
    }

.TopMenuDiv {
    width: 920px;
    padding: 10px;
    overflow: hidden;
    display: flex;
    /* 横並びに表示する */
    flex-direction: row;
    /* 画面幅に収まらない場合は折り返す */
    flex-wrap: wrap;
}

.TopMenuDivItem {
    float: left;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
}
.largeBtn {
    /*    margin-top: 10px;*/
    width: 890px;
}
.leftBtn {
    /*margin-top:10px;
    margin-right:10px;*/
}
.rightBtn {
    /*
    margin-top: 10px;
        */
}
.MenuMainBtn {
    width: 64px;
    height: 64px;
}
/*トップメニューのボタンサイズ*/
/*PCのみ表示させるものはこのクラスを使用する*/
.ClassPC {
}

/*メイン画面*/
/*******************************************************************************/
.mainCanvasLayout {
    display: inline-block;
}

.CompanyLabel {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    white-space: nowrap;
}

.ViewSelectDiv {
    width: 550px;
}

.PrmDivDetail {
    display: flex;
    justify-content: space-evenly;
}

.CateboryCell {
    margin: 10px;
    float: left;
    background: #FFF;
    border-radius: 8px;
    width: 255px;
    height: 258px;
}

    .CateboryCell .Category-title {
        font-size: 14px;
        background: #F2F2F2;
        padding: 5px 5px 5px 15px;
        text-align: left;
        border-radius: 10px 10px 0 0;
        color: var(--main-font-color);
        letter-spacing: 0.05em;
        font-family: "YuGothic",sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .CateboryCell p {
        padding: 10px 10px;
        margin: 0px;
        line-height: 16px;
    }
.CateboryBody {
    padding: 10px 10px;
    margin: 0px;
    line-height: 16px;
    background: #FFF;
    width: auto;
    height: 76%;
    overflow: auto;
}
    .CateboryBody::-webkit-scrollbar {
        width: 10px;
    }

    .CateboryBody::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .CateboryBody::-webkit-scrollbar-thumb {
        background-color: #17585d;
    }

.CateboryBodyCell {
    padding: 2px 0px;
    margin: 2px;
    display: inline-block;
    background: #FFF;
    width: 25px;
    height: 30px;
}
    .CateboryBodyCell .Category-Body {
        font-family: "YuGothic",sans-serif;
        font-size: 12px;
        width: 25px;
        background: #FF0000;
        text-align: center;
        border-radius: 3px;
        color: #FFF;
        margin-bottom: 5px;
    }
    .CateboryBodyCell .white {
        background: #FFF;
        color: var(--main-font-color);
        /*border: 2px solid #DDAA00;*/
        /*outline: 2px solid #DDAA00;*/
    }
    .CateboryBodyCell .whiteFream {
        background: #FFF;
        color: var(--main-font-color);
        border: 1px solid #000000;
    }
    .CateboryBodyCell .yellow {
        background: #FCC900;
        color: var(--main-font-color);
    }
        .CateboryBodyCell .green {
            background: #00AC44;
            color: #FFF;
        }
        .CateboryBodyCell .red {
            background: #F00;
            color: #FFF;
        }
    .CateboryBodyCell .gray {
        background: #BFBFBF;
        color: #FFF;
    }
    .CateboryBodyCell .black {
        background: #000000;
        color: #FFF;
    }
    .CateboryBodyCell .Category-under-warning {
        background: #FCC900;
        width: 26px;
        height: 2px;
    }
    .CateboryBodyCell .Category-under {
        background: #FF0000;

        width: 26px;
        height: 2px;
    }
    .CateboryBodyCell .outline {
        border: 1px solid #000;
        outline: 2px solid #FF9900;
    }
    .CateboryBodyCell .outlineBody {
        font-family: "YuGothic",sans-serif;
        font-size: 12px;
        width: 25px;
        background: #666;
        text-align: center;
        border-radius: 3px;
        color: #FFF;
        margin-bottom: 5px;
    }
.DetailTable {
    border: 1px solid black;
    background-color: #FFF;
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
}
    .DetailTable tr {
        
    }
    .DetailTable td {
        border: 1px solid #B3B3B3;
        text-align: center;
        height:26px;
    }
    .DetailTable th {
        border: 1px solid #B3B3B3;
        color: #FFF;
        text-align: center;
        background-color: #2196F3; /*#A05EC4;*/
    }
        .DetailTable th:nth-child(1) {
            width: 26px;
        }

        .DetailTable th:nth-child(2) {
            width: 120px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(3) {
            width: 100px;
        }
        .DetailTable th:nth-child(4) {
            width: 100px;
        }

        .DetailTable th:nth-child(5) {
            width: 40px;
        }

        .DetailTable th:nth-child(6) {
            width: 80px;
        }

        .DetailTable th:nth-child(7) {
            width: 80px;
        }

        .DetailTable th:nth-child(8) {
            width: 80px;
        }

        .DetailTable th:nth-child(9) {
            width: 80px;
        }
    .DetailTable td:nth-child(1) {
        width: 26px;
    }
    .DetailTable td:nth-child(2){
        width: 120px;
        word-break: break-all;
    }
    .DetailTable td:nth-child(3){
        width: 100px;
    }
    .DetailTable td:nth-child(4) {
        width: 100px;
    }
    .DetailTable td:nth-child(5){
        width: 40px;
    }
    .DetailTable td:nth-child(6){
        width: 80px;
    }
    .DetailTable td:nth-child(7){
        width: 80px;
    }
    .DetailTable td:nth-child(8){
        width: 80px;
    }
    .DetailTable td:nth-child(9){
        width: 80px;
    }

    .DetailTable thead{
        display: block;
    }
    .DetailTable tbody {
        display: block;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 400px;
        height: 100%;
    }
    .DetailTable tr:hover td{
        background-color: #2196F3;
    }



.RateCell { /*色付きのセル*/
    /*color: #000000;*/
    width: 170px;
    font-size: 18pt;
    /*font-family:Calibri;*/
    text-align: center;
    border-bottom: none;
    border-radius: 8px 8px 8px 8px;
    white-space: nowrap;
}

.MainPanelTable {
    width:436px;
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    background-color: #FFF;
    padding: 0;
    margin: 0;
}

    .MainPanelTable tr {
        border: none;
        padding-left: 0;
        margin-left: 0;
    }

    .MainPanelTable th {
        color: #FFF;
        background-color: #2196F3; /*#A05EC4;*/
        padding: 0;
        margin: 0;
    }

    .MainPanelTable td {
        border: none;
        padding: 0;
        margin: 0;
    }
/*
.Qrbtn {
    display: none;
}*/
.reader {
    width: 100%;
    height: 90%;
    top: 0px;
    left: 0px;
    position: relative;
}

.reader-video {
    background-color: #000;
    width: 100%;
    height: 90%;
    object-fit: fill;
}


/* モーダルCSS */
.modalArea {
    display: none;
    position: fixed;
    z-index: 10; /*サイトによってここの数値は調整 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(30,30,30,0.5);
}

.modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    max-width: 500px;
    padding: 10px 30px;
    background-color: #fff;
}
.description_top { /* ツールチップのスタイル */
    width: 320px; /* 横幅 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 210px;
    margin-bottom: 8px; /* テキストとの距離 */
    padding: 8px;
    border-radius: 10px; /* 角の丸み */
    background-color: #666;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    z-index: 100;
    transition: 0.2s all; /* マウスオーバー時のアニメーション速度 */
}

.MainHelpBtn {
    /*content: url(../Content/image/help.svg);
    margin-top: 10px;
    height: 24px;
    width: 24px;*/
    cursor: pointer;
    color: #1D9BD6;
}
    .MainHelpBtn:hover {
        opacity: 0.7;
    }

.CateboryCell:hover .description_top { /* マウスオーバー時のスタイル */
    bottom: 0%; /* Y軸の位置 */
    visibility: visible; /* ツールチップを表示 */
    opacity: 1; /* 不透明度を100％に */
}

/*チェックリスト作成編集*/
/*******************************************************************************/
.ListMainTable {
    width: 500px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFF;
}
    .ListMainTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3; /*#A05EC4;*/
    }
    .ListMainTable td {
        border: 1px;
    }
        .ListMainTable td:nth-child(2) {
            border: 1px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 0;
        }


.radiobutton {
    height: 100%;
    background-color: #FFF;
    vertical-align: middle;
    display: table;
    text-align: center;
}
    .radiobutton label {
        font-size: 13px;
        color: var(--main-font-color);
        display: table-cell;
        vertical-align: middle;
        margin-top: 5px;
        text-align: center;
    }
.EditRadioBtn {
    display: table-cell;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 7px;
}
.MypageRadioBtn {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0px;
    margin-left: 7px;
}

.ListEditBTN {
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    padding: 0px;
}
/*リストのメインテーブル*/
.LIstTable {
    color: var(--main-font-color);
    overflow-y: scroll;
    width: 100%;
    border-collapse: collapse;
}
/*TDのボーダーを0にする*/
.LIstTable td  {
    border:0;
}
    .LIstTable td:nth-child(1) {
        width:100px;
        text-align: center;
        padding: 0 5px;
        background-color: #E0EEF7;
    }

    .LIstTable tr {
        border-bottom: 1px solid #B3B3B3;
    }
    /*奇数行と偶数行で色を変えるLIstTable_td_title
.LIstTable tr:nth-child(odd) {
    background-color: #F2F2F2;
}

.LIstTable tr:nth-child(even) {
    background-color: #FFF;
}
*/
    /*行選択した時のフォーカス用の疑似テキストボックス*/
    #tableEventShifter {
        /* テキストボックスを邪魔にならない場所に置くのであれば特に以下の通りにしなくても大丈夫です。 */
        /* ただし、フォーカスが設定されないとだめなので、display:none;はNG*/
        position: absolute;
        z-index: -150;
        top: -50px; /*テキストボックスが見えない位置にする*/
        height: 0;
    }

/* 行の選択枠 */
.selected {
    /*border: 2px #2f528f solid;*/
    background-color: #1D9BD6;
}

.LIstTable th {
    background-color: #888;
}
.LIstTable_td_Btn {
    vertical-align: middle;
    text-align: center;
    background-color: #FFF;
}
.LIstTable_div_Btn {
    display: block;
    vertical-align: middle;
    text-align: center;
    background-color: #FFF;
}
.LIstTable_td_num {
    width: 10%;
    font-size: 100%;
}
.LIstTable_td_title {
    width: 85%;
    padding-left: 15px;
    font-size: 12px;
}
.LIstTable_td_move {
    width: 5%;
    font-size: 100%;
}
    .LIstTable_td_move img.MovePoint {
        content: url(../Content/image/icon/24px/menu_gray_24px.svg);
        padding-top: 4px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
.LIstTable_td_titleParent {
    width: 90%;
    font-size: 12px;
}

.VersionTableList {
    max-height: 500px;
    width: 910px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #000000;
    background-color: #FFF;
    color: var(--main-font-color);
}
    .VersionTableList tr {
        border: 1px solid #B3B3B3;
        border-style: solid;
    }

    .VersionTableList th {
        border: 1px solid #B3B3B3;
        color: #FFF;
        background-color: #2196F3; /*#A05EC4;*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
        .VersionTableList th.TitleSmall {
            color: #B9B9B9;
            font-size:12px;
            background-color: #E6EEF7; /*#A05EC4;*/
        }

    .VersionTableList td {
        border-width: 1px 0px;
        border-style: solid;
        border-color: #FFF;
        text-align: center;
        font-size: 12px;
        word-break: break-all;
    }

.scopeCnv {
    position: absolute; /* 要素の配置方法を指定 */
    background-color: #ccc; /* 背景色指定 */
    right:0px;
    /*margin-left: 200px;*/
}

.PrmDiv {
    display: flex;
    justify-content: space-evenly;
    border-bottom: 1px solid #B3B3B3;
    display: table;
}

.PanelTable {
    background-color: #FFF;
    border: 1px solid #B3B3B3;
    border-collapse: collapse;
    border-spacing: 0;
    padding:0;
    margin:0;
}
    .PanelTable tr {
        border: 1px solid #B3B3B3;
        padding: 0;
        margin: 0;
    }
    .PanelTable td {
        border-left: 1px solid #B3B3B3;
        padding: 0;
        margin: 0;
    }
    .PanelTable .hidden_config {
        display:none;
    }
    .PanelTableLabel_1 {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
        padding: 3px 0 0 0px; /*文字周りの余白*/
        /*color: #010101; 文字色*/
        color: var(--main-font-color);
        /*background: #eaf3ff; 背景色*/
        background: #cccccc;
        width: 125px;
        height: 26px;
        margin: 0;
    }

.SelectDiv {
    width: 550px;
    display: table-cell;
}

.SelectDiv2 {
    width: 540px;
    display: table;
}

.btnBackDiv {
    background-color: #ffffff;
    width: 225px;
    height: 33px;
    padding-top: 4px;
    padding-left: 4px;
    justify-content: space-evenly;
    display: table-cell;
}


.UnderBarSpan {
    border-bottom: solid 1px #B7B7B7;
    width: 350px;
    display: inline-block;
}

.CheckSelect {
    font-size: 12px;
    width: 100%;
    line-height: 1.2em;
}

.textboxTitle {
    width: 550px;
    height: 36px;
    font-size: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    border: none;
    border-right:1px solid #B3B3B3;
}

.textboxVersion {
    width: 100px;
    height: 100%;
    font-size: 100%;
    box-sizing: border-box;
    border: none;
}
.QListText {
    box-sizing: border-box;
    border: solid 1px #B3B3B3;
    font-size: 14px;
    width: 300px;
    resize: none; /* 手動リサイズを禁止 */
    height: 20px;
    min-height: 20px;
    max-height: 48px;
    margin-bottom:4px;
}

.textboxVersionText {
    width: 532px;
    height: 100%;
    font-size: 100%;
    box-sizing: border-box;
    border: none;
}
/*下限値上限値設定*/
.textboxNumber {
    width: 80px;
    height: 100%;
    font-size: 100%;

    box-sizing: border-box;

    border: none;
}

.textboxEdit {
    width: 100%;
    height: 100%;
    font-size: 12px;
    /*border-radius: 3px;*/
    /*border: 2px solid #ddd;*/
    border: 1px solid #ddd;
    box-sizing: border-box;
    border: none;
}

.ImageThum {
    max-width: 90px;
    max-height: 90px;
    vertical-align: top;
    display: none;
    cursor: pointer;
}

.DivPanel {
    height: 30px;
    width: 350px;
    background-color: #FFF;
    vertical-align: middle;
    display: table;
    border-bottom: solid 1px #B7B7B7; /*下線*/
}

.LabelPanel {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: var(--main-font-color);
    background: #cccccc;
    border-bottom: solid 1px #B7B7B7; /*下線*/
    width: 100px;
    height: 100%;
}

.MypegeEditCheckBox {
    vertical-align: middle;
    margin-top: 3px;
    margin-right: 6px;
    margin-left: 7px;
}

.EditCheckBox {
    vertical-align: middle;
    margin-top: 7px;
    margin-left: 7px;
}

.MypageCheckBox {
    vertical-align: middle;
    margin-top: 3px;
    margin-left: 7px;
}

.DummyCanvas {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: var(--main-font-color);
    background: #FFF;
    width: 70px;
    height: 1px;
}

#modalWrap {
    display: none;
    background: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.modalBox {
    position: fixed;
    width: 400px;
    height: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    opacity: 1;
    display: none;
    border-radius: 3px;
    z-index: 2000;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0,0,0,0.8);
}

.modalInner {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    background: rgba(255, 255, 255, 1.0);
    color: var(--main-font-color);
}

#QLisCheckUserDiv {
    width: 770px;
    vertical-align: middle;
    display: table;
    margin: 0;
    padding: 0;
}
#CheckUserDiv {
    width: 770px;
    vertical-align: middle;
    display: table;
    margin:0;
    padding:0;
}

.CheckUserDiv_text {
    width: 25%;
    border-right: solid 1px #cccccc;
    padding-left: 6px;
}
.CheckUserDiv_select {
}
/*設定*/
/*******************************************************************************/
.ConfigFrameMainTable {
    background-color: #FFF;
}
    .ConfigFrameMainTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }
.ConfigMainTable {
    display: none;
    width: 600px;
    max-height: 500px;
    min-width: 600px;
    border-collapse: collapse;
    color: var(--main-font-color);
}

    .ConfigMainTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigMainTable td {
        border: 1px;
    }
    .ConfigMainTable tr {
        vertical-align:middle;
    }
    .ConfigMainTable tr:nth-child(odd) {
        background-color: #D9D9D9;
    }

    .ConfigMainTable tr:nth-child(even) {
        background-color: #FFF;
    }


.ConfigFolderTable {
    display: none;
    width: 1020px;
    border-collapse: collapse;
    color: var(--main-font-color);
}

    .ConfigFolderTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigFolderTable td:nth-child(1) {
        width: 50px;
    }

    .ConfigFolderTable td:nth-child(2) {
        width: 200px;
    }

    .ConfigFolderTable td:nth-child(3) {
        width: 200px;
    }
    .ConfigFolderTable td:nth-child(4) {
        width: 200px;
    }

    .ConfigFolderTable td:nth-child(5) {
        width: 150px;
    }

    .ConfigFolderTable td:nth-child(6) {
        width: 150px;
    }
    .ConfigFolderTable td:nth-child(7) {
        width: 70px;
    }
    .ConfigFolderTable th:nth-child(1) {
        width: 50px;
    }

    .ConfigFolderTable th:nth-child(2) {
        width: 200px;
    }

    .ConfigFolderTable th:nth-child(3) {
        width: 200px;
    }
   
    .ConfigFolderTable th:nth-child(4) {
        width: 200px;
    }

    .ConfigFolderTable th:nth-child(5) {
        width: 150px;
    }

    .ConfigFolderTable th:nth-child(6) {
        width: 150px;
    }
    .ConfigFolderTable th:nth-child(7) {
        width: 70px;
    }

    .ConfigFolderTable td {
        border: 1px;
    }

    .ConfigFolderTable tr {
        vertical-align: middle;
        background-color: #FFF;
        
    }

/*
        .ConfigFolderTable tr:nth-child(odd) {
            background-color: #D9D9D9;
        }

        .ConfigFolderTable tr:nth-child(even) {
            background-color: #FFF;
        }
*/

.ConfigCategoryTable {
    display: none;
    width: 870px;
    border-collapse: collapse;
    color: var(--main-font-color);
}

    .ConfigCategoryTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigCategoryTable td:nth-child(1) {
        width: 50px;
    }

    .ConfigCategoryTable td:nth-child(2) {
        width: 100px;
    }

    .ConfigCategoryTable td:nth-child(3) {
        width: 150px;
    }
    .ConfigCategoryTable td:nth-child(4) {
        width: 200px;
    }

    .ConfigCategoryTable td:nth-child(5) {
        width: 150px;
    }

    .ConfigCategoryTable td:nth-child(6) {
        width: 150px;
    }
    .ConfigCategoryTable td:nth-child(7) {
        width: 70px;
    }
    .ConfigCategoryTable th:nth-child(1) {
        width: 50px;
    }

    .ConfigCategoryTable th:nth-child(2) {
        width: 100px;
    }

    .ConfigCategoryTable th:nth-child(3) {
        width: 150px;
    }
    
    .ConfigCategoryTable th:nth-child(4) {
        width: 200px;
    }

    .ConfigCategoryTable th:nth-child(5) {
        width: 150px;
    }

    .ConfigCategoryTable th:nth-child(6) {
        width: 150px;
    }
    .ConfigCategoryTable th:nth-child(7) {
        width: 70px;
    }
    .ConfigCategoryTable td {
        border: 1px;
    }

    .ConfigCategoryTable tr {
        vertical-align: middle;
    }

        /*.ConfigCategoryTable tr:nth-child(odd) {
            background-color: #D9D9D9;
        }

        .ConfigCategoryTable tr:nth-child(even) {
            background-color: #FFF;
        }*/

.ConfigStatusTable {
    display: none;
    width: 896px;
    border-collapse: collapse;
    color: var(--main-font-color);
}
    .ConfigStatusTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }
ConfigStatusTable tr:nth-child(odd) {
            background-color: #D9D9D9;
        }

.ConfigStatusTable tr:nth-child(even) {
    background-color: #FFF;
}

.ConfigUserTable {
    display: none;
    width: 1220px;
    border-collapse: collapse;
    color: var(--main-font-color);
}

    .ConfigUserTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigUserTable td:nth-child(1) {
        width: 50px;
    }

    .ConfigUserTable td:nth-child(2) {
        width: 100px;
    }

    .ConfigUserTable td:nth-child(3) {
        width: 150px;
    }
    .ConfigUserTable td:nth-child(4) {
        width: 150px;
    }
    .ConfigUserTable td:nth-child(5) {
        width: 150px;
    }
    .ConfigUserTable td:nth-child(6) {
        width: 100px;
    }
    .ConfigUserTable td:nth-child(7) {
        width: 200px;
    }

    .ConfigUserTable td:nth-child(8) {
        width: 100px;
    }

    .ConfigUserTable td:nth-child(9) {
        width: 150px;
    }
    .ConfigUserTable td:nth-child(10) {
        width: 70px;
    }
    .ConfigUserTable th:nth-child(1) {
        width: 50px;
    }

    .ConfigUserTable th:nth-child(2) {
        width: 100px;
    }

    .ConfigUserTable th:nth-child(3) {
        width: 150px;
    }
    .ConfigUserTable th:nth-child(4) {
        width: 150px;
    }
    .ConfigUserTable th:nth-child(5) {
        width: 150px;
    }
    .ConfigUserTable th:nth-child(6) {
        width: 100px;
    }
    
    .ConfigUserTable th:nth-child(7) {
        width: 200px;
    }

    .ConfigUserTable th:nth-child(8) {
        width: 100px;
    }

    .ConfigUserTable th:nth-child(9) {
        width: 150px;
    }
    .ConfigUserTable th:nth-child(10) {
        width: 70px;
    }
    .ConfigUserTable td {
        border: 1px;
    }

    .ConfigUserTable tr {
        vertical-align: middle;
    }

        /*.ConfigUserTable tr:nth-child(odd) {
            background-color: #D9D9D9;
        }

        .ConfigUserTable tr:nth-child(even) {
            background-color: #FFF;
        }*/

.ConfigListTable {
    display: none;
    width: 660px;
    border-collapse: collapse;
    color: var(--main-font-color);
}

    .ConfigListTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigListTable td:nth-child(1) {
        width: 50px;
    }
    .ConfigListTable td:nth-child(2) {
        width: 410px;
    }

    .ConfigListTable td:nth-child(3) {
        width: 120px;
    }

    .ConfigListTable th:nth-child(4) {
        width: 100px;
    }

    .ConfigListTable .ListRow:hover {
        text-decoration: underline;
        color: blue;
        cursor: pointer;
        background: #2196F3;
    }

.ConfigMoveListTable {
    display: none;
    width: 480px;
    border-collapse: collapse;
    color: var(--main-font-color);
}
    .ConfigMoveListTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }
    .ConfigMoveListTable td:nth-child(1) {
        width: 50px;
    }

    .ConfigMoveListTable td:nth-child(2) {
        width: 410px;
    }
    .ConfigMoveListTable .ListRow:hover {
        text-decoration: underline;
        color: blue;
        cursor: pointer;
        background: #2196F3;
    }



.MoveLabel {
    text-decoration: underline;
    color: blue;
}
    .MoveLabel:hover {
        cursor: pointer;
    }
.MoveLabelNone {
    text-decoration:auto;
    color: black;
}

    .ConfigQListTable {
        display: none;
        width: 1010px;
        border-collapse: collapse;
        color: var(--main-font-color);
    }

    .ConfigQListTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }
    .ConfigQListTable td:nth-child(1) {
        width: 50px;
    }
    .ConfigQListTable td:nth-child(2){
        width: 120px;
    }
    .ConfigQListTable td:nth-child(3){
        width: 120px;
    }

    .ConfigQListTable td:nth-child(4){
        width: 410px;
    }

    .ConfigQListTable td:nth-child(5){
        width: 150px;
    }
    .ConfigQListTable td:nth-child(6) {
        width: 60px;
    }

    .ConfigQListTable th:nth-child(1) {
        width: 50px;
    }
    .ConfigQListTable th:nth-child(2) {
        width: 120px;
    }
    .ConfigQListTable th:nth-child(3) {
        width: 120px;
    }

    .ConfigQListTable th:nth-child(4) {
        width: 410px;
    }

    .ConfigQListTable th:nth-child(5) {
        width: 150px;
    }
    .ConfigQListTable th:nth-child(6) {
        width: 60px;
    }
    .ConfigQListTable td {
        border: 1px;
    }

    .ConfigQListTable tr {
        vertical-align: middle;
    }

        /*.ConfigQListTable tr:nth-child(odd) {
            background-color: #D9D9D9;
        }

        .ConfigQListTable tr:nth-child(even) {
            background-color: #FFF;
        }*/

.MypageScheduleTable {
    width: 1040px;
    border-collapse: collapse;
    color: var(--main-font-color);
    border:2px solid #FFF;
}

    .MypageScheduleTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .MypageScheduleTable td:nth-child(1) {
        width: 50px;
    }
    .MypageScheduleTable td:nth-child(2) {
        width: 50px;
    }
    .MypageScheduleTable td:nth-child(3) {
        width: 770px;
    }

    .MypageScheduleTable td:nth-child(4) {
        width: 200px;
    }
    .MypageScheduleTable tr:nth-child(odd) {
        background-color: #D9D9D9;
    }

    .MypageScheduleTable tr:nth-child(even) {
        background-color: #FFF;
    }

.Label_User {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 12px;
    padding: 0.3em; /*文字周りの余白*/
    /*color: #010101; 文字色*/
    color: var(--main-font-color);
    /*background: #eaf3ff; 背景色*/
    background: #cccccc;
    /*border-bottom: solid 3px #516ab6;*/ /*下線*/
    /*border-bottom: solid 3px #2AACB6;*/ /*下線*/
    /*border-bottom: solid 1px #000000;*/ /*下線*/
    width: 120px;
}
.Label_List {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 12px;
    padding: 0.3em; /*文字周りの余白*/
    /*color: #010101; 文字色*/
    color: var(--main-font-color);
    /*background: #eaf3ff; 背景色*/
    background: #cccccc;
    /*border-bottom: solid 3px #516ab6;*/ /*下線*/
    /*border-bottom: solid 3px #2AACB6;*/ /*下線*/
    /*border-bottom: solid 1px #000000;*/ /*下線*/
    width: 120px;
    
}
.SelectCategory {
    font-size: 12px;
    width: 200px;
    line-height: 1.2em;
}

.ConfigMainTableSelect {
    display: none;
    max-height: 500px;
    min-width: 893px;
    max-width: 893px;
    border-collapse: separate;
    border: thin solid #B3B3B3;
    color: var(--main-font-color);
}
    .ConfigMainTableSelect th {
        border: thin solid #B3B3B3;
        color: #FFF;
        background-color: #2196F3; /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigMainTableSelect td {
        border-width: 1px 0px;
        border-style: solid;
        border-color: #B3B3B3;
        word-wrap: break-word;
    }

    .ConfigMainTableSelect tr:hover td {
        background-color: #2196F3;
        color: #FFF;
        word-wrap: break-word;
    }
/*
    .ConfigMainTableSelect tr:hover td:nth-child(2) {
        background-color: #2196F3;
        color: #000;
        word-wrap: break-word;
    }
        */
.ConfigMainTableList {
    /*table-layout: auto;
    display: table;*/
    width: 897px;
    border-collapse: collapse;
    border: thin solid #B3B3B3;
    color: var(--main-font-color);
    background-color: #FFF;
}

    .ConfigMainTableList tr {
        border: 1px;
        border-style: solid;
        overflow-wrap: break-word;
        word-break: break-all;
    }

        .ConfigMainTableList tr:hover td {
            background-color: #2196F3;
            color: #FFF;
        }

    .ConfigMainTableList th {
        border: thin solid #B3B3B3;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigMainTableList td {
        border-width: 1px 1px;
        border-style: solid;
        border-color: #B3B3B3;
        padding-left: 5px;
        padding-right: 5px;
    }

.ConfigMainTableCheck {
    /*table-layout: auto;
    display: table;*/
    width: 897px;
    border-collapse: collapse;
    color: var(--main-font-color);
    background-color: #FFF;
}

    .ConfigMainTableCheck tr {
        border: 0px;
        border-style: solid;
        overflow-wrap: break-word;
        word-break: break-all;
    }

    .ConfigMainTableCheck th {
        border: thin solid #B3B3B3;
        color: #FFF;
        border-color: #2196F3;
        font-weight: normal;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }
        .ConfigMainTableCheck th.Hederspace {
            height: 20px;
            border: none;
            border-style: none;
            background-color: #1A1A1A;
            border: thin solid #1A1A1A;
        }

    .ConfigMainTableCheck td {
        border-width: 1px 1px;
        border-style: solid;
        border-color: #B3B3B3;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }

.ConfigMainTableSchedule {
    /*table-layout: auto;
    display: table;*/
    width: 436px;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--main-font-color);
    background-color: #FFF;
    margin: 0;
    padding: 0;

}

    .ConfigMainTableSchedule tr {
        border-bottom: solid 1px #B7B7B7; /*下線*/
        overflow-wrap: break-word;
        word-break: break-all;

    }

        .ConfigMainTableSchedule tr:hover td{
            background-color: #2196F3;
            color: #FFF;
        }

    .ConfigMainTableSchedule th {
        color: #FFF;
        background-color: #2196F3; /*#A05EC4;*/
    }
    .accordion:hover {
        background-color: #3b5ec1;
        cursor: pointer;
    }

    .ConfigMainTableSchedule .hidden_rowOutlook {
        display: none;
    }
    .ConfigMainTableSchedule .hidden_rowPlanner {
        display: none;
    }
    .ConfigMainTableSchedule .hidden_rowTodo {
        display: none;
    }
    .ConfigMainTableSchedule .hidden_rowList {
        display: none;
    }
    .ConfigMainTableSchedule .hidden_rowEtcList {
        display: none;
    }

    .ConfigMainTableSchedule td {
        margin: 0;
        padding: 0;
        border-color: #B3B3B3;
    }


.ConfigMainTableScheduleUse {
    /*table-layout: auto;
    display: table;*/
    width: 436px;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--main-font-color);
    background-color: #FFF;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}

    .ConfigMainTableScheduleUse .dammyLine {
        border-bottom: solid 1px #FF9900; /*下線*/
        overflow-wrap: break-word;
        word-break: break-all;
    }

    .ConfigMainTableScheduleUse tr {
        border-bottom: solid 1px #B7B7B7; /*下線*/
        overflow-wrap: break-word;
        word-break: break-all;
    }

        .ConfigMainTableScheduleUse tr:hover td {
            background-color: #2196F3;
            color: #FFF;
        }

    .ConfigMainTableScheduleUse th {
        color: #FFF;
        background-color: #2196F3; /*#A05EC4;*/
    }



.ConfigMainTableScheduleUse .hidden_rowOutlook {
    display: none;
}

    .ConfigMainTableScheduleUse .hidden_rowPlanner {
        display: none;
    }

.ConfigMainTableScheduleUse .hidden_rowTodo {
    display: none;
}

.ConfigMainTableScheduleUse .hidden_rowList {
    display: none;
}

.ConfigMainTableScheduleUse .hidden_rowEtcList {
    display: none;
}

.ConfigMainTableScheduleUse td {
    margin: 0;
    padding: 0;
    border-color: #B3B3B3;
}

/* ConfigMainTableSchedule のhoverなし */
.ConfigMainTableScheduleUI {
    /*table-layout: auto;
    display: table;*/
    width: 436px;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--main-font-color);
    background-color: #FFF;
    margin: 0;
    padding: 0;
}

    .ConfigMainTableScheduleUI tr {
        border-bottom: solid 1px #B7B7B7; /*下線*/
        overflow-wrap: break-word;
        word-break: break-all;
    }

    .ConfigMainTableScheduleUI th {
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigMainTableScheduleUI td {
        margin: 0;
        padding: 0;
        border-color: #B3B3B3;
    }

.textboxLink {
    width: 200px;
    font-size: 100%;
    /*border-radius: 3px;*/
    /*border: 2px solid #ddd;*/
    /*border: 1px solid #ddd;*/
    box-sizing: border-box;
    border:none;
}

.checkbox-DivPer {
    margin: auto;
    width: 100%;
    height: 100%;
    /*background-color: #2196F3;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px 0px;
}
.checkbox-Div {
    vertical-align: middle;
    width: 60px;
    height: 60px;
    position: relative;
}
.checkbox-input {
    display: none;
}

.checkbox-parts {
    padding:10px;
    margin:0px;
}

    .checkbox-parts::before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 60px;
        height: 60px;
        border: 1px solid #B3B3B3;
    }

.checkbox-input:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 14px;
    width: 24px;
    height: 48px;
    transform: rotate(40deg);
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    /*border-bottom: 10px solid #1976d2;
    border-right: 10px solid #1976d2;*/
}




.ConfigViewTable {
    display: none;
    width: 600px;
    max-height: 500px;
    min-width: 600px;
    border-collapse: collapse;
    color: var(--main-font-color);
}

    .ConfigViewTable th {
        border: 1px;
        color: #FFF;
        background-color: #2196F3 /*#4D4D4D;*/ /*#A05EC4;*/
    }

    .ConfigViewTable td {
        border: 1px;
    }

    .ConfigViewTable tr {
        vertical-align: middle;
    }

        .ConfigViewTable tr:nth-child(odd) {
            background-color: #D9D9D9;
        }

        .ConfigViewTable tr:nth-child(even) {
            background-color: #FFF;
        }



.CsvDataTable {
    border: 1px solid black;
    background-color: #FFF;
    width: 1600px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:12px;
}
    .CsvDataTable td {
        border: 1px solid #B3B3B3;
        text-align: center;
        height: 26px;
        color: var(--main-font-color);
        min-width: 16px;
        max-width: 150px;
        word-break: break-all;
    }
    .CsvDataTable th {
        border: 1px solid #B3B3B3;
        color: #FFF;
        text-align: center;
        min-width: 16px;
        max-width: 150px;
        background-color: #2196F3; /*#A05EC4;*/
    }
    .CsvDataTable th:nth-child(1) {
        max-width: 25px;
    }
        .CsvDataTable th:nth-child(2) {
            max-width: 150px;
        }
        .CsvDataTable td:nth-child(1) {
            max-width: 25px;
        }

        .CsvDataTable td:nth-child(2) {
            max-width: 150px;
        }
/*その他*/
/*******************************************************************************/
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}



/*ラベル*/
.Label_1 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    padding: 10px 0 0 0px; /*文字周りの余白*/
    /*color: #010101; 文字色*/
    color: var(--main-font-color);
    /*background: #eaf3ff; 背景色*/
    background: #cccccc;
    /*border-bottom: solid 3px #516ab6;*/ /*下線*/
    /*border-bottom: solid 3px #2AACB6;*/ /*下線*/
    /*border-bottom: solid 1px #B7B7B7;*/ /*下線*/
    width: 125px;
    height: 26px;
}

.Label_5 {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 10px;
    padding: 0.3em; /*文字周りの余白*/
    /*color: #010101; 文字色*/
    color: var(--main-font-color);
    /*background: #eaf3ff; 背景色*/
    background: #cccccc;
    /*border-bottom: solid 3px #516ab6;*/ /*下線*/
    border-bottom: solid 1px #000000; /*下線*/
    width: 150px;
    height: 30px;
    float: left;
}



/*左側に横線があるラベル*/
.Label_Side {
    padding: 0.25em 0.5em; /*上下 左右の余白*/
    color: var(--main-font-color); /*文字色*/
    background: transparent; /*背景透明に*/
    border-left: solid 2px #2294ED; /*左線*/
}
.Label_Required {
    padding: 0.20em 0.4em; /*上下 左右の余白*/
    font-size:12px;
    color: #FFF; /*文字色*/
    background: #F00; /*背景透明に*/
    border-radius: 4px;
    margin-left:10px;
}
/*コンボボックス*/
select {
    /* styling */
    background-color: white;
    border: none;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.2em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* arrows */

select.classic {
    background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

select.classic:focus {
    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    border-color: grey;
    outline: 0;
}

    select.minimal {
        background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        border-color: black;
        color: var(--main-font-color);
    }

select.minimal:focus {
    background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}


    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

.SelectFont {
    font-size: 12px;
    width: 100px;
    line-height: 1.2em;
}


/*???*/
.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    pointer-events: none;
    z-index: 100;
}

    .lb img {
        width: auto !important;
        max-height: 100% !important;
        cursor: pointer;
    }

    .lb img,
    .lb iframe {
        transform: scale(.85);
        transition: .3s all ease;
    }

    .lb:target {
        opacity: 1;
        pointer-events: auto;
        z-index: 101;
    }

        .lb:target img,
        .lb:target iframe {
            transform: scale(1);
        }

    /* なんちゃって閉じるボタン*/
    .lb::before, .lb::after {
        display: block;
        position: fixed;
        content: "";
        width: 24px;
        height: 3px;
        top: 24px;
        right: 12px;
        background: #fff;
        border-radius: 4px;
    }

    .lb::before {
        transform: rotate(-315deg);
    }

    .lb::after {
        transform: rotate(315deg);
    }

.event_table tr:hover td {
    background-color: #2196F3;
    color: #FFF;
}


.memo_text {
    border-width: 0px;
    width: 98.5%;
    height: 200px;
    padding-left: 3px;
    padding-right: 3px;
    resize: none;
    font-size: 16pt;
}

/*******************************************************************************/
/*画像定義*/
/*******************************************************************************/
/*ロゴ画像*/
.TitleLogoImg {
    content: url(../Content/image/DX_logo_colorW.png); /* 画像のURLを指定       */
    background-repeat: no-repeat; /* 画像の繰り返しを指定  */
    width: 148px;
    height: 33px;
}

/*ロゴ画像*/
.LogoImg {
    content: url(../Content/image/imgpsh_mobile_save.jpg); /* 画像のURLを指定       */
    background-repeat: no-repeat; /* 画像の繰り返しを指定  */
    width: 64px;
    height: 32px;
}
/*ヘッダーロゴ画像*/
.HedLogoImg {
    content: url(../Content/image/DX_logo_colorW.png); /* 画像のURLを指定       */
    background-repeat: no-repeat; /* 画像の繰り返しを指定  */
    width: 120px;
    height: 27px;
}
.InfoLogoImg {
    content: url(../Content/image/IoT-GO_logo_IoT-GO-DX_colorG_ver2.png); /* 画像のURLを指定       */
    background-repeat: no-repeat; /* 画像の繰り返しを指定  */
    width: 200px;
    height: 45px;
}
/*ログアウト画像*/
.LogoutImg {
    /*background-image: url(../Content/image/logout.png);*/ /* 画像のURLを指定       */
    content: url(../Content/image/logout2.png); /* 画像のURLを指定       */
    background-repeat: no-repeat; /* 画像の繰り返しを指定  */
    width: 32px;
    height: 32px;
}
/*
.LogoutImg:hover {
    background-image: url("../Content/image/Loading.gif");
    background-repeat: no-repeat;
}*/


.ListText {
    margin-top: 0;
    padding: 3px;
    resize: none;
    width: 97.8%;
    height: 300px;
    resize: none;
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: scroll;
    /*outline: none;*/
}
/*テキストエリア*/
.textArea {
    max-width: 500px;
    min-width: 100px;

    max-height: 300px;
    min-height: 20px;
}

.divText {
    border: 1px solid #000000;
    min-width: 300px;
    min-height: 100px;
    width: auto;
    height: auto;
    word-wrap: break-word;
}



#sortdata .ui-selected {
    background: #1D9BD6;
    color: var(--main-font-color);
    cursor: move !important;
}

/* 停止要因保存のローディング*/
.Loading {
    width: 40px;
    height: 40px;
    margin: -40px 0 0 -40px;
    background: #fff;
    opacity: 0.5;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    border-radius: 10px;
    padding: 5px;
    /*vertical-align: middle;*/
}


selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 200px;
    margin: 50px 33%;
    color: #333;
    background-color: #A0A0A0;
    padding: 0px;
    margin: 0px;
}

.selectdiv:after {
    content: '<>';
    font: 17px;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    /*Adjust for position however you want*/
    top: 18px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    /*left line */
    position: absolute;
    pointer-events: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    
    /* Add some styling */
    display: block;
    width: 100%;
    max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
    background-color: #A0A0A0;
}

.ListInput {
    word-break: break-all;
    font-size: 16px;
    box-sizing: border-box;
    border: solid 1px #E3E3E3;
}

.rule_a{

}
.rule_a:link {
    color: #0077FF;
}

    .rule_a:visited {
        color: #0077FF;
    }

    .rule_a:hover {
        color: #0044FF;
    }

.rule_a:active {
    color: #888888;
}


/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
    body {
        font-size: 12px;
    }

    .body-content {
        left: 0px; /*メニュー分ずらす*/
    }
    .HedLogoImg {
        content: url(../Content/image/DX_logo_colorW.png); /* 画像のURLを指定       */
        background-repeat: no-repeat; /* 画像の繰り返しを指定  */
        width: 60px;
        height: 13px;
    }
    /*ヘッダー*/
    .HeaderTable td.HeaderPC {
        display: none;
    }
    .HeaderDivTitle {
        font-size: 14px;
    }

    .HeaderDiv {
        display: none;
    }

    .SPMenu {
        display: table-cell;
    }

    .HeaderDivIcon {
        display: block;
    }

    .HeaderTopBTN {
        font-size: 12px;
        width: 60px;
        height: 30px;
    }

    .SideMenu {
        display: none;
    }
    /*メニュー*/
    .TopTable {
        margin: auto;
    }

    .ClassPC {
        display: none;
    }
    .InfoPanel {
        width: 300px;
        height: 400px;
    }
    .InfoTable {
        width: 300px;
    }
    .DetailPanel {
        width: 300px;
    }

    .ConfirmationTermsDiv {
        background-color: #FFF;
        color: var(--main-font-color);
        height: 610px;
        width: 100%;
        position: relative;
    }
    .ConfirmationTermsBtnDiv {
        padding: 10px 0px 0px 0px;
        margin-left: 7%;
    }
    /*メイン*/
    .PrmDivDetail {
        display: block;
        justify-content: space-evenly;
    }

    /*設定*/
    .ConfigMainTable {
        width: 300px;
        min-width: 300px;
        font-size: 10px;
    }

    .ViewSelectDiv {
        width: 250px;
    }

    /*トップメニューのボタンサイズ*/
    .TopMenuBTN {
        width: 300px;
    }

    .TopMenuDiv {
        width: 100%;
        padding: 0;
        display: block;
    }
    .TopMenuDivItem {
        float: none;
        margin-right: 0px;
    }
    .largeBtn {
        height: 80px;
        width: 100%;
        float: none;
        padding: 10px;
    }

    .leftBtn {
        height: 80px;
        width: 100%;
        padding: 10px;
        float: none;
    }

    .rightBtn {
        height: 80px;
        width: 100%;
        padding: 10px;
        float: none;
    }
    .MenuMainBtn {
        height: 32px;
        width: 32px;
    }

    .Label_5 {
        float: none;
    }
    .Qrbtn {
        display:block;
    }
    /*マイページ*/
    .MyPageNav ul {
        width: 100%;
        min-width: 100%;
    }

    .CoopMain {
        width: auto;
        min-width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    .CoopDivPanel {
        width: 320px;
    }

    .checkbox-Div {
        width: 40px;
        height: 40px;
    }

    .checkbox-parts::before {
        width: 40px;
        height: 40px;
    }

    .checkbox-input:checked + .checkbox-parts::after {
        top: 5px;
        left: 14px;
        width: 12px;
        height: 24px;
    }
    /*.ScheduleDivPanel {
        height: 100%;
    }

    .ScheduleDivPanelTable {
        height: 100%;
    }*/
    .MainPanelTable{
        width:100%;
    }

    .modalBox {
        width:100%;
    }
    .DetailTable{
        font-size:10px;
    }
        .DetailTable th:nth-child(1) {
            width: 26px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(2) {
            width: 50px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(3) {
            width: 50px;
            word-break: break-all;
        }
        .DetailTable th:nth-child(4) {
            width: 70px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(5) {
            width: 30px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(6) {
            width: 40px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(7) {
            width: 30px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(8) {
            width: 50px;
            word-break: break-all;
        }

        .DetailTable th:nth-child(9) {
            width: 50px;
            word-break: break-all;
        }



        .DetailTable td:nth-child(1) {
            width: 26px;
            word-break: break-all;
        }

        .DetailTable td:nth-child(2) {
            width: 50px;
            word-break: break-all;
        }

        .DetailTable td:nth-child(3) {
            width: 50px;
            word-break: break-all;
        }
        .DetailTable td:nth-child(4) {
            width: 70px;
            word-break: break-all;
        }
        .DetailTable td:nth-child(5) {
            width: 30px;
            word-break: break-all;
        }

        .DetailTable td:nth-child(6) {
            width: 40px;
            word-break: break-all;
        }

        .DetailTable td:nth-child(7) {
            width: 30px;
            word-break: break-all;
        }

        .DetailTable td:nth-child(8) {
            width: 50px;
            word-break: break-all;
        }

        .DetailTable td:nth-child(9) {
            width: 50px;
            word-break: break-all;
        }
        .DetailTable tbody {
            max-height: 200px;
            height: 100%;
        }



    .MypageScheduleTable {
        width: 100%;
    }
        .MypageScheduleTable td:nth-child(1) {
            width: 10%;
        }
        .MypageScheduleTable td:nth-child(2) {
            width: 10%;
        }

        .MypageScheduleTable td:nth-child(3) {
            width: 60%;
        }

        .MypageScheduleTable td:nth-child(4) {
            width: 20%;
        }
}








:root {
    --main-font-color: #232323;
}
html, body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    margin: 0px; /*デフォルトで設定されているので0pxを指定*/
    /*height: 100%;*/
    min-height: 50vh;
    position: relative; /*←相対位置*/
    padding-bottom: 120px; /*←footerの高さ*/
    box-sizing: border-box; /*←全て含めてmin-height:100vhに*/
    background-color: #1A1A1A;
    color: #ffffff;
    font-family: "YuGothic",sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    left: 88px; /*メニュー分ずらす*/
    position: relative;
    padding-top: 60px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 100%;
    margin-bottom: -50px;
    margin-right: 88px;
    font-family: "YuGothic",sans-serif;
}
.body-contentNoHeader {
    /*padding-top: 50px;*/
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 100%;
    margin-bottom: -50px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
@media screen and (max-width: 480px) {
    .body-content {
        left: 0px; /*メニュー分ずらす*/
        padding-top: 60px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }
}
    /* Set width on the form input elements since they're 100% wide by default */
    /*
input,
select,
textarea {
    max-width: 280px;
}
    */