@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css');

body {
  background-color: #f4f7f8;
  font-size: .8rem;
}

.collapse {
  font-size: 0.85rem;
}
/* .navbar { */
/*   margin: 2rem 0 2.5rem 0; */
/* } */

.navbar {
  background-color: #1c1f87;
}

.navbar-nav .nav-link {
  color: #fff;
}

.brand-image {
  margin-top: .2rem;
}

.brand-link {
  background-color: #e50011!important;
  padding: .5rem .5rem;
  line-height: 1;
}

.brand-text {
  font-family: 'Source Sans Pro', -apple-system;
}

.nav-treeview>li>a {
  padding-left: 25px;
}

.content-header h1 {
  font-size: 1.3rem;
  margin-left: 30px;
}

.content-header h1>span {
  font-size: 0.8rem;
  padding-left: 20px;
}

.btn_float {
  position: fixed;
  bottom: 30px;
  right: 60px;
  width: 200px;
  z-index: 10;
}

.btn_float_notrequired, .btn_float_2 {
  position: fixed;
  bottom: 80px;
  right: 60px;
  width: 200px;
  z-index: 10;
}

.btn_float_3 {
  position: fixed;
  bottom: 130px;
  right: 60px;
  width: 200px;
  z-index: 10;
}

.alert {
  z-index: 1;
}

.div-label {
  padding-top: 6px;
  font-size: .8rem;
}

.table .thead-darkblue th {
  color: #ffffff;
  background-color: #1c1f87;
  border-color: #1c1f87;
  white-space: nowrap;
}

.table-sm td {
  vertical-align: middle;
}

.col-form-label2 {
  background-color: #e9ecef;
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  margin-bottom: -5px;
  font-size: .8rem;
  line-height: 1.5;
  font-weight: normal;
}

.col-form-label3 {
  background-color: #e9ecef;
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  margin-bottom: -5px;
  font-size: .8rem;
  line-height: 1.5;
  margin-left: 8px;
  width: 100px;
}

.input-group {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.input-group2 {
  padding-left: 24px;
  /* padding-right: 12px; */
}

.input-group-text {
  font-size: .8rem;
  margin-bottom: 1px;
}

.input-group-text_b0 {
  font-size: .8rem;
  /* margin-bottom: 1px; */
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-text_mid {
  font-size: .8rem;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}

.input-group-text2, .input-group-text2_b0 {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 1px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-text2_b0 {
  margin-bottom: 0px;
}

.input-group-text3 {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
}

.sub {
  padding-left: 30px;
}

.sub label {
  font-weight: normal!important;
}

.sub2 label {
  font-weight: normal!important;
}

.my-navbar {
  align-items: center;
  background: #333;
  display: flex;
  height: 6rem;
  justify-content: space-between;
  padding: 0 2%;
  margin-bottom: 3rem;
}

.my-navbar-brand {
  font-size: 18px;
}

.nav-item, .my-navbar-brand, .my-navbar-item {
  /* color: #8c8c8c; */
  color: #ffffff;
}

.my-navbar-brand:hover, a.my-navbar-item:hover {
  color: #ffffff;
}


.table th {
  text-align: center;
}


.table td:nth-child(1), td:nth-child(2), td:nth-child(3) {
  white-space: normal;
  /* text-align: center; */
  vertical-align: middle;
  /* padding-left: 18px; */
}

.table td:nth-child(1) {
  /* text-align: left; */
}
.table td:nth-child(2) {
  vertical-align: middle;
  width: 80px;
}
.table td:nth-child(3) {
  width: 1px;
  /* padding-right: 18px; */
}

.table td {
  vertical-align: middle;
}

.td_name {
  padding-left: 18px;
}

.form-control {
  font-size: .8rem;
}
/* .form-control#area_confirmation { */
/*   color: #FF0000; */
/* } */


.form-control[readonly] {
  background-color: #e6e4e4;
  font-size: .8rem;
}

input#dsp_no {
  width: 60px;
}

.red_mark {
  color: #FF0000;
  font-size: .8rem;
}

h3.card-title2 {
  color: #fff;
  background-color: #007BFF;
  padding: 10px 10px;
  font-size: 1.2rem;
}

.card-header {
  font-weight: bold;
  /* background-color: #007BFF; */
}

.text-right {
  padding-bottom: 10px;
}

.form-check-input {
  margin-left: 0;
}

.form-check-label {
  /* margin-left: 1.25rem; */
  /* margin-bottom: 5px; */
}

.form-check-input.is-invalid~.form-check-label {
  color: #000;
}

.status_error {
  /* border: 2px solid #dc3545; */
  color: #630015;
	border-color: #c20c33;
	background-color: #ffd9e1;
}

input[type="text"][disabled]{
  background:#DCDCDC;
  cursor:not-allowed; /* 禁止カーソル */
}

select:disabled{
  color:#DCDCDC;
  background:#DCDCDC;
  cursor:not-allowed; /* 禁止カーソル */
}

select:disabled::-ms-value,
select:disabled::-ms-expand {
  color:#DCDCDC;
  background:#DCDCDC;
  cursor:not-allowed; /* 禁止カーソル */
}

#tbl_sales_property_index, #tbl_company_index {
  table-layout: fixed;
}

#tbl_sales_property_index th{
  border: 1px solid #748596;
}

#tbl_sales_property_index td{
  border: 1px solid #DCDCDC;
  text-align: center;
  padding: 4px;
}

#tbl_company_index td{
  border: 1px solid #DCDCDC;
  /* text-align: center; */
  /* padding: 4px; */
}

.td_align_left {
  /* color: #FF0000; */
  background-color: #FF0000;
}

.td_align_center {
  text-align: center;
}


.price_red{
  font-weight: bold;
  color: #F82054;
  font-size: 1.0em;
}

.dsp_count {
  font-size: 30px;
  font-weight: bold;
  color: #F77C00;
  padding-left: 10px;
  padding-right: 10px;
}

.dsp_count span{
  font-size: 14px;
  color: #333333;
  padding-left: 5px;
}

.tbl_detail {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-collapse: collapse;
}

.tbl_detail-title, .tbl_detail-title-sub{
  background-color: #eeeeee;
  font-weight: normal;
  /* width: 200px; */
  text-align: center;
  padding: 10px;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-collapse: collapse;
  vertical-align: middle;
}

.tbl_detail-title-sub {
  /* width: 150px; */
}

.tbl_detail-body, .tbl_detail-body2 {
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #dbdbdb;
  border-collapse: collapse;
  overflow-wrap: break-word;
}

.tbl_detail-body {
  /* width: 250px; */
}

@media screen and (min-width:961px) {
  /*pc用のcssを記述*/
  .tbl_detail-title, .tbl_detail-title-sub{
    width: 200px;
  }
  .tbl_detail-title-sub {
    width: 150px;
  }
  .col_multi_line {
    margin-left: -7px;
  }
}

.check-label-custom {
  width: 120px;
}

.check-label-custom2 {
  width: 145px;
}

#btn_selectmode {
  text-align: center;
  padding-top: 30px;
}

.tbl_search {
  width: 70%;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-collapse: collapse;
}

.tbl_search-title, .tbl_search-title-sub{
  background-color: #eeeeee;
  font-weight: normal;
  /* width: 200px; */
  text-align: center;
  padding: 10px;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-collapse: collapse;
  vertical-align: middle;
}

.tbl_search-body, .tbl_search-body2 {
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #dbdbdb;
  border-collapse: collapse;
  overflow-wrap: break-word;
}

.col_title, .col_title_sub, .col_title_sub2, .col_title_white, .col_title_cond, .col_title_sub_cond {
  background-color: #e9ecef;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: .8rem;
  vertical-align: middle;
  text-align: center;
  margin-left: 7.5px;
  margin-right: 7.5px;
  margin-bottom: 5px;
}

.col_title_cond, .col_title_sub_cond {
  background-color: #8be1ef;
}

.col_title_sub_cond {
  margin-left: 0px;
  margin-right: 0px;
}

.col_title_white {
  background-color: #ffffff;
  text-align: left;
  padding-left: 5px;
}

.col_body_txt, .col_body_txt2 {
  background-color: #ffffff;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: .8rem;
  vertical-align: middle;
  text-align: center;
  margin-left: -5px;
  margin-right: -5px;
  /* margin-top: -5px;
  margin-bottom: -5px; */
}

.col_body_txt2 {
  margin-left: 0px;
}

.col_body {
  margin-bottom: 5px;
}

.col_title_sub {
  margin-left: 0px;
  margin-right: 0px;
}

.col_title_sub2 {
  margin-left: 5px;
  margin-right: 0px;
}

.col_body_sub {
  margin-bottom: 5px;
  padding: 0px 0px;

}

.col_body_sub_txt {
  margin-bottom: 5px;
  /* padding: 0px 0px; */
  margin-left: 5px;

}

@media screen and (min-width:420px) {
  .col_body_sub {
    margin-left: 5px;
  }

  .col_sub_sub {
    margin-left: -7px;
  }
}

.container-fluid {
  padding-left: 5px;
  padding-right: 5px;
}

.btn_master {
  margin-top:20px;
  text-align: center;
}
.btn_master_left {
  margin-bottom: 20px;
}

.btn_master_right {
  margin-bottom: 10px;
  text-align: right;
}

.btn_master_edit_del {
  padding: 20px;
  text-align: center;
}

.operation_color_1 {
  color: #008000;
}

.operation_color_3 {
  color: #FF0000;
}

.menu_title {
  padding-bottom: 5px;
  font-weight: bold;
}

.menu_font_red {
  padding-top: 3px;
  color: #ff0000;
}

.row_space {
  height: 30px;
}

.required_input {
  background-color: #ffb6c1;
}

.font_red {
  color: #ff0000;
}

.main-footer {
  background: #f4f6f9;
  text-align: center;
  border-top: 0px;
}

.row_custom {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7px;
}

.row_custom2 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7px;
  height: 3px;


}