@charset "utf-8";

/* 共通ヘッダ部 --------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

/* コンテンツ ----------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/
/* フォーム （共通基盤定義）                                                  */
/*--------------------------------------------------------------------------*/
input.error {
    background-color: #ffc6a4;
}

select.error {
    background-color: #ffc6a4;
}

/* ime-modeのみ指定 */
.ime-active {
    ime-mode: active !important;
}
.ime-inactive {
    ime-mode: inactive !important;
}
.ime-disabled {
    ime-mode: disabled !important;
}

/* 以下のクラス名を設定した要素に対して、JavaScriptイベントと連動（jq.commnm.js） */

/* 数字入力系は英数字入力モード固定 */
input.textNumber,
input.textNumberMinus,
input.textNumberComma,
input.textNumberCommaMinus,
input.textNumberCommaFloat,
input.textNumberCommaFloatMinus,
input.textFloatNumber,
input.textFloatNumber2,
input.textFloatNumber3,
input.textFloatNumberMinus,
input.textFloatNumberMinus2,
input.textFloatNumberMinus3,
input.textFloatNumberComma,
input.textFloatNumberComma2,
input.textFloatNumberComma3,
input.textFloatNumberMinusComma,
input.textFloatNumberMinusComma2,
input.textFloatNumberMinusComma3,
input.textStringCode,
input.textStringCodeNum,
input.textStringCodeZeroPadding,
input.textNumberZeroPadding {
    ime-mode: disabled;
}

/* 及びセレクトボックスは英数字入力モード */
select.small-select {
    ime-mode: inactive;
}

/* 半角→全角は日本語入力モード */
/* 全角→半角の主用途はカナ入力？という前提で日本語入力モード */
input.textStringZ,
input.textStringZC,
input.textStringH,
input.textStringHC {
    ime-mode: active;
}

/*
input.textL {
    text-align: left;
}
input.textR {
    text-align: right;
}
input.textString {
    ime-mode: inactive;
}
input.textStringAlNum {
    ime-mode: inactive;
}
input.textDateYM {
    ime-mode: disabled;
}
input.textDateMD {
    ime-mode: disabled;
}
input.textDateYMD {
    ime-mode: disabled;
}
input.textJancode {
    ime-mode: disabled;
}
input.textJancodeZero {
    ime-mode: disabled;
}
*/

/*
input.required {
    max-height: none;
}
input.Plus {
    max-height: none;
}
input.Minus {
    max-height: none;
}
input.ZeroNG {
    max-height: none;
}
input.Comma {
    max-height: none;
}
*/

input.err-ccs {
    background-color: #ffc6a4;
}

input.err-ccs-tmp {
    background-color: #ffc6a4;
}

input.err-range {
    background-color: #ffc6a4;
}

/*-------------------------------------------------------------------------*/
/* 共通エラー画面 ---------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
body.common-error {
    font-family: "メイリオ";
}

.warning {
    margin: 100px;
}

.icon {
    margin: 0 0 50px 0;
    height: 100px;
}

/*-------------------------------------------------------------------------*/
/* 独自ローディング -------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
.loading-org {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.loading-org-bg {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.0);
}
.loading-org-bg.loading-org-bg-tp {
    background-color: rgba(0, 0, 0, 0) !important;
}
.loading-org-image {
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* display: none; */
}
.loading-org-circle {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 8px solid #a9a9a9;
    border-top-color: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    animation: loading-org-circle 1.2s linear infinite;
    -webkit-animation: loading-org-circle 1.2s linear infinite;
}
@keyframes loading-org-circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loading-org-circle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}