@charset "UTF-8";

/*基本*/

.card:not([class*=bg-]) .card-header {
  color: #333;
  font-weight:bold;
}

/*フォーム*/
form select.form-control {
  font-size:16px;
  height: calc(1em + 1.75rem + 2px);
  padding: 0.2rem 1.125rem 0.2rem 0.7rem;
}

form input.form-control {
  font-size:16px;
}

#message {
  font-size:16px;
}

form textarea.form-control {
  font-size:16px;
}

form input.fileup {
  height: calc(1em + 1.75rem);
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

input[type="number"] { 
  -moz-appearance:textfield; 
} 

/*テーブル*/
.table-responsive table th {
  white-space:nowrap;
  background:#F2F2F2;
}

.table-responsive table td {
  white-space:nowrap;
}

/*ローダー*/

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255,255,255,0.8);
  z-index: 2000;
  display:none;

}

#loader {
  height:auto;
  text-align: center;
  color: #af9b65;
  margin-top:-50px;
  font-size: 18px;
  font-weight: 700;
}


/*汎用*/

.tit_line {
  display: flex;
  align-items: center;
}
.tit_line:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #999;
  margin:0 .4em;
}

.min100 {
  min-width:100%;
}

.small2 {
    font-size: 0.875em;
    font-weight: 800;
}

.bg_gray {
	background-color:#F2F2F2;;
}

.bg_pink {
	background-color:#FCF;
}

.bg_orange {
	background-color:#FFF1EA;
}