@charset "utf-8";
/**
 * じんじんオリジナルスタイル
 *（c）International Systems Development Co., Ltd.

 * @author
 * @version
 * @since
 */


/* リセット
************************/
@media print { /* 印刷用 */

    #login .bg-col,
    #login .copyright { display:none; }

}
body {
    background: #F5F5F5;
    color:#797979;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',arial, helvetica,sans-serif;
    letter-spacing: 0.1em;
    font-size: 10pt;
    max-width: 1024px;
}

img.login_logo {
    -ms-interpolation-mode: bicubic;
    max-width: 260px;
    height: auto;
}

/* ログイン
************************/
#login .bg-col {
    background: linear-gradient(to top, #018fbc, #b2ecff);
    padding: 0 0 2%;
}

#login .form-control {
    display: initial;
    width: 100%;
    height: auto;
    font-size: 1.2em;
    background-color: transparent;
    border: 1px solid #FFF;  /* 白背景の場合コメントアウトする */
    background: rgba(255,255,255,0.1);
    color: #FFF;
    -webkit-appearance: none;
    }
    #login input:focus {
        background: #FFF;
        border: 1px solid #74dbef;
        color: #525256;
        }

.container { width: 100% !important;}
#login .container { margin-bottom: 10px; }

.login-form {
    width: 300px;
    text-align: center;
    margin: 2% auto 0;
    }
    .login-form .login-in {
        text-align: left;
        }
    .login-form .login-in label {
        color: #FFF;
        margin-bottom: 3px;
        }

.login-error {
    margin: 10px 10px;
    text-align:center;
    color: #f74242;
}

/* Top画面
************************/
.navbar-in {
    max-width: 1024px;
    background: #FFF;
}
.navbar-brand {
    padding:0;
    margin: 0;
}
.navbar-collapse {
    padding: 5px 10px;
}

.logo img {
    -ms-interpolation-mode: bicubic;
    padding: 5px 0px;
    width: auto;
    max-height: 50px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.logo a img {
    border-style:none;
}

.spmenu {
    padding: 0 0;
    list-style: none;
}

/* ハンバーガーアイコン
*************↓ここから**/
.nav-spmenu {
    list-style: none;
    margin-top: 0px;
    padding: 0 0;
}
.brcolor1 {
    border-color: #eee;
}

.nav-unshown {
  display:none;
}

#nav-open {
}

#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

#nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 75%;
    max-width: 330px;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
}

#nav-input:checked ~ #nav-close {
    display: block;
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#navbar {
    float: right;
    margin: 15px auto;
}

.navbar-nav {
    position: relative;
    margin: 0;
    vertical-align: middle;
    width: 100%;
}

.nav-openmenutitle {
    text-align: center;
    margin-top: 0px;
    background: #19a1cc;
    height: 50px;
    padding: 15px;
    color: white;
}

/***************************↑ここまで**/

/* トップメニュー                      */
/***************************************/
.topmenu-type1 {
    display: table;
    list-style: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 3px;
}
    .topmenu-type1-left {
        width: 10%;
        display: table-cell;
        text-align: center;
    }
    .topmenu-type1-center {
        width: 75%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .topmenu-type1-right {
        width: 15%;
        display: table-cell;
        text-align: center;
    }

.topmenu-type2 {
    display: table;
    list-style: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 3px;
}
    .topmenu-type2-left {
        width: 10%;
        display: table-cell;
        text-align: center;
    }
    .topmenu-type2-center {
        width: 75%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .topmenu-type2-right {
        width: 15%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
        .topmenu-type2-sub {
            margin-top: -15px;
            margin-right: -15px;
        }

.topmenu-type3 {
    display: table;
    list-style: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 3px;
}
    .topmenu-type3-left {
        width: 10%;
        display: table-cell;
        text-align: center;
    }
    .topmenu-type3-center {
        width: 85%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .topmenu-type3-right {
        width: 5%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

/* 入力画面
****************************************/
.input-section{
    border-bottom: 2px solid #64bbd6;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
}
.input-box1 {
    margin-bottom: 10px;
}
.input-box1 ul {
    list-style: none;
    padding-top: 5px;
    padding-left: 0;
}
.input-box1 ul li:first-child {
    font-weight: bold;
}

.input-section ul li {
}

input.text-r1 {
    padding: 5px 10px;
    width: 100%;
    margin-top: 5px;
}

select.select-r1 {
    padding: 5px 10px;
    width: 100%;
    margin: 5px 0;
}

div.errmsg {
    color: #ff3838;
    padding-top: 1px;
    padding-bottom:2px;
}
.button-space{
    margin: 10px 0px;
}
.separator{
    border-bottom: 2px solid #64bbd6;
    border-bottom-style: dashed;
    margin-bottom: 10px;
}
.button-space{
    margin: 10px 0px;
}


.t-right {
    float: right;
}

.disp-section {
    width: 100%;
    margin-bottom: 10px;
}
    .disp-section th.item1 {
        width: 95px;
        vertical-align: top;
        padding: 5px 0px;
    }

    .disp-section th.item2 {
        width: 125px;
        vertical-align: top;
        padding: 5px 0px;
    }

.disp-section2 {
    width: 100%;
    margin-bottom: 10px;
}
    .disp-section2 th.item1 {
        width: 120px;
        vertical-align: middle;
        padding: 5px 0px;
    }

/* 高さ                    */
/***************************/
.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }


a { color: #0095c5; text-decoration: none; }
a:hover { color: #006b8c; }

/* 入力画面用レイアウト */
.container-page {
    text-align: left;
    margin: 0 0;
    padding:0;
    width: 100% !important;
}

/* 一覧画面用レイアウト */
.container-page-list {
/*     height: calc(100vh - 00px - 100px); */
    overflow: auto;
    text-align: left;
}


/* ローディング
************************/
.loading_mask{
    position:fixed;
    display: flex;
    width: 100%;
    height: 100%;
    background-color:#e8e8e8;
    opacity:0.7;
    justify-content: center;
    align-items: center;
}
.loading{
    z-index:10000;
}
.ball-spin-fade-loader > div {
    background-color: #000;
}



.login-tit {
    font-size: 2.5em;
    margin-bottom: 20px;
}


/* 白背景案 */
.login-form-white {
    text-align: center;
    margin: 4% auto 0;
    width: 360px;
    padding: 5px 30px 30px 30px;
    background-color:#FFF;
    }
    .login-form-white .login-in {
        text-align: left;
        }
    .login-form-white .login-in label {
        margin-bottom: 3px;
        }

.login-news {
    margin: 2% auto 0;
    max-width: 650px;
    text-align: center;
}
.login-news .news {
    /* height: 120px; */
    overflow: hidden;
    overflow-y:auto;
}
.news dd[data-target]:after {
    content: "+";
    float: right;
    padding-right: 10px;
    font-weight: bold;
}
.news dd[data-target]:hover { cursor: pointer; }
.news-tit {
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    padding-bottom: 15px;
    }
    .news dl { margin: 0; }
    .news dt {
        padding: 7px 0 7px 13px;
        min-width: 120px;
        float: left;
        font-size: .9em;
        clear: both;
        font-weight: bold;
        text-align: left;
        letter-spacing: .05em;
        }
    .news dd {
        padding: 6px 0 6px 130px;
        text-align: left;
        border-bottom: 1px dashed #ccc;
        line-height: 1.4;
        }
    .news dd span,
    .news-flag {
        display: inline-block;
        background: #d71718;
        color: #FFF;
        font-size: 0.7em;
        padding: 3px 10px 2px;
        font-weight: normal;
        border-radius: 3px;
        margin: 0 3px;
        }

/* レイアウト
************************/
.copyright {
    background: #F5F5F5;
    z-index: 1000;
    font-size: 10px;
/*     border-top:1px solid #CCC; */
}
/* フッターエリア（Copyright） */
.copyright-footer-area {
    display: block;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 35px;
}
    .copyright-footer-area:after {
        content: "© SABIRA Co., Ltd.";
    }

.main-contents {
    margin-top: 60px;
}

img.menu_logo {
    max-width: 130px;
    height: auto;
}

/** コンテンツエリア上の縦スクロールを消すため、コメントアウト m.inoha 2018.07.04 */
/* .contents-area { トップページなし */
/*     height: calc(100vh - 00px - 100px); */
/*     overflow: auto; */
/*     margin: 0; */
/* } */

/* ナビゲーション
************************/

.navbar {
    height: 50px !important;
}
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}
.navbar-inverse {
    border: none;
    background: white;

    }
    .navbar-inverse .navbar-nav > li > a {
        border-right: 1px solid #b5d8e2 !important;
        color: #FFF;
        }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        background:#006b8c;
        }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        position: relative;
        background-color:#006b8c;
        }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover{
        background:#006b8c;
        }

/* プルダウンメニュー */
.dropdown-menu {
    margin-top: -1px !important;
    padding: 0;
    }
    .dropdown-menu > li {
        border-bottom:1px solid #ddd;
        }
        .dropdown-menu > li:last-child {
            border:none;
            }
        .dropdown-menu > li a {
            padding: 9px 20px;
            }
        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            background: #d5edb6;
            color: #333;
            font-weight: normal;
            }

/* ユーザーナビ */
.navi-right {
    float: right;
    padding: 9px 10px 0 0;
    }
.navi-right ul {
    padding: 0;
    margin: 0;
    }
    .navi-right li {
        display: inline-block;
        vertical-align: middle;
        }
        .navi-right .user {
            margin-right: 11px;
            margin-top: 2px;
            display: inline-block;
            color: #006b8c;
            }
        .navi-right .user i {
            padding-right: 5px;
            font-size: 1.1em;
            }

/* トップページ
************************/
.top-news { /* 左コンテンツ高さ */
    width: 100%;
    height: 156px;
    overflow-y:auto;
    }
.days {
    letter-spacing: 0.05em;
    font-size: .9em;
    font-weight: normal;
}
.message { /* 右コンテンツ高さ */
    padding: 7px 0 0;
    height: 80px;
    overflow-y:auto;
}
.nodata-message { /* データなし */
    padding: 7px 0 0;
    height: 156px;
    overflow-y:auto;
}


/* 一覧
************************/
.grid-list { height: 48vh; }
.ui-grid {
    border: 1px solid #CCC;
    box-sizing: content-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
/*     overflow-y: auto; */ /* IE グリッドの２重スクロール表示対応 m.inoha 2018.07.04 */
}
/*件数カウント*/
.filter-count {
    position: absolute;
    right: 20px;
    }
    .filter-count ul {
        margin: 0;
        font-size: .9em;
        }
    .filter-count li {
        display: inline-block;
        }


/* タイトル
************************/
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

/*下層ページ*/
.page-tit {
    background: #F5F5F5;
    padding: 10px 0 2px;
    color: #0095c5;
    border-bottom: 2px;
    }
    .page-tit ul {
        margin: 0;
        margin-left: -40px;
        float: left;
        }
    .page-tit li .glyphicon {
        padding-right: 5px;
        }
    .page-tit li {
        display: inline-block;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.2;
        margin: 0;
        padding: 0 0 2px;
        }
    .page-tit li:before {
        content: "|";
        font-weight: normal;
        margin-right: 10px;
        display: inline-block;
        }
    .page-tit li:first-child:before {
        content: none;
        }
    .page-tit span:before{
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -10px;
        border: 10px solid transparent;
        border-left: 10px solid #44c4ed;
        }

/* ボックス
************************/
.row {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.panel {
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.panel-2 {
    height: 135px;
    }
.panel-default {
    border-color: #ddd;
    padding: 14px 0 0;
    }
    .panel-default > .panel-heading {
        background: none;
        border-bottom: 1px solid #ccc;
        padding: 10px 0 3px 0;
        }
        .panel-heading h3 {
            font-weight: bold;
            font-size: 1.15em;
            color: #0095c5;
            }
        .panel-heading h3 .glyphicon {
            font-size: 1.2em;
            display: inline-block;
            vertical-align: middle;
            margin-top: -5px;
            margin-right: 5px;
            }
.box-left {
    padding:0 0 0 20px;
    float: right;
    width: 50%;
}
.box-right {
    padding: 0 20px 0 0;
    float: left;
    width: 50%;
}

/* テーブル
************************/
.table { margin: 0; }

/* トップページ */
.top-news .table>tbody>tr>th,
.top-news .table>tfoot>tr>th,
.top-news .table>thead>tr>th {
    padding: 3px 0 3px 14px;
}
.top-news .table>tbody>tr>td,
.top-news .table>tfoot>tr>td,
.top-news .table>thead>tr>td {
    padding: 3px;
}
.top-news .table th { width: 110px; }
.top-news .table > tbody > tr:first-child > th,
.top-news .table > tfoot > tr:first-child > th,
.top-news .table > thead > tr:first-child > th,
.top-news .table > tbody > tr:first-child > td,
.top-news .table > tfoot > tr:first-child > td,
.top-news .table > thead > tr:first-child > td {
    border:none;
}
.top-news .table > tbody > tr:last-child > th,
.top-news .table > tfoot > tr:last-child > th,
.top-news .table > thead > tr:last-child > th,
.top-news .table > tbody > tr:last-child > td,
.top-news .table > tfoot > tr:last-child > td,
.top-news .table > thead > tr:last-child > td {
    border-bottom: 1px solid #CCC;
}

/* リスト */
.list table > tbody > tr > th,
.list table > tfoot > tr > th,
.list table > thead > tr > th {
    padding: 7px 0;
    border-right: 1px solid #CCC;
}
.list table > tbody > tr > td,
.list table > tfoot > tr > td,
.list table > thead > tr > td {
    padding: 4px;
    border-right: 1px solid #CCC;
    border-bottom: none;
    word-break: break-all;
    overflow-wrap : break-word;
    font-size: .95em;
    vertical-align: middle;
}
.list table > tbody > tr:last-child > td,
.list table > tfoot > tr:last-child > td,
.list table > thead > tr:last-child > td {
    border-bottom: 1px solid #CCC;
}
.list table > tbody > tr > td:last-child,
.list table > tbody > tr > th:last-child,
.list table > tfoot > tr > td:last-child,
.list table > tfoot > tr > th:last-child,
.list table > thead > tr > td:last-child,
.list table > thead > tr > th:last-child {
    border-right: none;
}
.list table > tbody > tr:hover { background-color: #eaf4f7; }
.list table > thead { background:#0095c5; }
.list table > thead th {
    text-align: center;
    color: #FFF;
    font-weight: normal;
    background:#0095c5;
}
.list table .time { letter-spacing: 0; }
.list table .right { text-align: right; }
.list table .left { text-align: left; }
.list table .col1 { color:#e8630b; }
.list table .col2 { color:#6d6f70; }
.list table .glyphicon {
    font-size: 1.3em;
    vertical-align: middle;
    margin-top: -3px;
}

/* 登録 */
.edit .table { border: 1px solid #CCC; }
.edit .table > tbody > tr > th,
.edit .table > tfoot > tr > th,
.edit .table > thead > tr > th {
    padding: 4px 20px 4px 10px;
    border: 1px solid #CCC;
    background: #ededed;
    vertical-align: middle;
    font-size: .95em;
}
.edit .table > tbody > tr > td,
.edit .table > tfoot > tr > td,
.edit .table > thead > tr > td {
    padding: 4px 10px;
    border-bottom: none;
    word-break: break-all;
    font-size: .95em;
    vertical-align: middle;
}
.edit .table > tbody > tr:last-child > td,
.edit .table > tfoot > tr:last-child > td,
.edit .table > thead > tr:last-child > td {
    border-bottom: 1px solid #CCC;
}

/* その他table */
.table-layout .table { border: 1px solid #CCC; }
.table-layout .table > tbody > tr > th,
.table-layout .table > tfoot > tr > th,
.table-layout .table > thead > tr > th {
    padding: 4px 20px 4px 10px;
    border: 1px solid #CCC;
    background: #ededed;
    vertical-align: middle;
    font-size: .95em;
}
.table-layout .table > tbody > tr > td,
.table-layout .table > tfoot > tr > td,
.table-layout .table > thead > tr > td {
    padding: 4px 10px;
    border-bottom: none;
    word-break: break-all;
    font-size: .95em;
    vertical-align: middle;
}
.table-layout .table > tbody > tr:last-child > td,
.table-layout .table > tfoot > tr:last-child > td,
.table-layout .table > thead > tr:last-child > td {
    border-bottom: 1px solid #CCC;
}
.table-layout.type2 .table > tbody > tr > th,
.table-layout.type2 .table > tfoot > tr > th,
.table-layout.type2 .table > thead > tr > th {
    background:#0095c5;
    color: #FFF;
}
.border-area {
    border: 1px solid rgb(204, 204, 204);
}


/* grid css 上書き
************************/
/* UIグリッドスクロール問題修正 */

.ui-grid-viewport {
    overflow-anchor: none;
    width:auto !important; /** グリッドのスクロール横ズレ対応 m.inoha 2018.07.04  */
}

.ui-grid-top-panel {
    background:#0095c5;
    height: 30px;
    color: #FFF;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: transparent;
}
.ui-grid-row:nth-child(2n) {
    background-color: #f9f9f9;
}
.ui-grid-row:nth-child(2n) .ui-grid-cell {
    background-color: transparent;
}
.ui-grid-row:last-child .ui-grid-cell {
    border-bottom-color: #CCC;
}
.ui-grid-cell {
    border-color:#CCC;
}
.ui-grid-row:hover,
.ui-grid-row:nth-child(2n):hover {
    background-color: #eaf4f7 !important;
}


/* ボタン関連
************************/
/* ボタンラップボックス */
.well {
    border-radius: 0 0 4px 4px;
    position: relative;
    padding: 11px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:none;
    background: #FFF;
}
.footer-btn {
    width: 100%;
    text-align: center;
    }
    .footer-btn ul {
        margin: 0;
        }
    .footer-btn li {
        list-style: none;
        display: inline-block;
        margin: 0 10px;
        }
    .footer-btn li.left {
        text-align: left;
        }
.footer-btn-2 {
    width: 100%;
    text-align: left;
    }
    .footer-btn-2 ul {
        margin: 0;
        padding: 0;
        }
    .footer-btn-2 li {
        list-style: none;
        display: inline-block;
        margin: 0;
        width: 49%
        }
    .footer-btn-2 li.left {
        text-align: left;
        }
.header-btn {
    text-align: right;
    margin-bottom: 8px;
}
.header-btn-2 {
    text-align: left;
    margin-bottom: 8px;
    }
    .header-btn-2 ul {
        margin: 0;
        padding-left:0;
        }
    .header-btn-2 li {
        list-style: none;
        display: inline-block;
        margin-right: 20px;
        }
    .header-btn-2 li.left {
        text-align: left;
        }



/* ボタン */
.btn {
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 2px;
    font-size: 13px;
    }
    .btn-group-lg > .btn,
    .btn-lg {
        padding: 12px 16px 11px;
        font-size: 18px;
        line-height: 1.3333333;
        }

    /* ログイン */
    .btn-login,
    .btn-navi {
        color: #FFF;
        background-color: #0185ad;
        border:none;
        font-weight: bold;
        padding: 6px 7px 6px 12px;
        }
    .btn-login:focus { color: #FFF; }
    .btn-login {
        padding: 9px 7px 9px 12px;
        }
        .btn-login:hover,
        .btn-navi:hover {
            background-color: #ff7517;
            color: #FFF;
            }
        .btn-login .glyphicon-log-out,
        .btn-navi .glyphicon-log-out {
            text-align: right;
            display: inline-block;
            }
        .btn-login .glyphicon-ok {
            display: inline-block;
            padding-left: 5px;
            margin-right: -5px;
            }

    /* ログアウト */
    .btn-navi {
        color: #FFF;
        background-color: #0185ad;
        border-color:#006b8c;
        font-size: .9em;
        }
        .btn-navi:hover {
            background-color: #ff7517;
            border-color:#e8630b;
            color: #FFF;
            }
        .btn-login .glyphicon-log-out,
        .btn-navi .glyphicon-log-out {
            text-align: right;
            display: inline-block;
            }
        .btn-login .glyphicon-ok {
            display: inline-block;
            padding-left: 5px;
            margin-right: -5px;
            }
.btn .glyphicon { padding: 0 2px; }

/* 一覧ボタン */
.btn-list {
    float: right;
    font-size: .95em;
    text-align: right;
    margin: 0;
}

/* デフォルト */
.btn-primary {
    color: #fff;
    background-color: #0095c5;
    border-color: #006b8c;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #006b8c;
        border-color: #204d74;
        }
.btn-secondary {/* 灰色 */
    color: #fff;
    background-color: #808284;
    border-color: #6d6f70;
    }
    .btn-secondary:hover {
        color: #fff;
        background-color: #6d6f70;
        border-color: #6d6f70;
        }
.btn-success {/* 緑 */
    color: #fff;
    background-color: #5cb85c;
    border-color: #449d44;
    }
    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
        }
.btn-danger {/* オレンジ */
    color: #fff;
    background-color: #ff7517;
    border-color: #e8630b;
    }
    .btn-danger:hover {
        color: #fff;
        background-color: #e8630b;
        border-color: #e8630b;
        }
.btn-warning { /* うすいオレンジ */
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    }
    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
        }
.btn-info { /* 水色 */
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    }
    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
        }

/* ラインボタン */
.btn-outline-primary {/* 青 */
    color: #0095c5;
    background-color: transparent;
    background-image: none;
    }
    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0095c5;
        border-color: #006b8c;
        }
.btn-outline-secondary {/* 灰色 */
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6d6f70;
    }
    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #808284;
        border-color: #6d6f70;
        }
.btn-outline-success {/* 緑 */
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
    }
    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #398439;
        }
.btn-outline-success-on {
        color: #fff;
        background-color: #28a745;
        background-image: none;
        border-color: #398439;
        }
.btn-outline-danger {/* オレンジ */
    color: #ff7517;
    background-color: transparent;
    background-image: none;
    border-color: #ff7517;
    }
    .btn-outline-danger:hover {
        color: #fff;
        background-color: #ff7517;
        border-color: #e8630b;
        }
.btn-outline-warning { /* うすいオレンジ */
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
    }
    .btn-outline-warning:hover {
        color: #af4c0e;
        background-color: #ffc107;
        border-color: #eea236;
        }
.btn-outline-info { /* 水色 */
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #5bc0de;
    }
    .btn-outline-info:hover {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da;
        }
.btn-group-sm > .btn, .btn-sm { /* ボタン小 */
    padding: 2px 5px;
    font-size: 11px;
}

/* フォーム
************************/
/* input[type="text"] { -webkit-appearance: none; } 差替え */
input[type="text"],
input[type="password"] { -webkit-appearance: none; }
input[type="text"]:focus { outline: 0; }
input[tyoe="text"].dateform-text { width: 80px; }
.prototype-form input { width: 500px; }
.prototype-form textarea { width: 500px; resize: vertical; }

/* テキストエリアのリサイズOFF */
textarea { resize: none; }

/* セレクトボックス非活性時の背景色 */
select:disabled { background-color: #ebebe4; }

/* コントロール */
.form-control {
/*     -webkit-box-shadow: none; */
/*     box-shadow: none; */
/*     -webkit-border-radius: 2px; */
/*     border-radius: 2px; */
/*     background: #f7f7f7; */

    display: initial;
    width: initial;
/*     height: 24px; */
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    }
    .form-control:focus {
        -webkit-box-shadow:none;
        box-shadow: none;
        border-color: #CCC;
        background: #FFF;
        }

/* チェックボックス+ラジオ */
label.check-label,
label.radio-label {
    position: relative;
    padding-left: 0.5em;
/*     padding-right: 1em; */
    margin-bottom: 10px;
    font-weight: normal;
    display: inline-block;
    clear: both;
    line-height: 1;
    vertical-align: middle;
}
label.check-label:hover,
label.radio-label:hover { cursor: pointer; }

.checkbox { display: none; }
    .checkbox-text{
        float: right;
        margin: 9px 0 0 3px;
        }
    .checkbox + .checkbox-icon {
        position: relative;
        vertical-align: middle;
        float: left;
        margin: 5px 0 0 5px;
        }
    .checkbox + .checkbox-icon:before {
        content: "\e157";
        font-family: "Glyphicons Halflings";
        color: #ccc;
        font-size:19px;
        vertical-align: middle;
        }
    .checkbox:checked + .checkbox-icon:before {
        content: "\e067";
        color: #28a745;
        }
.radio { display: none; }
    .radio-text {
        float: right;
        margin: 9px 0 0 3px;
        }
    .radio + .radio-icon {
        position: relative;
        vertical-align: middle;
        float: left;
        margin: 5px 0 0 5px;
        }
    .radio + .radio-icon:before {
        content: "\e165";
        font-family: "Glyphicons Halflings";
        color: #ccc;
        font-size: 19px;
        }
    .radio:checked + .radio-icon:before {
        content: "\e165";
        color: #28a745;
        }


/* チェックボックス(ガラホ用) */
label.checkbox_text input[type="checkbox"] {
/*     -moz-appearance: none; */
/*     -webkit-appearance: none; */
    position      : relative;
/*     color         : #28a745; */
    top           : 4px;
    left          : 5px;
    width         : 20px;
    height        : 20px;
    margin-right  : 10px;
    padding       : 0px;
}


/* ラジオ(ガラホ用) */
label.radio_text input[type="radio"] {
/*     -moz-appearance: none; */
/*     -webkit-appearance: none; */
    position      : relative;
/*     color         : #28a745; */
    top           : 4px;
    left          : 5px;
    width         : 20px;
    height        : 20px;
    margin-right  : 10px;
    padding       : 0px;
}


/* label.radio_text { */
/*     cursor       : pointer; */
/*     position     : relative; */
/*     padding-left : 5px; */
/*     margin-right : 20px; */
/*     overflow     : hidden; */
/*     padding-left : 20px; */
/*     display      : inline-block; */
/* } */
/* label.radio_text:before { */
/*     content       : ''; */
/*     position      : absolute; */
/*     width         : 15px; */
/*     height        : 15px; */
/*     left          : 0px; */
/*     top           : 2px; */
/*     border        : 1px solid #666; */
/*     border-radius : 100%; */
/*     z-index       : 3; */
/* } */
/* label.radio_text:after { */
/*     content       : ''; */
/*     position      : absolute; */
/*     width         : 15px; */
/*     height        : 15px; */
/*     left          : 0px; */
/*     top           : 2px; */
/*     border        : 5px solid #28a745; */
/*     background-color : #FFF; */
/*     border-radius : 100%; */
/*     z-index       : 1; */
/* } */
/* label.radio_text input[type="radio"] { */
/*     -moz-appearance: none; */
/*     -webkit-appearance: none; */
/*     position   : absolute; */
/*     z-index    : 2; */
/*     width      : 20px; */
/*     height     : 20px; */
/*     left       : -23px; */
/*     top        : 1px; */
/*     margin     : 0px; */
/*     border-radius : 100%; */
/*     box-shadow : 20px -1px #FFF; */
/* } */
/* label.radio_text input[type="radio"]:checked { */
/*     box-shadow : none; */
/* } */
/* label.radio_text input[type="radio"]:focus { */
/*     opacity    : 0.2; */
/*     box-shadow : 20px -1px #EEE; */
/* } */



.form-span {
    display: inline-block;
}
span.dateform {
    display: inline-table;
    width: 105px;
}


/* アラート
************************/
.err-message {
    color: #f00;
    font-weight: 700;
}
.cmn-msg-area {
    padding: 8px 0 !important;
    min-height: 35px;
    text-align: left;
    color: #EE0909;
    white-space: pre-wrap;
}
.alert {
    padding: 5px 15px;
    margin-bottom: 0;
}
.alert-info {/* 水色 */
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-success {/* 緑 */
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-warning {/* 肌色 */
    color: #af4c0e;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {/* 赤 */
    color: #f74242;
    background: #ffe8e8;
    border: 1px solid #f2d0d0;
}
.alert-blank {/* 非表示の余白 */
    height: 31px;
}
.alert-warning2 {/* 肌色 */
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.required::after {
    margin-top: 1px;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 0px;
    content: "必須";
    font-size: 0.8em;
    background: #f76f6f;
    color: #fff;
    padding: 1px 3px;
    border-radius: 2px;
}
div.single-errmsg {
    color: #f76f6f;
    font-size: 0.9em;
    margin-bottom: 2px;
}

/* 調整用
************************/
.clear { clear:both; }
.center { text-align: center; margin: auto; }
.right { text-align: right; margin: auto; }
.ma0 { margin: 0 !important; }
.mt-5 { margin-top: -5px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mr0  { margin-right: 0 !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.ml10 { margin-left: 10px !important; }

/* font */
.fontL { font-size: 2em !important; }
.fontM { font-size: 1.5em !important; }
.fontS { font-size: 0.8em !important; }
.bold { font-weight: bold; }
.alignR { text-align: right; }
.floatR { float: right; }
.text { text-align:justify; text-justify:inter-ideograph; }

/* list */
.disc,
.decimal { margin: 0; }
.disc li { list-style-type: disc !important; }
.decimal li { list-style-type: decimal !important; }

/* background-color */
.bg-white { background-color: white !important; }

/* border */
.border-default { border-bottom: 1px solid #ccc !important; }

/* モーダル
************************/
.modal-content {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.close {
    float: none;
    font-size: 26px;
    position: absolute;
    right: 15px;
    top: 14px;
}
.modal-header {
    border-bottom: 3px solid #e5e5e5;
    text-align: center;
    min-height: 16.43px;
    padding: 17px 15px 8px;
}
.modal-footer {
    border-top: none;
    margin: 0 auto;
    width: auto;
    text-align: center;
    padding: 10px 10px 20px !important;
}


/* treeview
************************/
.treeview .list-group-item {
    cursor: pointer;
    padding: 0px;
}
.treeview span.indent {
    margin-left: 10px;
    margin-right: 10px;
}
.treeview span.icon {
    width: 12px;
    margin-right: 5px;
}
.treeview .node-disabled {
    color: silver;
    cursor: not-allowed;
}
.node-treeview {
    color: #428bca;
    border: none;
}
.node-treeview:not(.node-disabled):hover {
    background-color: #F5F5F5;
}


/* サイズ
************************/
.wr5  { width:  5%; }
.wr10 { width: 10%; }
.wr15 { width: 15%; }
.wr20 { width: 20%; }
.wr25 { width: 25%; }
.wr30 { width: 30%; }
.wr35 { width: 35%; }
.wr40 { width: 40%; }
.wr45 { width: 45%; }
.wr50 { width: 50%; }
.wr55 { width: 55%; }
.wr60 { width: 60%; }
.wr65 { width: 65%; }
.wr70 { width: 70%; }
.wr75 { width: 75%; }
.wr80 { width: 80%; }
.wr85 { width: 85%; }
.wr90 { width: 90%; }
.wr95 { width: 95%; }
.wr100 { width: 100%; }

.w35 { width: 35px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }

.w100 { width: 100px; }
.w105 { width: 105px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }

.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w520 { width: 520px; }

/* 横並びレイアウト         */
/****************************/
div.area1 {
    position: relative;
    overflow: hidden;
}
ul.area1-ul1 {
    display: flex;
    position: relative;
    float: left;
    margin: 0 0;
    padding: 0 0;
}
ul.area1-ul1 li {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
ul.area1-ul1 li:first-child {
    text-align: left;
}
ul.area1-ul1 li:last-child {

}

/* テーブル 改行            */
/****************************/
.br-wrap {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

/* システムエラー           */
/****************************/
.syserr-area {
    margin: 0 auto;
    text-align: center;
    padding: 15px;
}
    .syserr-area div.msg1 {
        display: inline-block;
        text-align: left;
        white-space: pre-wrap;
        margin-top: 50px;
        font-size: 1.1em;
        font-weight: bold;
    }
    .syserr-area div.msg2 {
        text-align: center;
    }
    .syserr-area div.msg3 {
        display: inline-block;
        text-align: left;
    }
        .syserr-area div.msg3 div.msg3-1 {
            margin-left: 5em;"
        }
        .syserr-area div.msg3 span.msg3-2 {
        }

/** 注釈 */
.announcement {
    text-indent: -1em;
    margin-left: 1em;
}

/** 余白 */
.pa0 { padding: 0; }
.pa5-12 { padding: 5px 12px; }
.pb5 { padding-bottom: 5px; }
.pt5 { padding-top: 5px; }
.pt8 { padding-top: 8px; }

/** 説明文 */
.explain {
    margin: 0px 0px 0px 20px;
    font-size: 7pt;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 90%;
}
.example {
    padding-left: 25px;
}

/** 利用規約・プライバシーポリシー */
.contract {
    display: block;
    text-align: right;
    font-size: 9pt;
    position: fixed;
    bottom: 40px;
    left: 0;
    right: 0;
    clear: both;
}

.modal-body {
    overflow: hidden;
    position: relative;
    padding: 15px;
}

div.detail-area {
    margin: auto;
}

.sentence-area {
    width: 95%;
    margin: auto;
    background-color: #eeeeee;
    overflow-y: scroll;
    height: 200px;
    padding: 20px 20px 0px 20px;
}

.sentence-area p {
    word-wrap: break-word;
}

.article {
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 9pt;
}

.no-line {
    border-bottom: none;
    padding-bottom:0;
}

/* END */