@charset "UTF-8";

/* --------------------------------------------------------------------
  ヘッダーフロー
-------------------------------------------------------------------- */
div.order_header_ {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

div.order_header_ h1.common_headline1_ {
  height: 40px;
  width: 210px;
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 130%;
  padding: 9px 7px 0 0;
  width: auto;
  font-size: 28px;
}

div.order_header_ div.order_flow_ {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
}

div.order_header_ div.order_flow_ {
  margin-bottom: 20px;
}

div.order_flow_ > ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: row wrap;
}

div.order_flow_ > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  text-align: center;
  background-color: #fff;
  font-size: 13px;
  width: 140px;
  color: #101010;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
  padding: 10px 20px;
  white-space: nowrap;
  margin-right: 40px;
  position: relative;
  background-color: #f6f6f6;
}

div.order_flow_ .txt-step {
  flex: 0 0 100%;
  max-width: 100%;
}

div.order_flow_ .txt-step-num {
  font-size: 15px;
  margin-left: 3px;
}

div.order_flow_ .txt-name {
  flex: 0 0 100%;
  max-width: 100%;
}

div.order_flow_ > ul > li.now_ {
  background-color: #4cae8d;
  color: #fff;
}

div.order_flow_ > ul > li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #4cae8d;
  border-right: 2px solid #4cae8d;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

div.order_flow_ > ul > li:last-child {
  margin-right: 0;
}

div.order_flow_ > ul > li:last-child::after {
  display: none;
}

/* --------------------------------------------------------------------
  ご注文方法の指定
-------------------------------------------------------------------- */

div.order_ {
  width: 1200px;
  margin: 0 auto;
}

.order_.print_button_ {
  margin-bottom: 20px;
}

div.order_ .common_headline2_ {
  margin: 30px 0 15px;
}

div.order_ div.bar_ {
  border-width: 0;
  height: 6px;
  clear: both;
  border-top: 1px solid #4cae8d;
  padding: 5px 0;
}

div.order_ .headline_ {
  margin-left: 10px;
  line-height: 21px;
  font-size: 14px;
  font-weight: bold;
}

div.order_ .headline_ span {
  font-size: 12px;
  font-weight: normal;
}

div.order_ .headline_ .headline_title_ {
  float: left;
}

div.order_ .headline_ .headline_contents_ {
  float: left;
  padding-bottom: 10px;
}

/* ご注文主（ログイン時） */
div.method_host_ {
  margin-bottom: 8px;
}

div.method_host_ div.host_info_ {
  margin-bottom: 10px;
  padding-left: 10px;
}

div.method_host_ div.host_info_ table td {
  vertical-align: top;
}

div.method_host_ div.host_info_ .address_ {
  font-style: normal;
  margin-left: 10px;
  padding: 6px 8px;
  border: 3px double #ccc;
}

div.method_host_ div.host_info_ .dest_nickname_ {
  font-weight: bold;
  font-size: 13px;
  padding: 0 0 2px 4px;
}

div.method_host_ .guide_ {
  background: none;
  text-decoration: underline;
  border: none;
  cursor: pointer;
  padding: 2px;
  margin: 0;
  margin-left: 13px;
  font-size: 14px;
  line-height: 15px;
  color: #4cae8d !important;
  text-decoration: none;
  width: auto !important;
}

input[name="address.x"],
input[name="edi_address.x"] {
  background: none;
  text-decoration: underline;
  border: none;
  cursor: pointer;
  padding: 2px;
  margin: 0;
  margin-left: 13px;
  font-size: 14px;
  line-height: 15px;
  color: #4cae8d !important;
  text-decoration: none;
  width: auto !important;
  box-shadow: none;
}

input[name="address.x"]:hover,
input[name="edi_address.x"]:hover {
  text-decoration: underline;
  opacity: 0.7;
}

div.method_host_ .guide_:hover {
  text-decoration: underline;
  opacity: 0.7;
}

table.method_host_ {
  margin-bottom: 8px;
  width: 100%;
}

tr#host_mail input,
tr#host_cmail input,
tr#host_addr input,
tr#host_addr2 input,
tr#host_addr3 input,
tr#host_comp input,
tr#host_dept input {
  width: 300px;
}

div.order_ div.dest_block_ table.dest_ + div.estimate_block_ span.method_supplier_name_ {
  margin-bottom: 10px;
  padding: 2px 2px 2px 7px;
  display: block;
  font-weight: bold;
  font-size: 15px;
  border-left: 5px solid #4cae8d;
}

div.order_ div.estimate_block_ span.method_supplier_name_ {
  margin-left: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 2px 2px 2px 7px;
  display: block;
  font-weight: bold;
  font-size: 15px;
  border-left: 5px solid #4cae8d;
}

div.order_ span.method_agency_name_ {
  margin-bottom: 10px;
  padding: 2px 2px 2px 7px;
  display: block;
  font-weight: bold;
  font-size: 15px;
  border-left: 5px solid #af8ad1;
}

div.order_ div.estimate_block_ {
  margin: 4px 0 10px 0;
  padding: 4px;
  margin: 0 0 10px 0;
  padding: 0;
  padding: 8px 8px 6px;
}

.order_ .estimate_block_.supplier-estimate-block {
  padding: 0;
}

div.order_ div.estimate_block_ table {
  width: 100%;
}

.formsublist_.destspeclist_.destspeclist2_ textarea[name="comment_su_1"] {
  width: 99%;
}

.formsublist_.destspeclist_.destspeclist2_ textarea[name="comment_de_1"] {
  width: 99%;
}

@-moz-document url-prefix() {
  .formsublist_.destspeclist_.destspeclist2_ {
    table-layout: fixed;
  }

  .formsublist_.destspeclist_.destspeclist2_ th {
    width: 160px;
  }
}

div.order_ div.estimate_block_ h2 {
  margin: 4px 0;
  padding: 2px 2px 2px 7px;
  display: block;
  font-weight: bold;
  border-top: 1px solid #dfdfdf;
  border-left: 5px solid #dfdfdf;
}

div.order_ div.estimate_block_ .delivery_date_ {
  color: #c00;
  font-weight: bold;
}

div.order_ div.dest_block_ {
  margin: 100px 0;
  padding: 4px;
  padding: 0;
}

div.order_ div.dest_block_ h2 {
  margin: 4px 0;
  padding: 2px 2px 2px 7px;
  display: block;
  font-weight: bold;
  border-top: 1px solid #dfdfdf;
  border-left: 5px solid #dfdfdf;
}

div.order_ div.agency_block_ {
  border: none;
  margin: 4px 0;
  padding: 0;
}

div.order_ div.agency_block_ table {
  margin: 2px;
}

div.order_ div.agency_block_ h2 {
  margin: 4px 0;
  padding: 2px 2px 2px 7px;
  display: block;
  font-weight: bold;
  border-top: 1px solid #dfdfdf;
  border-left: 5px solid #dfdfdf;
}

div.order_ div.cart_agency_block_ {
  margin: 4px 0 4px 0;
  padding: 0;
}

div.order_ div.cart_agency_block_ table {
  margin: 2px;
}

table.formsublist_.destspeclist_.destspeclist2_ {
  width: 100%;
  margin-top: 20px;
}

textarea[name="comment_ag_1"] {
  width: 99%;
  width: 876px;
}

div.order_ div.cart_agency_block_ h2 {
  margin: 4px 0;
  padding: 2px 2px 2px 7px;
  display: block;
  font-weight: bold;
  border-top: 1px solid #dfdfdf;
  border-left: 5px solid #dfdfdf;
}

div.order_ div.cart_agency_block_ hr.agency_bar_ {
  display: none;
}

div.order_ div.dest_block_ table.destgoodslist_ {
  width: 839px;
  width: 1153px;
  width: 1065px;
  margin-bottom: 20px;
  width: 1059px;
  width: 100%;
}

@-moz-document url-prefix() {
  div.order_ div.dest_block_ table.destgoodslist_ {
    border-collapse: separate;
  }
}

div.order_ div.dest_block_ table.destspeclist_ {
  width: 839px;
  width: 1153px;
}

div.order_ div.dest_block_ .formsublist_.destspeclist_ {
  width: 100%;
  margin: 20px 0;
}

div.order_ table.destgoodslist_ th {
  border: 1px solid #dfdfdf;
  background: #eef8f5;
  font-weight: bold;
  padding: 8px 8px 6px 8px;
}

div.order_ table.destgoodslist_ td {
  border: 1px solid #dfdfdf;
  padding: 8px 8px 6px 8px;
}

div.order_ table.destgoodslist_ table th {
  border-width: 0;
  background: #fff;
  font-weight: normal;
  width: 40%;
}

div.order_ table.destgoodslist_ table.append_ th {
  white-space: normal;
  word-break: break-all;
}

/* firefox用 */
@-moz-document url-prefix() {
  div.order_ table.destgoodslist_ table th {
    width: 17%;
  }
}

div.order_ table.destgoodslist_ table td {
  border-width: 0;
}

div.order_ table.destgoodslist_ td.method_cart_img_ {
  width: 50px;
  width: 100px;
  border-right-width: 0;
}

div.order_ table.destgoodslist_ td.method_cart_img_ .img_s_ img {
  width: 100px;
}

div.order_ table.destgoodslist_ td.method_goodsname_ {
  width: 250px;
  border-left-width: 0;
}

div.order_ table.destgoodslist_ td.method_comment_ {
  width: 300px;
  padding: 2px 2px 4px;
}

div.order_ table.destgoodslist_ td.method_comment_ table {
  margin: 0;
}

div.order_ table.destgoodslist_ td.method_comment_ textarea {
  width: 200px;
}

div.order_ table.destgoodslist_ td.method_comment_.delivery_ {
  width: 580px;
}

div.order_ table.destgoodslist_ .estimate_goodsname_ {
  margin-bottom: 2px;
}

/* firefox用 */
@-moz-document url-prefix() {
  div.order_ table.destgoodslist_ .estimate_goodsname_ textarea[name="comment_1"] {
    width: 96%;
  }
}

div.order_ table.destgoodslist_ .estimate_qty_ {
  width: 60px;
  text-align: right;
}

div.order_ table.destgoodslist_ .estimate_price_ {
  width: 125px;
  text-align: right;
}

div.order_ table.destgoodslist_ .estimate_amt_,
div.order_ table.destgoodslist_ .estimate_amt_tax_,
div.order_ table.destgoodslist_ .estimate_amt_tax_biz_ {
  width: 125px;
  text-align: right;
}

/* for customer.approval cart start */
div.order_ table.destgoodslist_ .estimate_cart_goodsname_ {
  width: 370px;
  margin-bottom: 2px;
}

div.order_ table.destgoodslist_ .estimate_cart_price_ {
  width: 120px;
  text-align: right;
}

div.order_ table.destgoodslist_ .estimate_cart_qty_ {
  width: 120px;
  text-align: right;
}

div.order_ table.destgoodslist_ .estimate_cart_amt_ {
  width: 120px;
  text-align: right;
}

div.order_ table.approval_cart_ td.total_ {
  width: 500px;
  text-align: right;
}

/* for customer.approval cart end */

div.order_ table.destgoodslist_ .estimate_name_ {
  font-weight: bold;
}

div.order_ table.destgoodslist_ table.estimate_comments_ {
  width: 97%;
}

div.order_ table.destgoodslist_ table.estimate_comments_ th {
  width: 100px;
}

div.order_ table.destgoodslist_ table.estimate_comments_ td {
  width: 100%;
}

div.order_ table.destgoodslist_ table.estimate_comments_ th,
div.order_ table.destgoodslist_ table.estimate_comments_ td {
  vertical-align: top;
  border-top: 1px dashed #ccc;
  word-break: break-all;
}

div.order_ table.destgoodslist_ tr.estimate_money_ th {
  width: 140px;
}

div.order_ table.destgoodslist_ tr.estimate_money_ td {
  text-align: right;
  width: 125px;
}

div.order_ table.destgoodslist_ tr.estimate_money_ td.estimate_subtotal_breakdown_ {
  width: 428px;
}

div.order_ table.destgoodslist_ .status_ {
  width: 110px;
}

div.order_ table.destgoodslist_ .status_ img {
  width: 100px;
}

div.order_ .total_ {
  color: #e61d50;
  font-size: 14px;
  font-weight: bold;
}

div.order_ table.destspeclist_ th {
  border: 1px solid #dfdfdf;
  background: #eef8f5;
  padding: 2px;
  width: 140px;
  width: 160px;
  padding: 8px 8px 6px 8px;
}

div.order_ table.destspeclist_ td {
  border: 1px solid #dfdfdf;
  padding: 2px;
  min-width: 130px;
}

div.order_ table.destspeclist2_ td {
  width: auto;
  padding: 8px 8px 6px 8px;
}

/* 送り主（ログイン時） */
div.method_sender_ {
  margin-bottom: 8px;
}

div.method_sender_ h2 {
  margin: 0;
  padding: 8px 4px 12px 5px;
  font-size: 14px;
  font-weight: bold;
  background: #fff url(../../img/usr/common_h2_noleft.png) left top no-repeat;
}

div.method_sender_ h2 span {
  font-size: 12px;
  font-weight: normal;
}

div.method_sender_ span.saler_ {
  font-size: 15px;
}

div.method_sender_ div.sender_info_ {
  padding-left: 10px;
}

div.sender_change_ {
  padding: 6px 10px;
  font-weight: bold;
}

table.method_sender_ {
  margin-top: 4px;
  width: 1080px;
}

tr#sender_addr input,
tr#sender_addr2 input,
tr#sender_addr3 input,
tr#sender_comp input,
tr#sender_dept input {
  width: 300px;
}

/* 宛て先（ログイン時） */
div.method_address_ {
  margin-bottom: 8px;
}

div.address_item_ {
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  width: 820px;
  overflow: hidden;
}

div.address_item_ address {
  margin-left: 20px;
  float: left;
  display: inline;
  width: 640px;
}

div.address_item_ .address_change_ {
  float: right;
  display: inline;
  text-align: right;
  width: 150px;
}

div.address_item_ .address_change_ input.chande-dest-info {
  text-decoration: none !important;
  color: #4cae8d !important;
}

div.address_item_ .address_change_ input.chande-dest-info:hover {
  text-decoration: underline !important;
  opacity: 0.7 !important;
}

div.address_bottom_ {
  padding: 10px 0 0 0;
  text-align: right;
}

/* 請求先（ログイン時） */
div.method_bill_biz_ {
  margin-bottom: 8px;
}

div.method_bill_biz_ h2 {
  margin: 0;
  padding: 8px 4px 12px 5px;
  font-size: 14px;
  font-weight: bold;
  background: #fff url(../../img/usr/common_h2_noleft.png) left top no-repeat;
}

div.method_bill_biz_ h2 span {
  font-size: 12px;
  font-weight: normal;
}

/* お届け先（クイックオーダー） */
div.quickorder_clear_ {
  clear: both;
  height: 5px;
}

div.quickorder_left_ {
  float: left;
}

div.quickorder_right_ {
  float: right;
}

.detail_view_ {
  cursor: pointer;
}

div.quickorder_cart_ {
  height: 320px;
  overflow: auto;
}

tr.quickorder_listdetail_ {
  display: none;
  border-top-width: 0;
}

tr.quickorder_main_ td {
  border-bottom-width: 0;
  border-top: 1px solid #ccc;
}

tr.quickorder_listdetail_ td {
  overflow: auto;
  border-bottom-width: 0;
}

tr.quickorder_listdetail_ td > table {
  margin: 0;
  width: 700px;
}

tr.quickorder_listdetail_ td table td textarea {
  width: 600px;
}

#wkArea {
  background-color: white;
  border: 1px solid black;
  display: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 8pt;
  position: absolute;
  top: 50px;
  left: 5px;
  color: black;
}

#wkArea .itemNotFound {
  text-align: center;
  color: Gray;
  font-style: italic;
  padding-left: 5px;
  padding-right: 5px;
  height: 20px;
  line-height: 20px;
  width: 250px;
}

#wkArea .itemLine {
  padding: 0 5px 0 5px;
  height: 20px;
  line-height: 20px;
  list-style: none;
  white-space: nowrap;
  cursor: default;
}

#wkArea .itemLine .itemCode {
  float: left;
  font-weight: bold;
  margin-right: 5px;
}

table.quickorder_subtotal_ {
  margin: 0 auto;
  width: 100%;
  border-style: none;
}

table.quickorder_subtotal_ td.money_ {
  width: 80px;
  white-space: nowrap;
  text-align: right;
}

table.quickorder_subtotal_ td.total_ {
  text-align: right;
}

table.quickorder_subtotal_ td.del_ {
  width: 80px;
}

div.quickorder_addr_ {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.quickorder_addr_ div.addr_info_ {
  margin-bottom: 10px;
  padding-left: 10px;
}

div.quickorder_addr_ div.addr_name_ {
  font-weight: bold;
}

div.quickorder_addr_ .common_headline2_ {
  overflow: hidden;
}

div.quickorder_addr_ .common_headline2_ div {
  float: left;
  display: inline;
}

div.quickorder_addr_ .editdest_button_ {
  float: right;
  display: inline;
  margin-top: -4px;
  margin-bottom: 4px;
}

div.delivery_spec_ {
  width: 100px;
}

div.option_view_ {
  width: auto;
  padding: 5px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  background-color: #eaf2f7;
  border: 1px solid #abc9cc;
  cursor: pointer;
}

div.quickorder_option_ {
  padding: 5px;
  border: 1px solid #abc9cc;
  border-top-width: 0;
}

/* 配送方法 */
div.method_box_ {
  padding-bottom: 8px;
}

div.method_box_ .must_ {
  margin-right: 10px;
}

div.method_box_ div.method_box_content_ {
  padding-left: 10px;
  clear: both;
  padding-right: 10px;
}

div.method_box_ div.method_box_content_ textarea[name="comment"] {
  width: 100%;
}

textarea[name="comment_su_2"] {
  width: 99%;
}

div.method_box_ div.line_contents_ {
  float: left;
}

div.method_box_ label {
  margin: 4px 10px 4px 4px;
}

div.method_cart_box_ {
  margin-bottom: 20px;
}

/* 配送希望日時指定 */
#method_date dl {
  margin: 0 0 10px 0;
}

#method_date dl dt {
  float: left;
  display: inline;
  font-weight: bold;
}

#method_date dl dd {
  margin-left: 8em;
}

/* ポイント */
.currentpoint_ {
  margin-bottom: 10px;
}

div.point_use_ {
  margin-bottom: 10px;
  padding: 10px;
  background: #f8f8f8;
  border: 1px solid #ccc;
}

#pointpay_num {
  background-color: #dedede;
  width: 40px;
  padding: 2px;
}

/* 支払方法の指定画面の配送一覧 */

div.order_ div.method_destlist_frame_ {
  margin-bottom: 8px;
  width: 100%;
}

div.order_ div.method_destlist_frame_ .delivery_date_ {
  color: #c00;
  font-weight: bold;
}

.formlist_.method_destlist_ .dest_address_ {
  border-bottom: none;
}

div.order_ table.method_destlist_ {
  margin-bottom: 0;
  border-bottom-width: 0;
}

div.order_ table.method_destlist_ th {
  border-width: 0;
  background: #eef8f5;
  font-weight: bold;
  padding: 8px 3px;
  border: 1px solid #ccc;
  width: 260px;
}

div.order_ table.method_destlist_ td {
  padding: 3px;
  border: 1px solid #ccc;
}

div.order_ table.method_destlist_ th.spec_ {
  border-bottom: 1px solid #ccc;
  border-right: none;
}

div.order_ table.method_destlist_ td.spec_ {
  border-bottom: 1px solid #ccc;
}

div.order_ table.method_destlist_ .goodsname_ {
  width: 600px;
}

div.order_ table.method_destlist_ .qty_ {
  width: 100px;
}

div.order_ table.method_destlist_ .amt_ {
  width: 120px;
}

div.order_ table.method_destlist_ td.goodsname_ {
  padding: 0 0 0 4px;
  vertical-align: top;
  border-top: none;
}

div.order_ table.method_destlist_ td.qty_ {
  padding: 0;
  vertical-align: top;
  border-top: none;
}

div.order_ table.method_destlist_ td.amt_ {
  padding: 0 4px 0 0;
  vertical-align: top;
  border-top: none;
}

div.order_ table.method_destlist_ td.detail_option_ {
  border-bottom: none;
}

div.order_ table.method_destlist_ td.detail_option_ table {
  width: 1072px;
}

div.order_ table.method_destlist_ td.goodsname_ div,
div.order_ table.method_destlist_ td.qty_ div,
div.order_ table.method_destlist_ td.amt_ div {
  background: #fff;
  padding: 2px;
  border-top: 1px dashed #ccc;
}

div.order_ table.method_destlist_ td.goodsname_ span,
div.order_ table.method_destlist_ td.qty_ span,
div.order_ table.method_destlist_ td.amt_ span {
  font-weight: bold;
}

div.order_ table.method_destlist_ td.method_destlist_supplier_ {
  border-top: 1px dashed #ccc;
  border-bottom: none;
}

div.order_ table.method_destlist_ td.method_destlist_supplier_ table {
  width: 100%;
}

div.order_ table.method_destlist_ td.method_destlist_supplier_ span.method_supplier_name_ {
  margin-bottom: 5px;
  margin-left: 0;
  border-left: 5px solid #4cae8d;
  display: block;
}

div.order_ table.method_destlist_ {
  margin-bottom: 0;
  border-bottom-width: 0;
  width: 1080px;
}

div.order_ div.method_destlist_frame_ .method_destlist_:nth-of-type(2) {
  border-bottom: 1px solid #ccc;
}

/* firefox用 */
@-moz-document url-prefix() {
  div.order_ table.method_destlist_ {
    width: 100%;
    table-layout: fixed;
  }

  textarea[name="comment_de_1"] {
    width: 605px;
  }
}

/* --------------------------------------------------------------------
  ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
  width: 1200px;
  box-sizing: border-box;
  overflow: hidden;
  width: 1155px;
  width: 1067px;
  width: 100%;
}

div.spandual_ > table {
  width: 100%;
}

table.estimate_top_ td.estimate_top_left_ table {
  width: 550px;
  margin-left: 0;
  margin-bottom: 20px;
}

table.estimate_top_ td.estimate_top_right_ {
  width: 450px;
}

table.estimate_top_ tr td {
  vertical-align: top;
}

/* 配送情報 */
table.host_,
table.sender_ {
  border: 1px solid #ccc;
  width: 550px;
  margin-left: 0;
}

div.order_ .method_addr_ {
  margin-bottom: 10px;
  padding-left: 10px;
}

table.card_,
table.convinience_ {
  width: 100%;
}

table.card_ label {
  margin: 0 20px 0 5px;
}

table.convinience_ th {
  width: 16em;
}

/* お支払い方法 */
div.order_ table.estimate_method_ {
  margin-right: 0;
  margin-left: auto;
  width: 100%;
}

div.order_ table.estimate_method_ .nocell_ {
  text-align: left;
}

div.order_ table.estimate_method_ .nocell_ .small_ {
  font-size: 13px;
}

div.order_ table.estimate_method_ th {
  width: 50%;
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

div.order_ table.estimate_method_ td {
  width: 50%;
  text-align: right;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

/* お届け先 */
div.order_ div.dest_block_ table.dest_ {
  width: 839px;
  margin: 0 auto 4px auto;
  width: 1155px;
  width: 1067px;
  margin-bottom: 20px;
  width: 100%;
}

table.approval_purchase_ th {
  border-right-style: none;
  width: 150px;
}

div.order_ table.card_ th {
  text-align: left;
  width: 170px;
}

div.order_ table.card_ td {
  text-align: left;
}

/* order method */
div.order_ table.method_ {
  margin-right: 0;
  border-width: 0;
  margin-bottom: 20px;
}

div.order_ table.method_ th {
  width: 50%;
  text-align: left;
}

div.order_ table.method_ td {
  width: 50%;
  text-align: right;
}

div.order_ table.method_ td.nocell_ {
  text-align: left;
}

div.order_ table.method_ td.nocell_ .small_ {
  font-size: 13px;
}

/*配送先*/
div.order_ .method_method_ {
  text-align: left;
}

/*注文拡張*/
div.order_ table.sales_append_ {
  margin-right: 0;
  margin-left: auto;
  width: 100%;
}

div.order_ table.sales_append_ th {
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

div.order_ table.sales_append_ td {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

/* order order */
div.order_ table.order_ {
  width: 100%;
  margin: 0 auto 20px auto;
}

table.formdetail_.order_ a:hover {
  color: #4cae8d;
}

div.order_ table.order_ th {
  width: 25%;
}

/* カードで支払う */
div.order_ table.formdetailcard_ {
  margin-bottom: 20px;
}

div.order_ table.formdetailcard_ th {
  width: 12em;
}

.block-order-estimate--commit-btn-include-loading {
  height: 100px;
  width: 850px;
  position: absolute;
  transform: scale(0.5);
}

/* 履歴用 */
div.order_ .clearfix_ {
  clear: both;
  visibility: hidden;
}

div.order_ div.cancel_ {
  background: #f0f0f0;
}

div.order_ .cancel_ td {
  background: #f0f0f0;
}

div.order_ .cancel_ .estimate_comments_ th {
  background: #f0f0f0;
}

div.order_ div.cancel_ {
  background: #f0f0f0;
}

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

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

div.order_ .estimate_block_ .method_supplier_name_ + div.dest_process_ {
  margin-right: 0;
  margin-bottom: 20px;
}

div.order_ div.agency_process_ {
  float: right;
  text-align: right;
  margin-bottom: 20px;
}

div.order_ div.agency_process_ img {
  width: 300px;
}

div.order_ div.agency_approval_left_ {
  float: left;
  text-align: left;
  width: 560px;
}

div.order_ table.agencyapprovallist_ th {
  border: 1px solid #af8ad1;
  background: #af8ad1;
  padding: 8px 8px 6px 8px;
  font-weight: normal;
  width: 80px;
  color: #fff;
}

div.order_ table.agencyapprovallist_ td {
  border: 1px solid #af8ad1;
  padding: 8px 8px 6px 8px;
}

div.order_ table.destgoodslist_ div.estimate_goodsname_ div.detail_name_ {
  float: left;
}

div.order_ table.destgoodslist_ div.estimate_goodsname_ div.detail_process_ {
  float: right;
  margin-bottom: 6px;
}

div.order_ table.order_cart_list_ {
  width: 100%;
  border-bottom: solid 1px #ccc;
  margin: 10px 2px 2px 2px !important;
}

div.order_ table.order_cart_list_ th {
  text-align: right;
}

div.order_ table.order_cart_list_ td {
  border-top: solid 1px #ccc;
}

div.order_ table.order_cart_list_ td.image_ {
  width: 100px;
  text-align: center;
}

div.order_ table.order_cart_list_ td.image_ img {
  margin: 5px;
}

div.order_ table.order_cart_list_ td.name_ {
  width: 440px;
  padding: 5px;
}

div.order_ table.order_cart_list_ td.name_ .price_ {
  font-size: 12px;
}

div.order_ table.order_cart_list_ td.qty_ {
  width: 100px;
  text-align: right;
}

div.order_ table.order_cart_list_ input.order_cart_qty_ {
  width: 40px;
  font-size: 14px;
  text-align: right;
  border: 2px solid #4cae8d;
}

div.order_ table.order_cart_list_ td.amt_,
div.order_ table.order_cart_list_ td.amt_tax_,
div.order_ table.order_cart_list_ td.amt_tax_biz_ {
  width: 100px;
  text-align: right;
}

div.order_ table.order_cart_list_ td.button_ {
  width: 88px;
  text-align: center;
}

div.order_ table.order_cart_list_ td.error_ {
  border-top-color: #fff;
  border-top-width: 0;
}

div.order_ div.order_cart_list_total_ th {
  text-align: right;
}

div.order_ hr.order_cart_list_total_dest_top_ {
  margin-bottom: 10px;
  width: 100%;
  border: none;
  border-top: 2px solid #4cae8d;
  height: 1px;
  color: #fff;
}

div.order_ div.order_cart_list_total_dest_ {
  width: 100%;
}

div.order_ div.order_cart_list_total_dest_ td {
  font-size: 13px;
  font-weight: bold;
}

div.order_ div.order_cart_list_total_ td.subtotal_,
div.order_ div.order_cart_list_total_ td.tax_biz_,
div.order_ div.order_cart_list_total_ td.tax_,
div.order_ div.order_cart_list_total_ td.postage_ {
  width: 130px;
  text-align: right;
}

/* 軽減税率対応 */
div.order_ div.add_postage_comment_ {
  width: 300px;
  color: #333;
  float: left;
}

div.order_ div.order_cart_list_total_ {
  overflow: hidden;
  padding: 8px 8px 6px;
}

div.order_ div.order_cart_list_total_ table.subtotal_ th {
  width: 135px;
  text-align: right;
}

div.order_ div.order_cart_list_total_ table.subtotal_ th.tax_,
div.order_ div.order_cart_list_total_ table.subtotal_ th.tax_biz_ {
  width: 100px;
}

div.order_ div.order_cart_list_total_ table.subtotal_ td.subtotal_,
div.order_ div.order_cart_list_total_ table.subtotal_ td.tax_,
div.order_ div.order_cart_list_total_ table.subtotal_ td.tax_biz_ {
  width: 100px;
  max-width: 135px;
  text-align: left;
  font-size: 15px;
}

div.order_ div.order_cart_list_total_ tr.subtotal_breakdown_ td,
div.order_ div.order_cart_list_total_ tr.subtotal_breakdown_ th {
  font-size: 10px;
  font-weight: normal;
}

div.order_ div.order_cart_list_total_ div.subtotal_breakdown_ {
  float: left;
  border: 3px double #ccc;
  padding: 10px 4px;
  margin: 0 4px;
  width: 400px;
}

div.order_ div.order_cart_list_total_ div.subtotal_breakdown_ th {
  width: 160px;
  text-align: right;
  font-size: 15px;
}

div.order_ div.order_cart_list_total_ div.subtotal_breakdown_ th.tax_,
div.order_ div.order_cart_list_total_ div.subtotal_breakdown_ th.tax_biz_ {
  width: 60px;
}

div.order_ div.order_cart_list_total_ div.subtotal_breakdown_ td.subtotal_,
div.order_ div.order_cart_list_total_ div.subtotal_breakdown_ td.tax_,
div.order_ div.order_cart_list_total_ div.subtotal_breakdown_ td.tax_biz_ {
  width: 85px;
  text-align: left;
  font-size: 15px;
  overflow-wrap: anywhere;
}

div.order_cart_list_total_.order_cart_list_total_dest_ > div > table > tbody > tr > th,
div.order_cart_list_total_.order_cart_list_total_dest_ > div > table > tbody > tr > td {
  font-size: 15px !important;
}

div.order_ .estimate_subtotal_breakdown_ {
  vertical-align: top;
  width: 100%;
  margin: 10px 0;
}

div.order_ h2 {
  font-weight: bold;
}

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

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

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ > table {
  margin: 0;
  width: 100%;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ th {
  text-align: right;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ td {
  width: 29%;
  text-align: right;
  padding-right: 8px;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ th.subtotal_ {
  width: 29%;
  padding-left: 8px;
}

div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ th.tax_,
div.order_ .estimate_subtotal_breakdown_ div.subtotal_breakdown_ th.tax_biz_ {
  width: 13%;
}

div.order_ table.estimate_subtotal_breakdown_list_ {
  width: auto;
  float: right;
  margin-bottom: 10px;
}

div.order_ table.estimate_subtotal_breakdown_list_ td {
  width: 160px;
  text-align: right;
  border: 1px solid #ccc;
}

.historydetail_ li a {
  color: #4cae8d;
}

div.order_ .order_cart_list_all_total_ {
  margin: 10px 0 10px 0;
  padding: 4px 0 4px 0;
  border: 1px solid #ffcc60;
  background-color: #ffffe0;
}

div.order_ table.order_cart_list_ tr.cart_detail_change_ td {
  background: #e3ffff;
}

div.order_ table.order_cart_list_ tr.cart_detail_zero_ td {
  background: #e3e3e3;
}

div.order_ .order_cart_delete_ {
  overflow: visible;
  cursor: pointer;
  width: 25px;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #909090;
  padding: 3px 10px;
  text-decoration: none;
  color: #555;
  display: inline-block;
  position: relative;
}

div.order_ .order_cart_delete_:hover {
  border: 1px solid #333;
  color: #000;
}

div.order_ .order_cart_delete_:active {
  top: 1px;
}

div.order_ .order_cart_reload_ {
  overflow: visible;
  cursor: pointer;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  height: 25px;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #4cae8d;
  padding: 4px 10px;
  text-decoration: none;
  background-color: #4cae8d;
  color: #fff;
  display: inline-block;
  box-shadow: 1px 1px 1px #ccc;
  position: relative;
}

div.order_ .order_cart_reload_:hover {
  background-color: #fff;
  color: #4cae8d;
}

div.order_ .order_cart_reload_:active {
  top: 1px;
}

div.order_ .order_cart_reload_ {
  margin-top: 2px;
  display: none;
}

div.order_ .order_cart_reload_.show_ {
  display: inline-block;
  margin-left: 10px;
}

/** header list start **/

div.order_ h2.dest_list_ {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 1px 1px 1px 0;
  font-size: 15px;
  font-weight: bold;
}

div.order_ .order_cart_sublist_ {
  width: 830px;
  float: left;
  margin: 0 0 10px 0;
  padding: 4px;
  border: 1px solid #ffcc60;
  background-color: #ffffe0;
  width: 1070px;
}

div.order_ .order_cart_sublist_bottom_ {
  clear: both;
}

div.order_ div.order_cart_sublist_total_ {
  clear: both;
}

div.order_ .order_cart_sublist_ .item_ {
  width: 198px;
  float: left;
  margin: 4px;
  width: 206px;
}

div.order_ .order_cart_sublist_ .item_.now_ a .title_,
div.order_ .order_cart_sublist_ .item_.now_ a .info_ {
  background-color: #eef8f5;
}

div.order_ .order_cart_sublist_ .item_ a {
  display: block;
  overflow: hidden;
  border: 1px solid #4cae8d;
  position: relative;
  text-decoration: none;
  margin: 1px;
}

div.order_ .order_cart_sublist_ .now_ a {
  border-width: 1px;
  margin: 1px;
}

div.order_ .order_cart_sublist_ .item_ a:hover {
  border-width: 2px;
  margin: 0;
  text-decoration: none;
}

div.order_ .order_cart_sublist_ .now_ a:hover {
  box-shadow: none;
  cursor: text;
  border-width: 1px;
  margin: 1px;
}

div.order_ .order_cart_sublist_ .item_ a .title_ {
  display: block;
  padding: 8px 8px 6px 4px;
  margin: 0;
  font-size: 12px;
  line-height: 1.1;
  color: #fff;
  background-color: #4cae8d;
  background-color: #fff;
  color: #333;
  font-size: 15px;
}

div.order_ .order_cart_sublist_ .item_ a:hover .title_ {
  color: #000;
}

div.order_ .order_cart_sublist_ .now_ a .title_,
div.order_ .order_cart_sublist_ .now_ a:hover .title_ {
  color: #fff;
  background-color: #4cae8d;
  color: #333;
  background-color: #fff;
}

div.order_ .order_cart_sublist_ .now_ a:hover .title_ {
  background-color: #eef8f5;
}

div.order_ .order_cart_sublist_ .ng_ a .title_,
div.order_ .order_cart_sublist_ .ng_ a:hover .title_ {
  color: #fff;
  color: #333;
}

div.order_ .order_cart_sublist_ .item_.ng_ a {
  color: #c00;
}

div.order_ .order_cart_sublist_ .item_ a .info_ {
  display: block;
  margin: 0;
  padding: 6px 2px 4px 2px;
  font-size: 15px;
  line-height: 1.1;
  color: #777;
  font-weight: normal;
  text-align: right;
  background: #fff url(../../img/usr/order_cart_icon_cart.png) 2px 7px no-repeat;
  background-size: 14px;
}

div.order_ .order_cart_sublist_ .now_ a .info_ {
  color: #000;
}

div.order_ .order_cart_sublist_ .item_ a:hover .info_ {
  color: #000;
}

div.order_ .order_cart_sublist_ .item_add_ input {
  float: left;
  margin: 5px;
  display: block;
  border-radius: 4px;
  border: 1px solid #4cae8d;
  position: relative;
  background-color: #4cae8d;
  width: 196px;
  cursor: pointer;
  color: #fff;
  padding: 17px 0;
}

div.order_ .order_cart_sublist_ .item_add_ input:hover {
  background-color: #fff;
  margin: 4px;
  width: 198px;
  border-color: #4cae8d;
  color: #4cae8d;
}

div.order_ #order_cart_sublist_new {
  position: absolute;
  display: none;
}

.order_cart_sublist_single_ > tbody > tr > td > span {
  position: unset !important;
}

div.order_ a.order_cart_navi_ {
  margin-right: 10px;
  font-size: 15px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px 0;
  color: #4cae8d;
  font-weight: bold;
}

div.order_ input.order_cart_navi_ {
  font-size: 13px;
  background: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  color: #4cae8d;
  padding: 5px 0;
}

div.order_ input.order_cart_navi_:hover {
  text-decoration: underline;
}

/** header list end **/

/** 軽減税率対応 **/

div.order_ div.estimate_footer_total_ {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: auto;
  border: 2px solid #4cae8d;
  padding: 10px;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 20px;
  gap: 8px;
}

div.order_ div.estimate_footer_total_ h2 {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

div.order_ div.estimate_footer_total_ table th {
  padding: 2px 0;
}

div.order_ div.estimate_footer_total_ table td {
  padding: 2px 0;
  font-size: 15px;
  font-weight: bold;
}

div.order_ div.estimate_footer_total_ div.estimate_subtotal_breakdown_ {
  width: 600px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th {
  width: 145px;
  text-align: right;
  padding: 8px 8px 6px 8px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th.tax_ {
  width: 60px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ td {
  width: 85px;
  padding: 8px 8px 6px 8px;
}

table.estimate_total_list_ + .small_ {
  font-size: 13px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ {
  margin-top: 0;
  margin-bottom: 0;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ th {
  width: 200px;
  border: 1px solid #dfdfdf;
  background: #eef8f5;
  font-weight: bold;
  padding: 8px 8px 6px 8px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ td {
  width: 190px;
  text-align: right;
  border: 1px solid #dfdfdf;
  padding: 8px 8px 6px 8px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.subtotal_ td {
  font-size: 15px;
}

div.order_ div.estimate_footer_total_ td.estimate_subtotal_sum_ {
  display: none;
}

div.order_ .total_title_ {
  font-weight: bold;
}

div.order_.print_button_ {
  width: 100%;
}

div.order_.print_button_ form {
  float: right;
  padding: 0 2px;
}

div.order_ .subtotal_block_ {
  border: 2px solid #dfdfdf;
  padding: 8px 8px 6px;
}

div.order_ .subtotal_block_ > .formsublist_,
div.order_ .subtotal_block_ > .formlist_ {
  width: 99.5% !important;
}

/** モーダル **/

#inline-content .cart_data_ {
  width: 600px;
  margin: 12px 50px 0 50px;
  padding: 8px;
  border: 2px solid #4cae8d;
}

#inline-content p {
  font-weight: bold;
}

#inline-content .cart_data_ table {
  width: 100%;
}

#inline-content .cart_data_ table td {
  text-align: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#inline-content .cart_data_ table td.image_ {
  width: 60px;
}

#inline-content .cart_data_ table td.image_ img {
  width: 50px;
  height: 50px;
  margin: 5px;
}

#inline-content .cart_data_ table th.qty_,
#inline-content .cart_data_ table td.qty_ {
  text-align: center;
}

/* カートリスト */
#detail_precart_10000 > div > div > div.estimate_block_ > span {
  margin-left: 0;
}

/* 送り状No、荷物問い合わせURL */
div.order_ div.estimate_block_ table.estimate_comments_ td {
  max-width: 120px;
  overflow-wrap: break-word;
}

div.order_ div.dest_block_ table.destspeclist2_ td {
  max-width: 120px;
  overflow-wrap: break-word;
}

div.order_ table.destspeclist2_ td {
  max-width: 120px;
  overflow-wrap: break-word;
}

p.method_error_ {
  font-size: 11px;
}

/* firefox用 */
@-moz-document url-prefix() {
  table.method_host_ th,
  table.method_sender_ th {
    width: 230px;
  }

  input[name="s_name"],
  input[name="s_name2"],
  input[name="s_kana"],
  input[name="s_kana2"],
  input[name="s_tel"],
  input[name="s_zip"],
  input[name="d_name"],
  input[name="d_name2"],
  input[name="d_kana"],
  input[name="d_kana2"],
  input[name="d_tel"],
  input[name="d_zip"] {
    width: 160px;
  }

  input[name="s_addr"],
  input[name="s_addr2"],
  input[name="s_addr3"],
  input[name="s_comp"],
  input[name="s_dept"],
  input[name="d_addr"],
  input[name="d_addr2"],
  input[name="d_addr3"],
  input[name="d_comp"],
  input[name="d_dept"] {
    width: 370px;
  }
}

.order-cart-navigation {
  display: flex;
  justify-content: end;
}

.order-annotation {
  display: grid;
  place-content: start;
}

/* --------------------------------------------------------------------
  csv cart 
-------------------------------------------------------------------- */
.impcart_ .import_ {
  width: 100%;
}

.impcart_ .impcartlist_ {
  width: 100%;
}

.impcart_ .impcartlist_ .imp_goods_ {
  width: auto;
}

.impcart_ .impcartlist_ .imp_name_ {
  width: 300px;
}

.impcart_ .impcartlist_ .imp_price_ {
  width: 80px;
  text-align: right;
}

.impcart_ .impcartlist_ .imp_qty_ {
  width: 80px;
  text-align: right;
}

.impcart_ .impcartlist_ .imp_err_info_ {
  width: 200px;
  word-break: normal;
}

.impcart_ .impcartlist_ tr.error_ td {
  background-color: #f0f0f0;
  color: #666;
}

/* --------------------------------------------------------------------
  注文・見積添付ファイルアップロード
  --------------------------------------------------------------------- */
div#file_attachment_frame_ {
  padding-left: 10px;
}

div#file_attachment_frame_ .attach-file-name {
  width: 270px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div#file_attachment_frame_ .attach-file-list div {
  margin: 4px;
}

div#file_attachment_frame_ .attach-file-list {
  display: flex;
  align-items: center;
}

div.order_ .delete_ {
  overflow: visible;
  cursor: pointer;
  width: 25px;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #909090;
  padding: 3px 10px;
  text-decoration: none;
  color: #555;
  display: inline-block;
  position: relative;
}

#upload_file_ {
  display: none;
}

div.attachment-help,
div.attachment-notice {
  display: block;
  font-size: 11px;
  color: #737373;
  text-align: left;
}

#drop_file_area_ {
  width: 110px;
}

#btn_select_file_ {
  margin-bottom: 10px;
}

div.method-box-content {
  clear: both;
  padding-right: 10px;
}