@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: 20px;
  margin-top: 5rem;
}

div.order_header_ div.order_flow_ {
}

div.order_flow_ > ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: row wrap;
}
div.order_flow_.order_flow_4 > ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 .1rem;
}
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;
  min-height: 12rem;
  color: #ccc;
}

div.order_flow_.order_flow_4 > ul > li{
  box-sizing: border-box;
  margin-right: 0;
  width: 100%;
  padding: 0;
  flex-flow: row wrap;
}
div.order_flow_ .txt-step {
  flex: 0 0 100%;
  max-width: 100%;
  margin-right: 1.5rem;
  width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  background-color: #fff;
}
div.order_flow_.order_flow_4 .txt-step{
  flex: none;
  border-radius: 10rem;
}
div.order_flow_ .txt-step-num {
  font-size: 2.6rem;
  color: #ccc;
}

div.order_flow_ .txt-name {
  flex: 0 0 100%;
  max-width: 100%;
  font-size: 2.6rem;
}
div.order_flow_.order_flow_4 .txt-name {
  flex: none;
}

div.order_flow_ > ul > li.now_ {
  background-color: var(--blue01);
  color: #fff;
}
div.order_flow_ > ul > li.now_ .txt-step-num{
  color: var(--blue01);
}

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_.order_flow_4 > ul > li::after {
  display: none;
}

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

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

/* --------------------------------------------------------------------
  ご注文完了
-------------------------------------------------------------------- */

.block-order-complete--cart{
  text-align: center;
}

.block-order-complete--cart p{
  text-align: left;
  font-size: 2.6rem;
  line-height: normal;
}

.block-order-complete--cart .btn-normal{
  margin-top: 2.4rem;
  width: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.order_ div[data-order_id]{
  margin-top: 4.2rem;
}

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

div.order_ {
  /* width: 155rem; */
  margin: 0 auto;
}

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

div.order_ .common_headline2_ {
  margin: 3rem 0 2rem;
}

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: 2rem 2.8rem;
  font-size: 2.6rem;
  line-height: 1.38;
}

div.method_host_ div.host_info_ .dest_nickname_ {
  font-weight: bold;
  font-size: 2.6rem;
  padding: 0 0 2px 4px;
}
.order_.col1_ div.method_host_ div.host_info_ .dest_nickname_{
  margin-bottom: 2.4rem;
}
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: var(--blue01) !important;
  text-decoration: none;
  width: auto !important;
}

input[name="address.x"],
input[name="edi_address.x"] {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  margin-left: 13px;
  font-size:2.6rem;
  line-height: 26px;
  background-color: var(--blue05);
  border: 1px solid #12449A;
  color: var(--blue01) !important;
  text-decoration: none;
  width: auto !important;
  box-shadow: none;
  height: 5.6rem;
  padding: 0 2rem;
  margin-top: 2rem;
}

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_ table.order_cart_list_total_ .postage_comment_{
  font-size: 2.6rem;
}
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_ div.estimate_block_ .order_cart_list_ .name_ a{
  color: var(--main-color);
}
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; */
}
div.order_.spandual_ div.estimate_block_ {
  padding: 0;
  border: none;
}
div.order_.spandual_ div.dest_block_ table.destgoodslist_{
  margin-bottom: 3rem;
}
.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_.spandual_ div.dest_block_ .formsublist_.destspeclist_{
  margin:0;
}
div.order_ table.destgoodslist_ th {
  border: 1px solid #dfdfdf;
  background: var(--blue03);
  font-weight: bold;
  background-color: var(--blue04);
  padding: 3rem;
}
div.order_ table.destgoodslist_ th.estimate_goodsname_ {
  font-size: 2.6rem;
}

div.order_ table.destgoodslist_ td {
  border: 1px solid #dfdfdf;
  padding: 3rem;
  font-size: 2.6rem;
  box-sizing: border-box;
}

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_ {
}
div.order_ table.destgoodslist_ th.estimate_goodsname_ {
}
div.order_ table.destgoodslist_ td.estimate_goodsname_ {
  font-size: 2.6rem;
  border-right: none;
  border-left: none;
  line-height: 1.38;

}

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

div.order_ table.destgoodslist_ .estimate_qty_ {
  min-width: 25rem;
  text-align: right;
  font-size: 2.6rem;
  border-right: none;
  border-left: none;
  padding-left: 0;
  line-height: 1.38;
}

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: 13.5rem;
  text-align: right;
  font-size: 2rem;
  line-height: 1.38;
}
div.order_ table.destgoodslist_ .estimate_amt_{
  border-right: none;
  border-left: none;
  width: 35rem;
  font-size: 2.6rem;
}
/* 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.order_estimate_destgoods_list_ td.estimate_goodsname_ .estimate_name_ {
  display: flex;
}

div.order_ table.order_estimate_destgoods_list_ td.estimate_goodsname_ .estimate_name_ .order_estimate_name_left_{
  flex-shrink: 0;
}

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: var(--blue03);
  padding: .2rem;
  width: 14rem;
  width: 16rem;
  padding: .8rem .8rem .6rem .8rem;
}
div.order_ table.destspeclist_.hitory_detail_ th {
  padding: 2rem 1rem;
  font-size: 1.8rem;
  width: 20rem;
  box-sizing: border-box;
}
div.order_ table.destspeclist_.supplement_ th {
  width: 32rem;
  padding: 1rem 3rem;
  box-sizing: border-box;
  font-size: 2.6rem;
}

div.order_ table.destspeclist_ td {
  border: 1px solid #dfdfdf;
  padding: 2px;
  min-width: 13rem;
}
div.order_ table.destspeclist_.hitory_detail_ td {
  padding: 2rem 1rem;
  font-size: 1.7rem;
  width: 20rem;
  box-sizing: border-box;
}
div.order_ table.destspeclist_.supplement_ td {
  width: auto;
  padding: 1rem 3rem;
  height: 9.9rem;
  box-sizing: border-box;
  font-size: 2.6rem;
}

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;
  line-height: normal;
}

div.address_item_ {
  padding:2rem;
  border-bottom: 1px dotted #ccc;
  width: 82rem;
  overflow: hidden;
}
.order_ div.address_item_{
  width: 100%;
}
div.address_title_ {
  font-size:2.6rem;
}
div.address_item_ address {
  margin-left: 2rem;
  margin-top: 1.2rem;
  float: left;
  display: inline;
  width: 64rem;
  font-size: 2.2rem;
}

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: 3rem;
  margin-top: -1.3rem;
}

div.method_box_ div.method_box_content_ {
  padding-left: 10px;
  clear: both;
  padding-right: 10px;
}
.order_ div.method_box_ div.method_box_content_ {
  padding:0 ;
}
.order_ div.method_box_ div.method_box_content_:has(input[name="method"]) {
  margin-top: 3.6rem;
}

.order_ div.method_box_ div.method_box_content_ input[type=radio]{
  display: none;
}
.order_ div.method_box_ div.method_box_content_ input[type=radio]+label{
  position: relative;
  padding-left: 6.5rem;
  font-size: 2.6rem;
}
.order_ div.method_box_ div.method_box_content_ input[type=radio]+label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  border: 1px solid #CCCCCC;
}
.order_ div.method_box_ div.method_box_content_ input[type=radio]+label::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 1.1rem;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  background-color: #F3F3F3;
}
.order_ div.method_box_ div.method_box_content_ input[type=radio]:checked + label::after {
  background-color: var(--blue02);
}
div.method_box_ div.method_box_content_ textarea[name="comment"] {
  width: 100%;
}
.order_ div.method_box_ div.method_box_content_ textarea[name="comment"]{
  box-sizing: border-box;
  height: 14rem;
  font-size: 2.6rem;
  padding: .5rem;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: .5rem;
}
.order_ div.method_box_ div.method_box_content_ input[type="text"] {
  box-sizing: border-box;
  height: 7rem;
  font-size: 2.6rem;
  padding: .5rem;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: .5rem;
}
.order_ div.method_box_ div.method_box_content_ textarea {
  height: 14rem;
  font-size: 2.6rem;
  padding: .5rem;
}

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

div.method_box_ div.line_contents_ {
  float: left;
}
.order_ div.method_box_ .method_destlist_ td.spec_ input[type="radio"] {
  display: none;
}
.order_ div.method_box_ .method_destlist_ td.spec_ label {
  position: relative;
  padding-left: 6.5rem;
}
.order_ div.method_box_ .method_destlist_ td.spec_ input[type=radio]+label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  border: 1px solid #CCCCCC;
}
.order_ div.method_box_ .method_destlist_ td.spec_ input[type=radio]+label::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 1.1rem;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  background-color: #F3F3F3;
}
.order_ div.method_box_ .method_destlist_ td.spec_ input[type=radio]:checked + label::after {
  background-color: var(--blue02);
}
div.method_box_ div.method_destlist_ .method_goods_ 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: var(--blue05);
  font-weight: bold;
  padding: 0 0 0 3rem;
  border: 1px solid #ccc;
  width: 32rem;
  font-size: 2.6rem;
}
div.order_ table.method_destlist_.method_goods_ th {
  background-color: var(--blue04);
}

div.order_ table.method_destlist_ td {
  border: 1px solid #ccc;
  height: 13rem;
  padding: 3rem;
  box-sizing: border-box;
  font-size: 2.6rem;
  line-height: 1.38;
}
div.order_ table.method_destlist_:nth-of-type(2){
  margin-top: 8rem;
}
div.order_ table.method_destlist_:nth-of-type(3){
  margin-top: 3rem;
}
div.order_ table.method_destlist_.method_goods_ td {
  height: 8rem;
  border: none;
}
div.order_ table.method_destlist_.method_goods_ td:has(.order_method_goosname_) {
  padding: ;
}

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: auto;
}

div.order_ table.method_destlist_ .qty_ {
  width: 12rem;
}

div.order_ table.method_destlist_ .amt_ {
  width: 20rem;
}

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

div.order_ table.method_destlist_ td.goodsname_ .order_goods_name_left_{
  flex-shrink: 0;
}

div.order_ table.method_destlist_ td.qty_ {
  padding: 0;
  vertical-align: top;
  border-top: none;
  min-width: 25rem;
  text-align: right;
  font-size: 2.6rem;

}

div.order_ table.method_destlist_ td.amt_ {
  padding: 0 4px 0 0;
  vertical-align: top;
  border-top: none;
  width: 30rem;
}
div.order_ table.method_destlist_ td.amt_ div{
  justify-content: end;
}

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; */
  height: inherit;
  display: flex;
  align-items: center;
  border-bottom: .2rem solid #ccc;
}
div.order_ table.method_destlist_ td.qty_ div{
  justify-content: end;

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

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_ td.spec_ .spec_text{
  margin-bottom: 1rem;
}
div.order_ table.method_destlist_ td.spec_ select{
  width: 36.8rem;
  height: 7rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../img/usr/icon/arrow.png) 33.5rem 50% / 1.6rem 1.6rem no-repeat;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: .5rem;
  border: 1px solid #ccc;
}
div.order_ table.method_destlist_ td.spec_ select::-ms-expand{
  display: none;
}
div.order_ table.method_destlist_ {
  margin-bottom: 0;
  border-bottom-width: 0;
  width: 100%;
}
div.order_  .formdetail_.sales_append_ .sales_append_select select{
  border: 1px solid #ccc;
  border-radius: .5rem;
}
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;
  width: 80rem;
  margin-right: 2rem;
  margin-left: 0;
  margin-bottom: 20px;
}

table.estimate_top_ td.estimate_top_left_ table th{
  height: 8.5rem;
  width: 25.5%;
  font-size: 2rem;
  padding-left: 3rem;
}
table.estimate_top_ td.estimate_top_left_ table td{
  font-size: 2rem;
}
table.estimate_top_ td.estimate_top_right_ {
  width: 450px;
}
table.estimate_top_ td.estimate_top_right_ table th{
  font-size: 2rem;
  height: 3rem;
  padding-left: 3rem;
}
table.estimate_top_ td.estimate_top_right_ table td{
  font-size: 2rem;
  vertical-align: middle;
}
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%;
  width: 32rem;
  padding:3rem;
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  height: 9.9rem;
  font-size: 2.6rem;
  line-height: 1.3;
}

div.order_ table.estimate_method_ td {
  width: 50%;
  width: auto;
  padding:3rem;
  text-align: right;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 9.9rem;
  box-sizing: border-box;
  font-size: 2.6rem;
  line-height: 1.3;
}
div.order_ table.estimate_method_ td.total_{
  color: var(--main-color);
}

/* お届け先 */
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;
  font-size: 2.6rem;
  padding: 3rem;
  width: 32rem;
  box-sizing: border-box;
  line-height: 1.3;
}

div.order_ table.sales_append_ td {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 2.6rem;
  padding: 3rem;
  width: auto;
  box-sizing: border-box;
  line-height: 1.3;
}

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

table.formdetail_.order_ a {
  color: var(--blue01);
  font-size: 2.6rem;
}
table.formdetail_.order_ a:hover {
  color: var(--blue01);
}

div.order_ table.order_ th {
  width: 22.5%;
  height: 9.9rem;
}
div.order_ table.order_ td {
  vertical-align: middle;
}

/* カードで支払う */
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);
}

.block-order-estimate--creditcard-forceinput-message {
  padding: 10px 0 0 0;
  color: #cc0000;
  font-size: 14px;
  font-weight: bold;
}

/* 履歴用 */
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: center;
  font-size: 2.2rem;
  padding-bottom: 1.5rem;
}

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

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

div.order_ table.order_cart_list_ td.image_ img {
  margin: 2.5rem 0;
  width: 100%;
}

div.order_ table.order_cart_list_ td.name_ {
  width: 58rem;
  padding: .5rem 0 .5rem 2.4rem;
  box-sizing: border-box;
  text-align: left;
}
div.order_ table.order_cart_list_ td.name_ .gname_{
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.3;
}
div.order_ table.order_cart_list_ td.name_ .multiplication-rate_{
  font-size:2.6rem;
  line-height: 1.3;
}
div.order_ table.order_cart_list_ td.name_ .net_{
  margin-top: 3.6rem;
  font-size:2.6rem;
  line-height: 1.3;
}
div.order_ table.order_cart_list_ td.name_ .price_ {
  font-size: 12px;
}
div.order_ table.order_cart_list_ td.single_price_ {
  width: 18rem;
}

div.order_ table.order_cart_list_ td.qty_ {
  width: 26rem;
  text-align: right;
}
div.order_ table.order_cart_list_ td.qty_ {
  width: 17.6rem;
}

/* スピンボタンカスタマイズ */
/** input/スピンボタンのラップ要素 **/
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_{
  position: relative;
}
/** デフォルトのスピンボタンを隠す **/
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ input::-webkit-outer-spin-button,
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
div.order_ table.order_cart_list_ td.qty_ .qty_ input[type="number"] {
-moz-appearance: textfield; 
}
/** スピンボタン要素 **/
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_{
  position: relative;
  width: 25.9rem;
}
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ input{
  max-width: 25.9rem;
  width: 25.9rem;
	text-align: center;
	height: 7.5rem;
	border: 1px solid var(--blue01);
  border-radius: .5rem;
  font-size:3rem;
  box-sizing: border-box;
}
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ .spinner{
position: absolute;
top: 50%;
width: 7.5rem;
height: 7.5rem;
transform: translate(0, -50%);
font-size: 1rem;
text-align: center;
cursor: pointer;
user-select: none;
}
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ .spinner::before{
  display: grid;
  place-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7.5rem;
  height: 7.5rem;
  transform: translate(-50%,-50%)
}
/** 減算のスピンボタン要素 **/
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ .spinner-down{
  left: 0px;
  border-right: 1px solid #838789;
}
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ .spinner-down::before{
  content: "";
  width: 3.3rem;
  height: .4rem;
  background-color: var(--blue01);
}
/** 加算のスピンボタン要素 **/
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ .spinner-up{
  right: 0px;
  border-left: 1px solid #838789;
}
div.order_ table.order_cart_list_ td.qty_ .qtyWrap_ .spinner-up::before{
  content: "+";
  display: grid;
  place-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7.5rem;
  height: 7.5rem;
  transform: translate(-50%,-50%);
  font-size: 4.2rem;
  color: var(--blue01);
}

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.amt_{
  width: 18rem;
  text-align: center;
  font-size: 2.6rem;
}
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;
  border: none;
}

div.order_ div.order_cart_list_total_dest_ {
  width: 100%;
}
div.order_ div.order_cart_list_total_dest_ table.subtotal_{
  width: 100%;
  margin-top:4rem;
}

div.order_ div.order_cart_list_total_.order_cart_list_total_dest_.order_cart_list_total_estimate_{
  margin-top: 5rem;
  padding: 5rem 7.4rem;
  border: 1px solid var(--blue03);
  margin-top: 3rem;
}

div.order_ div.order_cart_list_total_.order_cart_list_total_dest_.order_cart_list_total_estimate_ .subtotal_ th {
  font-size: 2.6rem;
  width: 30rem;
  line-height: 1.5;
}
div.order_ div.order_cart_list_total_.order_cart_list_total_dest_.order_cart_list_total_estimate_ .subtotal_ td {
  font-size: 2.6rem;
  font-weight: 600;
  text-align: right;
  line-height: 1.5;
}
div.order_ div.order_cart_list_total_.order_cart_list_total_dest_.order_cart_list_total_estimate_ .subtotal_+.subtotal_{
  margin-top: 0;
}
div.order_ div.order_cart_list_total_.order_cart_list_total_dest_.order_cart_list_total_estimate_ hr{
    margin:3rem 0;
    visibility: visible;
}
div.order_ div.order_cart_list_total_.order_cart_list_total_dest_.order_cart_list_total_estimate_ .subtotal_ .total_{
  color: var(--main-color);

}
div.order_ div.order_cart_list_total_.order_cart_list_total_dest_ table.subtotal_ th{
  text-align: left;
  font-size: 2.6rem;
}
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;
}
div.order_ .cart_detail_box_{
  margin-top: 4rem;
  padding:5rem 7.4rem;
  border: 1px solid var(--blue03);
  display: none;
}
div.order_ .cart_detail_box_.is-active{
  display: block;
}

div.order_ div.order_cart_list_total_.order_cart_list_total_dest_{
  box-sizing: border-box;
}
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_ table.subtotal_ td.subtotal_{
  text-align: right;
  font-size: 2.6rem;
}
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: var(--blue01);
  font-size:2rem;
  line-height: 1.3;
}

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: 9.6rem;
  font-size: 2.4rem;
  line-height: 19px;
  height: 5.2rem;
  font-weight: normal;
  -moz-border-radius: .8rem;
  -webkit-border-radius: .8rem;
  border-radius: .8rem;
  border: 1px solid #CCCCCC;
  padding: 3px 10px;
  text-decoration: none;
  color: #555;
  display: grid;
  place-items: center;
  position: relative;
  background-color: #F3F3F3;
  box-sizing: border-box;
}

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: 2.4rem;
  line-height: 16px;
  height: 5.2rem;
  font-weight: normal;
  border-radius: .4rem;
  border: 1px solid var(--blue01);
  padding: 0 2.4rem;
  text-decoration: none;
  background-color: var(--blue03);
  display: inline-block;
  box-shadow: 1px 1px 1px #ccc;
  position: relative;
  color: var(--blue01);
}

div.order_ .order_cart_reload_:hover {
  background-color: #fff;
  color: var(--blue01);
}

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

div.order_ .order_cart_reload_ {
  margin-top: 2px;
  display: none;
}
div.order_ .order_cart_reload_block_{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
div.order_ .order_cart_reload_price_{
  font-size:2.8rem;
  font-weight: 600;
  margin-left: 4rem;
  display: none;
}
div.order_ .order_cart_reload_price_.is-active{
  display: block;
}

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_ .order_cart_list_total_dest_ .total_title_{
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 1.4;
}
div.order_ .order_cart_list_total_dest_ .total_title_num_ {
  font-weight: 600;
}
div.order_ .order_toggle_block_top{
  margin-top: 10rem;
  padding-top: 5rem;
  border-top: 1rem solid #F3F3F3;
}
div.order_ .order_toggle_block_bottom{
  margin-top: 10rem;
  padding-top: 5rem;
  border-top: 1rem solid #F3F3F3;
}
div.order_ .order_toggle_block_ div.order_cart_list_total_.order_cart_list_total_dest_{
  padding: 5rem 7.4rem;
  border: 1px solid var(--blue03);
  margin-top: 3rem;
  display: none;
}
div.order_ .order_toggle_block_ div.order_cart_list_total_.order_cart_list_total_dest_.is-active{
  display: block;
}
.all_block_{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 7.6rem;
}
.all_block_toggle-switch_{
  display: inline-block;
  width: 9.6rem;
  height: 5.6rem;
  position: relative;
  margin: 0;
}
.all_block_toggle-switch_ input {
  opacity: 0;
  width: 0;
  height: 0;
}

.all_block_slider_ {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 9.6rem;
}

.all_block_slider_:before {
  position: absolute;
  content: "";
  height: 4.8rem;
  width: 4.8rem;
  left: .7rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  border-radius: 50%;
  transition: .4s;
}

input:checked + .all_block_slider_ {
  background-color: #005bbb;
}

input:checked + .all_block_slider_:before {
  right: .7rem;
  left: auto;
}

.all_block_text_{
  font-size:2.6rem;
}
.all_block_text_ span{
  font-size:2.2rem;
  margin-left: 4rem;
}

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_.spandual_ .subtotal_block_{
  border: none;
  padding: 0;
}
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;
}