@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: 'Noto Sans';
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* Remove all animations and transitions for people that prefer not to see them */
/*
    共通パーツ
*/
.breadclumb_list {
  border-bottom: #DDDDDD 1px solid;
  height: 30px;
}

/*
    button
*/
.btn {
  font-size: 18px;
  border: none;
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

.btn:hover {
  cursor: pointer;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  opacity: 0.7;
}

.btn_nav {
  color: #fff;
  background-color: #000;
  width: 185px;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
}

.btn_edit {
  color: #fff;
  background-color: #000;
  width: 80px;
  height: 35px;
  line-height: 35px;
  font-weight: normal;
}

.btn_delete {
  color: #fff;
  background-color: #000;
  width: 80px;
  height: 35px;
  line-height: 35px;
  font-weight: normal;
}

.btn_insert {
  color: #fff;
  background-color: #000;
  width: 80px;
  height: 45px;
  line-height: 35px;
  font-weight: normal;
}

.btn_search {
  color: #fff;
  background-color: #016EAE;
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  border-radius: 5px;
}

.btn_cancel {
  background-color: #E8E8E8;
  color: #333333;
  font-weight: normal;
  border-radius: 5px;
}

.btn_save {
  color: #fff;
  background-color: #000;
  width: 150px;
  height: 45px;
  line-height: 35px;
  font-weight: normal;
}

.btn_logout {
  color: #015D8C;
  text-decoration: none;
  margin-right: 50px;
}

/*
    情報入力関連パーツ
*/
.form_control, .form_select, .form_date {
  border: 1px #999999 solid;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
}

.form_date {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  width: 180px;
}

.form_select {
  width: 400px;
}

.form_label {
  font-size: 16px;
  color: #808080;
}

/*
    一覧部分パーツ
*/
.mtb_table {
  border-collapse: collapse;
  width: 100%;
}

.mtb_table_header {
  font-size: 16px;
  color: #a0a0a0;
  height: 30px;
  text-align: center;
}

.mtb_table_header th {
  margin-bottom: 5px;
  font-weight: normal;
}

.mtb_table_body {
  border-bottom: 1px #cfcfcf solid;
  height: 30px;
  text-align: left;
}

.mtb_table_body th {
  height: 50px;
  text-align: left;
  line-height: 50px;
  font-weight: normal;
}

.common {
  background-color: #fff;
  margin-left: 15px;
}

.common_label {
  display: block;
  margin-top: 20px;
  margin-bottom: 3px;
}

/*
    モーダル関連パーツ
*/
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}

.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  background: #fff;
  left: 50%;
  padding: 40px;
  display: inline-grid;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 60%;
}

.modal_label {
  color: #445D84;
  font-size: 16px;
  width: 100px;
  height: 41px;
  line-height: 41px;
}

.modal_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal_title {
  margin-top: 10px;
  position: fixed;
  /* 要素の位置を固定する */
  top: 0;
  /* 基準の位置を画面の一番下に指定する */
  right: 0;
  /* 基準の位置を画面の一番右に指定する */
  width: 100%;
  /* 幅を指定する */
}

.modal_title h3 {
  color: #0093BF;
  font-size: 25px;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: normal;
  margin-top: 10px;
}

.modal_box {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
}

.modal form {
  background-color: #fff !important;
}

.modal .flex_box_contract {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.modal .flex_box_contract + .flex_box_contract {
  margin-top: 1rem;
}

.modal .btn_cancel {
  width: 200px;
  height: 50px;
}

.modal .btn_insert {
  margin-left: 10px;
  width: 200px !important;
  height: 50px !important;
}

.btn_insert {
  float: right;
  margin-right: 40px;
  width: 80px;
  height: 45px;
  background-color: #016EAE;
  border-radius: 3px;
}

.btn_insert::after {
  clear: both;
}

.btn_insert img {
  margin-right: 4px;
}

/*
    汎用パーツ
*/
.title {
  font-size: 25px;
  font-weight: bold;
  color: #0093BF;
}

.flex_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

.flex_box .form_control {
  width: 400px;
}

.flex_box + .flex_box {
  margin-top: 10px;
}

.btn_control {
  margin-top: 10px;
  position: fixed;
  /* 要素の位置を固定する */
  bottom: 0;
  /* 基準の位置を画面の一番下に指定する */
  right: 0;
  /* 基準の位置を画面の一番右に指定する */
  width: 100%;
  /* 幅を指定する */
}

.btn_control .btn_save {
  margin-left: 10px;
  float: right;
  margin-right: 40px;
  width: 150px;
  height: 45px;
  background-color: #016EAE;
  border-radius: 3px;
}

.btn_control div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-bottom: 30px;
}

/*
    画面汎用パーツ
*/
.body_left {
  display: block;
  width: 210px;
  float: left;
  height: calc(100vh - 120px);
}

.body_left::after {
  clear: both;
}

.body_left input {
  margin-top: 10px;
}

.body_left label {
  color: #aaaaaa;
}

.body_right {
  display: block;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  min-width: 1538px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.header {
  height: 100px;
  background-color: #FFFFFF;
  position: relative;
}

.header .header_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.bread {
  color: #aaaaaa;
  font-size: 20px;
}

.bread_a {
  text-decoration: none;
}

.bread_num {
  list-style: none;
}

.breadclumb_list {
  padding-left: 40px;
  padding-top: 3px;
  padding-bottom: 20px;
}

.breadclumb_list label, .breadclumb_list a, .breadclumb_list span {
  color: #333333;
  font-size: 14px;
}

.inner_box {
  background-color: #fafafa;
  width: 100%;
  height: 250px;
}

ul.paging {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* 中央寄せ */
  /* 左寄せ */
  /* display: block; */
  /* 右寄せ */
  /* display: table; */
  /* margin: 0 0 0 auto; */
}

ul.paging::after {
  content: "";
  display: block;
  clear: both;
}

ul.paging > li {
  float: left;
}

ul.paging > li > * {
  margin: 2px;
  padding: 3px 0;
  display: block;
  color: #808080;
  text-decoration: none;
}

ul.paging > li > button, ul.paging > li > .active, ul.paging > li > [data-page] {
  padding: 3px 10px;
  border: none;
  background-color: transparent;
}

ul.paging > li > .active {
  color: #000;
}

ul.paging > li > [data-page] {
  cursor: pointer;
}

.body_left {
  background-color: #F7F8FC;
}

.body_left .menu_a {
  background-color: #0062AE;
  width: 210px;
  height: 50px;
}

.body_left .active {
  background-color: #0180C2;
  width: 210px;
  height: 50px;
}

.body_left .menu_disable {
  background-color: #ccc;
  width: 210px;
  height: 50px;
}

.disabled {
  background-color: #ccc;
}

.check_item {
  display: none;
}

.check_item + .check_item_span {
  position: relative;
}

.check_item + .check_item_span > label {
  cursor: pointer;
  margin-left: 2rem;
  position: relative;
}

.check_item + .check_item_span > label:first-of-type {
  margin-left: 1.2rem;
}

@media only screen and (max-width: 1023px) {
  .check_item + .check_item_span > label {
    top: -4px;
    left: 1px;
  }
}

.check_item + .check_item_span > label::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 52%;
  left: -20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #999999;
  border-radius: 3px;
  cursor: pointer;
  background-color: #fff;
}

.check_item:disabled + .check_item_span > label {
  color: #999999;
}

.check_item:checked + .check_item_span > label::before {
  border: 2px solid #999999;
  border-radius: 3px;
  background-color: #5C85E3;
}

.check_item:checked + .check_item_span > label::after {
  content: "";
  display: block;
  width: 8px;
  height: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  position: absolute;
  top: 9px;
  left: -15px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

@media only screen and (max-width: 1023px) {
  .check_item:checked + .check_item_span > label::after {
    top: 12px;
  }
}

/*
    ログイン画面デザイン
*/
#login {
  will-change: transform;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  /*
        見出し
    */
  /*
        ボタン部分div
    */
  /*
        ログインボタン
    */
}

#login .login_inner_box {
  display: block;
  width: 471px;
  height: 471px;
  margin: 0 auto;
  background-color: #F5F9FC;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#login form {
  /*
            ロゴ
        */
}

#login form .login_logo {
  width: 62px;
  height: 72px;
  margin: 0 auto;
}

#login form .form_control {
  height: 30px;
  width: 300px;
  line-height: 30px;
}

#login form .form_control::-webkit-input-placeholder {
  color: #CCCCCC;
}

#login form .form_control::-moz-placeholder {
  color: #CCCCCC;
}

#login form .form_control:-ms-input-placeholder {
  color: #CCCCCC;
}

#login form .form_control::-ms-input-placeholder {
  color: #CCCCCC;
}

#login form .form_control::placeholder {
  color: #CCCCCC;
}

#login .title {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

#login .login_info {
  text-align: center;
}

#login .login_info + .login_info {
  margin-top: 1rem;
}

#login .btn_search {
  margin: 0 auto;
  width: 140px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}

#login .login_inner + .login_inner {
  margin-top: 3.5rem;
}

.header {
  padding-top: 15px;
  border-bottom: #DDDDDD 1px solid;
}

.header .header_title {
  color: #0093BF;
  text-decoration: none;
  font-size: 18px;
  margin-right: auto;
  margin-left: -65px;
}

.header .login_user {
  margin-right: 50px;
}

#menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100vh - 60px);
}

#menu .item_box {
  margin-bottom: 20%;
}

#menu .btn {
  width: 220px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}

#menu .btn + .btn {
  margin-left: 30px;
}

#menu div + div {
  margin-top: 30px;
}

#menu .btn_menu {
  width: 150px;
  height: 150px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

#menu .btn_menu img {
  margin: auto;
  margin-top: 1.8rem;
  margin-bottom: 0.4rem;
  height: 60px;
  width: 45px;
  max-width: 100%;
  display: block;
}

#menu .btn_custoner {
  background-color: #0093BF;
}

#menu .btn_mailmaga {
  background-color: #016EAE;
}

#menu .btn_csv {
  background-color: #015D8C;
}

#menu .btn_secondpassword {
  background-color: #6DAFDE;
}

#customer .body_right {
  margin-top: 20px;
}

#customer .disabled {
  background-color: #9e9e9e;
  color: #333333;
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  border-radius: 5px;
}

#customer .disabled:hover {
  opacity: 1;
  cursor: auto;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#customer .form_label {
  display: block;
  color: #445D84;
  float: left;
  width: 200px;
}

#customer .inner_left {
  float: left;
  margin-top: 20px;
  margin-left: 120px;
}

#customer .inner_left::after {
  clear: both;
}

#customer .inner_right {
  float: right;
  margin-top: 20px;
  margin-right: 120px;
}

#customer .inner_right::after {
  clear: both;
}

#customer form {
  background-color: #fafafa;
  width: 100%;
  height: 250px;
}

#customer .inner_box, #customer form {
  height: 450px;
}

#customer .inner_box .btn_search, #customer form .btn_search {
  margin-top: -75px;
  float: right;
  margin-right: 120px;
}

#customer .inner_box .btn_search img, #customer form .btn_search img {
  max-width: none;
  display: inline;
  margin-right: 10px;
}

#customer .search_result {
  margin-top: 20px;
  margin-bottom: 20px;
}

#customer .mtb_table_header {
  text-align: left;
}

#customer .mtb_table_header th {
  min-width: 250px;
}

#customer .mtb_table_body {
  height: 60px;
  text-align: left;
}

#customer .mtb_table_body th:nth-child(4) {
  min-width: 220px;
}

#customer .mtb_table_body th:nth-child(4) .btn_search {
  margin-top: 7px;
  margin-left: 20px;
}

#customer .mtb_table_body th .btn {
  display: inline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px;
  margin-left: 5px;
}

#customer .mtb_table_body .flex_box a {
  margin-left: 20px;
}

#customer .mtb_table_body .product_th div {
  width: 120px;
  display: inline-block;
}

#customer .mtb_table_body .product_th a {
  width: 80px;
}

#customer .mtb_table_body .btn_edit {
  background-color: #016EAE;
  border-radius: 3px;
  height: 30px;
  width: 30px;
}

#customer .mtb_table_body .btn_edit img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#customer .mtb_table_body .btn_delete {
  background-color: #DB5E5E;
  border-radius: 3px;
  height: 30px;
  width: 30px;
}

#customer .mtb_table_body .btn_delete img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#customer .mtb_table_body .btn_search {
  background-color: #E8E8E8;
  color: #333333;
}

#customer .mtb_table_body img {
  max-width: none;
  display: inline;
  margin-right: 10px;
}

#customer .search_result label {
  color: #808080;
}

#customer_update .body_right, #contract .body_right {
  margin-top: 20px;
}

#customer_update .form-table .th_label, #contract .form-table .th_label {
  color: #445D84;
  width: 200px;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding-top: 5px;
}

#customer_update .form-table .th_comment, #contract .form-table .th_comment {
  font-size: 15px;
  max-width: 100px;
  width: 100px;
  text-align: left;
  font-weight: normal;
}

#customer_update .form-table td, #contract .form-table td {
  width: 280px;
}

#customer_update .inner_box, #contract .inner_box {
  background-color: #fafafa;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 20px;
}

#customer_update form .flex_box, #contract form .flex_box {
  margin-left: auto;
  float: right;
}

#customer_update form .flex_box::after, #contract form .flex_box::after {
  clear: both;
}

#customer_update form .flex_box_radio, #contract form .flex_box_radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
}

#customer_update form .flex_box_radio::after, #contract form .flex_box_radio::after {
  clear: both;
}

#customer_update form .select_box, #contract form .select_box {
  margin-top: 5px;
  margin-bottom: 5px;
}

#customer_update form .form_address, #contract form .form_address {
  width: 370px;
  margin-left: 10px;
}

#customer_update .btn_control, #contract .btn_control {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#customer_update .btn_control .btn_save, #contract .btn_control .btn_save {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  margin-bottom: 30px;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

#customer_update .btn_control .btn_save + .btn_save, #contract .btn_control .btn_save + .btn_save {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#customer_update .btn_search, #contract .btn_search {
  margin-top: 20px;
  margin-bottom: 30px;
  width: 150px;
}

#customer_update .btn_search + .btn_search, #contract .btn_search + .btn_search {
  margin-left: 20px;
}

#customer_update_history .body_right, #overdue_history .body_right, #mailmaga_history .body_right {
  margin-top: 20px;
}

#customer_update_history .form_label, #overdue_history .form_label, #mailmaga_history .form_label {
  display: block;
  color: #445D84;
  float: left;
  width: 200px;
}

#customer_update_history .update_color, #overdue_history .update_color, #mailmaga_history .update_color {
  background-color: #FFE3E3;
}

#customer_update_history .inner_left, #overdue_history .inner_left, #mailmaga_history .inner_left {
  float: left;
  margin-top: 20px;
  padding-left: 120px;
  width: 100%;
}

#customer_update_history .inner_left::after, #overdue_history .inner_left::after, #mailmaga_history .inner_left::after {
  clear: both;
}

#customer_update_history .inner_right, #overdue_history .inner_right, #mailmaga_history .inner_right {
  float: right;
  margin-top: 20px;
  margin-right: 120px;
}

#customer_update_history .inner_right::after, #overdue_history .inner_right::after, #mailmaga_history .inner_right::after {
  clear: both;
}

#customer_update_history form, #overdue_history form, #mailmaga_history form {
  background-color: #fafafa;
  width: 100%;
  height: 250px;
}

#customer_update_history .inner_box, #customer_update_history form, #overdue_history .inner_box, #overdue_history form, #mailmaga_history .inner_box, #mailmaga_history form {
  height: 280px;
}

#customer_update_history .inner_box .btn_search, #customer_update_history form .btn_search, #overdue_history .inner_box .btn_search, #overdue_history form .btn_search, #mailmaga_history .inner_box .btn_search, #mailmaga_history form .btn_search {
  float: right;
  margin-right: 120px;
}

#customer_update_history .inner_box .btn_search img, #customer_update_history form .btn_search img, #overdue_history .inner_box .btn_search img, #overdue_history form .btn_search img, #mailmaga_history .inner_box .btn_search img, #mailmaga_history form .btn_search img {
  max-width: none;
  display: inline;
  margin-right: 10px;
}

#customer_update_history .search_result, #overdue_history .search_result, #mailmaga_history .search_result {
  margin-top: 20px;
  margin-bottom: 20px;
}

#customer_update_history .mtb_table_header, #overdue_history .mtb_table_header, #mailmaga_history .mtb_table_header {
  text-align: left;
}

#customer_update_history .mtb_table_body, #overdue_history .mtb_table_body, #mailmaga_history .mtb_table_body {
  height: 60px;
}

#customer_update_history .mtb_table_body p, #overdue_history .mtb_table_body p, #mailmaga_history .mtb_table_body p {
  height: 30px;
}

#customer_update_history .mtb_table_body p + p, #overdue_history .mtb_table_body p + p, #mailmaga_history .mtb_table_body p + p {
  white-space: nowrap;
  line-height: 20px;
}

#customer_update_history .mtb_table_body th, #overdue_history .mtb_table_body th, #mailmaga_history .mtb_table_body th {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
}

#customer_update_history .mtb_table_body th:nth-child(2), #overdue_history .mtb_table_body th:nth-child(2), #mailmaga_history .mtb_table_body th:nth-child(2) {
  min-width: 200px;
}

#customer_update_history .mtb_table_body th:nth-child(4), #overdue_history .mtb_table_body th:nth-child(4), #mailmaga_history .mtb_table_body th:nth-child(4) {
  min-width: 230px;
}

#customer_update_history .mtb_table_body th:nth-child(5), #overdue_history .mtb_table_body th:nth-child(5), #mailmaga_history .mtb_table_body th:nth-child(5) {
  min-width: 120px;
}

#customer_update_history .mtb_table_body th:nth-child(7), #overdue_history .mtb_table_body th:nth-child(7), #mailmaga_history .mtb_table_body th:nth-child(7) {
  min-width: 120px;
}

#customer_update_history .mtb_table_body th:nth-child(8), #overdue_history .mtb_table_body th:nth-child(8), #mailmaga_history .mtb_table_body th:nth-child(8) {
  min-width: 100px;
}

#customer_update_history .mtb_table_body th:nth-child(9), #overdue_history .mtb_table_body th:nth-child(9), #mailmaga_history .mtb_table_body th:nth-child(9) {
  min-width: 100px;
}

#customer_update_history .mtb_table_body th .btn, #overdue_history .mtb_table_body th .btn, #mailmaga_history .mtb_table_body th .btn {
  display: inline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px;
  margin-left: 5px;
}

#customer_update_history .mtb_table_body .flex_box a, #overdue_history .mtb_table_body .flex_box a, #mailmaga_history .mtb_table_body .flex_box a {
  margin-left: 20px;
}

#customer_update_history .mtb_table_body .btn_edit, #overdue_history .mtb_table_body .btn_edit, #mailmaga_history .mtb_table_body .btn_edit {
  background-color: #016EAE;
  border-radius: 3px;
  height: 45px;
  width: 30px;
}

#customer_update_history .mtb_table_body .btn_edit img, #overdue_history .mtb_table_body .btn_edit img, #mailmaga_history .mtb_table_body .btn_edit img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#customer_update_history .mtb_table_body .btn_delete, #overdue_history .mtb_table_body .btn_delete, #mailmaga_history .mtb_table_body .btn_delete {
  background-color: #DB5E5E;
  border-radius: 3px;
  height: 45px;
  width: 30px;
}

#customer_update_history .mtb_table_body .btn_delete img, #overdue_history .mtb_table_body .btn_delete img, #mailmaga_history .mtb_table_body .btn_delete img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#customer_update_history .mtb_table_body .btn_search, #overdue_history .mtb_table_body .btn_search, #mailmaga_history .mtb_table_body .btn_search {
  background-color: #E8E8E8;
  color: #333333;
}

#customer_update_history .mtb_table_body img, #overdue_history .mtb_table_body img, #mailmaga_history .mtb_table_body img {
  max-width: none;
  display: inline;
  margin-right: 10px;
}

#customer_update_history .search_result label, #overdue_history .search_result label, #mailmaga_history .search_result label {
  color: #808080;
}

#overdue_history form .btn_search {
  margin-right: 120px;
}

#update_status .btn_insert, #shareinfo .btn_insert, #hongkong .btn_insert {
  float: right;
  margin-right: 50px;
  width: 80px;
  height: 45px;
  background-color: #016EAE;
  border-radius: 3px;
}

#update_status .btn_insert::after, #shareinfo .btn_insert::after, #hongkong .btn_insert::after {
  clear: both;
}

#update_status .btn_insert img, #shareinfo .btn_insert img, #hongkong .btn_insert img {
  margin-right: 4px;
}

#update_status .list_body, #shareinfo .list_body, #hongkong .list_body {
  width: 100%;
  margin-top: 40px;
}

#update_status .mtb_table_header, #shareinfo .mtb_table_header, #hongkong .mtb_table_header {
  border-bottom: #E5E5E5 solid 1px;
}

#update_status .mtb_table_header th, #shareinfo .mtb_table_header th, #hongkong .mtb_table_header th {
  text-align: left;
  padding-left: 25px;
}

#update_status .mtb_table_body:nth-child(2n+1), #shareinfo .mtb_table_body:nth-child(2n+1), #hongkong .mtb_table_body:nth-child(2n+1) {
  background-color: #F7F8FC;
}

#update_status .mtb_table_body th, #shareinfo .mtb_table_body th, #hongkong .mtb_table_body th {
  text-align: left;
  padding-left: 25px;
}

#update_status .mtb_table_body .btn, #shareinfo .mtb_table_body .btn, #hongkong .mtb_table_body .btn {
  display: inline;
  padding: 9px;
  margin-left: 5px;
}

#update_status .mtb_table_body .btn_edit, #shareinfo .mtb_table_body .btn_edit, #hongkong .mtb_table_body .btn_edit {
  background-color: #016EAE;
  border-radius: 3px;
  height: 45px;
  width: 45px;
}

#update_status .mtb_table_body .btn_edit img, #shareinfo .mtb_table_body .btn_edit img, #hongkong .mtb_table_body .btn_edit img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#update_status .mtb_table_body .th_control, #shareinfo .mtb_table_body .th_control, #hongkong .mtb_table_body .th_control {
  padding-top: 10px;
  width: 175px;
}

#update_status .mtb_table_body .btn_delete, #shareinfo .mtb_table_body .btn_delete, #hongkong .mtb_table_body .btn_delete {
  background-color: #DB5E5E;
  border-radius: 3px;
  height: 45px;
  width: 45px;
}

#update_status .mtb_table_body .btn_delete img, #shareinfo .mtb_table_body .btn_delete img, #hongkong .mtb_table_body .btn_delete img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#update_status .mtb_table_body th .btn, #shareinfo .mtb_table_body th .btn, #hongkong .mtb_table_body th .btn {
  display: inline;
  margin-left: 5px;
}

#contract {
  background-color: #fff;
}

#contract .btn_return {
  width: 280px;
  color: #fff;
  background-color: #016EAE;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  border-radius: 5px;
  margin-bottom: 2rem;
}

#contract .count_label {
  color: #a0a0a0;
}

#contract #shareinfo {
  height: 401px;
}

#contract #shareinfo .th_min {
  width: 100px;
}

#contract #shareinfo .th_min2 {
  width: 120px;
}

#contract #shareinfo .mtb_table_body {
  font-size: 12px;
}

#contract #shareinfo .mtb_table_body th {
  max-height: 72px;
  min-height: 72px;
  padding-top: 3px;
  line-height: 13px;
  padding-bottom: 3px;
}

#contract #shareinfo .btn {
  margin: 0;
  margin-top: 11px;
  margin-left: 5px;
  padding: 9px;
}

#contract #shareinfo .btn + .btn {
  margin-right: 10px;
}

#contract .inner_box {
  min-height: 600px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

#contract .th_class, #contract .customer_memo_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#contract .th_class .btn_edit, #contract .customer_memo_box .btn_edit {
  height: 30px;
  width: 30px;
  padding-bottom: 10;
  margin-right: 0;
  margin-left: 14px;
}

#contract .th_class .btn_edit img, #contract .customer_memo_box .btn_edit img {
  height: 15px;
  width: 15px;
  margin-bottom: 4px;
}

#contract .btn_insert {
  float: right;
  margin-right: 40px;
  width: 80px;
  height: 45px;
  background-color: #016EAE;
  border-radius: 3px;
}

#contract .btn_insert::after {
  clear: both;
}

#contract .btn_insert img {
  margin-right: 4px;
}

#contract .update_color {
  background-color: #FFE3E3;
}

#contract .btn_edit {
  background-color: #016EAE;
  border-radius: 3px;
  height: 45px;
  width: 45px;
  margin-left: auto;
  margin-right: 10px;
}

#contract .btn_edit img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#contract .btn_delete {
  background-color: #DB5E5E;
  border-radius: 3px;
  height: 45px;
  width: 45px;
  margin-right: 30px;
}

#contract .btn_delete img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#contract .list_overdue {
  background-color: #fff;
  width: 95%;
  padding: 20px;
  padding-top: 10px;
  margin-left: auto;
  margin-top: 10px;
  height: 475px !important;
}

#contract .section_title {
  color: #0093BF;
  font-size: 20px;
}

#contract .form-table {
  margin-bottom: 2rem;
}

#contract .form-table td {
  color: #707070;
}

#contract .body_right {
  margin-top: 20px;
}

#contract .customer_memo_area_label {
  height: 120px;
  vertical-align: top;
  padding-top: 12px;
  color: #445D84;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  padding-top: 5px;
  padding-left: 4px;
}

#contract .customer_memo_area {
  border: #000 solid 1px;
  min-height: 120px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-block;
  width: 70%;
  margin-left: 30px;
  padding: 10px;
}

#contract .td_id_info {
  display: block;
}

#contract tr {
  height: 35px;
}

#contract .btn_search {
  margin-left: auto;
}

#contract .overdue_box {
  margin-top: 2rem;
  padding: 15px;
  background-color: #F6F6F6;
  border-radius: 5px;
}

#contract .overdue_history_box {
  min-height: 100px;
}

#contract .contract_box {
  padding: 17px;
  border-radius: 5px;
  margin-top: 2rem;
}

#contract .contract_box .flex_box {
  margin-top: 10px;
}

#contract .overdue_inner_box {
  width: 30%;
}

#contract .overdue_name {
  width: 200px;
  color: #445D84;
}

#contract .overdue_value {
  color: #000;
}

#contract .overdue_list {
  margin-left: 5rem;
}

#contract .form_label {
  margin-top: 30px;
}

#contract form {
  margin-bottom: 50px;
}

#contract .overdue_box {
  margin-bottom: 10px;
}

#contract .list_body {
  overflow: scroll;
  width: 100%;
  margin-bottom: 2rem;
}

#contract .list_body .flex_box {
  float: right;
}

#contract .list_body .flex_box::after {
  clear: both;
}

#contract .contract_title {
  font-weight: bold;
  font-size: 18px;
  background-color: #fff;
  width: 100%;
  display: block;
  border-radius: 5px;
  padding: 6px;
  margin-right: 20px;
}

#contract .red {
  color: red;
}

#contract .contract_sign_box {
  width: 200px;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding-top: 5px;
}

#contract .modal_textarea {
  height: 200px;
}

#contract .js-modal_customer .btn_control {
  width: 100%;
}

#contract .js-modal_customer .form_control {
  width: 400px;
}

#contract .js-modal_customer .modal_textarea {
  width: 400px;
  height: 300px;
}

#contract .modal_itembox {
  display: grid;
}

#contract .js-modal_shareinfo .form_control {
  width: 300px;
}

#contract .js-modal-open_overdue_history {
  width: 140px;
}

#contract .js-modal-open_overdue {
  width: 170px;
}

#contract .contract_biko {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#contract .th_overdue {
  color: #999999;
  font-weight: normal;
  float: left;
  margin-top: 80px;
  margin-left: 10px;
}

#contract .js-modal_contract .form_control {
  width: 200px;
}

#contract .js-modal_contract .form_label {
  width: 170px;
}

#contract .js-modal_contract .modal_label {
  width: 150px;
}

#contract .js-modal_contract .modal__content {
  width: 50%;
  height: 95%;
}

#contract .js-modal_contract .contract_line {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#contract .js-modal_contract .modal_inner_right {
  margin-left: 30px;
}

#contract .js-modal_contract .flex_box_contract textarea {
  width: 580px;
  height: 100px;
}

#contract .js-modal_customer_update .modal_textarea {
  width: 350px;
}

#status_item .mtb_table_body th {
  width: 70%;
}

#status_item .list_body {
  width: -webkit-fill-available;
}

#mailmaga form {
  background-color: #fafafa;
  width: 100%;
  height: 440px;
  margin-top: 30px;
  margin-bottom: 35px;
}

#mailmaga .list_body {
  margin-top: 50px;
}

#mailmaga .btn_search {
  float: right;
  margin-right: 30px;
}

#mailmaga .btn_search img {
  max-width: none;
  display: inline;
  margin-right: 10px;
}

#mailmaga label {
  white-space: nowrap;
}

#mailmaga .provider_label {
  width: 170px;
}

#mailmaga .provider_select {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#mailmaga .select_year {
  width: 80px;
}

#mailmaga .select_box {
  width: 70px;
}

#mailmaga .form_label {
  width: 170px;
  color: #445D84;
}

#mailmaga .inner_left, #mailmaga .inner_right {
  padding: 30px;
}

#mailmaga .form_select {
  width: 120px;
  margin-left: 10px;
}

#mailmaga .disabled {
  border: none;
  background-color: transparent;
}

#mailmaga .disabled_year {
  border: none;
  width: 45px;
}

#mailmaga .disabled_date {
  border: none;
  width: 25px;
}

#mailmaga .mailmaga_body {
  width: 100%;
}

#mailmaga .mailmaga_body p {
  margin: 30px;
}

#mailmaga .search_result {
  display: inline;
}

#mailmaga .btn_cancel {
  width: 140px;
  height: 40px;
  line-height: 40px;
  margin-right: 30px;
}

#mailmaga .flex_box_control {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#mailmaga .form_textarea {
  height: 650px;
  width: 100%;
  margin-left: 18px;
  border: solid 1px #999999;
  border-radius: 3px;
  padding: 10px;
}

#mailmaga .mailmaga_form {
  height: 810px;
}

.body_right_mailmaga {
  height: calc(100% - 80px);
}

.body_right_mailmaga .mailmaga_form {
  margin-bottom: 7px !important;
}

.body_right_mailmaga .btn_cancel {
  margin-left: auto;
  margin-right: 0px !important;
}

.mailmaga_reset_link {
  text-decoration: underline;
}

.mailmaga_reset_link:hover {
  cursor: pointer;
}

#mailstop .btn_search {
  margin: 0 auto;
  margin-left: 75px;
  margin-top: 20px;
}

#mailstop .sp_post {
  margin-left: 75px;
  margin-right: auto;
  width: 53em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #445D84;
}

#mailstop .sp_post label {
  width: 250px;
}

#mailstop .sp_post .mailstop_text {
  color: #000;
  width: auto;
}

#mailstop .sp_post .form_control {
  width: 300px;
}

#mailstop .header_title {
  color: #0093BF;
  text-decoration: none;
  font-size: 18px;
  margin-right: auto;
  margin-left: 75px;
  margin-bottom: 20px;
}

#mailstop .header_title + .sp_post {
  margin-top: 30px;
}

#mailstop form {
  margin-top: 70px;
}

#mailstop form div + div {
  margin-top: 10px;
}

#secondpassword .btn_search {
  margin: 0 auto;
  margin-top: 20px;
}

#secondpassword .sp_post {
  margin-left: auto;
  margin-right: auto;
  width: 53em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #445D84;
}

#secondpassword .sp_post label {
  width: 350px;
}

#secondpassword form {
  margin-top: 70px;
}

#secondpassword form div + div {
  margin-top: 10px;
}

#csvexport .body_right {
  background: #F6F6F6;
  margin: 50px;
}

#csvexport .export_sub {
  color: #6297A7;
  padding-bottom: 30px;
  height: 30px;
}

#csvexport .flex_box_csv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#csvexport .flex_box_csv .csv_contract {
  margin-top: 24px;
}

#csvexport .csv_customer_update, #csvexport .csv_shareinfo, #csvexport .csv_contract {
  margin-left: 150px;
}

#csvexport .section_title {
  color: #0093BF;
  font-size: 20px;
  margin-top: 30px;
}

#csvexport .section_back {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 2rem;
  margin-top: 5px;
}

#csvexport .section_back label {
  margin-right: 20px;
  white-space: nowrap;
}

#csvexport .section_back .flex_box div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#csvexport .radio_box {
  margin-bottom: 35px;
}

#csvexport .form_label {
  display: block;
  color: #445D84;
  float: left;
  width: 200px;
}

#csvexport .form_control {
  width: 250px;
}

#csvexport .provider_label {
  width: 200px;
}

#csvexport .provider_select {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#csvexport .provider_select label {
  margin-right: 20px;
  white-space: nowrap;
}

#csvexport .inner_left {
  float: left;
  margin-top: 20px;
  margin-left: 70px;
  width: 50%;
  margin-bottom: 2rem;
}

#csvexport .inner_left::after {
  clear: both;
}

#csvexport .inner_left .flex_box {
  margin-top: 20px;
}

#csvexport .inner_right {
  float: right;
  margin-top: 20px;
  margin-right: 120px;
}

#csvexport .inner_right::after {
  clear: both;
}

#csvexport form {
  background-color: #fafafa;
  width: 100%;
  height: 250px;
}

#csvexport .section_sub {
  color: #445D84;
  width: 200px;
}

#csvexport .inner_box, #csvexport form {
  height: 400px;
  background-color: #F6F6F6;
}

#csvexport .inner_box .btn_search, #csvexport form .btn_search {
  margin-top: 0px;
  float: right;
  margin-right: 120px;
  margin-bottom: 25px;
}

#csvexport .inner_box .btn_search img, #csvexport form .btn_search img {
  max-width: none;
  display: inline;
  margin-right: 10px;
}

#csvexport .search_result {
  margin-top: 20px;
  margin-bottom: 20px;
}

#csvexport .mtb_table_header {
  text-align: left;
}

#csvexport .mtb_table_header th {
  min-width: 250px;
}

#csvexport .mtb_table_body {
  height: 60px;
}

#csvexport .mtb_table_body th:nth-child(4) {
  min-width: 220px;
}

#csvexport .mtb_table_body th:nth-child(4) .btn_search {
  margin-top: 7px;
  margin-left: 20px;
}

#csvexport .mtb_table_body th .btn {
  display: inline;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px;
  margin-left: 5px;
}

#csvexport .mtb_table_body .flex_box a {
  margin-left: 20px;
}

#csvexport .mtb_table_body .product_th div {
  width: 120px;
  display: inline-block;
}

#csvexport .mtb_table_body .product_th a {
  width: 80px;
}

#csvexport .mtb_table_body .btn_edit {
  background-color: #016EAE;
  border-radius: 3px;
  height: 30px;
  width: 30px;
}

#csvexport .mtb_table_body .btn_edit img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#csvexport .mtb_table_body .btn_delete {
  background-color: #DB5E5E;
  border-radius: 3px;
  height: 30px;
  width: 30px;
}

#csvexport .mtb_table_body .btn_delete img {
  height: 22px;
  width: 22px;
  margin-right: 0px;
}

#csvexport .mtb_table_body .btn_search {
  background-color: #E8E8E8;
  color: #333333;
}

#csvexport .mtb_table_body img {
  max-width: none;
  display: inline;
  margin-right: 10px;
}

#csvexport .search_result label {
  color: #808080;
}

#loading {
  /* 画面一杯にローディング画面を広げる */
  height: 100%;
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  /* flexboxを使ってローディングアイコンを画面の中央に寄せる */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
}

/* ローディングアイコン */
.fa-redo-alt {
  font-size: 200px;
  color: deepskyblue;
}

.btn, .form_control, .form_select, .form_date, .form_label, .mtb_table_header, .modal_label {
  font-size: 13px;
}

.btn:hover {
  opacity: 0.7;
}

.breadclumb_list label, .breadclumb_list a, .breadclumb_list span {
  font-size: 13px;
}

.body_left {
  width: 180px;
  min-width: 180px;
  height: auto;
  min-height: calc(100vh - 130px);
}

.body_left .menu_a, .body_left .active {
  width: 180px;
}

.body_right {
  padding-left: 20px;
  padding-right: 20px;
}

.breadclumb_list {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.breadclumb_list label, .breadclumb_list a, .breadclumb_list span {
  line-height: 28px;
}

.mtb_table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

#overdue_history .mtb_table_header,
#overdue_history .mtb_table_body,
#customer_update_history .mtb_table_header,
#customer_update_history .mtb_table_body,
#customer .mtb_table_header,
#customer .mtb_table_body {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#overdue_history .mtb_table_header th,
#overdue_history .mtb_table_body th,
#customer_update_history .mtb_table_header th,
#customer_update_history .mtb_table_body th,
#customer .mtb_table_header th,
#customer .mtb_table_body th {
  line-height: 20px;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2px 5px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: break-all;
  height: auto;
  min-height: 50px;
}

#overdue_history .mtb_table_header th:nth-child(1),
#overdue_history .mtb_table_body th:nth-child(1),
#customer_update_history .mtb_table_header th:nth-child(1),
#customer_update_history .mtb_table_body th:nth-child(1),
#customer .mtb_table_header th:nth-child(1),
#customer .mtb_table_body th:nth-child(1) {
  max-width: none;
  min-width: 170px;
}

#overdue_history .mtb_table_header th:nth-child(2),
#overdue_history .mtb_table_body th:nth-child(2),
#customer_update_history .mtb_table_header th:nth-child(2),
#customer_update_history .mtb_table_body th:nth-child(2),
#customer .mtb_table_header th:nth-child(2),
#customer .mtb_table_body th:nth-child(2) {
  max-width: none;
  min-width: 170px;
}

#overdue_history .mtb_table_header th:nth-child(3),
#overdue_history .mtb_table_body th:nth-child(3),
#customer_update_history .mtb_table_header th:nth-child(3),
#customer_update_history .mtb_table_body th:nth-child(3),
#customer .mtb_table_header th:nth-child(3),
#customer .mtb_table_body th:nth-child(3) {
  max-width: none;
  min-width: 230px;
}

#overdue_history .mtb_table_header th:nth-child(4),
#overdue_history .mtb_table_body th:nth-child(4),
#customer_update_history .mtb_table_header th:nth-child(4),
#customer_update_history .mtb_table_body th:nth-child(4),
#customer .mtb_table_header th:nth-child(4),
#customer .mtb_table_body th:nth-child(4) {
  max-width: none;
  min-width: 126px;
}

#overdue_history .mtb_table_header th:nth-child(5),
#overdue_history .mtb_table_body th:nth-child(5),
#customer_update_history .mtb_table_header th:nth-child(5),
#customer_update_history .mtb_table_body th:nth-child(5),
#customer .mtb_table_header th:nth-child(5),
#customer .mtb_table_body th:nth-child(5) {
  max-width: 300px;
  min-width: 300px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#shareinfo .mtb_table_header,
#shareinfo .mtb_table_body,
#hongkong .mtb_table_header,
#hongkong .mtb_table_body,
#update_status .mtb_table_header,
#update_status .mtb_table_body {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#shareinfo .mtb_table_header th,
#shareinfo .mtb_table_body th,
#hongkong .mtb_table_header th,
#hongkong .mtb_table_body th,
#update_status .mtb_table_header th,
#update_status .mtb_table_body th {
  line-height: 20px;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2px 5px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: break-all;
  height: auto;
  min-height: 50px;
}

#shareinfo .mtb_table_header th:nth-child(1),
#shareinfo .mtb_table_body th:nth-child(1),
#hongkong .mtb_table_header th:nth-child(1),
#hongkong .mtb_table_body th:nth-child(1),
#update_status .mtb_table_header th:nth-child(1),
#update_status .mtb_table_body th:nth-child(1) {
  max-width: none;
  min-width: 200px;
  padding-left: 20px;
}

#shareinfo .mtb_table_header th:nth-child(2),
#shareinfo .mtb_table_body th:nth-child(2),
#hongkong .mtb_table_header th:nth-child(2),
#hongkong .mtb_table_body th:nth-child(2),
#update_status .mtb_table_header th:nth-child(2),
#update_status .mtb_table_body th:nth-child(2) {
  max-width: 96px;
  min-width: 96px;
  padding: 0;
  margin-right: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#customer_update_history .mtb_table_header th:nth-child(1),
#customer_update_history .mtb_table_body th:nth-child(1) {
  max-width: 90px;
  min-width: 90px;
  padding-left: 5px;
}

#customer_update_history .mtb_table_header th:nth-child(2),
#customer_update_history .mtb_table_body th:nth-child(2) {
  max-width: none;
  min-width: 120px;
}

#customer_update_history .mtb_table_header th:nth-child(3),
#customer_update_history .mtb_table_body th:nth-child(3) {
  max-width: 120px;
  min-width: 120px;
}

#customer_update_history .mtb_table_header th:nth-child(4),
#customer_update_history .mtb_table_body th:nth-child(4) {
  max-width: 100px;
  min-width: 100px;
}

#customer_update_history .mtb_table_header th:nth-child(5),
#customer_update_history .mtb_table_body th:nth-child(5) {
  max-width: 100px;
  min-width: 100px;
}

#customer_update_history .mtb_table_header th:nth-child(6),
#customer_update_history .mtb_table_body th:nth-child(6) {
  max-width: none;
  min-width: 120px;
}

#customer_update_history .mtb_table_header th:nth-child(7),
#customer_update_history .mtb_table_body th:nth-child(7) {
  max-width: 100px;
  min-width: 100px;
}

#customer_update_history .mtb_table_header th:nth-child(8),
#customer_update_history .mtb_table_body th:nth-child(8) {
  max-width: 60px;
  min-width: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#customer_update_history .mtb_table_header th:nth-child(9),
#customer_update_history .mtb_table_body th:nth-child(9) {
  max-width: 96px;
  min-width: 96px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#customer_update_history .mtb_table_body th:nth-child(2) {
  display: block;
}

#overdue_history .mtb_table_header th:nth-child(1),
#overdue_history .mtb_table_body th:nth-child(1) {
  max-width: 90px;
  min-width: 90px;
  padding-left: 5px;
}

#overdue_history .mtb_table_header th:nth-child(2),
#overdue_history .mtb_table_body th:nth-child(2) {
  max-width: none;
  min-width: 120px;
}

#overdue_history .mtb_table_header th:nth-child(3),
#overdue_history .mtb_table_body th:nth-child(3) {
  max-width: 120px;
  min-width: 120px;
  overflow: hidden;
}

#overdue_history .mtb_table_header th:nth-child(4),
#overdue_history .mtb_table_body th:nth-child(4) {
  max-width: 100px;
  min-width: 100px;
}

#overdue_history .mtb_table_header th:nth-child(5),
#overdue_history .mtb_table_body th:nth-child(5) {
  max-width: 100px;
  min-width: 100px;
}

#overdue_history .mtb_table_header th:nth-child(6),
#overdue_history .mtb_table_body th:nth-child(6) {
  max-width: none;
  min-width: 100px;
}

#overdue_history .mtb_table_header th:nth-child(7),
#overdue_history .mtb_table_body th:nth-child(7) {
  max-width: 60px;
  min-width: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#overdue_history .mtb_table_header th:nth-child(8),
#overdue_history .mtb_table_body th:nth-child(8) {
  max-width: 96px;
  min-width: 96px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#overdue_history .mtb_table_body th:nth-child(2) {
  display: block;
}

#overdue_history .mtb_table_header th,
#customer_update_history .mtb_table_header th,
#customer .mtb_table_header th {
  min-width: inherit;
}

#customer .mtb_table_body th .btn {
  display: block;
  width: 60px;
  padding: 0;
  margin-left: 3px;
  border-radius: 3px;
}

#customer .mtb_table_body th .btn:nth-child(2) {
  width: 80px;
}

#customer .mtb_table_body th .btn:nth-child(3) {
  width: 80px;
}

#contract .mtb_table_body th .btn_edit,
#contract .mtb_table_body th .btn_delete,
#update_status .mtb_table_body th .btn_edit,
#update_status .mtb_table_body th .btn_delete,
#shareinfo .mtb_table_body th .btn_edit,
#shareinfo .mtb_table_body th .btn_delete,
#overdue_history .mtb_table_body th .btn_edit,
#overdue_history .mtb_table_body th .btn_delete,
#customer_update_history .mtb_table_body th .btn_edit,
#customer_update_history .mtb_table_body th .btn_delete,
#customer .mtb_table_body th .btn_edit,
#customer .mtb_table_body th .btn_delete {
  width: 40px;
  height: 40px;
  padding: 8px 0;
}

#contract .mtb_table_body th .btn_edit img,
#contract .mtb_table_body th .btn_delete img,
#update_status .mtb_table_body th .btn_edit img,
#update_status .mtb_table_body th .btn_delete img,
#shareinfo .mtb_table_body th .btn_edit img,
#shareinfo .mtb_table_body th .btn_delete img,
#overdue_history .mtb_table_body th .btn_edit img,
#overdue_history .mtb_table_body th .btn_delete img,
#customer_update_history .mtb_table_body th .btn_edit img,
#customer_update_history .mtb_table_body th .btn_delete img,
#customer .mtb_table_body th .btn_edit img,
#customer .mtb_table_body th .btn_delete img {
  width: 20px;
  height: 20px;
}

#contract .mtb_table_body img,
#update_status .mtb_table_body img,
#shareinfo .mtb_table_body img,
#overdue_history .mtb_table_body img,
#customer_update_history .mtb_table_body img,
#customer .mtb_table_body img {
  margin-right: 5px;
}

ul.paging {
  margin: 10px auto 40px;
}

ul.paging > li > .active {
  color: #d2d2d2;
}

ul.paging > li > button:hover {
  cursor: pointer;
  opacity: .7;
}

.modal_box form {
  margin-top: 20px;
}

.modal__content {
  height: auto;
  max-height: 80%;
}

.modal .flex_box_contract + .flex_box_contract {
  margin-top: .5rem;
}

.modal_label {
  height: 24px;
  line-height: 24px;
  min-width: 120px;
}

#update_status .list_body,
#shareinfo .list_body,
#hongkong .list_body,
#customer_update_history .list_body,
#overdue_history .list_body {
  margin-bottom: 40px;
}

#update_status .btn_insert,
#hongkong .btn_insert,
#shareinfo .btn_insert {
  margin-right: 20px;
  height: 40px;
}

#menu {
  height: 300px;
  min-width: 780px;
}

#menu .item_box {
  margin-bottom: 0;
}

.body_right {
  min-width: calc(1220px - 180px);
}

#customer .inner_right {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 0;
}

#customer .inner_left {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}

#customer .inner_box .btn_search, #customer form .btn_search {
  margin-top: -60px;
  margin-right: 20px;
}

#customer .form_label {
  display: block;
  color: #445D84;
  float: left;
  width: 160px;
  margin-right: 10px;
  line-height: 24px;
}

#customer .inner_left .form_label {
  width: 120px;
}

.flex_box .form_control {
  max-width: 200px;
}

.form_date {
  font-size: 13px;
  padding-left: 5px;
  padding-right: 0;
  width: 140px;
}

.form_control, .form_select, .form_date {
  border: 1px #999999 solid;
  font-size: 13px;
  padding: 2px 10px 2px 5px;
}

#customer .disabled {
  background-color: #c3c3c3;
  color: #9a9a9a;
}

#customer_update .body_right {
  min-width: calc(1075px - 180px);
}

#customer_update .form-table .th_label, #contract .form-table .th_label {
  font-size: 13px;
  line-height: 24px;
}

#customer_update form .flex_box, #contract form .flex_box {
  float: none;
  margin: 0;
}

#customer_update form .flex_box.btn_control, #contract form .flex_box.btn_control {
  float: right;
  margin-bottom: 40px;
}

#customer_update form .form_address, #contract form .form_address {
  width: 174px;
}

#customer_update form .select_box, #contract form .select_box {
  margin-top: 2px;
  margin-bottom: 5px;
}

#customer_update form .select_box + input[name="ID_info"], #contract form .select_box + input[name="ID_info"] {
  margin-bottom: 3px;
}

#customer_update .form-table td, #contract .form-table td {
  width: 230px;
}

#customer_update .form-table .th_comment, #contract .form-table .th_comment {
  font-size: 13px;
  color: #445D84;
  width: 85px;
  padding-left: 20px;
}

#customer_update form .flex_box_radio, #contract form .flex_box_radio {
  font-size: 13px;
  margin-right: 10px;
}

#customer_update form .flex_box_radio input[type="radio"], #contract form .flex_box_radio input[type="radio"] {
  margin: 0;
  margin-right: 3px;
}

#customer_update .btn_control .btn_save, #contract .btn_control .btn_save {
  margin: 20px 0 0 20px;
}

#customer_update select[name="address2"] {
  margin: 5px 0;
}

#customer_update .flex_box .form_control {
  max-width: 270px;
}

#customer_update .flex_box textarea {
  height: 220px;
}

#customer_update_history .body_right {
  min-width: calc(1126px - 180px);
}

#customer_update_history .inner_left, #overdue_history .inner_left, #mailmaga_history .inner_left {
  padding-left: 20px;
}

#customer_update_history .inner_box, #customer_update_history form, #overdue_history .inner_box, #overdue_history form, #mailmaga_history .inner_box, #mailmaga_history form {
  height: 250px;
}

#customer_update_history .inner_box, #customer_update_history form {
  height: 290px;
}

#customer_update_history .inner_box .btn_search, #customer_update_history form .btn_search, #overdue_history .inner_box .btn_search, #overdue_history form .btn_search, #mailmaga_history .inner_box .btn_search, #mailmaga_history form .btn_search {
  margin-right: 20px;
}

#customer_update_history .mtb_table_body p,
#overdue_history .mtb_table_body p,
#mailmaga_history .mtb_table_body p {
  height: auto;
}

#customer_update_history .form_label,
#overdue_history .form_label,
#mailmaga_history .form_label {
  line-height: 24px;
  width: 160px;
}

#customer_update_history .mtb_table_body th .btn,
#overdue_history .mtb_table_body th .btn,
#mailmaga_history .mtb_table_body th .btn {
  display: block;
  width: 60px;
  padding: 0;
  margin-left: 3px;
  border-radius: 3px;
}

#customer_update_history .mtb_table_body th .btn.btn_edit, #customer_update_history .mtb_table_body th .btn.btn_delete,
#overdue_history .mtb_table_body th .btn.btn_edit,
#overdue_history .mtb_table_body th .btn.btn_delete,
#mailmaga_history .mtb_table_body th .btn.btn_edit,
#mailmaga_history .mtb_table_body th .btn.btn_delete {
  width: 40px;
}

#customer_update_history .modal_box form,
#overdue_history .modal_box form,
#mailmaga_history .modal_box form {
  height: 460px;
}

#customer_update_history .modal_title + div {
  padding-top: 40px;
}

#customer_update_history #status_item,
#customer_update_history #status {
  width: 220px;
}

#customer_update_history #biko {
  width: calc(100% - 100px);
  height: 200px;
}

#customer_update_history .btn_control div {
  margin-bottom: 20px;
}

#customer_update_history .btn_insert.modal_save_customer {
  margin-right: 0;
}

#overdue_history .body_right {
  min-width: calc(960px - 180px);
}

#overdue_history .modal_box form {
  height: 340px;
}

#update_status .modal_box form,
#hongkong .modal_box form,
#shareinfo .modal_box form {
  height: 140px;
}

#update_status .flex_box .form_control,
#hongkong .flex_box .form_control,
#shareinfo .flex_box .form_control {
  width: 300px;
  max-width: 300px;
}

#contract .js-modal_contract .modal__content {
  width: 50%;
  height: auto;
  min-width: 740px;
}

.modal_title + div {
  padding-top: 20px;
}

#contract .js-modal_contract .form_control {
  width: 160px;
}

#contract .js-modal_contract .form_control#product_id_c {
  width: 300px;
  margin-bottom: .5rem;
}

#contract .js-modal_contract .modal_label {
  width: 120px;
}

#contract .js-modal_contract .flex_box_contract textarea {
  width: calc(100% - 120px);
  height: 190px;
}

#customer_update .btn_control, #contract .btn_control {
  position: relative;
  margin: 20px auto 0;
}

#contract .inner_box {
  min-height: 650px;
}

#contract .body_right {
  margin-bottom: 50px;
  min-width: calc(1100px - 180px);
}

#contract .form-table tr .th_label:nth-child(3) {
  padding-left: 20px;
}

#contract .form-table td {
  width: 230px;
  padding: 5px 7px;
  background: #f3f3f3;
  font-size: 13px;
  border-radius: 3px;
  color: #333333;
}

#contract .form-table td.red {
  color: red;
}

#contract .form-table td.ovd {
  background: transparent;
  font-weight: 700;
  font-size: 12px;
  padding-left: 20px;
  background: url(../../../assets/img/caution_icon.svg) no-repeat left center;
}

#contract .customer_memo_area_label,
#contract .contract_sign_box {
  font-size: 13px;
}

#contract .customer_memo_area {
  background: #f3f3f3;
  padding: 5px 7px;
  border: none;
  width: 80%;
  max-width: 738px;
  min-width: 738px;
  border-radius: 3px;
  font-size: 13px;
  color: #333;
}

#contract .modal__content {
  width: 50%;
  min-width: 600px;
  padding: 40px 40px 0;
}

#contract .modal_box form {
  margin-bottom: 0;
}

#contract .modal {
  z-index: 1;
}

#contract .btn_insert {
  margin-right: 0;
  margin-bottom: 5px;
  height: 40px;
}

#contract .th_class .btn_edit,
#contract .customer_memo_box .btn_edit {
  padding-bottom: 0;
}

#contract .count_label {
  margin-left: 14px;
}

#contract .list_body {
  overflow-y: scroll;
  overflow-x: inherit;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  margin-bottom: 60px;
}

#contract .mtb_table_header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  max-height: 50px;
  min-height: 50px;
  z-index: 0;
  border-bottom: 1px solid #dedede;
}

#contract #shareinfo {
  height: 346px;
}

#contract #shareinfo .mtb_table_header th,
#contract #shareinfo .mtb_table_body th {
  max-height: 58px;
  min-height: 58px;
}

#contract #shareinfo .mtb_table_header th:nth-child(1),
#contract #shareinfo .mtb_table_body th:nth-child(1) {
  max-width: 90px;
  min-width: 90px;
  padding-left: 5px;
}

#contract #shareinfo .mtb_table_header th:nth-child(2),
#contract #shareinfo .mtb_table_body th:nth-child(2) {
  max-width: 120px;
  min-width: 120px;
}

#contract #shareinfo .mtb_table_header th:nth-child(3),
#contract #shareinfo .mtb_table_body th:nth-child(3) {
  max-width: 120px;
  min-width: 120px;
}

#contract #shareinfo .mtb_table_header th:nth-child(4),
#contract #shareinfo .mtb_table_body th:nth-child(4) {
  max-width: none;
  min-width: 120px;
  overflow: hidden;
}

#contract #shareinfo .mtb_table_header th:nth-child(5),
#contract #shareinfo .mtb_table_body th:nth-child(5) {
  max-width: 96px;
  min-width: 96px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#contract #shareinfo .btn {
  margin: 0 0 0 5px;
  padding: 8px 0;
}

#contract #shareinfo .btn + .btn {
  margin-right: 0;
}

#contract #customer_update_history {
  height: 346px;
}

#contract #customer_update_history .mtb_table_header th,
#contract #customer_update_history .mtb_table_body th {
  max-height: 58px;
  min-height: 58px;
}

#contract #customer_update_history .mtb_table_header th:nth-child(1),
#contract #customer_update_history .mtb_table_body th:nth-child(1) {
  max-width: 90px;
  min-width: 90px;
  padding-left: 5px;
}

#contract #customer_update_history .mtb_table_header th:nth-child(2),
#contract #customer_update_history .mtb_table_body th:nth-child(2) {
  max-width: none;
  min-width: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#contract #customer_update_history .mtb_table_header th:nth-child(3),
#contract #customer_update_history .mtb_table_body th:nth-child(3) {
  max-width: 120px;
  min-width: 120px;
}

#contract #customer_update_history .mtb_table_header th:nth-child(4),
#contract #customer_update_history .mtb_table_body th:nth-child(4) {
  max-width: 100px;
  min-width: 100px;
}

#contract #customer_update_history .mtb_table_header th:nth-child(5),
#contract #customer_update_history .mtb_table_body th:nth-child(5) {
  max-width: none;
  min-width: 120px;
  overflow: hidden;
}

#contract #customer_update_history .mtb_table_header th:nth-child(6),
#contract #customer_update_history .mtb_table_body th:nth-child(6) {
  max-width: 120px;
  min-width: 120px;
}

#contract #customer_update_history .mtb_table_header th:nth-child(7),
#contract #customer_update_history .mtb_table_body th:nth-child(7) {
  max-width: 96px;
  min-width: 96px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#contract #customer_update_history .mtb_table_body th:nth-child(5) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#contract #customer_update_history .btn {
  margin: 0 0 0 5px;
  padding: 8px 0;
}

#contract #overdue_history {
  height: 406px;
  padding-top: 0;
}

#contract #overdue_history .mtb_table_header th,
#contract #overdue_history .mtb_table_body th {
  max-height: 58px;
  min-height: 58px;
}

#contract #overdue_history .mtb_table_header th:nth-child(1),
#contract #overdue_history .mtb_table_body th:nth-child(1) {
  max-width: 90px;
  min-width: 90px;
  padding-left: 5px;
}

#contract #overdue_history .mtb_table_header th:nth-child(2),
#contract #overdue_history .mtb_table_body th:nth-child(2) {
  max-width: 120px;
  min-width: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#contract #overdue_history .mtb_table_header th:nth-child(3),
#contract #overdue_history .mtb_table_body th:nth-child(3) {
  max-width: none;
  min-width: 120px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 18px;
}

#contract #overdue_history .mtb_table_header th:nth-child(4),
#contract #overdue_history .mtb_table_body th:nth-child(4) {
  max-width: 96px;
  min-width: 96px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#contract #overdue_history .btn {
  margin: 0 0 0 5px;
  padding: 8px 0;
}

#contract #overdue_history .btn.js-modal-open_overdue_history {
  padding: 0;
  margin-top: 20px;
}

#contract .contract_box,
#contract .overdue_box {
  margin-top: 15px;
}

#contract .contract_box .btn_delete,
#contract .contract_box .btn_edit,
#contract .overdue_box .btn_delete,
#contract .overdue_box .btn_edit {
  height: 40px;
  width: 40px;
  margin-right: 5px;
  padding: 8px 0;
}

#contract .contract_box .btn_delete img,
#contract .contract_box .btn_edit img,
#contract .overdue_box .btn_delete img,
#contract .overdue_box .btn_edit img {
  width: 20px;
  height: 20px;
}

#contract .contract_box .btn_delete,
#contract .overdue_box .btn_delete {
  margin-right: 0;
}

#contract .contract_box .list_body,
#contract .overdue_box .list_body {
  margin-bottom: 0;
  padding: 20px;
}

#contract .overdue_value,
#contract .overdue_name {
  font-size: 13px;
}

#contract .overdue_name {
  width: 100px;
}

#contract .list_overdue {
  overflow-y: scroll;
  overflow-x: inherit;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
}

#contract .overdue_history_box {
  margin-bottom: 60px;
}

#contract .th_overdue {
  margin-top: 20px;
  font-size: 15px;
}

#contract .js-modal_overdue_history form .flex_box,
#contract .js-modal_overdue form .flex_box {
  margin-top: .5rem;
}

#contract .js-modal_overdue_history form .flex_box .form_control,
#contract .js-modal_overdue form .flex_box .form_control {
  max-width: 300px;
}

#contract .js-modal_overdue_history form .flex_box.btn_control,
#contract .js-modal_overdue form .flex_box.btn_control {
  margin-bottom: 0;
  margin-top: 40px;
}

#contract .contract_title {
  font-size: 15px;
  border-radius: 3px;
  padding: 6px;
  line-height: 26px;
}

#contract .contract_box .overdue_name {
  width: 130px;
}

#contract .contract_box > .flex_box:first-child {
  margin-top: 0;
}

#contract .contract_box > .flex_box .flex_box {
  margin-top: 5px;
}

#contract .contract_biko {
  font-size: 13px;
}

#contract #recipient_flg_c {
  margin-bottom: 7px;
}

#mailmaga .body_right {
  padding: 20px;
}

#mailmaga form {
  margin: 0 0 30px 0;
  border-radius: 3px;
  font-size: 13px;
}

#mailmaga .inner_box {
  height: auto;
  position: relative;
}

#mailmaga .inner_box .search_result {
  display: inline-block;
  margin-left: calc(100% - 160px);
}

#mailmaga .inner_box .btn_search {
  /*
            float: none;
            position: absolute;
            bottom: 0;
            right: 0;
            */
}

#mailmaga .inner_left {
  padding: 20px;
}

#mailmaga .inner_right {
  padding: 20px 20px 20px 0;
}

#mailmaga .provider_label,
#mailmaga .form_label {
  width: 100px;
  line-height: 24px;
}

#mailmaga .btn_search {
  margin-right: 20px;
}

#mailmaga .search_result {
  display: inline-block;
  color: #808080;
}

#mailmaga .mtb_table_header,
#mailmaga .mtb_table_body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

#mailmaga .mtb_table_header th,
#mailmaga .mtb_table_body th {
  font-size: 13px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 58px;
  min-height: 58px;
}

#mailmaga .mtb_table_header th:nth-child(1),
#mailmaga .mtb_table_body th:nth-child(1) {
  max-width: none;
  min-width: 120px;
  padding-left: 5px;
}

#mailmaga .mtb_table_header th:nth-child(2),
#mailmaga .mtb_table_body th:nth-child(2) {
  max-width: none;
  min-width: 120px;
}

#mailmaga .mtb_table_header th:nth-child(3),
#mailmaga .mtb_table_body th:nth-child(3) {
  max-width: 120px;
  min-width: 120px;
}

#mailmaga .mtb_table_header th:nth-child(4),
#mailmaga .mtb_table_body th:nth-child(4) {
  max-width: none;
  min-width: 120px;
  overflow: hidden;
}

#mailmaga .mtb_table_header th:nth-child(5),
#mailmaga .mtb_table_body th:nth-child(5) {
  max-width: 120px;
  min-width: 120px;
}

#mailmaga .mtb_table_body {
  height: auto;
}

#mailmaga .mailmaga_form label {
  line-height: 24px;
}

#mailmaga .mailmaga_form .body_right {
  min-width: calc(950px - 180px);
}

#mailmaga .mailmaga_form .provider_label,
#mailmaga .mailmaga_form .form_label {
  width: 170px;
  min-width: 170px;
}

#mailmaga .mailmaga_form .select_year {
  margin-right: 5px;
}

#mailmaga .mailmaga_form .select_box {
  margin: 0 5px 0;
}

#mailmaga .mailmaga_form .select_box #month,
#mailmaga .mailmaga_form .select_box #day,
#mailmaga .mailmaga_form .select_box #hour,
#mailmaga .mailmaga_form .select_box #minute {
  width: 55px;
}

#mailmaga .mailmaga_form .form_control {
  max-width: 700px;
}

#mailmaga .mailmaga_form .form_textarea {
  margin-left: 0;
}

#mailmaga .mailmaga_form .btn_control {
  margin-bottom: 20px;
}

#mailmaga .mailmaga_form .btn_cancel {
  margin-right: 20px;
}

#mailmaga .mailmaga_form .disabled_year,
#mailmaga .mailmaga_form .disabled_date {
  text-align: center;
}

#mailmaga .mailmaga_form input[name="send_address"]:disabled,
#mailmaga .mailmaga_form input[name="title"]:disabled {
  width: 100%;
}

#mailmaga .date_text {
  line-height: 24px;
}

#mailmaga_history .body_right {
  min-width: calc(960px - 180px);
}

#mailmaga_history .mtb_table_header,
#mailmaga_history .mtb_table_body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

#mailmaga_history .mtb_table_header th,
#mailmaga_history .mtb_table_body th {
  font-size: 13px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 58px;
  min-height: 58px;
  line-height: 58px;
}

#mailmaga_history .mtb_table_header th:nth-child(1),
#mailmaga_history .mtb_table_body th:nth-child(1) {
  max-width: 160px;
  min-width: 160px;
  padding-left: 5px;
}

#mailmaga_history .mtb_table_header th:nth-child(2),
#mailmaga_history .mtb_table_body th:nth-child(2) {
  max-width: none;
  min-width: 120px;
}

#mailmaga_history .mtb_table_header th:nth-child(3),
#mailmaga_history .mtb_table_body th:nth-child(3) {
  max-width: 140px;
  min-width: 140px;
}

#mailmaga_history .mtb_table_header th:nth-child(3) a,
#mailmaga_history .mtb_table_body th:nth-child(3) a {
  color: #333;
}

#mailmaga_history .mtb_table_header th:nth-child(4),
#mailmaga_history .mtb_table_body th:nth-child(4) {
  max-width: 120px;
  min-width: 120px;
}

#mailmaga_history .mtb_table_body {
  height: auto;
}

#mailmaga_history .mtb_table_header th {
  max-height: 30px;
  min-height: 30px;
  line-height: 30px;
}

#csvexport .body_right {
  background: #F6F6F6;
  margin: 20px 20px 50px;
  padding: 0;
  width: 100%;
  min-width: 960px;
}

#csvexport .inner_box {
  height: auto;
}

#csvexport .inner_left {
  width: 100%;
  margin: 0;
  padding: 20px;
}

#csvexport .inner_left .flex_box {
  margin-top: 10px;
}

#csvexport .inner_left .flex_box .provider_label,
#csvexport .inner_left .flex_box .form_label {
  width: 100px;
  line-height: 24px;
}

#csvexport .inner_left .flex_box .form_control {
  width: 170px;
}

#csvexport .inner_left .flex_box .check_item_span {
  font-size: 13px;
}

#csvexport .section_title {
  display: block;
  padding: 0 20px 0;
}

#csvexport .section_back {
  padding: 20px;
  margin: 10px 20px 0;
  border-radius: 3px;
  font-size: 13px;
}

#csvexport .section_sub {
  width: 100px;
}

#csvexport .csv_customer_update,
#csvexport .csv_shareinfo,
#csvexport .csv_contract {
  margin-left: 50px;
}

#csvexport .inner_box .btn_search {
  margin: 20px 20px 20px 0;
  border-radius: 3px;
}

.check_item + .check_item_span > label::before {
  border: 1px solid #999999;
}

.check_item:checked + .check_item_span > label::before {
  border: 1px solid #5C85E3;
}

.check_item:checked + .check_item_span > label::after {
  top: 7px;
}

.check_item + .check_item_span {
  line-height: 24px;
}

#secondpassword .body_right {
  min-width: calc(721px - 180px);
  font-size: 13px;
}

#secondpassword .sp_post {
  margin-left: 20px;
  width: 100%;
}

#secondpassword .sp_post label {
  width: 270px;
  line-height: 24px;
}

#secondpassword .btn_search {
  margin: 20px 0 0 290px;
  border-radius: 3px;
}

#customer .mtb_table_header th:nth-child(1), #customer .mtb_table_header th:nth-child(2), #customer .mtb_table_header th:nth-child(3), #customer .mtb_table_header th:nth-child(4) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#customer_update_history .mtb_table_header th:nth-child(1), #customer_update_history .mtb_table_header th:nth-child(2), #customer_update_history .mtb_table_header th:nth-child(3), #customer_update_history .mtb_table_header th:nth-child(4), #customer_update_history .mtb_table_header th:nth-child(6), #customer_update_history .mtb_table_header th:nth-child(7) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#customer_update_history .mtb_table_body th:nth-child(5) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#overdue_history .mtb_table_header th:nth-child(1), #overdue_history .mtb_table_header th:nth-child(2), #overdue_history .mtb_table_header th:nth-child(3), #overdue_history .mtb_table_header th:nth-child(4), #overdue_history .mtb_table_header th:nth-child(6) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#overdue_history .mtb_table_body th:nth-child(5) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#contract #shareinfo .mtb_table_header th:nth-child(1), #contract #shareinfo .mtb_table_header th:nth-child(3), #contract #shareinfo .mtb_table_header th:nth-child(4) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#contract #shareinfo .mtb_table_body th:nth-child(2) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#contract #hongkong .mtb_table_body th:nth-child(2) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#contract #customer_update_history .mtb_table_header th:nth-child(1), #contract #customer_update_history .mtb_table_header th:nth-child(2), #contract #customer_update_history .mtb_table_header th:nth-child(3), #contract #customer_update_history .mtb_table_header th:nth-child(4), #contract #customer_update_history .mtb_table_header th:nth-child(6) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#contract #overdue_history .mtb_table_header th:nth-child(1), #contract #overdue_history .mtb_table_header th:nth-child(2), #contract #overdue_history .mtb_table_header th:nth-child(3) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#mailmaga .mtb_table_header th:nth-child(1), #mailmaga .mtb_table_header th:nth-child(2), #mailmaga .mtb_table_header th:nth-child(3), #mailmaga .mtb_table_header th:nth-child(4) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#mailmaga_history .mtb_table_header th:nth-child(4), #mailmaga_history .mtb_table_body th:nth-child(4) {
  max-width: 180px;
  min-width: 120px;
}

#mailmaga_history .mtb_table_header th:nth-child(5), #mailmaga_history .mtb_table_body th:nth-child(5) {
  max-width: 170px;
  min-width: 170px;
}

#mailmaga_history .mtb_table .mtb_table_header .th_mail, #mailmaga_history .mtb_table .mtb_table_body .th_mail {
  max-width: 270px;
  min-width: 270px;
}

#mailmaga_history .mtb_table .mtb_table_body th:nth-child(2) {
  overflow: hidden;
}

#mailmaga .search_count {
  font-size: 20px;
  color: #3e6c90;
  margin-right: 10px;
  font-weight: bold;
}

.mailmaga_input .search_result, .mailmaga_confirm .search_result {
  height: 50px;
}

.mailmaga_complete .search_result {
  margin-left: 30px;
}

#contract .inner_box {
  min-height: inherit;
}

#contract .customer_memo_area {
  word-break: break-all;
  height: 202px;
  overflow-y: scroll;
}

#mailmaga .not_row {
  background-color: #c3c3c3;
  color: #9a9a9a;
}

#mailmaga .not_row:hover {
  opacity: 1;
}

#contract .form-table td {
  word-break: break-all;
}

#hongkong {
  height: 346px;
}

#hongkong .mtb_table_header th,
#hongkong .mtb_table_body th {
  max-height: 58px;
  min-height: 58px;
}

#hongkong .mtb_table_header th:nth-child(1),
#hongkong .mtb_table_body th:nth-child(1) {
  max-width: 90px;
  min-width: 90px;
  padding-left: 5px;
}

#hongkong .mtb_table_header th:nth-child(2),
#hongkong .mtb_table_body th:nth-child(2) {
  max-width: none;
  min-width: 120px;
  overflow: hidden;
}

#hongkong .mtb_table_header th:nth-child(3),
#hongkong .mtb_table_body th:nth-child(3) {
  max-width: 96px;
  min-width: 96px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#hongkong .mtb_table_header img,
#hongkong .mtb_table_body img {
  margin: 0;
}

#hongkong .btn {
  margin: 0 0 0 5px;
  padding: 8px 0;
}

#hongkong .btn + .btn {
  margin-right: 0;
}

#hongkong .mtb_table_header th {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.post_num_p {
  width: 115px;
  font-size: 14px;
}

.form_select, .form_date {
  padding: 2px 0 2px 5px;
}

input[type="date"] {
  padding: 2px 0 2px 5px;
}

#biko_sih {
  width: 300px;
}

#rows_count {
  font-size: 14px;
  border: 1px #999999 solid;
  border-radius: 3px;
  outline: none;
  color: #333;
  padding: 2px;
}