body {
    font-family: "游ゴシック, ヒラギノ角ゴシック" ;
}

h1.m-0{
    font-size:1.2rem;
}
h4.modal-title {
    font-size: 1.2rem;
}
.modal-title{
    line-height:1;
}

.content-header{
    padding: 15px .5rem 5px;
}

.register-box{
    width:420px;
}
.card-body td{
    vertical-align : middle!important;
    padding: 0.4rem 0.5rem;
    font-size: .9rem;
}

.ui-autocomplete.ui-front {
    z-index: 99999!important;
}

.error-label{
    color : #ff0000;
    font-weight: 500!important;
}

.error-label-ml-1{
    color : #ff0000;
    margin-left: 1rem;
}

.error-label-ml-2{
    color : #ff0000;
    
    margin-left: 2rem;
}

[class^="error-label-ml-"] > label{
    font-weight: 500 !important;
} 


label.input-require::after{
    content : "*";
    color: #ff0000;
    font-weight: 600;
    margin-left: 5px;
}


.input-label-8{
    text-align: left;
    font-weight: 500!important;
    width : 8rem;
    /*border: 1px solid;*/
}
	
button.btn-link-style{
  cursor: pointer;
  border: none;
  background: none;
  color: #0033cc;
}
button.btn-link-style:hover{
  text-decoration: underline;
  color: #002080;
}

@media screen and (max-width:768px){
    /* 複数クラス指定されているとき */
    input[class*=' input-width-']{
        width: 100%!important;
    }
}

@media screen and (min-width:768px){

    .form-control.input-width-9{
        width: calc(100% - 9rem);
    }

    .form-control.input-width-10{
        width: calc(100% - 10rem);
    }
}

.error-editor{
    background-color: lightpink;
}

#loader_bg {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    /*background-color: #000000bd;*/
    background-color: #FFFFFF;
    opacity: 1;
}
#xloader{
    margin: 10%;
    text-align: center;
}