﻿@charset "UTF-8";

/* --------------------------------------------------------------------
	注文見積管理
--------------------------------------------------------------------- */
div.search_sub_ {
	display: none;
}

div.search_sub_view_,
div.search_sub_view2_ {
	text-align: right;
	margin: 2px;
}

td.total_ {
	text-align: right;
}

td.total_ {
	font-weight: bold;
	color: #525252
}

table.orderlist_ {
	margin-bottom: 10px;
}

table.orderlist_ td {
	border-right: 1px solid #DEDEDE;
}

table.orderlist_ td.order_dt_,
table.orderlist_ td.estimate_dt_ {
	width: 110px;
	min-width: 110px;
	text-align: center;
}

table.orderlist_ td.order_id_ {
	min-width: 200px;
}

table.orderlist_ td.order_detail_ {
	width: 100%;
	min-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.dest_ {
	min-width: 110px;
}

table.orderlist_ td.addr_ {
	min-width: 300px;
}

table.orderlist_ td.total_ {
	min-width: 140px;
}

table.orderlist_ td.method_ {
	min-width: 100px;
	text-align: center;
}

table.orderlist_ td.coresys_goods_ {
	min-width: 240px;
}

table.orderlist_ td.goods_name_ {
	min-width: 240px;
}

table.orderlist_ td.qty_ {
	min-width: 55px;
	text-align: right;
}

table.orderlist_ td.price_ {
	min-width: 90px;
	text-align: right;
}

table.orderlist_ td.status_ {
	width: 13.5%;
	min-width: 120px;
	text-align: center;
}

table.orderlist_ td.estimate_progress_ {
	min-width: 140px;
	text-align: center;
}

table.orderlist_ td.approval_status_ {
	min-width: 100px;
	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.agency_coresys_goods_ {
	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: #eeeeee;
}

table.maillist_ .status_button_ {
	user-select: none;
	cursor: pointer;
	height: 26px;
	width: 26px;
	border-width: 0;
	margin: auto;
}

table.maillist_ tr.apply_ .status_button_ {
	background: #ffffff url(../img/usr/agency/icon_check_off.png) center center no-repeat;
}

table.maillist_ tr.loading_ .status_button_ {
	background: #f0f0f6 url(../img/usr/agency/ajax-loader.gif) center center no-repeat;
}

table.maillist_ tr.not_apply_ .status_button_ {
	background: #eeeeee url(../img/usr/agency/icon_check_on.png) center center no-repeat;
}

table.mail_form_ .mail_form_box_ input[name="mail_subject"] {
	width: 98%;
}

table.mail_form_ .mail_form_box_ input[name="mail_contents"],
table.mail_form_ .mail_form_box_ input[name="mail_contents2"] {
	width: 100%;
	border: none;
	background-color: transparent;
	padding: 0;
	color: #525252;
}

table.formlist_ td:has([name="sr_order_id"]) {
	width: 312px;
	position: relative;
}

table.mail_form_ td {
	word-break: break-all;
}

table.formlist_.mail_form_ th {
	width: 250px;
}

table.formlist_ td:has([name="sr_order_id"])::after {
	content:"";
	width: 1px;
	height: 27px;
	background-color: #DEDEDE;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

div.ordersearchlist_ {
	width: 1382px;
}

div.search_.ordersearchlist_ td {
	width: 25%;
}

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_ {
	width: 8%;
	font-size: 16px;
	text-align: center;
	color: #525252;
}

/* --------------------------------------------------------------------
	見積詳細
--------------------------------------------------------------------- */

div.order_detail_ {
	background: #fff;
	/* padding: 4px; */
	margin: 0;
}

div.order_detail_ table td {
	background-color: #fff;
}

div.order_detail_ table.formdetail_ {
	margin-bottom: 0.5em;
}

div.order_detail_ table.formdetail_ {
	margin-bottom: 0.5em;
}

div.order_detail_ table.formdetail_ th {
	width: 12em;
}

div.order_detail_ table.formdetail_.money_ td {
	text-align: right;
}

div.order_detail_ table.formdetail_.money_ td.total_ {
	font-size: 120%;
	color: #c30;
	font-weight: bold;
}

div.order_detail_ table.formdetail_.money_ input[type=text] {
	text-align: right;
	width: 100%;
}

div.process_ {
	color: var(--c-black);
	display: flex;
	align-items: center;
}

div.process_ img {
	max-width: 100%;
}

div.process_ span {
	margin-right: 20px;
}

span.process_text_ {
	line-height: 1.4;
	color: #969696;
	display: block;
	margin: 12px 0 0;
}

table.estimate_top_ table {
	margin: 0;
}

table.estimate_top_ td.estimate_top_left_ {
	vertical-align: top;
	width: 500px;
}

table.estimate_top_ td.estimate_top_right_ {
	vertical-align: top;
	text-align: right;
	width: 360px;
	padding-left: 10px;
}

table.estimate_top_ td.estimate_top_right_ table th {
	width: 9em;
}

/* 配送先、送り主 */
div.order_ div.dest_block_ table.dest_ {
	margin: 0 auto 8px auto;
	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_ div.dest_process_ img {
	width: 320px;
}

div.order_ table.destgoodslist_ div.estimate_goodsname_ div.detail_name_ {
	float: left;
}

div.order_ table.destgoodslist_ div.estimate_goodsname_ div.detail_process_ {
	float: right;
	width: 180px;
}

div.order_ div.estimate_block_ {
	border: 2px solid var(--c-black);
	margin: 8px 0 10px 0;
	padding: 10px;
	border-radius: 6px;
}

div.order_ div.estimate_block_ table {
	margin: 2px;
}

div.order_ div.dest_block_ {
	border: 2px solid #969696;
	margin: 4px 0 15px;
	padding: 10px;
	border-radius: 6px;
}

div.order_ div.dest_block_ table.dest_ th.dest_ {
	width: 70%;
}

div.order_ div.dest_block_ table.dest_ td {
	border-right: 1px solid #DEDEDE;
}

div.order_ div.dest_block_:last-of-type {
	margin-bottom: 30px;
}

div.order_ div.dest_block_ table {
	margin: 2px;
}

div.order_ div.dest_block_ table.destgoodslist_ {
	margin: 2px auto;
}

div.order_ div.dest_block_ table.destspeclist_ {
	margin: 2px auto;
}

div.order_ table.destgoodslist_ th {
	border: 1px solid #dedede;
	background: var(--c-black);
	padding: 6px;
	color: #fff;
	font-weight: bold;
}

div.order_ table.destgoodslist_ td {
	border: 1px solid #dedede;
	padding: 10px;
}

div.order_ table.destgoodslist_ table th {
	border-width: 0;
	background: #fff;
	font-weight: normal;
	color: #333;
	width: 230px;
}

div.order_ table.destgoodslist_ table td {
	border-width: 0;
}

div.order_ table.destgoodslist_ input[type=text] {
	width: 90%;
	text-align: right;
}

div.order_ table.destgoodslist_ .estimate_goodsname_ {
	width: auto;
	margin-bottom: 2px;
}

div.order_ table.destgoodslist_ td.estimate_qty_ {
	width: 85px;
	text-align: right;
}

div.order_ table.destgoodslist_ td.reserve_qty_ {
	width: 85px;
	text-align: right;
}

div.order_ table.destgoodslist_ td.estimate_amt_ {
	width: 125px;
	text-align: right;
}

div.order_ table.destgoodslist_ .estimate_price_setting_required_ {
	width: 125px;
}

div.order_ table.destgoodslist_ .estimate_delete_ {
	width: 80px;
	text-align: center;
}

div.order_ table.destgoodslist_ .estimate_delete_ span,
div.order_ table.destgoodslist_ .estimate_delete_ input {
	margin: 0;
}

div.order_ table.destgoodslist_ table.estimate_comments_ {
	margin: 0;
	width: 97%;
}

div.order_ table.destgoodslist_ table.estimate_comments_ td {
	word-break: break-word;
}

div.order_ table.destgoodslist_ table.estimate_comments_ td textarea {
	width: 100%;
}

div.order_ table.destgoodslist_ tr.estimate_money_ th {
	min-width: 100px;
}

div.order_ table.destgoodslist_ tr.estimate_money_ td {
	text-align: right;
	min-width: 100px;
}

div.order_ table.destgoodslist_ tr.estimate_money_ td.estimate_subtotal_breakdown_ th,
div.order_ table.destgoodslist_ tr.estimate_money_ td.estimate_subtotal_breakdown_ td {
	min-width: 3.5em;
}

div.order_ table.destgoodslist_ .regist_goods_ td {
	background-color: #fffff0;
}

div.order_ .total_ {
	color: #c30;
	font-size: 120%;
	font-weight: bold;
}

div.order_ table.destspeclist_ th {
	color: #fff;
	border: 1px solid #dedede;
	background: var(--c-black);
	padding: 6px;
	width: 200px;
}

div.order_ table.destspeclist_ td {
	border: 1px solid #dedede;
	padding: 9px 16px;
	min-width: 130px;
}

div.order_ table.destspeclist_ textarea {
	width: 100%;
}

div.order_ table.destspeclist_ input[type=text] {
	width: 100%;
}

div.order_ table.destspeclist2_ td {
	width: auto;
}

div.order_ div.basic_info_block_ {
	border: 2px solid #969696;
	margin: 4px 0 30px;
	padding: 10px;
	border-radius: 6px;
}

div.order_ span.basic_info_name_ {
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #969696;
}

div.order_ div.file_info_block_ {
	border: 2px solid #969696;
	margin: 4px 0 30px;
	padding: 10px;
	border-radius: 6px;
}

div.order_ span.dest_info_name_ {
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #969696;
}

div.order_ span.file_info_name_ {
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #969696;
}

div.order_ div.other_info_block_ {
	border: 2px solid #969696;
	margin: 4px 0;
	padding: 10px;
	border-radius: 6px;
}

div.order_ span.other_info_name_ {
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #969696;
}

/* サプライヤ */
div.order_ table.supplier_ {
	width: 30%;
	float: right;
	clear: both;
}

div.order_ span.method_supplier_name_ {
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid var(--c-black);
}

div.order_ span.method_agency_name_ {
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #969696;
}

div.order_ div.agency_process_ {
	float: right;
	text-align: right;
	margin: 0 6px 0 auto;
	width: 220px;
}

div.order_ div.agency_approval_left_ {
	float: left;
	text-align: left;
	width: 560px;
}

div.order_ table.agencyapprovallist_ {
	width: 500px;
}

div.order_ table.agencyapprovallist_ th {
	border: 1px solid #dedede;
	background: var(--c-black);
	padding: 2px;
	font-weight: normal;
	width: 100px;
	color: #fff;
}

div.order_ table.agencyapprovallist_ td {
	border: 1px solid #dedede;
	padding: 2px;
}

/* 税率対応 */

div.order_ .estimate_subtotal_breakdown_ {
	vertical-align: top;
}

div.order_ .estimate_subtotal_breakdown_ h2 {
	text-align: left;
	font-size: 15px;
	margin-bottom: 0;
}

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_ {
	float: left;
	border: 3px double #999;
	padding: 0 4px;
	margin: 0 0 10px;
	width: 100%;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ th {
	text-align: right;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ th.tax_title_ {
	width: 17%;
	padding-left: 2%;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ td.subtotal_,
div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ td.tax_,
div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ td.tax_biz_ {
	text-align: right;
}

div.order_ div.estimate_footer_total_ {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: auto;
	border: 2px solid #ffcc60;
	padding: 10px;
	margin-bottom: 0.5em;
	float: right;
	text-align: right;
	gap: 8px;
}

div.order_ div.estimate_footer_total_ h2 {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	margin: 0;
}

div.order_ div.estimate_footer_total_ table th {
	padding: 2px 0;
}

div.order_ div.estimate_footer_total_ table td {
	padding: 2px 0;
	font-weight: bold;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th {
	text-align: right;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th.price_title_ {
	width: 190px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th.tax_title_ {
	width: 70px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ td {
	width: 75px;
	text-align: right;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ th {
	border: 1px solid #a1b5ce;
	background: #b2e4ff;
	padding: 3px 2px 1px 2px;
	width: 220px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ td {
	width: 125px;
	text-align: right;
	border: 1px solid #a1b5ce;
	padding: 3px 2px 1px 2px;
}

div.order_ div.estimate_footer_total_ div.estimate_subtotal_breakdown_ {
	width: 434px;
}

div.order_ div.estimate_footer_total_ div.estimate_subtotal_breakdown_ div.subtotal_breakdown_ {
	float: none;
	margin: 0;
	width: 100%;
}

div.order_ div.block_message_ {
	clear: right;
}

/* 送り状No、荷物問い合わせURL */
div.order_ table.destspeclist2_ td {
	max-width: 200px;
	overflow-wrap: break-word;
}

div.order_ table.destgoodslist_ td {
	overflow-wrap: anywhere;
}

div.order_detail_ table.formdetail_ td {
	max-width: 100%;
	overflow-wrap: break-word;
}

div.order_detail_ table.formdetail_ textarea {
	width: 100%;
}

/* ボタン */
.order_button_block_ {
	float: right;
	padding: 0 0 8px 8px;
	margin-right: 0;
	text-align: center;
}

.order_header_button_block_ {
	margin-right: 0;
	text-align: right;
}

.order_header_button_block_ .move_button_{
	margin: 4px;
	padding: 14px 16px;
	font-size: 18px;
	font-weight: bold;
	line-height: 17px;
	height: initial;
}

.order_selectfile_button_block_ {
	text-align: left;
}

.order_selectfile_button_ {
	width: 160px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.order_header_button_ {
	background-color: #000000;
}

/* ファイル添付 */
.attach-file-list {
	display: flex;
	align-items: center;
}

.attach-file-name {
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.upload_file_button_ input {
	display: none;
}
