/*cart.css*/
.usccart_navi li {height: 31px;margin: 0px;float: left;color: #FFFFFF;font-size: 14px;font-weight: bold;line-height: 29px;}
/* usces-cart フォーム部分（買い物かごの中身） */
#inside-cart #cart_table tbody {
  font-size: 0.9em;
}
div.usccart_navi li.ucart {
  width: 20% !important;
  text-align: left !important;
  padding: 11px 2% 18px 3%;
  position: relative;
}
div.usccart_navi li.ucart span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
div.usccart_navi li.ucart span img {
  width: 40px !important;
  height: 40px !important;
}
div.usccart_navi li.ucart:first-child::before,
div.usccart_navi li.ucart:last-child::after {
  content: none;
}
div.usccart_navi li.ucart::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #b3b3b3;
  border-bottom: 30px solid #b3b3b3;
  border-left: 15px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
div.usccart_navi li.ucart::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #fff;
  border-bottom: 30px solid #fff;
  border-left: 15px solid #b3b3b3;
  position: absolute;
  position: absolute;
  top: 0;
  right: 0;
}
div.usccart_navi li.usccart_cart,
div.usccart_navi li.usccart_customer,
div.usccart_navi li.usccart_delivery,
div.usccart_navi li.usccart_confirm  {
  background-image: none !important;
  background-color: #00c3b9 !important;
}
div.usccart_navi li.usccart_customer::before,
div.usccart_navi li.usccart_delivery::before,
div.usccart_navi li.usccart_confirm::before  {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #00c3b9;
  border-bottom: 30px solid #00c3b9;
  border-left: 15px solid #fff;
}
div.usccart_navi li.usccart_cart::after,
div.usccart_navi li.usccart_customer::after,
div.usccart_navi li.usccart_delivery::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #fff;
  border-bottom: 30px solid #fff;
  border-left: 15px solid #00c3b9;
}
#cart table#cart_table {
  margin: 10px auto;
}
@media screen and (max-width: 820px) {
  div.usccart_navi li.ucart {
    width: 40% !important;
    padding: 11px 5% 18px;
    margin-bottom: 10px !important;
  }
}
  
/* usces-cart フォーム テーブル部分（買い物かごの中身） */
#cart .upbutton {
  text-align: left !important;
  padding: 0 10px !important;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
}
#cart .upbutton div input {
  background-color: #fa5d24;
  border: 2px solid #ffaa83;
  color: #fff;
  font-weight: 900;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
#cart .upbutton div input:hover {
  opacity: 0.6;
}
#cart table#cart_table {
  min-width: 100%;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
#cart table#cart_table thead tr th,
#cart table#cart_table tfoot tr th:first-child {
  font-weight: 900;
  color: #000;
  background-color: #f6f6f6;
  padding: 10px;
}
#cart table#cart_table tfoot tr th {
  color: #000;
  font-weight: 900;
  background-color: #fff;
}
#cart table#cart_table th,
#cart table#cart_table td {
  border-top: 1px dotted #ccc !important;
  border-bottom: 1px dotted #ccc !important;
  border-right-color: #fff;
}
#cart table#cart_table th.subtotal em.tax,
#cart table#cart_table th.aright em.tax {
  font-weight: 900;
}
#cart table#cart_table th.aright,
#cart table#cart_table td.aright {
  text-align: center !important;
}
#cart table#cart_table tbody .num {
  font-weight: 900;
  background-color: #f6f6f6;
}
#cart table#cart_table tbody .thumbnail img {
  margin: 0 auto;
  width: 60px;
}
#cart table#cart_table tbody td.productname {
  padding-left: 1em;
  padding-right: 1em;
}
#cart table#cart_table tbody td.action input {
  background-color: #5b5b5b;
  border: 2px solid #8c8c8c;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
#cart table#cart_table tbody td.action input:hover {
  opacity: 0.6;
}
.usces-cart .send {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
}
.usces-cart .send div {
  width: 200px;
  position: relative;
  cursor: pointer;
}
.usces-cart .send div:hover {
  opacity: 0.6;
}
.usces-cart .send input {
  width: 100%;
  font-weight: 900;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 15px;
  cursor: pointer;
}
.usces-cart .send div.back::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../images/common/arrows/book-cd-arrow_orange.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.usces-cart .send div.back {
  background-color: #fff;
  border: 2px solid #ffaa83;
}
.usces-cart .send div.back input {
  color: #fa5d24;
}
.usces-cart .send div.next::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../images/common/arrows/book-cd-arrow_wh@2x.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.usces-cart .send div.next {
  background-color: #fa5d24;
  border: 2px solid #ffaa83;
}
.usces-cart .send div.next input {
  color: #fff;
}
@media screen and (max-width: 820px) {
  #cart {
    clear: both;
  }
  #cart .upbutton {
    display: block;
  }
  #cart .upbutton div:nth-child(2) {
    text-align: center;
  }
  #cart .upbutton div input {
    padding: 10px 40px;
  }
  #cart .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  #cart .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  #cart .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  #cart .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 10px;
  }
  .usces-cart .send div {
    width: 48%;
  }
  .usces-cart .send div.back::before {
    width: 12px;
    height: 12px;
    left: 10px;
  }
  .usces-cart .send div.next::after {
    width: 12px;
    height: 12px;
    right: 10px;
  }
}
/*usces-cart フォーム テーブル 配達先情報（お客様情報）*/ 
.customer-toggle label {
  margin-right: 2em;
}
.customer-toggle label input {
  accent-color: blue;
}
#wc_customer .customer_form.company em,
#wc_customer .customer_form.personal em {
  display: none;
}
#customer-info th,
#customer-info td {
  padding: 20px 10px !important;
  border: 1px solid #bbb !important;
  border-left: none !important;
  border-right: none !important;
}
#customer-info th {
  color: #000 !important;
  position: relative;
  background-color: #f6f6f6 !important;
  width: 30% !important;
}
#customer-info td select {
  font-size: 13px;
}
#customer-info th::after {
  content: "必須";
  display: inline-block;
  color: #fff;
  margin-right: 20px;
  background: #e40057;
  padding: 3px 4px 2px 6px;
  width: 30px;
  height: 20px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#customer-info tr#furikana_row th::after,
#customer-info tr#address3_row th::after,
#customer-info tr#fax_row th::after {
  display: none;
}
#customer-info td {
  padding-left: 50px !important;
}
#customer-info .customer_form input {
  padding: 10px;
  border: 1px solid rgba(187, 187, 187, 0.6);
  border-radius: 0;
  font-size: 13px;
}
#customer-info .customer_form input[type="text"],
#customer-info .customer_form input[type="email"] {
  -webkit-appearance: none;
}
#customer-info .customer_form tr.inp1 input {
  width: 70% !important;
  margin-left: 20px !important;
}
#customer-info .customer_form label.iopt_label {
  font-size: 16px;
  font-weight: bold;
}
#wc_customer .customer_form .customkey_privacy .privacy_box {
  overflow-y: auto !important;
}
@media screen and (max-width: 820px) {
  #customer-info th,
  #customer-info td {
    width: calc(100% - 20px) !important;
    display: block !important;
  }
  #customer-info th {
    padding: 7px 10px !important;
    border-bottom: none !important;
  }
  #customer-info td {
    padding: 20px 10px !important;
    border-top: none !important;
    border-bottom: none !important;
  }
  #customer-info .customer_form input {
    padding: 5px 10px;
    width: calc(100% - 20px)!important;
  }
  #customer-info .customer_form input[type="radio"]{
        width: 16px !important;
        margin: 9px 20px 1px 4px;
        position: relative;
        top: 2px;
  }
  #customer-info .customer_form tr.inp1 input {
    width: calc(100% - 60px) !important;
  }
  #customer-info .customer_form input[type="checkbox"] {
    width: auto !important;
  }
  #customer-info .customer_form label.iopt_label {
    font-size: 12px;
    margin-bottom:8px;
  }
}
/* usces-cart フォーム テーブル お客様からの連絡事項 */
#delivery-info .notes {
  font-size: 13px;
}
#delivery-info th {
  color: #000 !important;
  background-color: #f6f6f6 !important;
}
@media screen and (max-width: 820px) {
  #delivery-info th,
  #delivery-info td {
    width: calc(100% - 20px) !important;
    display: block !important;
    border: 1px solid #ccc !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
  }
  #delivery-info td {
    border-top: none !important;
    padding: 20px 10px !important;
  }
  #delivery-info td textarea {
    border-radius: 0;
  }
}
/* usces-cart フォーム テーブル 内容確認 */
#info-confirm #cart_table tbody {
  font-size: 0.9em;
}
#info-confirm .confiem_notice {
  font-weight: 900;
}
#info-confirm #cart th.action,
#info-confirm #cart td.action {
  display: none !important;
}
#info-confirm #cart td.unitprice,
#info-confirm #cart td.subtotal {
  text-align: center;
}
#info-confirm #cart table#cart_table td.aright {
  font-size: 0.9em;
  font-weight: 900;
}
#info-confirm #cart table#cart_table td.aright:first-child {
  background-color: #f6f6f6;
  padding: 10px;
}
#info-confirm #cart table#cart_table td.aright {
  font-weight: 900;
}
#info-confirm #cart table#cart_table tfoot tr th:nth-child(3),
#info-confirm #cart table#cart_table tfoot tr td:nth-child(3) {
  display: none !important;
}
#info-confirm .company_notes {
  font-size: 0.9em;
  margin: 30px 0;
  padding: 10px;
  border: 3px solid #f6f6f6;
}
/* usces-cart フォーム テーブル 内容確認 配達先情報 */
#confirm_table h3 {
  font-size: 1em !important;
}
#confirm_table th,
#confirm_table td {
  font-size: 0.9em !important;
}
#confirm_table .ttl,
#confirm_table th {
  background-color: #f6f6f6 !important;
}
#confirm_table .ttl td {
  padding: 0 !important;
}
#confirm_table tr td.ttl {
  padding: 0 !important;
}
#confirm_table th,
#confirm_table td {
  border: 1px dotted #ccc !important ;
  border-left: none !important;
  border-right: none !important;
}
#confirm_table th,
#confirm_table h3 {
  color: #000 !important;
  padding: 20px 10px 20px 20px !important;
}
#confirm_table td {
  padding: 20px 10px 20px 50px !important;
}
#wc_confirm .personal_notes {
  font-size: 0.9em;
  background-color: #fff !important;
  color: #000 !important;
  border: 3px solid #ff9797;
}
@media screen and (max-width: 820px) {
  #confirm_table th,
  #confirm_table td {
    width: calc(100% - 20px) !important;
    display: block !important;
  }
  #confirm_table th {
    padding: 5px 10px !important;
  }
  #confirm_table td {
    padding: 20px 10px !important;
    border-top: none !important;
    border-bottom: none !important;
  }
  #confirm_table .ttl {
    border-top: 1px dotted #ccc !important;
  }
}
/* ///- from plugins/usc-e-shop/css/usces_cart.css -///*/
#cart {
	width: 100%;
}
#cart div.error_message {
	font-weight: bold;
	color: #FF0000;
	margin-top: 10px;
}
#cart .upbutton {
	text-align: right;
	padding-right: 20px;
}
#cart table {
	border: 1px solid #CCCCCC;
}
#cart table#cart_table {
	margin-bottom: 10px;
}
#cart th, 
#cart td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	vertical-align: middle;
	text-align: center;
	white-space: normal;
	word-break:break-all;
}
#cart td.signal_red {
	font-weight: bold;
	color: #FF0000;
}
#cart th {
	color: #FFFFFF;
	background-color: #999999;
	white-space: nowrap;
	font-weight: normal;
    font-size: 0.9em;
}
#cart th.aright,
#cart td.aright {
	text-align: right;
	white-space: nowrap;
}
#cart th.aleft,
#cart td.aleft {
	text-align: left;
}
#cart td.productname {
	text-align: left;
}
#cart input.quantity {
	width: 40px;
	text-align: center;
	font-size: 13px;
}
#cart th.num,
#cart th.thumbnail,
#cart th.price,
#cart th.unitprice,
#cart th.quantity,
#cart th.subtotal {
	text-align: center;
	vartical-align: middle;
} 
#cart .num {
	white-space: nowrap;
	width: 40px;
	text-align: center;
} 
#cart .thumbnail {
	white-space: nowrap;
	width: 70px;
	text-align: center;
} 

#cart .subtotal {
	white-space: nowrap;
	width: 100px;
	text-align: right;
} 
#content #wc_cart img,
#content #wc_confirm img {
	max-width: none;
}
/* USCES cart page style */
div.usccart_navi ol.ucart {
	list-style-image: none;
	list-style-type: none;
	display: block;
	height: 31px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0px;
}
div.usccart_navi li.ucart {
	background-color: #B3B3B3;
	float: left;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 25%;
}
div.usccart_navi li.usccart_cart {
	background-image: url(../images/cart_navi_bg1.jpg);
	background-repeat: repeat-x;
}
div.usccart_navi li.usccart_customer {
	background-image: url(../images/cart_navi_bg2.jpg);
	background-repeat: repeat-x;
}
div.usccart_navi li.usccart_delivery {
	background-image: url(../images/cart_navi_bg3.jpg);
	background-repeat: repeat-x;
}
div.usccart_navi li.usccart_confirm {
	background-image: url(../images/cart_navi_bg4.jpg);
	background-repeat: repeat-x;
}
#inside-cart .post {
	width: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
}
#inside-cart h2 {
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ffcc00;
	height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffe679;
}
#inside-cart p {
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#inside-cart .send {
	text-align: center;
	width: auto;
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffcc00;
}
#inside-cart .no_cart {
	text-align: center;
	width: auto;
	margin-top: 60px;
	font-size: 1.4em;
	font-weight: bold;
	color: #FF9900;
	margin-bottom: 60px;
}
#customer-info h5 {
	color: #FFFFFF;
	background-color: #669999;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#customer-info .post {
	width: auto;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#customer-info .error_message {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #ff0000;
}
#customer-info h2 {
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff9900;
	height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffc56a;
}
#customer-info form {
	margin: 0px;
	padding: 0px;
}
#customer-info table {
	margin-top: 10px;
	border-collapse: collapse;
}
#customer-info th {
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	color: #4c4d25;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #e6e6e6;
	background-color: #f3f3f3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 25%;
}
#customer-info td {
	font-size: 11px;
	line-height: 150%;
	color: #4c4c4c;
	border: 1px solid #e6e6e6;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#customer-info .customer_form input {
	width: 50%;
	margin-right: 3px;
}
#customer-info .customer_form input[type="checkbox"], 
#customer-info .customer_form input[type="radio"] {
	width: auto;
	margin-right: 3px;
}
#customer-info .customer_form label.iopt_label {
	display: block;
}
#customer-info .customer_form tr.inp1 input {
	width: 82%;
	margin-left: 3px;
}
#customer-info .customer_form tr.inp2 input {
	width: 75%;
	margin-left: 0px;
	margin-right: 3px;
}
#delivery-info .customer_form em,
#customer-info .customer_form em {
	font-style: normal;
	color: #ff0000;
}
#customer-info .send {
	text-align: center;
	width: auto;
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff9900;
}
#delivery-info .post {
	width: auto;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#delivery-info h2 {
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff6600;
	height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffaa68;
}
#delivery-info form {
	margin: 0px;
	padding: 0px;
}
#delivery-info table.customer_form {
	margin-bottom: 10px;
	border-collapse: collapse;
	width: 100%;
}
#delivery-info th {
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	color: #4c4d25;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #e6e6e6;
	background-color: #f3f3f3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 25%;
}
#delivery-info td {
	font-size: 11px;
	line-height: 150%;
	color: #4c4c4c;
	border: 1px solid #e6e6e6;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#delivery-info .error_message {
	font-size: 13px;
	line-height: 26px;
	font-weight: bold;
	color: #ff0000;
}
#delivery-info .customer_form dl {
	margin: 0px;
	padding: 0px;
	width: auto;
}
#delivery-info .customer_form dt {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	width: auto;
	padding-top: 5px;
}
#delivery-info .customer_form dd {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#delivery-info #delivery_table input {
	width: 50%;
	margin-right: 3px;
}
#delivery-info #delivery_table tr.inp1 input {
	width: 83%;
	margin-right: 0px;
	margin-left: 3px;
}
#delivery-info #delivery_table tr.inp2 input {
	width: 76%;
	margin-right: 3px;
	margin-left: 0px;
}
#delivery-info .customer_form .btn {
	width: 24px;
}
#delivery-info #time {
	margin-top: 10px;
}
#delivery-info #time textarea,
#delivery-info .notes {
	height: 100px;
	width: 94%;
}
#delivery-info .send {
	text-align: center;
	width: auto;
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff6600;
}
#info-confirm .error_message {
	font-size: 13px;
	line-height: 26px;
	font-weight: bold;
	color: #ff0000;
}
#confirm_table h3 {
	font-weight: bold;
} 
#info-confirm #confirm_table {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
}
#confirm_table .ttl {
	background-color: #ffffef;
}
#confirm_table .bdc {
	background-color: #FFFFFF;
}
#info-confirm .send {
	text-align: center;
	width: auto;
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3300;
}