@charset "UTF-8";

/*==============================================================================================
 for windowsIE5
==============================================================================================*/
@media tty {
  i {
    content: "\";/*""*/}} @import '../browser/win_ie5.css'; /*";
  }
}

/* */


/*==============================================================================================
	cartList.aspx追加 変更
==============================================================================================*/
#CartList .amountArea p.sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#CartList .amountArea p.sum span {
  padding-left: 10px;
}

ul.btmWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ul.btmWrap li a.btn-ddd {
  display: block;
  padding: 10px 0;
  width: 180px;
  text-align: center;
  font-size: 14px;
}

ul.btmWrap li a.btn-next {
  display: block;
  background: #000000;
  padding: 10px 0;
  color: #ffffff;
  width: 180px;
  text-align: center;
  font-size: 14px;
  margin-left: 14px;
}

ul.btmWrap li a.btn-next:hover {
  opacity: 0.6;
}

#CartList div.productList div.product {
  border-top: #DDDDDD solid 1px;
  padding: 15px 0px;
}

.priceList {
  padding-top: 5px;
  font-size: 14px;
}

#CartList div.cartOrder div.priceList dl,
.paymentWrap div.subCartList div.priceList dl,
.confirmWrap div.subCartList div.priceList dl,
.shippingPaymentWrap div.subCartList div.priceList dl {
  width: 440px !important;
  border-bottom: 1px solid#ddd;
}

.priceList dt {
  width: 330px;
  float: left;
  padding: 12px 0px 11px 7px;
  line-height: 1.5;
}

.priceList dd {
  padding: 12px 7px 11px 100px;
  text-align: right;
  /* font-weight:bold; */
  line-height: 1.5;
}

#CartList div.productList td.delete {
  width: 50px;
  text-align: right;
  vertical-align: middle;
  padding-left: 15px;
}

#CartList div.productList td.delete a,
#CartList div.productList div.product p.delete a {
  font-size: 11px;
  display: block;
  background-color: #000000;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
}

#CartList div.productList div.product p.delete {
  width: 50px;
  text-align: right;
  vertical-align: middle;
  padding-left: 15px;
  float: right;
}

#CartList div.productList td.delete a:hover,
#dvUserFltContents table td.delete a:hover {
  opacity: 0.6;
}

#CartList div.productList td.quantity input {
  border: #ddd solid 1px;
  width: 38px;
  text-align: center;
  height: 20px;
}

.priceList dl.result dd {
  padding: 12px 7px 11px 7px;
}

#CartList div.productList div.product div {
  margin: 0px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#CartList div.productList .PointArea {
  margin-top: 30px;
}

#CartList div.productList .PointArea>p {
  font-size: 14px;
  margin-bottom: 7px;
}

#CartList div.productList .PointArea .pointWrap,
#CartList div.productList .couponArea .couponBox {
  width: 980px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#CartList div.productList .couponArea .couponBox {
  width: 980px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 20px;
}

#CartList div.productList .PointArea .pointWrap p.PointTtl,
#CartList div.productList .couponArea .couponBox p.couponTtl {
  font-size: 14px;
  background: #dddddd;
  text-align: left;
  padding: 14px 35px;
}

#CartList div.productList .PointArea .pointWrap p.PointTtl span {
  padding-left: 10px;
  font-size: 12px;
}

#CartList div.productList .PointArea .pointWrap .PointIn {
  font-size: 14px;
  text-align: left;
  /* margin-left: 20px; */
  /* padding: 10px 35px; */
  padding-right: 7px;
}

.PointArea .pointWrap .PointIn input {
  border: #ddd solid 1px;
  width: 50px !important;
  text-align: left !important;
  height: 20px;
  border-radius: 2px;
}

.PointArea .pointWrap .PointIn span.pointex {
  padding-left: 10px;
  font-size: 12px;
}

/* #CartList div.productList div.couponBox{float:left; padding:0px 0px 0px 15px!important;}
#CartList div.productList div.couponBox div.box{margin:0px!important;}
#CartList div.productList div.couponBox div.box div{ width:242px;}
#CartList div.productList div.couponBox div.boxbtm{padding-bottom:13px!important;} */
#CartList div.productList div.priceList {
  /* width: 330px!important;
	border: #CCCCCC solid 1px;
	background-color: #FFFFFF;
	padding: 10px 0px 5px 0px!important; */
  float: right;
}

#CartList div.productList .couponArea .couponBox .couponIn {
  font-size: 14px;
  text-align: left;
  /* margin-left: 20px; */
  /* padding: 10px 35px; */
  padding-right: 7px;
}

#CartList div.productList .couponArea .couponBox input[type="text"] {
  border: #ddd solid 1px;
  width: 210px !important;
  text-align: left !important;
  height: 20px;
  border-radius: 2px;
}

/* .couponBox{width:263px;padding-top:3px;}
.couponBox div.boxbtm input{border:#AAAAAA solid 1px;width:146px!important;text-align:left!important;}
.couponBox div.boxbtm dt{width:80px;float:left;line-height:1em!important;}
.couponBox div.boxbtm span{display:block;padding-top:6px;}
.couponBox div.boxbtm dd{float:right; text-align:right;width:150px;} */

/* .pointBox a,
.couponBox a{color:#333333;padding-left:11px;background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em 0.5em;}
.pointBox div.boxbtm dl,
.couponBox div.boxbtm dl{width:242px;}
.pointBox div.box,
.couponBox div.box{margin:10px 0px;background: url(../../Contents/ImagesPkg/common/bg_boxA.gif) repeat-y left top; width:262px;}
.pointBox div.boxbtm,
.couponBox div.boxbtm{font-size:10px;background: url(../../Contents/ImagesPkg/common/btm_boxA.gif) no-repeat left bottom;padding:10px;}
.pointBox div.boxbtm div,
.couponBox div.boxbtm div{width:242px;} */


#CartList div.productList .novelty .title {
  padding: 6px 0px 3px 14px;
  margin-bottom: 5px;
  background-color: #ddd;
  font-size: 14px;
}

#CartList div.productList .novelty .noveltyArea {
  display: flex;
  margin-left: -2%;
}

#CartList div.productList .novelty .plist {
  width: 10%;
  margin: 10px 0 10px 2%;
}

#CartList div.productList .novelty .plist p {
  margin: 3px 0;
  line-height: 1.5;
  font-size: 12px;
}

#CartList div.productList .novelty .plist p.add a {
  color: #ffffff;
  background: #000000;
  display: block;
  text-align: center;
  width: 100%;
  padding: 5px 0;
  margin-top: 9px;
}

#CartList div.productList .novelty .plist p.add a:hover {
  opacity: 0.6;
}

#CartList div.productList .novelty .plist .image img {
  width: 100%;
}

#CartList div.btmbtn {
  /* clear:both; */
  margin-top: 30px;
  /* border-top: #DDDDDD solid 1px;  */
}


/*==============================================================================================
	OrderShipping.aspx追加 変更
==============================================================================================*/
.shippingWrap,
.paymentWrap,
.confirmWrap,
.completeWrap,
#loginWrap,
#cartselectWrap,
#dvUserContents,
.shippingPaymentWrap {
  width: 980px;
  margin: 0 auto 80px;
}

/* #dvUserContents{
	width: 720px;
	margin: 0 auto 80px;
} */
#CartFlow {
  text-align: center;
  padding: 40px 0px 0px 0px;
}

#Contents h2.ttlA,
#Contents h2.ttlB,
#Contents h2.ttlC,
#cartselectWrap h2.ttlSelect {
  position: relative;
  padding-bottom: 15px;
  margin: 20px 0;
  border-bottom: #DDDDDD solid 1px;
}

#dvUserContents h2.ttlInquiry {
  padding-bottom: 15px;
  margin: 20px 0 0;
}

#dvUserFltContents h2.ttlSelect {
  position: relative;
  margin: 0 0 20px;
  border-bottom: #DDDDDD solid 1px;
}

#Contents h2.ttlParts {
  font-size: 16px;
  margin: 60px 0 10px;
}

#Contents .shippingPaymentWrap h2.ttlParts {
  font-size: 16px;
  margin: 20px 0 10px;
}

/* #Contents .ttlParts_singlepage{font-size: 16px;margin: 60px 0 0;} */
#Contents .ttlParts_sub {
  font-size: 15px;
  margin: 40px 0 20px;
}

.deco {
  border-left: solid 5px #000000;
}

.shippingPaymentWrap h2.ttlParts_singlepage {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  margin: 60px 0 0;
  padding: 0 0 0 10px !important;
}

#Contents h2.ttlParts.firstArea {
  font-size: 16px;
  margin: 30px 0 10px;
}

#dvUserContents h2,
div.cartstep h2,
#cartselectWrap h2,
#dvUserFltContents h2,
.shippingPaymentWrap h2 {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 !important;
}

.shippingWrap .cartWrap table th,
#dvUserContents .cartWrap table th,
.shippingPaymentWrap .cartWrap table th {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #ddd;
  border-top: solid 1px #fff;
  vertical-align: middle;
}

.shippingWrap .cartWrap table th.topBorder,
#dvUserContents .cartWrap table th.topBorder,
.shippingPaymentWrap .cartWrap table th.topBorder {
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  vertical-align: middle;
}

.shippingWrap .cartWrap table th.bottomBorder,
#dvUserContents .cartWrap table th.bottomBorder,
.shippingPaymentWrap .cartWrap table th.bottomBorder {
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  vertical-align: middle;
}

.shippingWrap .cartWrap table th,
#dvUserContents .cartWrap table th,
.shippingPaymentWrap .cartWrap table th {
  background: #ddd;
  font-weight: normal;
  width: 200px;
  text-align: left;
  padding-left: 15px;
  padding: 15px;
  font-size: 14px;
}

table.cartAddress td {
  padding: 13px;
  border: solid 1px #9FA0A0;
  border-left: none;
}

table.cartAddress td input {
  font-size: 14px;
  padding: 0 10px;
  /* border: solid 1px #9FA0A0; */
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  height: 37px;
}

.shippingPaymentWrap table.cartAddress td .checkBox,
.sendArea_singlePage .checkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shippingPaymentWrap table.cartAddress td .checkBox input,
.sendArea_singlePage .checkBox input {
  font-size: 14px;
  padding: 0 9px;
  /* border: solid 1px #9FA0A0; */
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  /* height: 37px; */
  margin-right: 10px;
}

table.cartAddress tr.noInput td input {
  display: none;
}

table.cartAddress td input.secondInput {
  margin-left: 10px;
}

table.cartAddress td input[type="text"],
table.cartAddress td input[type="email"] {
  width: 40%;
}

table.cartAddress td input.input_widthD {
  width: 60%;
  margin-top: 10px;
}

table.cartAddress td p.msg {
  font-size: 12px;
  margin: 5px 0 10px;
}

table.cartAddress td.threeForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #FFF url(../../SmartPhone/Contents/ImagePkg/common/select_arrow.gif) no-repeat !important;
  background-size: 13px 7px !important;
  background-position: right 10px center !important;
  height: 39px;
  text-indent: 0.3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 5px;
  line-height: 1;
  width: 100%;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
  font-size: 14px;
}

table.cartAddress td.threeForm select.selectArea {
  width: 25%;
}

table.cartAddress td.threeForm span {
  font-size: 14px;
  padding: 0px 20px 0 10px;
  /* margin-top: 5px; */
  vertical-align: sub;
}

table.cartAddress td.threeForm span.centerLine {
  font-size: 14px;
  padding: 0px 10px;
  /* margin-top: 5px; */
  vertical-align: sub;
}

table.cartAddress td.sexForm label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 30px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 14px;
}

table.cartAddress td.sexForm label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}

table.cartAddress td.sexForm input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}

.shippingWrap .cartWrap table td.ex {
  font-size: 12px;
  width: 300px;
}

.shippingWrap .cartWrap table td.ex span {
  margin-right: 1em;
  font-size: 10px;
}

table.cartAddress td {
  padding: 13px 13px 13px 33px;
  border: solid 1px #ddd;
  border-left: none;
  border-right: none;
  width: 747px;
}

table#cartAddress .buttonsTwo {
  display: inline-block;
  margin: 0 0 0 8px;
}

table#cartAddress .buttonsTwo a {
  background: #000;
  padding: 2px 0px;
  color: #fff;
  border-radius: 3px;
  width: 72px;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  font-size: 11px;
  display: block;
}

.fred {
  color: #f00;
  /* font-weight: bold; */
  /* margin-left: 3px; */
}

.error_inline {
  color: #f00;
  padding: 0px !important;
  display: block !important;
  line-height: 19px;
  font-size: 12px !important;
}

.sendArea {
  margin: 80px 0 40px;
}

.sendArea_singlePage {
  margin: 80px 0 20px;
}

.userProduct {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}

.userProduct .cartItems {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 10px;
  border-bottom: 1px dotted #EFEFEF;
}

.userProduct .last.cartItems {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 10px;
  border-bottom: none;
}

.userProduct .cartItems .productImg img {
  width: 140px;
}

.userProduct .cartItems .productName {
  font-size: 14px;
  margin-left: 10px;
}

.shippingWrap .btmWrap a.btn-ddd:hover,
.paymentWrap .btmWrap a.btn-ddd:hover,
.confirmWrap .btmWrap a.btn-ddd:hover,
#dvUserFltContents .btmWrap a.btn-ddd:hover {
  opacity: 0.6;
}

table.cartAddress td .fred,
#dvUserContents table.inquiryAddress td .fred,
  {
  font-size: 13px;
  margin-top: 5px;
}

.shippingWrap .sameBtn {
  font-size: 14px;
  margin-left: 5px;
}

.ttl_rakuten {
  font-size: 13px;
  padding: 20px 0 0;
}

.rakuten_link {
  display: block;
}

.rakuten_txt {
  line-height: 20px;
  font-size: 12px;
  padding: 10px 0;
}

.rakuten_txt a {
  color: blue;
}

.credit_txt {
  line-height: 20px;
  font-size: 12px;
  padding: 10px 0;
}

/*==============================================================================================
	OrderPayment.aspx追加 変更
==============================================================================================*/
.userProduct.noMtline {
  border-top: none !important;
  border-bottom: 1px solid #dddddd;
  margin: -20px 0 20px !important;
}

.userProduct .cartItemsSet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 20px 10px;
  border-bottom: 1px dotted #EFEFEF;
}

.userProduct .last.cartItemsSet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 20px 10px;
  border-bottom: none;
}

.userProduct .setMain {
  display: flex;
  align-items: center;
}

.userProduct .set2 {
  margin-top: 10px
}

.userProduct .cartItemsSet .productImg img {
  width: 140px;
}

.userProduct .cartItemsSet .productName {
  font-size: 14px;
  margin-left: 10px;
}

.userProduct .cartItemsSet .setInfo {
  margin-right: 10px;
}

.userProduct.amapay .productName p {
  margin: 10px 0;
}

.userProduct.amapay .multiProduct {
  display: flex;
  justify-content: space-between;
}

.userProduct.amapay .multiProduct .setItemsMain {
  display: flex;
  align-items: center;
}

.userProduct.amapay .setpromotion {
  margin: 0 50px;
  border: 1px solid #ccc;
  padding: 20px;
  min-width: 240px;
}

.userProduct.amapay .setpromotion dt {
  text-align: center;
  color: #FF0000;
  font-size: 14px;
  margin-bottom: 10px;
}

.userProduct.amapay .setpromotion dd {
  font-size: 13px;
  text-align: center;
}

.paymentWrap .pdg_bottomA {
  font-size: 14px;
  margin: 40px 0 10px;
}

.paymentWrap .list .paymentTtl {
  height: 50px;
  line-height: 50px;
  background-color: #dddddd;
  border-bottom: 1px solid #ffffff;
  padding: 5px 0 8px 5px;
}

.paymentWrap .list .paymentTtl label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 30px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 14px;
}

.paymentWrap .list .paymentTtl label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}

.paymentWrap .list .paymentTtl input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}

/* .paymentWrap table.cardArea{
	margin-top: 20px;
} */
.paymentWrap table.cardArea td {
  padding: 13px 13px 13px 33px;
  /* border: solid 1px #ddd; */
  border-left: none;
  border-right: none;
  width: 747px;
  padding: 13px;
  border-bottom: solid 1px #dddddd;
}

.paymentWrap table.cardArea td input,
#dvUserCreditCardInput table.cardArea td input {
  font-size: 14px;
  padding: 0 10px;
  /* border: solid 1px #9FA0A0; */
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  height: 37px;
}

.paymentWrap table.cardArea th {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #ddd;
  vertical-align: middle;
}

.paymentWrap table.cardArea th.topBorder {
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  vertical-align: middle;
}

.paymentWrap table.cardArea th.bottomBorder {
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  vertical-align: middle;
}

.paymentWrap table.cardArea th {
  background: #ddd;
  font-weight: normal;
  width: 200px;
  text-align: left;
  padding-left: 15px;
  padding: 15px;
  font-size: 14px;
  /* border-bottom: 1px solid #dddddd; */
}

table.cardArea td input[type="text"] {
  width: 40%;
}

.paymentWrap .withAttention {
  display: flex;
  align-items: center;
}

.paymentWrap .withAttention .inputArea {
  width: 40%;
}

.paymentWrap .withAttention .inputAreasec {
  width: 7%;
}

.paymentWrap .withAttention .inputAreapay {
  width: 10%;
}

.paymentWrap table.cardArea td .withAttention input[type="text"],
.paymentWrap table.cardArea td .withAttention input[type="email"],
.paymentWrap table.cardArea td .withAttention input[type="tel"] {
  width: 100%;
}


.paymentWrap table.cardArea .withAttention .fgray {
  margin-left: 40px;
  font-size: 14px;
}

.paymentWrap table.cardArea .withAttention .fgrayPay {
  margin-left: 20px;
  font-size: 14px;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.paymentWrap table.cardArea td.threeForm select,
#dvUserCreditCardInput table.cardArea td.threeForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #FFF url(../../SmartPhone/Contents/ImagePkg/common/select_arrow.gif) no-repeat !important;
  background-size: 13px 7px !important;
  background-position: right 10px center !important;
  height: 39px;
  text-indent: 0.3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 5px;
  line-height: 1;
  width: 100%;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
  font-size: 14px;
}

.paymentWrap table.cardArea td.threeForm select.selectArea,
#dvUserCreditCardInput table.cardArea td.threeForm select.selectArea {
  width: 12%;
}

.paymentWrap table.cardArea td.threeForm select.selectAreapay {
  width: 100%;
}

.paymentWrap table.cardArea td.threeForm select.cardName {
  width: 43%;
}

.paymentWrap table.cardArea td.threeForm span,
#dvUserCreditCardInput table.cardArea td.threeForm span {
  font-size: 14px;
  padding: 0px 20px 0 10px;
  /* margin-top: 5px; */
  vertical-align: sub;
}

#dvUserCreditCardInput table.cardArea td.threeForm span {
  font-size: 12px;
  padding: 0px 20px 0 10px;
  /* margin-top: 5px; */
  vertical-align: sub;
}

.paymentWrap table.cardArea td.threeForm span.centerLine {
  font-size: 14px;
  padding: 0px 10px;
  /* margin-top: 5px; */
  vertical-align: top;
}

.paymentWrap .list .paymentTtlcarcard label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 30px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 14px;
}

.paymentWrap .list .paymentTtlcarcard label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}

.paymentWrap .list .paymentTtl .radioBtn input {
  display: none;
}

.paymentWrap .list .paymentTtlcarcard input[type="checkbox"]:checked+label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}

.paymentWrap table.cardArea td .paymentTtlcarcard {
  border-left: none;
  border-right: none;
  padding: 0;
}

.paymentWrap table.cardArea td .paymentTtlcarcard input {
  font-size: 14px;
  padding: 0 10px;
  /* border: solid 1px #9FA0A0; */
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  height: 37px;
  display: none;
}

.paymentWrap table.cardArea td .cardAttention {
  margin-top: 5px;
}

.paymentWrap table.cardArea td .cardAttention p {
  font-size: 14px;
  margin-bottom: 3px;
}

/* .paymentWrap table.cardArea td.withBtn{
	display: flex;
} */
.paymentWrap table.cardArea td.withBtn p,
.paymentWrap table.cardArea td.tokenText {
  font-size: 14px;
}

.paymentWrap table.cardArea td.withBtn a.reBtn,
#dvUserCreditCardInput table.cardArea td.withBtn a.reBtn {
  font-size: 11px;
  background-color: #000000;
  color: #fff;
  padding: 8px 12px;
  text-align: center;
  margin-left: 20px;
}

.paymentWrap table.cardArea td.withBtn a.reBtn:hover,
#dvUserCreditCardInput table.cardArea td.withBtn a.reBtn:hover {
  opacity: 0.6;
}

.rightAlign {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.priceList dd.minus {
  color: #FF0000;
}

/*==============================================================================================
	OrderConfirm.aspx追加 変更
==============================================================================================*/
.cartConfirm {
  margin-top: 40px;
}

.cartConfirm h3 {
  margin: 20px 0 0;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 !important;
}

.confirmBox {}

.cartConfirm table.informationArea td {
  padding: 13px 13px 13px 33px;
  /* border: solid 1px #ddd; */
  border-left: none;
  border-right: none;
  width: 747px;
  padding: 13px;
  border-bottom: solid 1px #dddddd;
}

.cartConfirm table.informationArea th {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #ddd;
  vertical-align: middle;
}

.cartConfirm table.informationArea th {
  background: #ddd;
  font-weight: normal;
  width: 200px;
  text-align: left;
  padding-left: 15px;
  padding: 15px;
  font-size: 14px;
  /* border-bottom: 1px solid #dddddd; */
}

.cartConfirm table.informationArea tr {
  font-size: 14px;
  padding: 15px;
}

.cartConfirm table.informationArea tr.onBorder {
  border-top: solid 1px #ddd;
}

.cartConfirm table.informationArea th.topBorder {
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  vertical-align: middle;
}

.cartConfirm table.informationArea th.bottomBorder {
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ffffff;
  vertical-align: middle;
}

.cartConfirm table.informationArea td label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 30px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 14px;
}

.cartConfirm table.informationArea td label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}

.cartConfirm table.informationArea td input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}

#CartList div.btmbtn.endBorder {
  /* clear:both; */
  border-top: #DDDDDD solid 1px;
}

#CartList div.btmbtn.endBorder .mt30 {
  margin-top: 30px;
}

ul.btmWrapFinish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ul.btmWrapFinish li a.btn-ddd {
  display: block;
  background: #ddd;
  padding: 10px 0;
  width: 180px;
  text-align: center;
  font-size: 14px;
}

ul.btmWrapFinish li a.btn-next {
  display: block;
  background: #000000;
  padding: 10px 0;
  color: #ffffff;
  width: 180px;
  text-align: center;
  font-size: 14px;
  margin-left: 14px;
}

ul.btmWrapFinish li a.btn-next:hover {
  opacity: 0.6;
}

/*==============================================================================================
	OrderComplete.aspx追加 変更
==============================================================================================*/
#Contents h2.ttlFinish {
  text-align: center;
  padding-bottom: 15px;
  margin: 20px 0;
  border-bottom: #DDDDDD solid 1px;
}

.buyNum {
  margin: 40px auto;
  padding: .5em;
  background-color: #fafafa;

  text-align: center;
  width: 640px;
}

.buyNum h3 {
  font-size: 16px;
}

.completeWrap .orderCompleteMesse {
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
}

.completeWrap div.btmbtn.endBorder {
  /* clear:both; */
  border-top: #DDDDDD solid 1px;
  margin-top: 40px;
}

.completeWrap div.btmbtn.endBorder .mt30 {
  margin-top: 30px;
}

/*==============================================================================================
	Login.aspx追加 変更
==============================================================================================*/
#loginWrap {}

#loginWrap .loginType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#loginWrap .loginType h2.userTtl {
  margin: 20px 0;
  border-bottom: #DDDDDD solid 1px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 !important;
}

#loginWrap .loginType .loginArea {
  width: 465px;
}

#loginWrap .loginType .registrationArea {
  width: 465px;
  margin-left: 50px;
}

#loginWrap .loginType .registrationArea .entry {
  margin-top: 24px;
}

#loginWrap .loginType {
  font-size: 14px;
}

#loginWrap .loginType .loginBtn {
  margin-top: 30px;
}

#loginWrap .loginType .loginArea .remind {
  margin-top: 10px;
}

#loginWrap .loginType .loginArea .remind a {
  text-decoration: underline;
}

/*==============================================================================================
	CartSelect.aspx追加 変更
==============================================================================================*/
#cartselectWrap .selectAttention {
  font-size: 14px;
}

#cartselectWrap .cartinNow {
  padding: 20px 0px 0;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 40px;
}

#cartselectWrap h3 {
  color: #FFFFFF;
  font-size: 16px;
  padding: 6px 14px 5px 14px;
  background-color: #999999;
}

#cartselectWrap .cartinTable {
  font-size: 14px;
}

#cartselectWrap .cartinTable tr {
  height: 40px;
  padding: 0 10px;
}

#cartselectWrap .productInfo {
  width: 580px;
  vertical-align: middle;
  padding: 5px 140px 5px 0px;
  text-align: center;
}

#cartselectWrap .productPrice {
  width: 190px;
  vertical-align: middle;
  padding: 5px 0;
  text-align: center;
}

#cartselectWrap .remark {
  width: 70px;
  vertical-align: middle;
  padding: 5px 0;
  text-align: center;
}

#cartselectWrap .productInfoItem {
  width: 720px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #dddddd;
  padding: 20px 0 20px 10px;
}

#cartselectWrap .productInfoItem .selectimgSize {
  width: 140px;
}

#cartselectWrap .productInfoItem .selectimgSize img {
  width: 100%;
}

#cartselectWrap .productInfoItem .itemText {
  font-size: 14px;
  line-height: 1.8;
  text-align: justify;
  margin-left: 10px;
}

#cartselectWrap .productPriceItem {
  width: 190px;
  border-top: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

#cartselectWrap .remarkItem {
  width: 70px;
  border-top: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

#cartselectWrap input[type="checkbox"],
.shippingWrap input[type="checkbox"],
.paymentWrap input[type="checkbox"],
.shippingPaymentWrap input[type="checkbox"] {
  border: 1px solid #cccccc;
  -webkit-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  border-radius: 4px;
}

#cartselectWrap input[type="checkbox"]:checked:after,
.shippingWrap input[type="checkbox"]:checked:after,
.paymentWrap input[type="checkbox"]:checked:after,
.shippingPaymentWrap input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  content: "";
  /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5); */
  /* box-shadow: 0 1px 1px rgba(0, 0, 0, .5); */
  width: 12px;
  height: 12px;
  background: #777777;
  border-radius: 2px;
}

#cartselectWrap .cartinPast {
  padding: 20px 0px 0;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 40px;
}

/*==============================================================================================
	UserPage.master追加 変更
==============================================================================================*/
.contentsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 980px;
  margin: 30px auto 60px;
}

#dvUserFltContents h2+p {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 20px;
}

#dvUserFltContents table.informationArea td {
  padding: 13px 13px 13px 33px;
  /* border: solid 1px #ddd; */
  border-left: none;
  border-right: none;
  width: 747px;
  padding: 13px;
  border-bottom: solid 1px #dddddd;
}

#dvUserFltContents table.informationArea th {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #ddd;
  vertical-align: middle;
}

#dvUserFltContents table.informationArea th {
  background: #ddd;
  font-weight: normal;
  width: 200px;
  text-align: left;
  padding-left: 15px;
  padding: 15px;
  font-size: 12px;
  /* border-bottom: 1px solid #dddddd; */
}

#dvUserFltContents table.informationArea tr {
  font-size: 12px;
  padding: 15px;
}

#dvUserFltContents table.informationArea tr.onBorder {
  border-top: solid 1px #ddd;
}

#dvUserFltContents table.informationArea th.topBorder {
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  vertical-align: middle;
}

#dvUserFltContents table.informationArea th.bottomBorder {
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ffffff;
  vertical-align: middle;
}

/*==============================================================================================
FavoriteList.aspx追加 変更
==============================================================================================*/
#dvFavoriteList {
  letter-spacing: 0.08em;
  font-size: 13px;
}

#dvFavoriteList .DispCheckBox {
  text-align: right;
  margin-bottom: 20px;
  font-size: 12px;
  color: #666666;
  margin-right: 15px;
}

.favoriteWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.favoriteWrap .favoriteItems {
  width: 20.9%;
  margin: 0 5.45% 40px 0;
  position: relative;
}

.favoriteWrap .favoriteItems:nth-child(4n) {
  margin-right: 0;
}

.favoriteWrap .favoriteProductImage {
  margin-bottom: 15px;
}

.favoriteWrap .favoriteProductImage a {
  display: block;
  position: relative;
  height: 200px;
}

.favoriteWrap .favoriteProductImage .stock {
  background: #e5e5e5;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.favoriteWrap .favoriteProductImage .sell_quantity {
  height: 20px;
  font-size: 11px;
  font-weight: bold;
  position: inherit;
  margin-top: 5px !important;
}

.favoriteWrap .favoriteProductImage .sell_quantity span {
  font-weight: bold;
}

.favoriteWrap .favoriteProductImage .soldout {
  height: 100%;
  top: 0;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700;
  font-family: futura-pt;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(0, 0, 0, 0.4);

}

.favoriteWrap .favoriteItems a img {
  width: 100%;
}

.favoriteWrap .favoriteItems .productName {
  line-height: 1.38;
  font-weight: bold;
}

.favoriteWrap .favoriteItems .productPrice {
  margin: 5px auto 8px !important;
  text-align: left;
}

.favoriteWrap .favoriteItems .productPrice .tax {
  font-size: 10px;
}

.favoriteWrap .favoriteItems .productPrice .discountRateS {
  width: inherit;
  height: inherit;
  padding: 3px 5px;
  line-height: 1;
  font-size: 11px;
}

.favoriteWrap .favoriteItems .color,
.favoriteWrap .favoriteItems .size {
  font-size: 11px;
  line-height: 1.5;
}

.favoriteWrap .cartBtnWrap>a {
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  display: block;
  margin-top: 13px;
  text-align: center;
  padding: 9px 0;
  line-height: 1;
}

.favoriteWrap .cartBtnWrap>a:hover,
#dvFavoriteList .DeleteFavoriteItem a:hover {
  opacity: 0.7;
}

.favoriteWrap .cartBtnWrap>a.cartBtn {
  background: #000;
  color: #fff;
}

.favoriteWrap .cartBtnWrap>a.arrivalBtn {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.favoriteWrap.delmode .cartBtnWrap {
  display: none;
}

/*入荷お知らせ*/
.favoriteWrap .arrivalMailRegisterOverlay {
  display: none;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  opacity: 0.7;
}

.favoriteWrap .arrivalMailRegisterWrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -9999;
  background-color: #FFF;
  border: 1;
  padding: 20px 30px 15px;
  opacity: 0;
  transition: all 200ms;
  box-shadow: 1px 1px 6px 1px #00000050;
  min-width: 400px;
  min-height: 205px;
  box-sizing: border-box;
}

.favoriteWrap .arrivalMailRegisterWrap.active {
  z-index: 10000;
  opacity: 1;
}

.favoriteWrap .arrivalMailRegisterWrap .close {
  font-size: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -12px;
  right: -12px;
  background: #eeeeee;
  border-radius: 50%;
  cursor: pointer;
}

.favoriteWrap .arrivalMailRegisterWrap .close:before,
.favoriteWrap .arrivalMailRegisterWrap .close:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  background: #000;
  top: 50%;
  right: 5px;
}

.favoriteWrap .arrivalMailRegisterWrap .close:before {
  transform: rotate(45deg);
}

.favoriteWrap .arrivalMailRegisterWrap .close:after {
  transform: rotate(-45deg);
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail * {
  box-sizing: border-box;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 340px;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .divProductArrivalMail_txt {
  order: 2;
  font-size: 9px;
  margin-top: 10px;
  line-height: 1.5;
}

.favoriteWrap .divProductArrivalMail_txt_done {
  margin-top: 70px !important;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table {
  order: 1;
  border: 1px solid #666666 !important;
  background: #fff;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table th {
  border: none !important;
  background-color: #eeeeee;
  font-size: 12px;
  color: #000 !important;
  width: 120px !important;
  display: inline-flex;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table tr {
  display: flex;
  align-items: center;
  background-color: #eeeeee;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table tr:nth-child(1) {
  border-bottom: 1px solid #666666;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td {
  border: none !important;
  font-size: 12px;
  color: #000 !important;
  width: 220px;
  text-align: left !important;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td span {
  line-height: 20px;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td label {
  line-height: 2;
  padding: 0;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td input.mailAddr {
  width: 200px !important;
  border: 1px solid #666666;
  border-radius: 0;
  padding: 0 2px;
  height: 30px;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .btmbtn {
  order: 3;
  margin-top: 15px;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .btmbtn ul.btmWrap {
  justify-content: center;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .btmbtn ul.btmWrap li {
  padding: 0;
}

.favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail .btmbtn ul.btmWrap li a.btn-next {
  margin: 0;
  font-size: 12px;
  width: 120px;
  padding: 7px 0;
}

/*複数削除*/
.favoriteWrap .favoriteItems .delete .deleteBox {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}

.favoriteWrap .favoriteItems .delete .deleteBox:hover:before {
  content: "";
  position: absolute;
  border-top: 20px solid #dddddd;
  border-right: 20px solid #dddddd;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
  cursor: pointer;
}

.favoriteWrap .favoriteItems .delete .deleteBox a {
  font-size: 0;
  width: 10px;
  height: 10px;
  position: absolute;
  padding: 7px 7px;
  right: 0;
}

.favoriteWrap .favoriteItems .delete .deleteBox a:before,
.favoriteWrap .favoriteItems .delete .deleteBox a:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 1px;
  background: #000;
  top: 12px;
  right: 7px;
}

.favoriteWrap .favoriteItems .delete .deleteBox a:before {
  transform: rotate(45deg);
}

.favoriteWrap .favoriteItems .delete .deleteBox a:after {
  transform: rotate(-45deg);
}

#dvUserFltContents .addBtn a {
  font-size: 11px;
  display: block;
  background-color: #000000;
  color: #fff;
  padding: 0 8px;
  text-align: center;
  width: 80%;
  margin: 10px 0 0 0;
  line-height: 30px;
  height: 30px;
}

.favoriteWrap .favoriteItems .delete {
  position: absolute;
  top: 0;
  right: 0;
}

.favoriteWrap .favoriteItems .delete .checkBox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 15px;
  height: 15px;
  margin: 7px;
  background: #fff;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  cursor: pointer;
}

.favoriteWrap .favoriteItems .delete .checkBox input[type="checkbox"]:checked {
  background: #c9c9c9;
}

.favoriteWrap .favoriteItems .delete .checkBox input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  margin: 2px 1.5px;
  background-image: url(/contents/imagespkg/user/checkBox_check.png);
  background-size: 100%;
}

#dvFavoriteList .DeleteFavoriteItem {
  text-align: center;
}

#dvFavoriteList .DeleteFavoriteItem a {
  background: #000;
  color: #fff;
  display: inline-block;
  width: 345px;
  line-height: 40px;
  font-size: 12px;
  font-weight: bold;
  margin: 20px auto 40px;
}

#dvUserBox #dvFavoriteList .pager {
  margin: 40px auto 0;
  display: flex;
  font-family: futura-pt;
}

/*==============================================================================================
	UserCouponBox.aspx追加 変更
==============================================================================================*/
table.couponTable {
  font-size: 12px;
}

/*==============================================================================================
	UserCreditCardList.aspx追加 変更
==============================================================================================*/
#dvUserFltContents .addBtnCredit,
#dvUserShippingList .addBtnCredit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

#dvUserFltContents .addBtnCredit a {
  font-size: 11px;
  display: block;
  background-color: #000000;
  color: #fff;
  padding: 8px;
  text-align: center;
  width: 20%;
  margin: 10px 0 0 0;
}

#dvUserShippingList .addBtnCredit a {
  font-size: 11px;
  display: block;
  background-color: #000000;
  color: #fff;
  padding: 8px;
  text-align: center;
  width: 22%;
  margin: 10px 0 0 0;
  height: auto;
}

#dvUserFltContents .addBtnCredit a:hover,
#dvUserShippingList .addBtnCredit a:hover {
  opacity: 0.6;
}

/*==============================================================================================
	InquiryInput.aspx追加 変更
==============================================================================================*/
#dvUserContents .inquiryWrap table th {
  vertical-align: middle;
}

#dvUserContents .inquiryWrap table th.topBorder {
  border-left: solid 1px #ddd;
  vertical-align: middle;
}

#dvUserContents .inquiryWrap table th.bottomBorder {
  border-left: solid 1px #ddd;
  vertical-align: middle;
}

#dvUserContents .inquiryWrap table th {
  background: #ddd;
  font-weight: normal;
  width: 200px;
  text-align: left;
  padding-left: 15px;
  padding: 15px;
  font-size: 14px;
}

#dvUserBox #dvUserInquiryInput table.inquiryAddress td,
#dvUserBox #dvUserInquiryConfirm table.inquiryAddress td {
  text-align: left;
  padding: 13px;
  border-bottom: 1px solid #dddddd;
}

#dvUserBox #dvUserInquiryConfirm table.inquiryAddress td {
  font-size: 14px;
  line-height: 1.5;
}

#dvUserBox #dvUserInquiryInput table.inquiryAddress td input {
  font-size: 14px;
  padding: 0 10px;
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  height: 37px;
}

#dvUserContents table.inquiryAddress tr.noInput td input {
  display: none;
}

#dvUserContents table.inquiryAddress td input.secondInput {
  margin-left: 10px;
}

#dvUserContents table.inquiryAddress td input[type="text"],
#dvUserContents table.inquiryAddress td input[type="email"] {
  width: 40%;
}

#dvUserContents table.inquiryAddress td input.input_widthD {
  width: 60%;
  margin-top: 10px;
}

#dvUserContents table.inquiryAddress td p.msg {
  font-size: 12px;
  margin: 5px 0 10px;
}

#dvUserContents table.inquiryAddress td.threeForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #FFF url(../../SmartPhone/Contents/ImagePkg/common/select_arrow.gif) no-repeat !important;
  background-size: 13px 7px !important;
  background-position: right 10px center !important;
  height: 39px;
  text-indent: 0.3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 5px;
  line-height: 1;
  width: 100%;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
  font-size: 14px;
}

#dvUserContents table.inquiryAddress td.threeForm select.selectArea {
  width: 35%;
}

#dvUserContents table.inquiryAddress td.threeForm span {
  font-size: 14px;
  padding: 0px 20px 0 10px;
  vertical-align: sub;
}

#dvUserContents table.inquiryAddress td.threeForm span.centerLine {
  font-size: 14px;
  padding: 0px 10px;
  vertical-align: sub;
}

#dvUserContents table.inquiryAddress td {
  padding: 13px 13px 13px 33px;
  border: none;
  width: 747px;
}

#dvUserContents textarea.inquirytext {
  width: 98%;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 1%;
  font-size: 14px;
}

/*==============================================================================================
UserProductArrivalMailList.aspx追加 変更
==============================================================================================*/
#dvUserFltContents table td input[type="checkbox"] {
  display: none;
  /*font-size: 14px;
padding:0 10px;
background: none;
border-radius: 5px;
border: 1px solid #CCCCCC;
height: 26px;*/
}

#dvUserFltContents table td input[type="text"] {
  width: 40%;
}

#dvUserFltContents table td.delete a {
  font-size: 11px;
  display: block;
  background-color: #000000;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
}

/*==============================================================================================
	OrderHistoryDetail.aspx追加 変更
==============================================================================================*/
.dvOrderHistoryInfo table td .changeBtn a,
table.shippingInfoHistry td .changeBtn a {
  font-size: 11px;
  display: block;
  background-color: #000000;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  height: auto;
}

.dvOrderHistoryInfo table td .andBtn,
table.shippingInfoHistry td .andBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

table.shippingInfoHistry td .andBtn {
  margin-bottom: 5px;
}

#dvUserBox #dvOrderHistoryDetail table td.histryChange {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 0;
  text-align: left;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtl {
  height: 40px;
  line-height: 40px;
  background-color: #ececec;
  border-top: 1px solid #ffffff;
  padding: 0px 0 5px 5px;
  border-left: 1px solid #fff;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtl.parts1 {
  height: 40px;
  line-height: 40px;
  background-color: #ececec;
  border-top: none;
  padding: 0px 0 5px 5px;
  border-left: 1px solid #fff;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtl label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 30px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 12px;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtl label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtl input {
  font-size: 14px;
  padding: 0;
  border: none;
  height: 0;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtl input[type="radio"]:checked+label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}


#dvUserBox #dvOrderHistoryDetail table.cardArea td {
  padding: 13px 13px 13px 33px;
  /* border: solid 1px #ddd; */
  border-left: none;
  border-right: none;
  width: 400px;
  padding: 13px;
  border-bottom: solid 1px #dddddd;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.last {
  padding: 13px 13px 13px 33px;
  /* border: solid 1px #ddd; */
  border-left: none;
  border-right: none;
  width: 400px;
  padding: 13px;
  border-bottom: none;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td input {
  font-size: 12px;
  padding: 0 10px;
  /* border: solid 1px #9FA0A0; */
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  height: 22px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea th {
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  vertical-align: middle;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea th.topBorder {
  border-bottom: none;
  border-left: solid 1px #ffffff;
  border-top: none;
  vertical-align: middle;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea th.borderTopOnth {
  border-bottom: 1px solid #ffffff;
  border-left: solid 1px #ffffff;
  border-top: 1px solid #ffffff;
  vertical-align: middle;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea th.bottomBorder {
  border-bottom: none;
  border-left: solid 1px #ffffff;
  /* border-top: solid 1px #ddd; */
  vertical-align: middle;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea th {
  background: #ececec;
  font-weight: normal;
  width: 200px;
  text-align: left;
  padding: 3px 15px;
  font-size: 12px;
  /* border-bottom: 1px solid #dddddd; */
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.borderTopOntd {
  border-top: 1px solid #dddddd;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.withBtn p,
#dvUserBox #dvOrderHistoryDetail table.cardArea td.tokenText {
  font-size: 12px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.withBtn a.reBtn {
  font-size: 11px;
  background-color: #000000;
  color: #fff;
  padding: 8px 12px;
  text-align: center;
  margin-left: 20px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.withBtn a.reBtn:hover {
  opacity: 0.6;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td input[type="text"] {
  width: 40%;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td .cardAttention {
  margin-top: 5px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td .cardAttention p input[type="text"] {
  width: 60%;
}

#dvUserBox #dvOrderHistoryDetail .withAttention {
  display: flex;
  align-items: center;
}

#dvUserBox #dvOrderHistoryDetail .withAttention .inputArea {
  width: 100%;
}

#dvUserBox #dvOrderHistoryDetail .withAttentionNewcard .inputArea {
  width: 59%;
  margin-bottom: 5px;
}

#dvUserBox #dvOrderHistoryDetail .withAttentionNewcard .inputAreasec {
  width: 10%;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm .withAttentionNewcard select.selectAreapay {
  width: 20%;
}

#dvUserBox #dvOrderHistoryDetail .withAttention .inputAreapay {
  width: 20%;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td .withAttention input[type="text"],
#dvUserBox #dvOrderHistoryDetail table.cardArea td .withAttention input[type="email"],
#dvUserBox #dvOrderHistoryDetail table.cardArea td .withAttention input[type="tel"],
#dvUserBox #dvOrderHistoryDetail table.cardArea td .withAttentionNewcard input[type="text"] {
  width: 100%;
}


#dvUserBox #dvOrderHistoryDetail table.cardArea .withAttention .fgray {
  margin-left: 40px;
  font-size: 12px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea .withAttentionNewcard .fgray {
  margin-left: 0;
  font-size: 12px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea .withAttention .fgrayPay {
  margin-left: 20px;
  font-size: 12px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm.noBoder {
  border: none;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm select,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail table td select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #FFF url(../../SmartPhone/Contents/ImagePkg/common/select_arrow.gif) no-repeat !important;
  background-size: 13px 7px !important;
  background-position: right 10px center !important;
  height: 24px;
  text-indent: 0.3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 5px;
  line-height: 1;
  width: 100%;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
  font-size: 12px;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm select.selectArea {
  width: 20%;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm select.selectAreapay {
  width: 100%;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm select.cardName {
  width: 66%;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm span {
  font-size: 14px;
  padding: 0px 20px 0 10px;
  /* margin-top: 5px; */
  vertical-align: sub;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td.threeForm span.centerLine {
  font-size: 14px;
  padding: 0px 10px;
  /* margin-top: 5px; */
  vertical-align: top;
}

#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo table.cardArea.noMb {
  margin-bottom: 0;
  border-top: 1px solid #ffffff;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtlcarcard label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 30px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 12px;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtlcarcard label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}

#dvUserBox #dvOrderHistoryDetail .list .paymentTtlcarcard input[type="checkbox"]:checked+label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #777;
  border-radius: 100%;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td .paymentTtlcarcard {
  border-left: none;
  border-right: none;
  padding: 0;
}

#dvUserBox #dvOrderHistoryDetail table.cardArea td .paymentTtlcarcard input {
  font-size: 14px;
  padding: 0 10px;
  /* border: solid 1px #9FA0A0; */
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  height: 37px;
  display: none;
}

ul.btmWrapLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

ul.btmWrapLeft li a.btn-ddd {
  display: block;
  background: #ddd;
  padding: 10px 0;
  width: 100px;
  text-align: center;
  font-size: 12px;
}

ul.btmWrapLeft li a.btn-next {
  display: block;
  background: #000000;
  padding: 10px 0;
  color: #ffffff;
  width: 100px;
  text-align: center;
  font-size: 12px;
  margin-right: 14px;
}

ul.btmWrapLeft li a.btn-next:hover,
ul.btmWrapLeft li a.btn-ddd:hover {
  opacity: 0.6;
}

#dvUserFltContents .dvOrderHistoryShipping table td input {
  font-size: 12px;
  padding: 0 10px;
  /* border: solid 1px #9FA0A0; */
  background: none;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  height: 26px;
}

#dvUserFltContents .dvOrderHistoryShipping table td input[type="text"] {
  width: 40%;
}

#dvUserFltContents .dvOrderHistoryShipping table td input.secondInput {
  margin-left: 10px;
}

#dvUserBox #dvUserFltContents #dvOrderHistoryDetail table td select.selectArea {
  width: 20%;
}

#dvUserBox #dvUserFltContents #dvOrderHistoryDetail table td .andBtn select.selectArea {
  width: 200%;
  font-size: 12px;
}

/*領収書発行*/
#dvUserFltContents table td .ReceiptBtn input {
  font-size: 11px;
  display: block;
  background-color: #fff;
  padding: 3px 10px;
  text-align: center;
  border-radius: 0;
  height: inherit;
  float: right;
  margin-left: 10px;
  cursor: pointer;
}

/* メルマガ */
#dvUserContents h2.ttlMail {
  position: relative;
  margin: 0 0 20px;
  border-bottom: #DDDDDD solid 1px;
}

#dvUserContents #dvMailMagazineRegistInput p,
#dvUserContents .mailCancel p,
#dvUserContents #dvMailMagazineRegistComplete p,
#dvUserContents #dvMailMagazineCancelComplete p {
  font-size: 12px;
  margin-bottom: 20px;
  line-height: 1.5;
}

#dvUserContents #dvMailMagazineRegistInput .dvUserBtnBox.MailOnly {
  margin: 0px;
  padding: 0 0 80px;
}

#dvUserContents.mailWrap {
  width: 1100px;
  margin: 20px auto;
}

#dvUserBox #dvMailMagazineRegistInput.mailContents table td,
#dvUserBox #dvMailMagazineRegistConfirm.mailContents table td,
#dvUserBox #dvMailMagazineCancelInput.mailContents table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 20px 10px;
}

#dvUserBox #dvMailMagazineRegistInput.mailContents .mailCheckArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#dvUserBox #dvMailMagazineRegistInput.mailContents table,
#dvUserBox #dvMailMagazineRegistConfirm.mailContents table,
#dvUserBox #dvMailMagazineCancelInput.mailContents table {
  width: 100%;
  padding: 0;
  margin: 0px 0 20px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

#dvUserBox .mailContents label {
  color: #333;
  padding: 0 3px;
  font-size: 13px;
  margin: 50px 0;
}

.mailmagazine-regist-input input[type="checkbox"],
.mailmagazine-cancel-input input[type="checkbox"] {
  border: 1px solid #cccccc;
  -webkit-appearance: none;
  position: relative;
  margin: -2px 6px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.mailmagazine-regist-input input[type="checkbox"]:checked:before,
.mailmagazine-cancel-input input[type="checkbox"]:checked:before {
  position: absolute;
  left: 0px;
  top: 14px;
  display: block;
  content: "";
  width: 10px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: right center;
}

.mailmagazine-regist-input input[type="checkbox"]:checked:after,
.mailmagazine-cancel-input input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 9px;
  top: 12px;
  content: "";
  width: 12px;
  height: 2.5px;
  background: #777777;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}


/* ユーザーガイド系 */
/* 共通 */
.userGuideWrap {
  width: 980px;
  margin: 48px auto 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.userGuideWrap #useguideMenu {
  width: 220px;
  margin-top: 3px;
}

.displayNone {
  display: none;
}

.accordion li {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.accordion .contentWrap li {
  border: none;
  padding: 0;
  font-size: 12px;
}

.userGuideWrap #useguideMenu .active {
  padding: 17px 10px;
  border-top: 1px solid #dddddd;
  margin-top: -1px;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  background: #fafafa;
}

.userGuideWrap #useguideMenu .noaccodion {
  border-top: 1px solid #dddddd;
  margin-top: -1px;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  display: block;
}

.userGuideWrap #useguideMenu .accordion a {
  display: block;
  padding: 17px 10px;
}

.userGuideWrap #useguideMenu .accordion .contentWrap a {
  display: block;
  padding: 17px 10px;
  border-bottom: 1px solid #dddddd;
}

.userGuideWrap #useguideMenu .accordion a:hover {
  background-color: #fafafa;
}

.userGuideWrap #useguideMenu .switch {
  padding: 17px 10px;
  border-top: 1px solid #dddddd;
  margin-top: -1px;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  cursor: pointer;
  position: relative;
}

.userGuideWrap #useguideMenu .switch.activeAc {
  padding: 17px 10px;
  border-top: 1px solid #dddddd;
  margin-top: -1px;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  background-color: #fafafa;
}

.switch:after {
  position: absolute;
  top: 60%;
  right: 10px;
  margin-top: -13px;
  content: '>';
  font-size: 16px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
  font-family: sans-serif;
  color: #000000;
}

.switch.open:after {
  position: absolute;
  top: 60%;
  right: 14px;
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: sans-serif;
}

.userGuideWrap #useguideArea .switch02 {
  cursor: pointer;
  position: relative;
}

.switch02:after {
  position: absolute;
  top: 60%;
  right: 10px;
  margin-top: -17px;
  content: '>';
  font-size: 16px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
  font-family: sans-serif;
  color: #000000;
}

.switch02.open:after {
  position: absolute;
  top: 60%;
  right: 14px;
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: sans-serif;
}

#useguideArea {
  width: 720px;
  margin-left: 40px;
}

#useguideArea h2 {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 0 0 10px;
}

#useguideArea h2.ttlSelect {
  position: relative;
  margin: 0 0 20px;
  border-bottom: #DDDDDD solid 1px;
}

#useguideArea h2.ttlSelect.under {
  margin-top: 40px;
}

#useguideArea .ttlEx {
  font-size: 13px;
  line-height: 1.5;
  padding: 0 0 20px 10px;
}

#useguideArea .pagecontent.guideInformationArea {
  font-size: 13px;
  line-height: 1.5;
}

#useguideArea .pagecontent.guideInformationArea dt {
  border-bottom: 1px dotted #ddd;
  padding: 0 0 6px 10px;
  font-size: 15px;
}

#useguideArea .pagecontent.guideInformationArea dd {
  padding: 10px 0 35px 10px;
}

/* 免責事項 */
#useguideArea .pagecontent.guideInformationArea ul.disclaimerText li {
  /* padding-left:1em; */
  padding-left: 25px;
  text-indent: -1em;
  margin-top: 25px;
}

#useguideArea .pagecontent.guideInformationArea ul.disclaimerText li:first-child {
  /* padding-left:1em; */
  padding-left: 25px;
  text-indent: -1em;
  margin-top: 0;
}

/* ご利用ガイド */
#useguideArea .pagecontent.guideInformationArea.guidePage a {
  text-decoration: underline;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dt {
  border-bottom: 1px dotted #ddd;
  padding: 15px 0 6px 10px;
  font-size: 15px;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dt:first-child {
  padding: 0 0 6px 10px;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dd {
  padding: 10px 0 35px 25px;
  line-height: 1.7;
  text-indent: -1em;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dd p.indent {
  padding: 0 0 0 15px;
  line-height: 1.7;
  text-indent: -1em;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dd.noIndent {
  padding: 10px 0 35px 10px;
  text-indent: 0;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dd p {
  margin-bottom: 20px;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dd p.question {
  margin-bottom: 10px;
  font-weight: bold;
}

#useguideArea .pagecontent.guideInformationArea.guidePage dd p.last {
  margin-bottom: 0;
}

/* faq */

/* 20191118マージン調整 */
.mb20_singlePage {
  margin-bottom: 20px !important;
}

.area_check_b_10 {
  margin-bottom: 10px;
}

.area_check_t_10 {
  margin-top: 10px;
}

.withBorder {
  border-bottom: #DDDDDD solid 1px;
  padding-bottom: 20px;
}

.shippingPaymentWrap .checkBox label {
  font-size: 14px;
}

/*楽天ペイ決済　注文完了ボタンのデザイン ------------------*/

ul.btmWrapFinish li a.btn-rakutenPay {
  background: initial;
  width: 100%;
  padding: 0;
  /* display: none; */
  margin-left: 0;
}

/*-------------------------------------------------*/

/*==============================================================================================
	GiftSettingInput ラッピング選択ぺージ
==============================================================================================*/
#GiftSettingInput {
  max-width: 980px;
  width: 95%;
  margin: 0px auto 100px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}

#GiftSettingInput #cartProducts {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.7;
}

#GiftSettingInput #cartProducts #radioButton0 {
  margin: 10px 0 10px 2%;
}

#GiftSettingInput .select_wrap {
  margin-bottom: 40px;
}

#GiftSettingInput .select_wrap tr {
  display: flex;
  flex-wrap: wrap;
  width: 980px;
}

#CartList div.productList .novelty .plist {
  width: 100px;
}

#GiftSettingInput .select_wrap .plist {
  display: block;
}

/* #GiftSettingInput .radioBtn {
  display: flex;
  align-items: center;
} */

#CartList div#GiftSettingInput .title {
  font-size: 18px;
  margin-bottom: 10px;
}

#GiftSettingInput label,
#GiftSettingInput .radioBtn input {
  display: inline-block;
  margin: 0;
  padding: 3px 3px 3px 0;
  position: relative;
  font-size: 16px;
  cursor: pointer;
}

#GiftSettingInput label {
  margin-left: 5px;
}

#GiftSettingInput #radioButton0 .radioBtn input,
#GiftSettingInput #selectCard0 input {
  position: relative;
  bottom: 2px;
}

#GiftSettingInput label::before,
#GiftSettingInput .radioBtn input::before {
  width: 18px;
  height: 18px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -1px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
  content: ;
}

#GiftSettingInput input[type="radio"]:checked+label::after,
#GiftSettingInput .radioBtn input:checked::after {
  width: 10px;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  left: 4px;
  background: #777;
  border-radius: 100%;
  content: ;
}

#GiftSettingInput #wrappingType input {
  display: none;
}

#GiftSettingInput div[id^=useMessageCard] .title input {
  vertical-align: top;
}

#GiftSettingInput div[id^=makingMessageText] {
  margin: 10px auto 0;
}

#GiftSettingInput div[id^=selectMessageCard] {
  margin-bottom: 30px;
}

#GiftSettingInput div[id^=makingMessageText] textarea {
  width: 200px;
  margin-top: 10px;
  padding: 15px 150px 15px 15px;
  border-radius: 20px;
}

#ctl00_ContentPlaceHolder1_rCartList_ctl00_gift table.informationArea .space {
  white-space: pre-wrap;
  line-height: 1.4;
}

#CartList div.productList .novelty .plist p {
  font-size: 14px;
}

/*==============================================================================================
	2022.08.17 add
==============================================================================================*/
#CartList .confirmBoxText {
  margin-top: 10px;
  line-height: 1.6;
  font-size: 14px;
}

#CartList .confirmBoxText a {
  text-decoration: underline;
}

#useguideArea .pagecontent.guideInformationArea a {
  text-decoration: underline;
}