body {
    /* Bootstrap CSSでリセットされたスタイルを再設定する */
    font-family: Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size  : 14px;
}

.__app input[type='text'],
.__app input[type='email'],
.__app input[type='url'],
.__app input[type='password'],
.__app input[type='search'] {
    /* Bootstrap CSSと二重で適用されてしまっているスタイルを再設定する */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: none;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
}

/* フロント系機能（マッチング検索など） */
.__app.front {

}

/* バックヤード系機能（アライアンス組織、システム管理者向け） */
.__app.back {
    width: 1024px;
    margin-left : auto;
    margin-right: auto;
    margin-bottom: 35px;;
}

/* 日付 */
.__app .date {
    width: 180px;
}

/* 金額 */
.__app .money {
    width: 170px;
    text-align: right;
}

/* 注釈 */
.__app .comments {
    font-size: 0.75rem;
    color: gray;
}

.__app .comments > li {
    list-style-type: disc;
}

/* 必須 */
.__app:not(.notReqMarkAppending) .req:after {
    content: ' (必須)';
    font-size: .70rem;
    color :red;
}

/* エラー表示 */
.__app .error-outer > p {
    color: red;
}

.__app .error-outer {
}

.__app .error-outer > .error {
    color: red;
    padding: 0 25px;
    margin-bottom: 0;
}

.__app .error-outer > .error > li {
    list-style-type: disc;
}

/* 既存のスタイルがModalの閉じるボタンのスタイルを阻害するので上書きする */
.modal button.btn-close:hover,
.modal button.btn-close:focus,
.modal button.btn-close:active,
.modal input[type='button'].btn-close:hover,
.modal input[type='button'].btn-close:focus,
.modal input[type='button'].btn-close:active,
.modal input[type='reset'].btn-close:hover,
.modal input[type='reset'].btn-close:focus,
.modal input[type='reset'].btn-close:active,
.modal input[type='submit'].btn-close:hover,
.modal input[type='submit'].btn-close:focus,
.modal input[type='submit'].btn-close:active {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    color: #000;
}
