@charset "UTF-8";
ul {
  list-style-type: none;
}
.login-logo a {
	width: 100%;
	display: block;
}

.login-logo a img {
	width: 70%;
    display: block;
    margin: 0 auto;
}

input.inputname {
    background-color: #ffffff00;
    border: white;
    color: #007bff;
}

/*テーブル 装飾一覧*/
.endtable {
  border-left: 1px solid #dee2e6;
}

.rowpadding div {
  padding: 5px;
}

.topbord {
  border-top: 1px solid #dee2e6;
}

.midasibg {
  background-color: #f1f1f1;
}

.bottomsolid {
  border-bottom: 1px dotted #C0C0C0;
}

.row-border + .row-border {
  border-bottom: 1px solid #dee2e6;
}

/*チェックボックスがONになった時表示*/
.selecthide2 {
  display: none;
}

/*チェックボックスがONになった時表示*/
.selecthide3 {
  display: none;
}

.textarea-css p {
  background: url(../../img/line.png) repeat bottom left;
  font-size: 14px;
  line-height: 27px;
  word-wrap: break-word;
}

/*会員一覧ヘッダー部位置調整*/
.card-list-member .dataTables_length {
  width: 189px;
  display: block;
  float: left;
}

.card-list-member .dataTables_filter {
  float: left;
}

/*非会員、死亡一覧装飾*/
h5 .nonmember,
.c_nonmember_flg .nonmember {
  background-color: #673AB7;
  color: white;
  font-size: 8px;
  border-radius: 5px;
  padding: 2px;
  margin-right: 4px;
}

h5 .die,
.c_die_flg .die {
  background-color: #383838;
  color: white;
  font-size: 8px;
  border-radius: 5px;
  padding: 2px;
}

h5 .cancell,
.c_cancell_flg .cancell {
  background-color: #FF5722;
  color: #fff;
  font-size: 8px;
  border-radius: 5px;
  padding: 2px;
}

h5 .die,
h5 .nonmember,
h5 .cancell {
  font-size: 17px;
  border-radius: 7px;
  padding: 5px;
}

/*非会員の場合装飾*/
.c_nonmember_flg {
  background-color:#dcbdff!important;
}
/*死亡の場合装飾*/
.c_die_flg {
  background-color:#8c8c8c!important;
}
/*解約の場合装飾*/
.c_cancell_flg {
  background-color:#ffc5b3!important;
}

/*非会員、死亡どちらも場合装飾*/
.c_nonmember_flg.c_die_flg {
  background-color: #8c8c8c!important;
}
#submit_select2,
#submit_select {
  margin: 10px 5px;
}

/**************削除ボタン装飾***************/
.form_delete input {
  background-color: #ff3f3fc2;
  border-radius: 5px;
  border: none;
  position: absolute;
  top: -12px;
  right: 3px;
  color: white;
}

.form-line {
  width: 100%;
}
.form-line #submit_form {
  width: 200px;
  display: block;
  float: left;
}

.form-line #submit_form2 {
  float: left;
}

.form-line #submit_form3 {
  position: relative;
  float: left;
  top: 10px;
}
.form-line #submit_form3 .input-group{
  position: absolute;
  width: 300px;
  top: -8px;
  margin-left: 100px;
}

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

  .main-header .logo {
    height: 23px;
    font-size: 15px;
    line-height: 25px;
  }
  /*スマホの時、非表示*/
  .hidden-xs {
    display: none;
  }
  /*スマホの時、datatableのパディング小さく*/
  .card-body {
    padding: 3px;
  }
  /*スマホの時、datatableのパディング小さく*/
  .container-fluid {
    padding-right: 2px;
    padding-left: 2px;
  }

  .font13 {
    font-size: 13px;
  }

  .font13 tr {
    font-size: 13px;
  }

  /*テーブル装飾ースマホボタンプルダウン押下時*/
  .nav-pills .nav-link:not(.active):hover {
    color: white;
  }

  /*データテーブル装飾*/
  .sorting_1 form {
    display: block;
    width: 150px;
    overflow: hidden;
  }

  .table td {
    padding:.25rem;
  }

  /*会員一覧ヘッダー部位置調整*/
  .card-list-member .dataTables_length {
    width: 50%;
  }

  .card-list-member .dataTables_filter {
    width: 50%;
  }
  .card-list-member .dataTables_info,
  .card-list-member .dataTables_paginate {
    float: left;
  }

  .card-list-member .dataTables_filter input {
    width: 75%!important;
  }

  h5 .die,
  h5 .nonmember {
    font-size: 13px;
    border-radius: 7px;
    padding: 3px;
  }
  .form-line #submit_form3 .input-group{
    position: relative;
    width: 260px;
    top: -41px;
    margin-left: 116px;
  }


}

@media screen and (max-width: 650px) {
  /*データテーブル装飾*/
  .sorting_1 form {
    display: block;
    width: 101px;
    overflow: hidden;
  }

  .table td {
    padding:.25rem;
  }

  /*会員一覧ヘッダー部位置調整*/
  .card-list-member .dataTables_length {
    width: 50%;
  }

  .card-list-member .dataTables_filter {
    width: 50%;
  }
  .card-list-member .dataTables_info,
  .card-list-member .dataTables_paginate {
    float: left;
  }
  .card-list-member .dataTables_filter input {
    width: 75%!important;
  }

}