@charset "UTF-8";
/* 初期設定
================================================== */
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    color: #000;
    font-size: 13px;
    line-height: 1.4em;
    background: #fff;
    margin: 0;
    overflow: hidden;
}
a {text-decoration: none; }
.b {font-weight:bold; }
.clear { clear: both; }
.ali-center {text-align: center; }
.ali-left   {text-align: left; }
.ali-right  {text-align: right; }
.flt-left   {float: left; }
.flt-right  {float: right; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mg5 { margin: 5px; }
.mg10 { margin: 10px; }

.ellipsis {
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* ヘッダー
================================================== */
header {
    transition: top 0.7s cubic-bezier(0.6, 0.1, 0.3, 1);
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: 0px;
    z-index: 0;
    height: 60px;
    background: #666;
    text-align: right;
    padding: 0 5px 0 0;
}
header img.logo {
    height: 60px;
    float: left;
    padding:10px;
}
header h1 {
    float: left;
    padding: 20px 0;
    margin: 0;
    font: inherit;
    font-size: 18px;
    color: #fff;
}
header h2 {
    font: inherit;
    font-size: 16px;
    color: #fff;
}
header h3 {
    font: inherit;
    color: #fff;
}
header span {
    font: inherit;
    color: #fff;
}
header .ui-button, header .ui-menubutton {
    margin: 15px 1px;
}
div.burger-popup.ui-confirm-popup:after {
margin-left: 168px;
}
div.burger-popup.ui-confirm-popup:before {
margin-left: 166px;
}
div.user-popup.ui-confirm-popup:after {
margin-left: 158px;
}
div.user-popup.ui-confirm-popup:before {
margin-left: 156px;
}
/* フッター
================================================== */
footer {
    transition: bottom 0.7s cubic-bezier(0.6, 0.1, 0.3, 1);
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 0;
    height: 30px;
    padding: 0 5px;
    display: flex;
    align-items: center;
}
footer .left-item {
    flex: 0 0 auto;
}
footer .right-item {
    flex: 1 0 0;
}
footer p {
    margin: 0;
    font-size: 11px;
}
footer .right-item p {
    text-align: right;
}
/* メイン
================================================== */
article {
    transition: top 0.7s cubic-bezier(0.6, 0.1, 0.3, 1);
    position: absolute;
    top: 60px;
    bottom: 33px;
    left: 0px;
    right: 0px;
    z-index: 0;
    overflow: auto;
}
/* メニュー表示でないときは上書きで消す */
article>.content {
    display: flex;
}
article>.content>.item {
    border-radius: 3px;
    border: 1px solid #d5d5d5;
    margin: 2px;
    padding: 3px;
}
/* お知らせ
================================================== */
div.ui-notificationbar {
    z-index: 1;
    height: auto;
}
div.notification div.ui-paginator-bottom {
    display: none;
}
div.notification li.ui-datalist-item {
    padding: 5px;
    border-bottom: 1px solid #a8a8a8;
}
div.notification button.information {
    background-color: #00b5ff;
    color: #fff;
    text-shadow: none;
    width:80px;
}
div.notification button.alert {
    background-color: #ffd478;
    color: #fff;
    text-shadow: none;
    width:80px;
    border:1px solid #ff9300;
}
div.notification button.error {
    background-color: #ff2600;
    color: #fff;
    text-shadow: none;
    width:80px;
    border:1px solid #941100;
}
div.notification textarea.ui-inputfield.ui-state-focus {
    box-shadow: none;
}
/* ローディングバー
================================================== */
div.loadingbar {
    z-index:1;
    position:fixed;
    right:315px;
    bottom:0px;
    display:none;
    border: 0;
    box-shadow: none !important;
}
div.loadingbar div.ui-overlaypanel-content {
    padding: 0;
}
/* ポーリングダイアログ
================================================== */
div.pollingDialog div.ui-dialog-content {
    padding: 0;
}
/* コンポーネント
================================================== */
/*FileUpload Icon-Only*/
span.ui-fileupload-icon-only span.ui-button span.ui-icon {
    left: 50%;
    margin-left: -0.3rem;
}
span.ui-fileupload-icon-only span.ui-button span.ui-button-text {
    padding: 0.5rem 1rem;
}
/*小さいボタン*/
button.ui-button.small span.ui-button-text {
    padding: 0.3rem;
}
/*大きいボタン*/
button.ui-button.large span.ui-button-text {
    padding: 1rem;
}
/*特大ボタン*/
.extra-large-button .ui-c {
    font-size:50px;
}
.extra-large-button.ui-button.ui-button-text-icon-left .ui-icon,
.extra-large-button .ui-button.ui-button-text-icon-left .ui-icon {
    margin-top: -1.5rem;
    left: 1rem;
}
.extra-large-button.ui-button.ui-button-text-icon-left .ui-button-text,
.extra-large-button .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.5rem 1rem 0.5rem 4.5rem;
}
/*ラベルグレーアウト*/
span.disable {
    color: #AFB1B3;
}
/* ダイアログ
================================================== */
div.ui-dialog .ui-dialog-titlebar {
    margin: 0;
}
/* テーブル
================================================== */
.warningRow {
    background-color: #ffcc00 !important;
}
article .ui-datatable thead th.ali-right {
    text-align: right;
}