@charset 'utf-8';
ul{
  padding-left:0;
  list-style-type:none;
}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.pl3{padding-left:3em !important;}
.align_right{text-align:right;}
.font_11{font-size:11px;}
.font_12{font-size:12px;}

.content-header h1{
  display: inline-block;
}
.js_question{
  display: inline-block;
  display: none;
  margin-left: 10px;
  vertical-align: top;
  font-size: 18px;
  cursor: pointer;
}
.question_modal .modal-content{
  border-top: solid 5px #187dff;
}
.question_modal .box-body{
  line-height: 1.8;
  font-size: 15px;
  padding-bottom: 20px;
}
.question_modal .modal-title .fa-question-circle{
  color: #187dff;
  display: inline-block;
  padding-right: 5px;
}
#modal_clearing .modal-title .fa-question-circle{
  color: #187dff;
  display: inline-block;
  padding-left: 10px;
  cursor: pointer;
}
#modal_clearing .modal-title .fa-question-circle:hover{
  color: #0061e3;
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.5);
  z-index: 1500;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 1600;
}
/* フラッシュメッセージ */
.alert{
  margin-top:15px;
  padding:8px 15px;
}
#flashMessage{display:inline;}
.alert>p+p{margin-top:15px;}
.alert span{
  line-height:1.8;
  margin-left:8px;
}
.fa-exclamation-triangle{
  color:#d40606;
}
.js_question .fa-question-circle{
  color: #187dff;
}
.js_question:hover .fa-question-circle{
  color: #0061e3;
}
/* フォーム */
.form-group-sm .form-control{
  padding:5px;
}
.search_group label{
  vertical-align: middle;
  padding-right: 5px;
}
.list-inline>li{
  padding-right: 0;
}
.disp_form{
  width: auto;
  display: inline-block;
}
.flex-col{
  display: flex;
  flex-wrap: wrap;
  padding:.5em 0;
}
.auto-height{
  margin: auto 0;
}
.error-message{
  color: red;
}
/* ログイン画面
------------------------------------------------- */
.login-logo, .register-logo{font-size:30px;}
.login-box-body.conf_msg{padding:0 20px !important;}
.login-box-body .alert{margin-bottom:0;}
/* ダッシュボード
------------------------------------------------- */
/* カレンダー */
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{border-color:#ddd;}
.dashboard_outer{
  max-width:1200px;
  margin:auto;
}
.arrow_link{
  font-size:20px;
  font-weight:bold;
  color:#000;
}
.calendar_time_outer{position:relative;}
.calendar_select_area{text-align:center;}
.calendar_arrow_l{
  position:absolute;
  top:6px;
  left:0;
}
.calendar_arrow_r{
  position:absolute;
  top:6px;
  right:0;
}
.calendar_year{
  display:inline-block;
  width:90px;
}
.calendar_month{
  display:inline-block;
  width:70px;
}
.calendar_outer{
  max-width:1100px;
  margin:auto;
  overflow-x:auto;
}
#calendar{
  width:100%;
  border-collapse:collapse;
  flex-basis:80%;
}
.billing_box{margin-bottom:0;}
.billing_list{margin-bottom:0;}
.billing_list li{
  border-top:1px dashed #ccc;
  padding:10px 0;
}
.billing_list .to_billing_btn{margin:0;}
.billing_list .billing_year{
  text-align: center;
  font-weight: bold;
  border-bottom: none;
  padding: 0;
  font-size: 16px;
}
.calendar th,.calendar td{
  width:calc(100% / 7);
  font-size:18px;
  border:1px solid #ddd;
  padding:5px 10px;
}
.calendar th{text-align:center;}
.calendar td{
  text-align:right;
  padding-bottom:80px;
  position:relative;
}
.calendar th:first-child,.calendar td:first-child{color:#ea311a;}
.calendar th:last-child,.calendar td:last-child{color:#24a0e8;}
.calendar td .txt-grey{color:#ccc;}
.fc-widget-content{background:#fff;}
.fc td.fc-today,
.current{background:#ffdede;}
.to_billing_btn{
  display:block;
  font-size:14px;
  color:#fff;
  background:#00b259;
  border-radius:5px;
  text-align:center;
  padding:3px;
  margin:3px 10px;
  cursor:pointer;
}
.to_payment_btn{
  display:block;
  font-size:14px;
  color:#fff;
  background:#00c0ef;
  border-radius:5px;
  text-align:center;
  padding:3px;
  margin:3px 10px;
  cursor:pointer;
}

.fc-content-skeleton td{position:relative;}
.to_billing_btn .fc-content{background:transparent;}
.fc-event{border:0;}
.fc-day-grid-event>.fc-content{white-space:normal;}
.to_billing_btn.over,
.to_billing_btn.over .fc-content{background:#ff2626;}
.to_billing_btn:hover{color:#fff;}
.fc-sun{color:#ea311a;}
.fc-sat{color:#24a0e8;}
.fc-content-skeleton td:first-child{color:#ea311a;}
.fc-content-skeleton td:last-child{color:#24a0e8;}
.fc-widget-content {
    height: 95px !important;
}

/* 月締請求
------------------------------------------------- */
.billing_tbl,
.receipt_tbl{font-size:12px;}
.billing_tbl th,
.receipt_tbl th,.receipt_tbl td{
  vertical-align:middle !important;
  padding:4px !important;
}
.billing_area .flex-col{padding:0;}
.info_title > th {
  border: #BBB solid 1px !important;
  background: #DDD;
  text-align: center;
}
.table-bordered{ background: #FFF;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  border: #DDD solid 1px;
  vertical-align: middle;
 
}
.billing_area_box .danger {
background:#f2dede;
}
/* 請求書プレビュー
------------------------------------------------- */
#modal_billing .date_area{
  display:inline-block;
  border-bottom:1px solid #000;
  width:200px;
  padding-left:20px
}
.bikou{
  min-height:70px;
  font-size:14px;
  border:1px solid #bbb;
  padding:10px;
}
.preview_tbl tr:not(:first-child){
  min-height:90px;
  height:90px;
}
.preview_tbl th,
.preview_tbl td{
  border-color:#bbb !important;
}
.preview_tbl th{
  background-color:#ddd;
}
.head_total{font-size: 16px;}

/* 請求一覧
------------------------------------------------- */
.search{
  display:inline-block;
  font-size:11px;
  vertical-align:middle;
}
.search_group{
  display:table;
  margin:.5em 0;
}
.search_group .search_title{
  display:table-cell;
  width:9em;
  height:2.5em;
  text-align:right;
  padding-left:.5em;
  padding-right:.5em;
  font-weight:bold;
  vertical-align:middle;
  background:#EEE;
  border-radius:5px;
}
#order_list .search_group .search_title{
  width:8em;
}
.search_group .search_field,
.search_group .search_field02{
  display:table-cell;
  height:2.5em;
  text-align:center;
  vertical-align:middle;
}
.search_group .search_field{width:18em;}
.search_group .search_field02{width:27.7em;}
.search_group .search_field input{
  display:inline-block;
}
.count_frm_style{
  display:inline-block;
  width:calc(45% - 8px);
}
.datepicker_outer{
  width:95%;
  margin:auto;
}
.yyyymmdd{
  text-align:center;
  width:calc(45% - 8px);
  padding:4px;
}
::-webkit-input-placeholder {
   text-align: center;
}
:-moz-placeholder {
   text-align: center;
}
::-moz-placeholder {
   text-align: center;
}
:-ms-input-placeholder {
   text-align: center; 
}
.search_frm_style{
    width:95%;
    display:inline;
}
.btn_bills_view,
.btn_bills_send,
.btn_bills_info{
  display:inline-block;
  width: 95px;
  margin: .3em 0;
  /* padding: .5em;*/
 
  white-space: normal;
}
.btn_receipts_view,
.btn_receipts_send{
  display:inline-block;
  width: 110px;
  margin: .3em 0;
  /*padding: .5em;*/
  white-space: normal;
}
.table-bordered .manual {
background: yellow;
}
.modal_title{
font-weight:bold;
}
/* 領収書発行
------------------------------------------------- */
.show_receipt{min-height:300px;}

/* 請求書・領収書ダウンロード
------------------------------------------------- */
.dl_ttl{
  margin-top:40px;
  margin-bottom:20px;
}
.dl_box{
  display:inline-block;
  width:500px;
  text-align:left;
  vertical-align:top;
  margin:10px 20px;
}
.attention_list{font-size:12px;}
.attention_list li{
  text-indent:-1em;
  padding-left:1em;
}
.attention_list li:before{content:'※';}
/* 受注一覧
------------------------------------------------- */
.order_tbl{font-size:13px;}
.sel_manufacturer {
  font-size: 10px;
  padding: 6px 5px;
}

/* 受注詳細
------------------------------------------------- */
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.order_btn button:not(:first-child) {
  margin-left: 10px;
}
.btn-cancel {
  font-weight: bold;
  color: #fff;
  border: 1px solid #ff0000;
  background: #ff5656;
  margin-right: 50px;
  vertical-align: bottom
}
.btn-cancel:not([disabled]):hover {
  color: #fff;
  background-color: #e02323;
}
.btn-cancel[disabled],
.btn-info[disabled],
.btn-warning[disabled] {
  opacity: .3;
}
.btn-cancel[disabled]:hover {
  color: #fff;
}
/* 領収書プレビュー
------------------------------------------------- */
@media screen and (min-width:768px){
#modal-receipt .modal-dialog{
  width:800px;
  margin:30px auto;
  }
}
.modal{z-index:2000;}
.modal_order_no{font-size:13px;}
.receipt_txt{font-size:13px;}
.line{
  font-size:10px;
  text-align:center;
  border-bottom:1px dotted #666;
  padding-bottom:5px;
}
.modal_receipt_ttl{
  font-size:24px;
  font-weight:bold;
  text-align:center;
  margin:40px 0 5px;
}
.modal_order_name_outer,
.modal_receipt_receiver_outer,
.modal_price_outer,
.modal_receipt_proviso_outer,
.modal_deposit_date_outer{
    display:table;
    width:100%;
}
.modal_order_name_outer div,
.modal_receipt_receiver_outer div,
.modal_price_outer div,
.modal_receipt_proviso_outer div,
.modal_deposit_date_outer div{display:table-cell;}
.modal_receipt_receiver_outer,
.modal_price_outer{
  font-size:18px;
  font-weight:bold;
  padding:15px 10px 0;
}
.modal_order_name{
  border-bottom:1px solid #000;
  padding-bottom:2px;
}
.modal_receipt_proviso_outer{
  font-size:13px;
  padding:15px 10px 5px;
}
.modal_receipt_receiver{font-weight:normal;}
.modal_receipt_date_outer{font-size:13px;}
.receipt_bdr{border-bottom:1px solid #000;}
.receipt_bdr_bld{border-bottom:2px solid #000;}
.stamp{
  max-width:80px;
  font-size:10px;
  line-height:1.8;
  text-align:center;
  border:1px solid #000;
  padding:20px 5px;
  margin-top:45px;
  margin-left:auto;
}
.modal_receipt_company{font-size:14px;}
.modal_deposit_date_outer,
.modal_no_outer,
.modal_text_outer,
.modal_receipt_trademark,
.modal_receipt_address,
.modal_receipt_tel{font-size:12px;}
.company_stamp{
  background:url(/../img/stamp.jpeg) 95% center no-repeat;
  background-size:90px;
  padding:10px 0;
}
/* 入金消込
------------------------------------------------- */
.auto_clearing .direct-chat{
  height:680px;
  overflow-y:scroll;
  margin-bottom:0 !important;
}
.tbl_billing,
.tbl_deposit{
  font-size:12px;
}
.tbl_billing tr,
.tbl_deposit tr{
  height: 45px;
  min-height: 45px;
}
.tbl_billing th,
.tbl_deposit th,
.tbl_billing td,
.tbl_deposit td{
  vertical-align:middle !important;
}
.tbl_billing th,
.tbl_deposit th{
  padding:5px !important;
}
.order_clear_head{
  padding:0 10px;
}
.order_clear_head .table{
  margin:0;
}
.order_clear_head .table .info_title{
  font-size:12px;
}
.order_clear_head .table .info_title th{
  vertical-align:middle;
  padding: 2px 8px;
}
.clearing_tbl td{
  vertical-align: middle !important;
  font-size: 13px;
}
.btn-gray:hover {
  color: #444;
  background-color: #ddd;
  border-color: #8c8c8c;
}
.btn-gray {
  color: #333;
  background-color: #d8d8d8;
  border-color: #adadad;
}
/* 集計
------------------------------------------------- */
.summary_tbl{
  width: 100%;
  font-size:12px;
}
.summary_tbl th,
.summary_tbl td{
  padding: 5px;
}
.summary_tbl td{
  border-bottom:solid 1px #CCC;
  border-left:solid 1px #CCC;
  border-right:solid 1px #CCC;
}
.summary_tbl tr.bd_btm_dashed td{
  border-bottom: dashed 1px #CCC !important;
}
.summary_tbl tr.bd_btm_double td{
  border-bottom: double 4px #CCC !important;
}
.summary_subtotal{
  background: #edf1fb;
}
.summary_total{
  background: #a1bbf1;
}
.summary_subtotal td:first-child,
.summary_total  td:first-child{
  font-weight:bold;
}
.ib_check{display:inline-block;}
.ib_check input[type="checkbox"]{
  margin-top:0;
  margin-left:0;
  left:0;
}
.ib_check label{
  padding-left:15px;
}

/**
 * Bootstrap Docs
 */
/* Space things out */
.bs-docs-section {
  background: #FFF;
}
.bs-callout {
  padding: 10px;
  margin: 0 0 10px;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
  margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4 {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #aa6708;
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  border-left-color: #1b809e;
}
.bs-callout-info h4 {
  color: #1b809e;
}
.box-footer {
 background: none !important;
}

@media screen and (max-width: 1095px){
  .wrapper{
    overflow: unset;
  }
  .calendar_outer{
    overflow-x: unset;
  }
  .fc-scroller{
    overflow-x: unset;
    overflow-y: unset;
    height: auto !important;
  }
}

/* =====================================
  767px以下
 ===================================== */
@media screen and (max-width: 767px){
  .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: #DDD solid 1px;
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th{
    border-bottom: #DDD solid 1px;
  }
}/* =====================================
  640px以下
 ===================================== */
@media screen and (max-width: 640px){
.dl_box{width:85%;}
}