@charset "UTF-8";
/* -------------------------------------------------
	メディアクエリ
-------------------------------------------------- */
/* -------------------------------------------------
	変数
-------------------------------------------------- */
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

dl, dd {
  margin: 0;
}

h1, h2, h3 {
  margin: 0;
  font-weight: normal;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

/* -------------------------------------------------
	ec全体
-------------------------------------------------- */
@media screen and (max-width: 780px) {
  .pc {
    display: none;
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody tr {
    display: block;
    width: 200%;
    margin-bottom: 2vw;
    padding-bottom: 2vw;
    border-bottom: #b9ad86 1px solid;
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td {
    display: inline-block;
    border: none !important;
  }
}

@media screen and (max-width: 780px) {
  #cart_table .num, #cart_table .thumbnail {
    display: none;
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td.productname {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    background-color: #b9ad86;
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td.unitprice::before {
    content: "単価: ";
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td.subtotal::before {
    content: "小計: ";
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td.unitprice,
#cart_table tbody td.subtotal {
    width: 30%;
    text-align: left;
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td.quantity {
    width: 58%;
    text-align: right;
  }
  #cart_table tbody td.quantity::before {
    content: "数量: ";
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td.stock {
    width: 30%;
    text-align: center;
  }
}

@media screen and (max-width: 780px) {
  #cart_table tbody td.action {
    width: 30%;
    text-align: right;
  }
}

@media screen and (max-width: 780px) {
  #cart_table tfoot th.num,
#cart_table tfoot th.thumbnail,
#cart_table tfoot .action,
#cart_table tfoot .stock {
    display: none;
  }
}

@media screen and (max-width: 780px) {
  #cart th.amount {
    text-align: right !important;
  }
}

@media screen and (max-width: 780px) {
  #cart th.aright {
    width: 50%;
    text-align: left;
    background: #4A4D50;
    font-size: 18px;
  }
}

.site-content {
  max-width: 1120px;
  margin: 10rem auto;
  width: 90%;
  font-weight: 500;
}
@media screen and (max-width: 780px) {
  .site-content {
    margin: 100px auto 60px;
  }
}

.cart_navi ul {
  padding-top: 30px;
  display: flex;
  margin-bottom: 50px;
}
.cart_navi ul li {
  width: 25%;
  padding: 10px 0;
  background: #f1eded;
  text-align: center;
}
@media screen and (max-width: 590px) {
  .cart_navi ul li {
    font-size: 10px;
  }
}
.cart_navi ul li.current {
  background: #4A4D50;
  color: #fff;
}

#cart {
  margin-bottom: 30px;
  /*overflow-x: scroll;*/
}

#cart table {
  width: 100%;
}
@media screen and (max-width: 780px) {
  #cart table {
    border: none !important;
  }
}

#cart .upbutton {
  margin-bottom: 10px;
}
@media screen and (max-width: 780px) {
  #cart .upbutton {
    padding-right: 0 !important;
    text-align: left !important;
  }
}

#cart input.quantity {
  border: 1px solid #000;
  border-radius: 3px;
}

.send {
  text-align: center;
}

#customer-info .send {
  margin-bottom: 50px;
  border-top-color: #4A4D50 !important;
}

.error_message {
  margin-bottom: 50px;
}

#customer-info h5 {
  background: #4A4D50 !important;
}

.customer_form {
  width: 100%;
}
.customer_form th, .customer_form td {
  font-size: 16px !important;
}
@media screen and (max-width: 780px) {
  .customer_form th, .customer_form td {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
  }
}
.customer_form th {
  font-weight: 700 !important;
  vertical-align: middle;
}
@media screen and (min-width: 781px) {
  .customer_form th {
    width: 20% !important;
  }
}
@media screen and (max-width: 780px) {
  .customer_form td {
    padding: 10px !important;
  }
}
.customer_form td input {
  border: none;
}
.customer_form td input[type=text],
.customer_form td input[type=password] {
  width: 100% !important;
  padding: 6px 0;
  background: #f1eded;
}
.customer_form td select {
  border: 1px solid #000;
}

#escott-token-form .customer_form {
  width: 100%;
  padding-bottom: 30px;
}
@media screen and (min-width: 781px) {
  #escott-token-form .customer_form th {
    width: 30% !important;
  }
}
@media screen and (max-width: 780px) {
  #escott-token-form .customer_form td {
    margin-bottom: 10px;
  }
}

#delivery-info .customer_form dt {
  font-size: 16px !important;
}

#delivery-info .send,
#info-confirm .send {
  border-top-color: #4A4D50 !important;
}

.payment_0 {
  padding-top: 0 !important;
}

#confirm_table h3 {
  font-size: 18px !important;
}

#confirm_table th, #confirm_table td {
  font-size: 16px !important;
}
@media screen and (max-width: 780px) {
  #confirm_table th, #confirm_table td {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 780px) {
  #confirm_table th {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 780px) {
  #confirm_table td {
    width: 100% !important;
    display: block;
    font-weight: normal !important;
  }
}

/* -------------------------------------------------
	ログイン
-------------------------------------------------- */
#wc_member {
  margin-top: 100px;
}

.member_page_title {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 900;
}

#memberpages div.loginbox {
  width: 50% !important;
  text-align: center;
}
@media screen and (max-width: 590px) {
  #memberpages div.loginbox {
    width: 100% !important;
  }
}
#memberpages div.loginbox p {
  font-size: 16px !important;
}

.loginmail,
.loginpass {
  max-width: 325px;
  width: 100% !important;
  padding: 10px 5px;
  border: 1px solid #000;
  margin-top: 10px !important;
  background: #fff !important;
}
@media screen and (min-width: 591px) {
  .loginmail,
.loginpass {
    width: 60% !important;
  }
}

#memberpages input.loginmail {
  background: #fff !important;
}

.member_login_button,
.send-btn input {
  width: 60%;
  max-width: 325px;
  margin: 0 auto;
  padding: 10px 0;
  background: #4A4D50;
  color: #fff;
  font-size: 16px;
  border: none;
}
.member_login_button:hover,
.send-btn input:hover {
  opacity: 0.8;
}

@media screen and (min-width: 781px) {
  #newmember th {
    width: 20% !important;
  }
}
@media screen and (max-width: 780px) {
  #newmember th {
    width: 100% !important;
    display: block;
  }
}

#memberinfo .history-area {
  margin-bottom: 50px;
  height: auto !important;
}

#memberinfo h3 {
  padding: 10px 0 !important;
  height: auto !important;
  font-size: 18px !important;
  background: #4A4D50 !important;
  border-bottom: none !important;
}

#memberinfo th {
  font-size: 18px !important;
}
@media screen and (max-width: 780px) {
  #memberinfo th {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 780px) {
  #memberinfo td {
    width: 100%;
    display: block;
  }
}

.member_submenu {
  margin-top: 20px !important;
  display: flex;
  justify-content: center;
}

/* -------------------------------------------------
	ボタン
-------------------------------------------------- */
.continue_shopping_button,
.to_customerinfo_button,
.upbutton input,
.to_memberlogin_button,
.back_cart_button,
.to_deliveryinfo_button,
.to_reganddeliveryinfo_button,
.back_to_customer_button,
.to_confirm_button,
.back_to_delivery_button,
.checkout_button,
.login-nav a,
.send input,
.member-edit a,
.usces_logout_a,
.back_to_top_button,
#nav a {
  /*    padding: 7px 5px;
  border: 1px solid #000;
  border-radius: 3px;
  background: #f0ecef;
  */
  padding: 7px 5px;
  border-radius: 3px;
  background: #4A4D50;
  color: #fff !important;
  font-weight: normal;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 780px) {
  .continue_shopping_button,
.to_customerinfo_button,
.upbutton input,
.to_memberlogin_button,
.back_cart_button,
.to_deliveryinfo_button,
.to_reganddeliveryinfo_button,
.back_to_customer_button,
.to_confirm_button,
.back_to_delivery_button,
.checkout_button,
.login-nav a,
.send input,
.member-edit a,
.usces_logout_a,
.back_to_top_button,
#nav a {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
  }
}
.continue_shopping_button:hover,
.to_customerinfo_button:hover,
.upbutton input:hover,
.to_memberlogin_button:hover,
.back_cart_button:hover,
.to_deliveryinfo_button:hover,
.to_reganddeliveryinfo_button:hover,
.back_to_customer_button:hover,
.to_confirm_button:hover,
.back_to_delivery_button:hover,
.checkout_button:hover,
.login-nav a:hover,
.send input:hover,
.member-edit a:hover,
.usces_logout_a:hover,
.back_to_top_button:hover,
#nav a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 780px) {
  .new-entry #nav a {
    white-space: nowrap;
  }
}

@media screen and (max-width: 780px) {
  .upbutton input {
    display: block;
    width: 30% !important;
    margin: 0 0 0 auto;
    text-align: center;
  }
}

.delButton {
  padding: 7px 5px;
  border: 1px solid #000;
  border-radius: 3px;
  background: #f0ecef;
}
@media screen and (max-width: 780px) {
  .delButton {
    padding: 0 50px;
  }
}

.login-nav a,
.member-edit a,
.usces_logout_a {
  display: inline-block;
}

.member-edit a,
.usces_logout_a {
  padding: 5px;
  margin: 0 5px;
  font-size: 18px !important;
}

@media screen and (max-width: 590px) {
  .checkout_button {
    margin-top: 20px;
  }
}

/* -------------------------------------------------
	カード
-------------------------------------------------- */
.settlement_form th {
  width: 30%;
}
@media screen and (min-width: 781px) {
  .settlement_form th {
    padding-bottom: 20px;
  }
}
.settlement_form .attention {
  line-height: 20px;
}
@media screen and (min-width: 781px) {
  .settlement_form .attention {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 780px) {
  .settlement_form .attention {
    margin-top: 10px;
  }
}

#cardno,
#seccd {
  background: #f1eded;
}
@media screen and (min-width: 781px) {
  #cardno,
#seccd {
    margin-right: 10px;
  }
}
@media screen and (max-width: 780px) {
  #cardno,
#seccd {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* -------------------------------------------------
　完了
-------------------------------------------------- */
.cart_page_title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}

#cart_completion {
  font-size: 18px !important;
  line-height: 2 !important;
}
#cart_completion .send {
  background: #4A4D50;
  padding: 5px;
  width: 200px;
  color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 780px) {
  #cart_completion .send {
    width: 100%;
    padding: 10px 5px;
  }
}

div.header_explanation {
  padding: 0 !important;
}

/* -------------------------------------------------
　マイページ
-------------------------------------------------- */
@media screen and (max-width: 780px) {
  #retail_table_1000 thead {
    display: none;
  }
}

.memberinfo_table01 th {
  padding: 5px 0 !important;
  background: #4A4D50 !important;
  color: #fff !important;
}
@media screen and (max-width: 780px) {
  .memberinfo_table01 .space {
    display: none !important;
  }
}

@media screen and (max-width: 780px) {
  .post_content th,
.post_content td {
    width: 100%;
    display: block;
  }
  #memberinfo .space {
    display: none;
  }
  #memberpages #memberinfo ul {
    display: block;
    padding-left: 0 !important;
  }
  .member-edit a,
.usces_logout_a {
    box-sizing: border-box;
    margin: 0 0 10px !important;
    text-align: center;
  }
}
@media screen and (max-width: 590px) {
  #memberpages div.loginbox {
    width: 80% !important;
  }
}

#memberinfo th {
  background: #4A4D50 !important;
  color: #fff !important;
}
#memberinfo td {
  box-sizing: border-box;
}
@media screen and (max-width: 780px) {
  #memberinfo .send input {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 780px) {
  .order_head_label {
    display: none;
  }
}

/* -------------------------------------------------
　購入履歴
-------------------------------------------------- */
.order_head_value td {
  padding: 10px !important;
  text-align: left !important;
  font-weight: normal !important;
}

@media screen and (max-width: 780px) {
  #history_head .order_number::before {
    content: "注文番号：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .purchase_date::before {
    content: "購入日：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .support::before {
    content: "対応状況：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .payment::before {
    content: "入金状況：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .purchase_price::before {
    content: "購入金額：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .discount::before {
    content: "値引き：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .shipping::before {
    content: "送料：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .cod::before {
    content: "手数料：";
  }
}

@media screen and (max-width: 780px) {
  #history_head .tax::before {
    content: "内消費税：";
  }
}

@media screen and (max-width: 780px) {
  .history-area .cartrownum {
    display: none !important;
  }
}

@media screen and (max-width: 780px) {
  .history-area .price::before {
    content: "単価：";
  }
}

@media screen and (max-width: 780px) {
  .history-area .quantity::before {
    content: "数量：";
  }
}

@media screen and (max-width: 780px) {
  .history-area .subtotal::before {
    content: "金額：";
  }
}

@media screen and (max-width: 780px) {
  #retail_table_1006 thead {
    display: none;
  }
}

.paypal-button-container {
  margin: 0 auto !important;
}

.no_cart {
  margin-bottom: 10px;
}
/*# sourceMappingURL=ec-common.css.map */