.thema-color {
    background: #D80C18;
    color: #ffffff;
    font-size: 32px;
    padding: 0 10px;
}

.thema-color a{
    background: #D80C18;
    color: #ffffff;
    font-size: 32px;
    padding: 0 10px;
}

.thema-color a:hover{
    color: #f0f0f0;
}

.display-none {
    display: none;
}

/*
 * ログイン
 * ----------------------
 */
.login-body {
    background-color: #da0000;
    color: #ffffff;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1.25rem
}

.login-body-test {
    background-color: #3C8CBB;
    color: #ffffff;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1.25rem
}

.login-body-local {
    background-color: #00A65A;
    color: #ffffff;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1.25rem
}

.login-header {
    background-color: #ffffff;
}

.red-link {
    color: #da0000;
}

.white-link {
    color: #ffffff;
}

a.white-link:link {
    color: #ffffff;
}
a.white-link:visited {
    color: #ffffff;
}
a.white-link:hover {
    color: #f0f0f0;
    text-decoration:underline;
}
a.white-link:active {
    color: #f0f0f0;
    text-decoration:none;
}
.gray-link {
    color: #303030;
}

a.gray-link:link {
    color: #303030;
}
a.gray-link:visited {
    color: #303030;
}
a.gray-link:hover {
    color: #0f0f0f;
    text-decoration:underline;
}
a.gray-link:active {
    color: #0f0f0f;
    text-decoration:none;
}

.invalid-feedback strong{
    color: red;
}

.login-body .invalid-feedback strong{
    color: #fff;
}

/*
 * AdminLTE
 * ----------------------
 */
.navbar-nav > .user-menu > .user-box {
    color: #fff;
    margin-right: 10px;
    margin-top: 15px;
}

.logo-lg {
    font-size: 26px;
}

.center-navbar {
    color: white;
    display: block;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}

.btn--w25 {
    width: 25px !important;
}

/*
 * dataTables
 * ----------------------
 */
table.dataTable {
    font-size:14px;
    font-weight: normal;
    border: none;
    word-break: break-all;
    border-bottom: none;
}

table.dataTable thead th {
    font-weight: normal;
    padding: 4px;
    background-color: #eaeaea;
    border-bottom: none;
}

table.dataTable tbody td {
    padding: 4px;
}

.btn-list {
    font-size: 14px;
    padding: 1px 10px;
}

table.dataTable tbody{
    border-bottom: none;
}

table.dataTable-h-hide thead{
    display: none;
}

table.table-row-sm thead th{
    padding-top: 1px;
    padding-bottom: 1px;
}
table.table-row-sm tbody td{
    padding-top: 1px;
    padding-bottom: 1px;
}

/*
 * bootstrap
 * ----------------------
 */
.input-group span.input-group-addon {
    background-color: #f0f0f0;
}

.input-group {
    width: 100%;
    padding: 0;
    margin: 0;
}

.input-group span {
    width: 100px;
}

.input-label {
    background-color: #f0f0f0;
    border: 1px solid #d2d6de;
    border-bottom: none;
    padding: 4px;
    text-align: center;
    width: 100%;
}

.font-hankaku {
    font-size: 16px;
}

.font-2em {
    font-size: 2em;
}

.font-sm {
    font-size: 12px;
}

.font-bold {
    font-weight: bold;
}

label {
    font-weight: normal;
}

.modal-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    margin: auto;
    pointer-events: none;
}

.modal-content {
    pointer-events: all
}

.row-center.va-bottom > [class*='col-'] {
    vertical-align:bottom;
}

input[readonly].readonly-white{
    background-color: #ffffff;
}

.input-group span.mini {
    height: 10px;
}
.input-group input.mini {
    height: 10px;
}
.margin-bottom-sm {
    margin-bottom: 5px;
}

.margin-b-1 {
    margin-bottom: 1px;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-l-5 {
    margin-left: 5px;
}

.margin-b-20 {
    margin-bottom: 20px;
}

.margin-b-30 {
    margin-bottom: 30px;
}

.m-0 {
    margin: 0;
}

.padding-5 {
    padding: 5px;
}

.padding-l-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 1.3rem;
}

.p-3-10 {
    padding: 3px 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.text-red-orange {
    color: #F15A22;
}

.bg-title-gray {
    background-color: #eaeaea;
}

@media (min-width: 768px) {
    .pr-sm-200px {
        padding-right: 200px !important;
    }

    .modal-xl {
        width: 90%;
        max-width:1000px;
    }
}

.table-noborder th, .table-noborder td{
    border: none;
}

.bg-addon-primary {
    background-color: #3c8dbc !important;
    border-color: #367fa9 !important;
    color: #ffffff !important;
}

.va-middle {
    vertical-align: middle !important;
}

.wrapper {
    overflow-y: hidden;
}

.addon-transparent {
    border: 0 !important;
    background-color: transparent !important;
}

/*
 * button
 * ----------------------
 */
.btn-w100p {
    width: 100%;
}

.list-wrapper {
    padding: 5px;
}

.btn-w100 {
    width: 100px;
}

/*
 * margin
 * ----------------------
 */
.content {
    padding-top: 0;
}

/*
 * sweet alert
 * ----------------------
 */
.swal2-popup {
    font-size: 16px;
    color: #e08e0b;
}

.alert-warning-ex {
    color: #8a662;
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
}


/*
 * OpenLayers
 * ----------------------
 */
.ol-popup {
    position: absolute;
    background-color: rgba(255,255,255,0.9);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 200px;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
}

/*
 * 処理中
 * ----------------------
 */
#overlay{
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.is-hide{
    display:none;
}

/*
 * datepicker
 * ----------------------
 */
.ui-datepicker-trigger{
    border:none;
    background:none;
}
.input-group div.input-group-addon {
    background-color: #f0f0f0;
}

.range label.input-group-addon {
    border:0;
}

/*
 * ご利用規約
 * ----------------------
 */
.ul-number {
    padding-left: 14px;
}

.terms-of-service-detail {
    padding-left: 27px;
    margin-bottom: 15px;
}

ol.list-parentheses li {
    list-style-type: none;
    counter-increment: cnt;
    margin-left: 0px;
}

ol.list-parentheses li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
    margin-left:-18px; /* 1文字分、左に寄せる */
}

/*
 * スペック
 * ----------------------
 */
table.spec-table td {
    border: 1px solid #e0e0e0 !important;
}

/*
 * pace
 * ----------------------
 */
.cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1999;
    width: 100%;
    height:100%;
    /*display: none;*/
    background: rgba(0,0,0,0.1);
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    z-index: 2000;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    width: 400px;
    background: #fff;
    border: 1px solid #29d;

    overflow: hidden;
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    max-width: 400px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: #29d;
}

.pace.pace-inactive {
    display: none;
}

/*
 * エラーページ
 * ----------------------
 */
.error-status {
    font-size: 6rem;
    color: #0c5460;
}
.error-status-icon {
    font-size: 9rem;
    color: #e4d354;
}

/*
 * ----------------------
 * ユーザーマスタの帯色選択用
 * ----------------------
 */
.user-black {
    background: #333333;
    color: #ffffff;
    font-weight: bold;
}
.user-blue {
    background: #367fa9;
    color: #ffffff;
    font-weight: bold;
}
.user-green {
    background: #00a65a;
    color: #ffffff;
    font-weight: bold;
}
.user-purple {
    background: #555299;
    color: #ffffff;
    font-weight: bold;
}
.user-red {
    background: #d30c00;
    color: #ffffff;
    font-weight: bold;
}
.user-yellow {
    background: #e08e0b;
    color: #ffffff;
    font-weight: bold;
}

.display_none{
	display: none;
}