@charset "UTF-8";

/* --------------------------------------------------------------------
	注文管理
--------------------------------------------------------------------- */
div.search_sub_ {
  display: none;
}

div.search_sub_view_,
div.search_sub_view2_ {
  text-align: right;
  margin: 2px;
}

td.price_,
td.buying_price_,
td.amt_,
td.tax_biz_,
td.tax_,
td.qty_,
td.total_,
td.buying_subtotal_,
td.money_ {
  text-align: right;
}

td.total_,
td.buying_subtotal_,
td.price_,
td.buying_price_,
td.dest_amt_,
td.dest_buying_amt_ {
  font-weight: bold;
  color: #525252;
}

table.orderlist_ {
  margin-bottom: 10px;
}

table.orderlist_ td {
  border-right: 1px solid #dedede;
}

table.orderlist_ td.order_dt_ {
  width: 9%;
  max-width: 110px;
}

table.orderlist_ td.order_id_ {
  width: 19%;
  max-width: 174px;
}

table.orderlist_ td.order_detail_ {
  width: 30.5%;
  max-width: 315px;
  padding: 8px 16px;
}

table.orderlist_ td.order_detail_ ul {
  margin-bottom: 5px;
}

table.orderlist_ td.order_detail_ ul * + * {
  margin-top: 5px;
}

table.orderlist_ td.order_detail_ ul li {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

table.orderlist_ td.order_detail_ ul li .name_ {
  padding-left: 10px;
  position: relative;
}

table.orderlist_ td.order_detail_ ul li .name_::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #5b6465;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

table.orderlist_ td.total_ {
  width: 8%;
  max-width: 146px;
}

table.orderlist_ td.buying_subtotal_ {
  width: 9%;
  max-width: 146px;
}

table.orderlist_ td.method_ {
  width: 13%;
  max-width: 176px;
  text-align: center;
}

table.orderlist_ td.status_ {
  width: 13.5%;
  max-width: 140px;
  text-align: center;
}

table.cancel_ tr td {
  background-color: #e3e3e3;
}

tr.cancel_ td {
  background-color: #e3e3e3;
}

td.cancel_ {
  background-color: #e3e3e3;
}

table.destgoodslist_ textarea {
  width: 600px;
}

table.order_ td.input_data_,
table.sales_ td.input_data_,
table.destgoodslist_ td.input_data_ {
  padding: 5px 5px 3px 5px;
}

.order_answer_,
.order_delivery_comment_ {
  margin: 10px;
}

.order_answer_ textarea,
.order_delivery_comment_ textarea,
.mail_form_ textarea {
  width: 100%;
}

.mail_form_box_ {
  width: 100%;
}

.mail_form_box_ table {
  width: 100%;
}

table.maillist_ th.delete_check_,
table.maillist_ td.delete_check_ {
  width: 140px;
  text-align: center;
}

table.maillist_ td.sub_code_ {
  width: 140px;
  text-align: center;
}

table.maillist_ th.status_check_ {
  width: 140px;
  text-align: center;
}

table.maillist_ td.status_check_ {
  width: 140px;
  text-align: center;
  padding: 0 2px;
}

table.maillist_ tr.loading_ td {
  background-color: #f0f0f6;
}

table.maillist_ tr.not_apply_ td {
  background-color: #eee;
}

table.maillist_ .status_button_ {
  cursor: pointer;
  height: 26px;
  width: 26px;
  border-width: 0;
  margin: auto;
}

table.maillist_ tr.apply_ .status_button_ {
  background: #fff url(../img/usr/supplier/icon_check_off.png) center center no-repeat;
}

table.maillist_ tr.loading_ .status_button_ {
  background: #f0f0f6 url(../img/usr/supplier/ajax-loader.gif) center center no-repeat;
}

table.maillist_ tr.not_apply_ .status_button_ {
  background: #eee url(../img/usr/supplier/icon_check_on.png) center center no-repeat;
}

table.mail_form_ .mail_form_box_ input[name="mail_subject"] {
  width: 98%;
}

table.mail_form_ td {
	word-break: break-all;
}

table.formlist_ td:has([name="sr_sales_supplier_id"]) {
  width: 312px;
  position: relative;
}

table.formlist_ td:has([name="sr_sales_supplier_id"])::after {
  content: "";
  width: 1px;
  height: 27px;
  background-color: #dedede;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

table.orderlist_ th {
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: var(--c-gray);
  padding: 8px;
}

table.orderlist_ td {
  padding: 8px;
}

table.orderlist_ td.status_ a {
  font-size: 16px;
  text-align: center;
  color: #525252;
}

/* --------------------------------------------------------------------
	注文詳細
--------------------------------------------------------------------- */
div.supplier_order_ {
  background: #fff;
  padding: 4px;
  margin: 0;
}

div.supplier_order_ table td {
  background-color: #fff;
}

div.supplier_order_ table.formdetail_ {
  margin-bottom: 32px;
}

div.supplier_order_ table.formdetail_.destgoodslist_:not(:last-of-type) {
  margin-bottom: 24px;
}

div.supplier_order_ table.formdetail_ th {
  width: 264px;
  white-space: nowrap;
}

div.supplier_order_ table.formdetail_ td {
  min-width: 160px;
  padding: 9px 16px;
}

div.supplier_order_ div.destgoods_ table.formdetail_ th {
  border-bottom: 1px dashed #dedede;
}

div.supplier_order_ div.destgoods_ table.formdetail_ td {
  border-bottom: 1px dashed #dedede;
}

div.supplier_order_ table.formdetail_ td.dest_breakdown_ th {
  width: 135px;
  background: none;
  border: none;
  position: relative;
  padding: 3px 16px 3px 0;
}

div.supplier_order_ table.formdetail_ td.dest_breakdown_ th::after {
  content: "：";
  position: absolute;
  right: 0;
  top: 3px;
}

div.supplier_order_ table.formdetail_ td.order_id_ .process_,
div.supplier_order_ table.formdetail_ td.dest_status_ .dest_status_process_ {
  color: var(--c-blue-light);
  display: flex;
  align-items: center;
}

div.supplier_order_ table.formdetail_ td.order_id_ .process_text_ {
  line-height: 1.4;
  color: #969696;
  display: block;
  margin: 12px 0 0;
}

div.supplier_order_ table.formdetail_ td.dest_status_ .process_text_ {
  color: #969696;
  display: block;
  margin: 12px 0 0;
}

div.supplier_order_ table.formdetail_ td.order_id_ .process_ span,
div.supplier_order_ table.formdetail_ td .dest_status_process_ span {
  margin-right: 20px;
}

div.supplier_order_ table.formdetail_ td.dest_breakdown_ td {
  padding: 3px 10px;
  border: none;
}

div.supplier_order_ table.formlist_ {
  margin-bottom: 0;
}

div.supplier_order_ table.formlist_.comment_,
div.supplier_order_ table.formlist_.sales_append_ {
  margin-bottom: 32px;
}

div.supplier_order_ table.formlist_ th {
  width: 264px;
  white-space: nowrap;
}

div.supplier_order_ table.formlist_.money_ td {
  text-align: right;
}

div.supplier_order_ table.formlist_.money_ td.total_ {
  font-size: 120%;
  color: #c30;
  font-weight: bold;
}

table.estimate_top_ table {
  margin: 0;
}

table.estimate_top_ td.estimate_top_left_ {
  vertical-align: top;
  width: 714px;
}

table.estimate_top_ td.estimate_top_right_ {
  vertical-align: top;
  text-align: right;
  width: 310px;
  padding-left: 32px;
}

div.supplier_order_ .submit_ {
  padding-top: 20px;
}

/* 配送先、送り主 */

div.supplier_order_ table.saler_ td,
div.supplier_order_ table.sender_ td,
div.supplier_order_ table.dest_ td {
  line-height: 1.5;
}

div.supplier_order_ table.saler_ + table.sender_ {
  border-top: 0;
}

div.supplier_order_ table.sender_ + table.dest_ {
  border-top: 0;
}

div.supplier_order_ table.dest_ {
  margin-bottom: 32px;
}

div.order_ div.dest_block_ table.dest_ {
  margin: 0 auto 4px auto;
  width: 580px;
  float: left;
}

div.order_.order_estimate_ div.dest_block_ table.dest_ {
  width: 100%;
}

div.order_ div.dest_block_ table.sender_ {
  margin: 0 auto 4px auto;
}

div.order_ div.dest_process_ {
  text-align: right;
  margin: 0 6px 0 auto;
  float: right;
}

/* 税率対応 */

div.order_ .estimate_subtotal_breakdown_ {
  vertical-align: top;
  margin-bottom: 0.5em;
}

div.order_ .estimate_subtotal_breakdown_ h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 12px;
}

div.order_ .estimate_subtotal_breakdown_ tr.subtotal_breakdown_ td,
div.order_ .estimate_subtotal_breakdown_ tr.subtotal_breakdown_ th {
  font-weight: normal;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ {
  border: 3px double #999;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ th.tax_title_ {
  width: 18%;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ td {
  width: 26%;
  text-align: right;
}

div.supplier_order_ div.estimate_subtotal_ {
  background-color: #e8fdff;
  padding: 20px 28px;
}

div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_,
div.supplier_order_ .estimate_top_right_ table.formdetail_.method_ {
  border: none;
  margin-bottom: 0;
}

div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ th,
div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ td,
div.supplier_order_ .estimate_top_right_ table.formdetail_.method_ th,
div.supplier_order_ .estimate_top_right_ table.formdetail_.method_ td {
  background-color: #e8fdff;
  border: none;
}

div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ th {
  font-size: 16px;
  padding: 4px 5px 4px 0;
}

div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ td {
  font-size: 16px;
  padding: 4px 0 4px 5px;
}

div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ th.total_,
div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ td.total_,
div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ th.buying_subtotal_,
div.supplier_order_ .estimate_top_right_ table.formdetail_.sales_ td.buying_subtotal_ {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
}

div.supplier_order_ .estimate_top_right_ .estimate_subtotal_breakdown_ {
  background-color: #e8fdff;
  margin: 15px 0;
  padding: 15px 0;
  border-top: 4px double #848484;
  border-bottom: 4px double #848484;
}

div.supplier_order_ .estimate_top_right_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ {
  border: none;
}

div.supplier_order_ .estimate_top_right_ .estimate_subtotal_breakdown_ table.estimate_total_breakdown_list_ th {
  font-size: 16px;
  padding: 4px 5px 4px 0;
}

div.supplier_order_ .estimate_top_right_ .estimate_subtotal_breakdown_ table.estimate_total_breakdown_list_ td {
  font-size: 16px;
  background-color: #e8fdff;
  padding: 4px 0 4px 5px;
}

div.supplier_order_ .estimate_top_right_ table.formdetail_.method_ th {
  font-weight: bold;
  padding: 4px 5px 4px 0;
}

div.supplier_order_ .estimate_top_right_ table.formdetail_.method_ td {
  font-weight: bold;
  padding: 4px 0 4px 5px;
}