input[type="checkbox"] { width: 1.8rem;height: 1.8rem; margin-right: 0.4rem;}
input[type="radio"] { width: 1.8rem;height: 1.8rem; margin-right: 0.4rem;}
/* * { outline: 1px solid red; } */
.sponly { display: none;}
@media screen and (max-width: 767px) {
  .sponly { display: block;}
}

.stepFlowCart { display: flex; justify-content: center; align-items: center; }
.stepFlowCart li {
  position: relative;
  font-size: 1.4rem;
  width: 8em;
  padding: 0.5em 0 1.3em;
  border-bottom: 1px solid #ccc;
  display: flex; justify-content: center; align-items: center;
}
.stepFlowCart li.current:before {
  content: ''; display: block;
  position:absolute; left: 0; bottom: -2px;
  width: 100%; height: 3px; background: #5AC3E0;
}
@media screen and (max-width: 767px) {
  .stepFlowCart li { font-size: 1.3rem;}
}

/* カート */
#CartList h2 { font-size: 2.0rem !important; text-align: left;}
#CartList h3 { font-size: 1.6rem;}
#CartList .pointBox h3.ttlH3 { padding: 0; margin: 0;}
#CartList #AmazonPayButton { width: 300px !important; text-align: center; margin: 50px 0 0 !important;}
#CartList #AmazonPayButton + div { margin: 0 auto !important; width: 300px !important;}
#CartList #AmazonPayCv2Button { height: 60px !important;}
#CartList div.productList div.product div { display: flex; align-items: center; clear: both;}
#CartList div.productList div.product dl.name dt { float: left; }
#CartList div.productList div.product dl.name dd { width: calc(100% - 116px); padding-left: 20px; line-height: 1.4; }
#CartList div.productList div.product dl.name dd + dd { margin-top: 0.6em; font-size: 1.3rem; font-weight: normal; }
#CartList div.productList div.product p.price { padding: 0 2em !important; width: 10.5em; text-align: right;}
#CartList div.productList div.product p.quantity { text-align: center;}
#CartList div.productList div.product p.quantity input { width: 60px;}
#CartList div.productList div.product p.subtotal { width: 12em; padding: 0 2em !important; text-align: right;}
#CartList div.productList div.product p.taxRate { width: 3em;}
#CartList div.productList div.product p.delete { padding-top: 0; width: 4rem; margin-left: auto; }
#CartList div.productList div.product p.delete a {
  font-size: 0;
  width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center;
  background: url(../Contents/images/ic_trash.svg) no-repeat center, #CBCBCB;
  background-size: 60%;
}
.social-login-wording-landing { padding: 13px 0;}
#ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_cbAutoCompleteLoginIdFlg { width: 1.7rem; height: 1.7rem; margin-right: 1rem; margin-bottom: 0.2rem; }
.cartOrder .couponBox input[type="radio"] { width: 1.8rem; height: 1.8rem; margin: 0 0.5rem 0.2rem 0; }
.cartOrder .couponBox label { margin-right: 2em;}
.pointBox div.boxbtm input[type="text"] { width: 11rem !important;}
.pointBox div.boxbtm input[type="checkbox"] { width: 1.8rem !important;}
.orderBox h4 { background: none; font-size: 1.4rem; font-weight: bold; margin-bottom: 1em; border: none; padding: 12px 0 4px 0; margin: 0; font-size: 1.6rem;}
.orderBox select { width: 240px;}
#CartList #ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_ddlFixedPurchaseMonth, #CartList #ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_ddlFixedPurchaseMonthlyDate { max-width: none;}
.orderBox .subscShippingBox select { width: 180px;}
#dvUserContents { padding: 0 40px;}
#dvUserBox #dvUserRegistRegulation { border-top: none; padding-top: 0;}
.amazonpay-merchant-shadow-root-parent-element-for-executing-modal-script { font-size: 1.3rem; font-weight: bold; padding: 10px 2.5em;}
@media screen and (max-width: 767px) {
  #CartList #AmazonPayButton { margin: 3.5rem 0 0 !important;}
  #CartList h2 { font-size: 1.6rem !important;}
  #CartList h3 { font-size: 1.5rem;}
  .orderBox h4 { padding: 0.5em 0 0 0; }
  #CartList .pointBox { font-size: 1.4rem;}
  #CartList div.productList div.product div { flex-wrap: wrap;}
  #CartList div.productList div.product dl.name { width: 100%; position: relative; padding-left: 100px; }
  #CartList div.productList div.product dl.name dt { position: absolute; left: 0; top: 0; width: 80px; }
  #CartList div.productList div.product dl.name dd { line-height: 1.4; width: 100%; padding-left: 0; }
  #CartList div.productList div.product p.price { padding: 0.6em 0 0 100px !important; width: 100%; text-align: left;}
  #CartList div.productList div.product p.quantity { width: 16rem; padding-left: 100px;}
  #CartList div.productList div.product p.quantity input { width: 100%;}
  #CartList div.productList div.product p.taxRate { font-size: 1.3rem; width: 5rem; text-align: center; display: none;}
  #CartList div.productList div.product p.subtotal { width: calc(100% - 21rem); padding: 0 0 0 1rem !important;}
  #CartList div.productList div.product p.delete { width: 3.5rem; text-align: right;}
  #CartList div.productList div.product p.delete a { width: 3.5rem; height: 3.5rem; }
  .orderBox select { width: 100%;}
  .orderBox div.list { padding: 14px 15px 15px 15px;}
  #ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_dlShipppingDateTime dt, #ctl00_ContentPlaceHolder1_ucInputForm_rCartList_ctl00_divShippingTime dt { width: 50%; padding-left: 0;}
  .orderBox .subscShippingBox select { width: 6.4em;}
  #dvUserContents { padding: 0 10px;}
  .formlp-front-section-form .BtnFlex { margin: 0 0 4em;}
}
@media screen and (max-width: 850px) {
  .LandingOrderPage #Contents div.main, .LandingOrderPage #Contents div.submain { width: 100% !important;}
}

.productListForShipping { margin: 2rem 0 0; display: flex; flex-wrap: wrap; gap: 1.6rem 3rem;}
.productListForShipping .shipping-product-item { width: calc(33% - 2rem); display: flex; gap: 0 1rem; font-size: 1.3rem; line-height: 1.4; }
.productListForShipping .shipping-product-item .img { width: 6rem; }
.productListForShipping .shipping-product-item .pName { flex: 1; }
@media screen and (max-width: 767px) {
  .productListForShipping { gap: 1.6rem 0;}
  .productListForShipping .shipping-product-item { width: 100%; font-size: 1.3rem; }
  .productListForShipping .shipping-product-item .img { width: 5.2rem; }
}

@media screen and (max-width: 1024px) {
  #dvUserBox { margin: 160px auto 0;}
}
@media screen and (max-width: 767px) {
  #dvUserBox { margin: 10px auto;}
}

/* カート確認 */
.orderBox div.box dl { margin-top: 1.2rem;}
.orderBox div.box dt { width: 240px;}
.orderBox div.box dd { padding: 1px 0px 1px 250px;}
.orderBox div.box dd p { width: 100%;}
@media screen and (max-width: 767px) {
  .orderBox div.box dt { width: 100%;}
  .orderBox div.box dd { padding: 0px 10px 0px 10px;}
}

/* 商品詳細 */
#dvProductDetailArea #dvProductReviewArea { margin: 30px 0 60px 0;}
#dvProductReviewImage .title { text-align: center; }
[id*="dvProductReviewInput"] { background: #FAF9F6; padding: 20px 50px;}
select[id*="_ddlReviewRating"] { width: 10em; font-size: 1.6rem;}
#dvProductReviewArea .tblReviewInput td { padding-left: 1rem;}
.tblReviewInput .btn { width: calc(50% - 0.8rem); padding: 0.6em 10px; font-size: 1.4rem; font-weight: bold; box-shadow: none;}
.tblReviewInput .btn:not(.btn-inverse) { background: #fff; margin-right: 1rem; border-color: #ccc;}
@media screen and (max-width: 767px) {
  [id*="dvProductReviewInput"] { padding: 20px 15px;}
  table.tblReviewInput, .tblReviewInput tboby, .tblReviewInput tr, .tblReviewInput th, .tblReviewInput td { display: block;}
  .tblReviewInput td.btnFlex { display: flex; justify-content: space-between;}
  #dvProductReviewArea table th { text-align: left !important;}
  #dvProductReviewArea table input, #dvProductReviewArea table textarea { width: 100%;}
  select[id*="_ddlReviewRating"] { width: 12em; font-size: 1.6rem;}
  #dvProductReviewArea .tblReviewInput td { padding-left: 1rem;}
  .tblReviewInput .btn { width: calc(50% - 0.4rem); padding: 0.8em 10px; font-size: 1.4rem;}
  .tblReviewInput .btn:not(.btn-inverse) { margin-right: 0;}
}

/* 購入履歴 */
.itemArea .writeReview { margin: 1em 0 0; font-size: 1.4rem;}
.itemArea .writeReview a { position: relative; z-index: 100; pointer-events: auto;}
@media screen and (max-width: 767px) {
  #dvOrderHistoryList div.itemTitle { padding-left: 1rem;}
}

/* 定期詳細 */
.dvFixedPurchaseItem tr { font-size: 1.5rem; }
.dvFixedPurchaseItem .productName span:not(.productId) { font-size: 1.4rem; display: block; }
.dvFixedPurchaseItem td.delete label { text-align: center; padding: 0 !important; }
.dvFixedPurchaseItem td.delete label input { margin: 0; }
@media screen and (max-width: 767px) {
  .dvFixedPurchaseItem td .spTtl { font-size: 1.3rem; width: 7em; display: inline-block; text-align: left;}
  .dvFixedPurchaseItem td .spTtl + span { width: 5em; display: inline-block;}
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .delete { text-align: right;}
  .dvFixedPurchaseItem td.delete label input { margin: 0 0 0.25em 0.5em; }
}