@charset "utf-8";
/* 配送先情報（sed_list.php） */

/* 配送先一覧テーブル */
#sed_list .list {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

#sed_list .list thead th {
    background-color: #ffcc33;
    color: #000;
    padding: 10px 12px;
    text-align: left;
    font-weight: bold;
    border: 1px solid #e6b800;
}

#sed_list .list tbody td {
    background-color: #fff;
    color: #000;
    padding: 10px 12px;
    text-align: left;
    border: 1px solid #ddd;
}

#sed_list .list tbody tr.sed_list_row {
    cursor: pointer;
}

#sed_list .list tbody tr.sed_list_row td a {
    color: inherit;
    text-decoration: none;
    display: block;
}

#sed_list .list tbody tr:hover td {
    background-color: #f9f9f9;
}

/* 電話番号の折り返し表示 */
#sed_list .list tbody td:last-child {
    word-break: break-all;
}

/* 配送先編集フォーム（入力画面） */
.sed_edit_title {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.sed_edit_lead {
    margin-bottom: 1em;
    color: #333;
}

/* 配送先編集フォームをページ中央に配置 */
#sed_edit_form {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#sed_edit .sed_edit_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

#sed_edit .sed_edit_table .sed_edit_row {
    padding: 10px 12px;
    text-align: left;
}

#sed_edit .sed_edit_table .label_cell {
    width: 28%;
    background-color: #fffacd;
    padding: 10px 12px;
    vertical-align: top;
    border: 1px solid #e6e6b8;
    font-weight: normal;
}

#sed_edit .sed_edit_table .input_cell {
    background-color: #fff;
    padding: 10px 12px;
    border: 1px solid #ddd;
}

#sed_edit .sed_edit_table .input_cell input[type="text"],
#sed_edit .sed_edit_table .input_cell select {
    margin-right: 4px;
}

#sed_edit .sed_edit_table .required {
    color: #c00;
}

#sed_edit .sed_edit_table .example {
    margin: 6px 0 0 0;
    font-size: 0.9em;
    color: #888;
}

#sed_edit .sed_edit_table .sed_field_sep {
    margin: 0 4px;
    color: #666;
}

.sed_edit_buttons {
    margin-top: 1.5em;
    text-align: center;
}

.sed_edit_buttons input[type="button"],
.sed_edit_buttons input[type="submit"] {
    margin-right: 10px;
}

d3 {
    width: 80%;
}

#sed_camp_name {
    width: 80%;
}#sed_tel_no1, #sed_tel_no3 {
    width: 20%;
}

#sed_tel_no2 {
    width: 15%;
}
#sed_add2,#sed_add4 {
    width: 95%;
}
.example {
	font-size:80%;
	color:#666666;
}

.comment {
	font-size:80%;
	color:#666666;
}
/* 注文履歴一覧 (order_history_list) */

#order_history_list table.order_history_table > caption.title {
	caption-side: top;
	text-align: left;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#order_history_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
#order_history_list th{
	background-color: #7a869c;
	color: white;
	padding: 10px 12px;
	text-align: center;
	border: 1px solid #999; /* #d8e2f4; */
}
.order_history_list_row {
	cursor: pointer;
	background-color: #f9f9f9;
	padding: 10px 12px;
	text-align: left;
	border: 0.5px solid #999; /* #e9effa; */
}
.order_history_list_row:hover {
	background-color: white;
}

#order_history_list .order_history_list_row td a {
	color: #21759b;
	text-decoration: underline;
}

#order_history_list .order_history_total_sum {
	text-align: right;
	width: auto;
	white-space: nowrap;
}

/* 注文履歴詳細（order_history_dtl） */

#order_history_dtl.order_history_dtl {
	max-width: 900px;
	margin: 0 auto 2em auto;
}

.order_history_dtl .odt_section_head {
	background-color: #21759b;
	color: #fff;
	margin: 0;
	padding: 10px 12px;
	font-size: 1em;
	font-weight: bold;
}

/*.odt_total_highlight以外の.odt_total_tableのCSS*/
.order_history_dtl .odt_info_table,
.order_history_dtl .odt_total_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.order_history_dtl .odt_info_table th,
.order_history_dtl .odt_info_table td,
.order_history_dtl .odt_total_table th,
.order_history_dtl .odt_total_table td {
	padding: 8px 12px;
	border: 1px solid #ccc;
	text-align: left;
	background-color: #fff;
}

.order_history_dtl .odt_info_table th.odt_label,
.order_history_dtl .odt_total_table th.odt_total_label,
.order_history_dtl .odt_total_table th.odt_subtotal_label {
	width: 28%;
	background-color: #f8f8f8;
	font-weight: normal;
}

.order_history_dtl .odt_product_total_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-items: flex-start;
}

.order_history_dtl .odt_product_section {
	flex: 1 1 60%;
	min-width: 400px;
}

.order_history_dtl .odt_total_section {
	flex: 0 1 280px;
}

.order_history_dtl .odt_product_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.order_history_dtl .odt_product_table thead th {
	background-color: #666;
	color: #fff;
	padding: 10px 12px;
	text-align: left;
	border: 1px solid #555;
	font-weight: bold;
}

.order_history_dtl .odt_product_table thead th.odt_col_num,
.order_history_dtl .odt_product_table thead th.odt_col_amt {
	text-align: right;
}

.order_history_dtl .odt_product_table thead th.odt_col_qty {
	text-align: center;
}

.order_history_dtl .odt_product_table tbody td {
	padding: 8px 12px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

.order_history_dtl .odt_product_table tbody td.odt_col_num,
.order_history_dtl .odt_product_table tbody td.odt_col_amt {
	text-align: right;
}

.order_history_dtl .odt_product_table tbody td.odt_col_qty {
	text-align: center;
}

.order_history_dtl .odt_product_table .odt_col_no {
	width: 80px;
}

.order_history_dtl .odt_product_table .odt_col_name {
	min-width: 200px;
}

.order_history_dtl .odt_product_table .odt_col_num,
.order_history_dtl .odt_product_table .odt_col_amt {
	width: 90px;
}

.order_history_dtl .odt_product_table .odt_col_qty {
	width: 60px;
}

.order_history_dtl .odt_total_table th.odt_total_label, .order_history_dtl .odt_total_table th.odt_subtotal_label {
	width: auto;
}

.order_history_dtl .odt_total_table td.odt_total_value,
.order_history_dtl .odt_total_table td.odt_subtotal_value {
	text-align: right;
}

/* 詳細度を .odt_total_table th.odt_total_label より高くして上書き（!important不要） */
/* 小計ラベルと値の背景色と上下の罫線 */
.order_history_dtl .odt_total_table tr.odt_subtotal_labelvalue th.odt_subtotal_label,
.order_history_dtl .odt_total_table tr.odt_subtotal_labelvalue td.odt_subtotal_value {
	background-color: #c3cbcd;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

/* 商品合計・送料・小計ラベルと値の左右の罫線*/
.order_history_dtl .odt_total_table tr.odt_subtotal_labelvalue th.odt_subtotal_label {
	border-left: 1px solid #c3cbcd;
	border-right: 1px solid white;
}
/* 商品合計・送料・小計値の左右の罫線*/
.order_history_dtl .odt_total_table tr.odt_subtotal_labelvalue td.odt_subtotal_value {
	border-left: 1px solid white;
	border-right: 1px solid #c3cbcd;
}

/* 詳細表示最下段*/
/* 商品消費税・送料消費税・代引き手数料・支払合計金額 ラベルと値の背景色*/
.order_history_dtl .odt_total_table tr.odt_total_labelvalue th.odt_total_label,
.order_history_dtl .odt_total_table tr.odt_total_labelvalue td.odt_total_value {
	background-color: #ade8f4;
}
/* 商品消費税・送料消費税・代引き手数料・支払合計金額 ラベルと値の背景色*/
.order_history_dtl .odt_total_table tr.odt_total_highlight th.odt_total_label,
.order_history_dtl .odt_total_table tr.odt_total_highlight td.odt_total_value {
	background-color: #52c6dd;
}
.order_history_dtl .odt_pay_total {
	font-weight: bold;
}

.order_history_dtl .odt_message_section,
.order_history_dtl .odt_send_time_section {
	display: flex;
	align-items: flex-start;
}

.order_history_dtl .odt_message_section .odt_message_label,
.order_history_dtl .odt_send_time_section .odt_send_time_label {
	color: #444444;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	margin: 0 6px 0 0;
}

.order_history_dtl .odt_message_value,
.order_history_dtl .odt_send_time_section .odt_send_time_value {
	padding: 0;
	color: #333;
}

/* 注文履歴テーブル基本設定 */
#order_history_list table.order_history_table {
    width: 80%;
    table-layout: fixed;
    border-collapse: collapse;
}

/* 商品IDカラム */
#order_history_list table.order_history_table td:nth-child(4) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 商品名カラム */
#order_history_list table.order_history_table td:nth-child(5) {
    word-break: break-all;
}


/* テーブル caption のスクリーンリーダー向け非表示 */
.order_history_dtl .odt_sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 配送先情報 sed_list.php */

#sed_list {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}