@charset "UTF-8";

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


/*==============================================================================================
	cartList.aspx追加 変更
==============================================================================================*/
#CartList div.productList dl.name dt img {
	width: 100%;
	aspect-ratio: var(--product-img-aspectratio);
  object-fit: var(--product-img-objectfit);
}

#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;
	margin-top: 20px;
}
ul.btmWrap li a.btn-ddd{
	--button-color-bg-default: var(--color-white, #fff);
	--button-color-bg-active: var(--color-black, #000);
	--button-border-style: solid 1px var(--color-black, #000);
	--button-color-text-default: var(--color-black, #000);
	--button-color-text-active: var(--color-white, #fff);
	display: block;
	/* background: #ddd; */
	/* 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;
} */
ul.btmWrap li a.c-button--rounded {
	width: 180px;
	padding-block: 14px;

	font-size: 14px;
	text-align: center;
}
#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 {
	/* clear: both; */
	/* margin: 10px 0 20px; */
	margin: 10px 0 0;
	background-color: #fff;
	padding: 5px 0;
}

/****** ▼▼ カート改修 [調整箇所] ▼▼ ******/
#CartList div.productList .cart-novelty-unit .accordion_title {
	padding: 6px 14px 3px 14px;
	font-size: 14px;
}
#CartList div.productList .novelty .title {
	padding: 6px 14px 3px 14px;
	background-color: #fff;
	font-size: 14px;
}
#CartList div.productList .novelty .noveltyArea {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin: 0 0;
}
#CartList div.productList .novelty .plist {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}
#CartList div.productList .novelty .plist p {
	font-size: 12px;
	line-height: 1.5;
}
#CartList div.productList .novelty .plist .image {
	width: 100%;
	height: 100%;
}
#CartList div.productList .novelty .plist .image img {
	width: 100%;
	aspect-ratio: var(--product-img-aspectratio);
  object-fit: var(--product-img-objectfit);
}
/****** ▲▲ カート改修 [調整箇所] ▲▲ ******/

/****** ▼▼ カート改修 [アコーディオン実装] ▼▼ ******/
#CartList .cart-novelty-unit > .js-novelty_accordion .accordion_title,
#CartList .novelty .js-novelty_accordion .accordion_title {
	display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#CartList .cart-novelty-unit > .js-novelty_accordion .accordion_icon,
#CartList .novelty .js-novelty_accordion .accordion_icon {
  position: relative;
  display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
}
#CartList .cart-novelty-unit > .js-novelty_accordion .accordion_icon::before,
#CartList .novelty .js-novelty_accordion .accordion_icon::before {
  transform: rotate(90deg);
}

#CartList .cart-novelty-unit > .js-novelty_accordion.is-active .accordion_icon::before,
#CartList .novelty .js-novelty_accordion.is-active .accordion_icon::before {
  transform: rotate(180deg);
}

#CartList .cart-novelty-unit > .js-novelty_accordion .accordion_icon::before,
#CartList .cart-novelty-unit > .js-novelty_accordion .accordion_icon::after,
#CartList .novelty .js-novelty_accordion .accordion_icon::before,
#CartList .novelty .js-novelty_accordion .accordion_icon::after {
  position: absolute;
  content: "";
  display: block;
	width: 15px;
  height: 2px;
  background-color: #000;
	transition: transform 0.5s ease;
}

#CartList .cart-novelty-unit > .js-novelty_accordion,
#CartList .novelty .js-novelty_accordion {
	cursor: pointer;
	transition: opacity .5s ease;
}
#CartList .cart-novelty-unit > .js-novelty_accordion:hover ,
#CartList .novelty .js-novelty_accordion:hover {
	opacity: .8;
}

#CartList .novelty .novelty_inner {
	padding: 0 15px 0;
}

#CartList .cart-novelty-unit > .js-novelty_accordion + .novelty_inner,
#CartList .novelty .js-novelty_accordion + .novelty_inner {
	display: none;
	padding: 0 15px 20px;
}
#CartList .cart-novelty-unit > .js-novelty_accordion.is-active + .novelty_inner,
#CartList .novelty .js-novelty_accordion.is-active + .novelty_inner {
	display: block;
}
/****** ▲▲ カート改修 [アコーディオン実装] ▲▲ ******/



/*==============================================================================================
	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: 10px 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::before {
	border-color: var(--color-black, #000);
}
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: var(--color-black, #000);
	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;
	aspect-ratio: var(--product-img-aspectratio);
	object-fit: var(--product-img-objectfit);
}
.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;
}
/*==============================================================================================
	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;
	aspect-ratio: var(--product-img-aspectratio);
	object-fit: var(--product-img-objectfit);
}
.userProduct .cartItemsSet .productName{
	font-size: 14px;
	margin-left: 10px;
}
.userProduct .cartItemsSet .setInfo{
	margin-right: 10px;
}
.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::before {
	border-color: var(--color-black, #000);
}
.paymentWrap .list .paymentTtl input[type="radio"]:checked + label::after{
	position: absolute;
	content: '';
	top: 50%;
	left: 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: var(--color-black, #000);
	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::before {
	border-color: var(--color-black, #000);
}
.paymentWrap .list .paymentTtlcarcard input[type="checkbox"]:checked + label::after{
	position: absolute;
	content: '';
	top: 50%;
	left: 5px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: var(--color-black, #000);
	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::before {
	border-color: var(--color-black, #000);
}
.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: var(--color-black, #000);
    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; */
	padding-block: 14px;
	/* color: #ffffff; */
	width: 180px;
	text-align: center;
	font-size: 14px;
	margin-left: 14px;
}
/* ul.btmWrapFinish li a.btn-next:hover{
	opacity: 0.6;
} */
ul.btmWrapFinish li a.btn-next.btn-rakutenPay{
	width: 240px;
	background: transparent;
	padding: 0;
}
/*==============================================================================================
	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: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 8%;
}
#loginWrap .loginType .loginArea{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#loginWrap .loginType .registrationArea{
}
#loginWrap .loginType .registrationArea .entry{
	margin-top: 10px;
}
#loginWrap .loginType{
	font-size: 14px;
}
#loginWrap .loginType .loginArea .remind{
	margin-top: 10px;
}
#loginWrap .loginType .loginArea .remind a{
	text-decoration: underline;
}
#loginWrap p.login-page-annotation{
	display: block;
	text-align: left;
}
#loginWrap .campaign_banner {
	width: 400px;
	margin: 20px auto 0;
}
#loginWrap .campaign_banner img {
	width: 100%;
	height: auto;
}
/*==============================================================================================
	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,
.shippingWrap input[type="checkbox"]:checked,
.paymentWrap input[type="checkbox"]:checked,
.shippingPaymentWrap input[type="checkbox"]:checked {
	border-color: var(--color-black, #000);
}
#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: var(--color-black, #000);
	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;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.03em;
	font-size: 13px;
}

#dvFavoriteList .list-pager li {
    padding: 0 10px;
}

#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; */
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5rem 3rem;
}
.favoriteWrap .favoriteItems{
	/* width: 20.9%; */
	/* margin: 0 5.45% 40px 0; */
	position: relative;
}
/* .favoriteWrap .favoriteItems:nth-child(4n){
	margin-right: 0;
} */
.favoriteWrap .favoriteProductImage{
	overflow: hidden;
	margin-bottom: 15px;
}
.favoriteWrap .favoriteProductImage a{
	display: block;
	position: relative;
	/* height: 200px; */
}
.favoriteWrap .favoriteProductImage .stock{
	background: #e5e5e5;
	opacity: 0.7;
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Cormorant Garamond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 12px !important;
	z-index: 1;
}

p.stock.sell_quantity {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif  !important;
}

.favoriteWrap .favoriteProductImage .sell_quantity{
	/* height: 20px;
	font-size: 11px;
	font-weight: bold;
	position: inherit;
	margin-top: 5px!important; */
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.favoriteWrap .favoriteProductImage .sell_quantity span{
	font-weight: bold;
}
.favoriteWrap .favoriteProductImage .soldout{
	height: 101%;
	top: 0;
	font-size: 16px;

}
.favoriteWrap .favoriteItems a img{
	width: 100%;
	aspect-ratio: var(--product-img-aspectratio);
	object-fit: var(--product-img-objectfit);
}
.favoriteWrap .favoriteItems .productName{
	line-height: 1.38;
	font-weight: bold;
}
.favoriteWrap .favoriteItems .productPrice{
	margin: 5px auto 8px!important;
}
.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;
}
/*入荷お知らせ*/

/* .arrivalMailRegisterWrap #ctl00_ContentPlaceHolder1_rFavoriteList_ctl05_ucBpamrArrival_cbUserPcAddr ,
#ctl00_ContentPlaceHolder1_rFavoriteList_ctl05_ucBpamrArrival_cbMailAddr{
	display: none;
} */

#divProductArrivalMail table td input[type="checkbox"]{
	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;
}
.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 .cartBtnWrap > a.releaseBtn {
		background: #fff;
		color: #000;
		border: 1px solid #000;
	}
	.favoriteWrap .releaseMailRegisterOverlay {
		display: none;
		z-index: 9998;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		background: #fff;
		opacity: 0.7;
	}
	.favoriteWrap .releaseMailRegisterWrap {
		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 .releaseMailRegisterWrap.active {
		z-index: 10000;
		opacity : 1;
	}
	.favoriteWrap .releaseMailRegisterWrap .close {
		font-size: 0;
		width: 24px;
		height: 24px;
		position: absolute;
		top: -12px;
		right: -12px;
		background: #eeeeee;
		border-radius: 50%;
		cursor: pointer;
	}
	.favoriteWrap .releaseMailRegisterWrap .close:before,
	.favoriteWrap .releaseMailRegisterWrap .close:after {
		content: "";
		position: absolute;
		width: 14px;
		height: 1px;
		background: #000;
		top: 50%;
		right: 5px;
	}
	.favoriteWrap .releaseMailRegisterWrap .close:before{
		transform: rotate(45deg);
	}
	.favoriteWrap .releaseMailRegisterWrap .close:after{
		transform: rotate(-45deg);
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail *{
		box-sizing: border-box;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail{
		display: flex;
		flex-direction: column;
		padding: 0;
		width: 340px;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail .divProductArrivalMail_txt{
		order: 2;
		font-size: 9px;
		margin-top: 10px;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail table{
		order: 1;
		border: 1px solid #666666!important;
		background: #fff;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail table th{
		border: none!important;
		background-color: #eeeeee;
		font-size: 12px;
		color: #000!important;
		width: 120px!important;
		display: inline-flex;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail table tr{
		display: flex;
		align-items: center;
		background-color: #eeeeee;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail table tr:nth-child(1){
		border-bottom: 1px solid #666666;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail table td{
		border: none!important;
		font-size: 12px;
		color: #000!important;
		width: 220px;
		text-align: left!important;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail table td span{
		line-height: 20px;
	}
	.favoriteWrap .favoriteWrap .arrivalMailRegisterWrap #divProductArrivalMail table td label{
		line-height: 2;
		padding: 0;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail table td input.mailAddr{
		width: 200px!important;
		border: 1px solid #666666;
		border-radius: 0;
		padding: 0 2px;
		height: 30px;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail .btmbtn{
		order: 3;
		margin-top: 15px;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail .btmbtn ul.btmWrap{
		justify-content: center;
	}
	.favoriteWrap .releaseMailRegisterWrap #divProductArrivalMail .btmbtn ul.btmWrap li{
		padding: 0;
	}
	.favoriteWrap .releaseMailRegisterWrap #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;
	z-index: 1;
}
.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: 3px 8px;
	text-align: center;
	width: 80%;
	margin: 10px 0 0 0;
}
.favoriteWrap .favoriteItems .delete{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
    justify-content: space-between;
    width: 100%;
	z-index: 1;
}
.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;

	display: flex;
    justify-content: space-between;
    margin: 60px 0 40px 0;
}
#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; */
	margin: 0;
}
#dvUserBox #dvFavoriteList .pager {
	margin-top: 20px;
}

/* 6/15 税込部分の調整 */
#dvFavoriteList span.tax {
    position: relative;
	left: 0.2rem;
}
/*==============================================================================================
	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;
}
#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{
	font-size: 14px;
	padding:0 10px;
	/* border: solid 1px #9FA0A0; */
	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;
	border-radius: 100vh;
}
.dvOrderHistoryInfo table td .andBtn,
table.shippingInfoHistry td .andBtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#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;
}
/*==============================================================================================
	OrderShippingPayment.aspx
	==============================================================================================*/
	.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;
	}

/*==============================================================================================
	OrderHistoryList.aspx追加 変更
==============================================================================================*/
/* ▽ 2022 12/22追加 ▽ */
#dvUserBox #dvOrderHistoryList #divProductArrivalMail ul.btmWrap li a{
	margin-left: 0;
}
/* △ 2022 12/22追加 △ */

/*==============================================================================================
	PrintingSettingInput 名入れ設定ぺージ
	==============================================================================================*/
#PrintingSettingInput {
	width: 980px;
	text-align: left;
	margin: 0px auto 100px;
	font-size: 12px;
	line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

#PrintingSettingInput #wrappingType input {
	display: none;
}

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

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

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

#PrintingSettingInput div[id^=makingMessageText] textarea {
	width: 270px;
	height: 25px;
	border-radius: 3px;
	margin-top: 10px;
}

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


/* アプリバナー追記 */
#Contents .CartList_appBanner{
  width: 65rem;
  margin: 3rem auto 0;
  list-style: none;
}
#Contents .CartList_appBanner img{
  width: 100%;
  height: auto;
}
#Contents .btmWrap__appBanner-txt{
  font-size: 14px;
  text-align: center;
  margin-top: 14px;
  display: block;
}
.btmWrap__appBanner.spOnly{
  display: none;
}

/* 支払い方法選択時 説明項目 */
.checkout-info {
  padding: 20px 0;
}
.checkout-info > * + * {
  margin-top: 10px;
}
.checkout-info .checkout-info__title {
  font-size: 13px;
  line-height: 1.6;
}
.checkout-info .checkout-info__banner {
  display: block;
  width: var(--pc-image-width, 100%);
}
.checkout-info .checkout-info__banner img {
  width: 100%;
  height: auto;
}
.checkout-info .checkout-info__text-box > * + * {
  margin-top: 1em;
}
.checkout-info .checkout-info__paragraph {
  font-size: 12px;
  line-height: 1.6;
}




/*==============================================================================================
	2025.07.04 add オーダー系デザイン改修
==============================================================================================*/

/* 共通 h1/h2 */
.c-order-title-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	border-bottom: 1px solid #b3b3b3;
	justify-content: space-between;
	font-size: 18px;
}
.c-order-title-wrap:has(.c-order-title-sub) {
	margin-top: 30px;
	margin-bottom: 20px;
}

.c-order-title-wrap .c-order-title-main {
	text-align: left;
	border-bottom: none;
	font-size: var(--font-userDefault-titleSize);
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: left;
	position: relative;
	padding: 18px 0 17px;
	font-weight: 700;
}
.c-order-title-wrap .c-order-title-main span {
	font-weight: inherit;
}
.c-order-title-wrap .c-order-title-sub {
	text-align: left;
	font-size: var(--font-userDefault-titleSize);
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: left;
	position: relative;
	padding: 18px 0 17px;
	font-weight: 700;
}

.button-change {
	height: fit-content;
	/* background: #ddd; */
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	width: 70px;
}
.button-change .btn {
	width: 100%;
	height: auto;
	display: block;
	padding: 8px;
	box-sizing: border-box;
}
.button-change .btn * {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}
#CartList.cartlist-top div.productList div.product {
	padding: 8px 0 0;
}
.cart-list-wrapper {
	display: grid;
	grid-template-columns: 63% 32%;
	gap: 5%;
}
.cart-novelty-unit {
	background-color: #f1f1f1;
	padding: 11px 10px;
	margin-top: 20px;
}

/* .pageOrder ul.btmWrapFinish li a.btn-next ,
.shippingPaymentWrap ul.btmWrap li a.btn-next {
	display: block;
	background: var(--color-primary);
	padding: 10px 0;
	color: #ffffff;
	width: 180px;
	text-align: center;
	font-size: 14px;
	margin-left: 14px;
} */
.pageOrder ul.btmWrapFinish li a.btn-next  {
	margin-left: 0;
}

#CartList .main:not(:first-of-type) {
	margin-top: 60px;
}

#cartselectWrap .c-order-title-wrap:has(.c-order-title-main),
.page-OrderAmazonInput .c-order-title-wrap:has(.c-order-title-main) {
	margin-top: 30px;
	margin-bottom: 20px;
}

.page-OrderAmazonInput .main .checkBox {
	font-size: 14px;
}
.page-OrderAmazonInput .main .btn-change-address {
	font-size: 14px;
	padding: 3px 12px;
	display: flex;
	height: 30px;
	align-items: center;
}
.page-OrderAmazonInput .main .button-change {
	width: fit-content;
	height: 30px;
	/* background: #ddd; */
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1;
}
.page-OrderAmazonInput .main .shoppingCart {
	margin-top: 0;
}
.page-OrderAmazonInput .main .shoppingCart {
	margin-top: 0;
}

/* .page-OrderAmazonInput ul.btmWrap li a.btn-next {
	background-color: var(--color-primary);
} */

#Contents .shippingPaymentWrap .text--red {
	color: #f00;
	margin-top: 5px;
	font-size: 11px;
	padding: 0 0 5px;
	line-height: 1.66;
}

.shippingPaymentWrap .c-order-title-wrap:has(.c-order-title-sub),
.page-OrderAmazonInput .c-order-title-wrap:has(.c-order-title-sub) ,
.confirmWrap .c-order-title-wrap:has(.c-order-title-sub) {
	border-bottom: none;
	margin-bottom: 0;
}
/* .page-OrderAmazonInput .c-order-title-wrap .c-order-title-sub,
.confirmWrap .c-order-title-wrap .c-order-title-sub  {
	font-weight: 400;
} */

.page-OrderAmazonInput .userProduct .cartItems .productName {
	line-height: 1.5;
}
.page-OrderAmazonInput .userProduct.amapay .productName p {
	margin: 4px 0;
}




/* ===============================================
	* 追加スタイル *
=============================================== */

/*
 * 共通
 */

#Wrap:has(.cartlist-top) {
	margin: 0 auto 80px;
	width: min(100%, 1020px);
	padding: 0 20px;
	box-sizing: border-box;
}


/*
 * Form/Order/CartList.aspx
 */

.couponArea input[type="radio"]:checked+label::before {
	border-color: var(--color-black, #000);
}

.couponArea input[type="radio"]:checked+label::after {
	background: var(--color-black, #000);
}

ul.btmWrap li a.btn-ddd {
	--button-color-bg-default: var(--color-white, #fff);
	--button-color-bg-active: var(--color-black, #000);
	--button-border-style: solid 1px var(--color-black, #000);
	--button-color-text-active: var(--color-white, #fff);
}

ul.btmWrap li a.btn-next {
	--button-color-bg-default: var(--color-black, #000);
	--button-color-bg-active: #82EA30;
	--button-border-style: none;
}

#CartList .displayModal.c-button--rounded,
#CartList .displayModal .c-button--rounded,
#CartList div.productList .delete.c-button--rounded,
#CartList div.productList .delete .c-button--rounded {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: .5em;

	font-size: 11px;
	text-align: center;

	cursor: pointer;
}

#CartList .displayModal.c-button--rounded,
#CartList .displayModal .c-button--rounded,
#CartList .button-change .c-button--rounded {
	--button-color-bg-default: var(--color-white, #fff);
	--button-color-bg-active: var(--color-black, #000);
	--button-border-style: solid 1px var(--color-black, #000);
	--button-color-text-default: var(--color-black, #000);
	--button-color-text-active: var(--color-white, #fff);
}

#CartList div.productList .delete.c-button--rounded,
#CartList div.productList .delete .c-button--rounded {
	--button-color-bg-default: var(--color-white, #fff);
	--button-color-bg-active: var(--color-black, #000);
	--button-border-style: solid 1px var(--color-black, #000);
	--button-color-text-default: var(--color-black, #000);
	--button-color-text-active: var(--color-white, #fff);
}

#CartList .guestbtn-area .btn-list a.btn_new_mem.c-button--rounded {
	--button-color-bg-default: #ddd;
	--button-color-bg-active: var(--color-black, #000);
	--button-border-style: solid 1px var(--color-black, #000);
	--button-color-text-default: var(--color-black, #000);
	--button-color-text-active: var(--color-white, #fff);
}

#CartList .guestbtn-area .btn-list a.btn-next.c-button--rounded {
	--button-color-bg-default: var(--color-white, #fff);
	--button-color-bg-active: var(--color-black, #000);
	--button-border-style: solid 1px var(--color-black, #000);
	--button-color-text-default: var(--color-black, #000);
	--button-color-text-active: var(--color-white, #fff);
}

#CartList div.productList div.product {
	border: none;
	padding: 8px 0 0;
}

#CartList div.productList div.product > div {
	display: block;
}

#CartList div.productList div.product div {
	margin: 0;
}

#CartList div.productList dl.name {
	display: flex;
  align-items: center;
  width: 100%;
}

#CartList div.productList div.product .name-detail {
  display: grid;
  grid-gap: 5px;
	align-items: flex-start;

	margin: 0;
	margin-left: 10px;
}

#CartList div.productList dl.name dd {
	width: auto;
	float: none;
}

#CartList div.productList div.product p.price {
	text-align: left;
}

#CartList div.productList div.product .quantity-wrapper {
	display: flex;
  align-items: center;
  gap: 30px;

	margin: 0;
  margin-top: 5px;
}

#CartList div.productList div.product p.quantity {
	width: auto;
}

#CartList div.productList .PointArea, #CartList div.productList .couponArea {
	margin-top: 15px;
}

#CartList div.productList .PointArea .pointWrap,
#CartList div.productList .couponArea .couponBox {
	width: auto;
  display: initial;
  align-items: initial;
  justify-content: initial;
  border-top: none;
  border-bottom: none;
  margin-top: 0;
}

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

#CartList div.productList .couponArea .couponBox .box {
	width: 100%;
}

#CartList .couponArea .boxbtm {
	margin: 15px 0 0;
  font-size: 14px;
}

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

#CartList div.productList .PointArea .pointWrap .PointIn {
	font-size: 14px;
  text-align: left;
  padding-right: 7px;
  display: flex;
  gap: 3px;
}

.PointArea .pointWrap .PointIn input {
  border: #ddd solid 1px;
  height: 36px;
  width: 76px !important;
  text-align: left !important;
  border-radius: 2px;
  padding: 0 10px;
  vertical-align: middle;
  border-radius: 3px !important;
}

#CartList div.productList .PointArea .pointWrap .PointIn span {
	font-size: 12px;
}

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

#CartList div.productList div.priceList {
	float: none;
}

#CartList div.cartOrder div.priceList dl {
	width: 100% !important;
  padding-top: 7px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	border: none;
}

#CartList .priceList dt {
	width: auto;
	padding: 0;
	float: none;
}

#CartList .priceList dd {
	padding: 0;
}

#CartList div.cartOrder div.priceList .result {
	  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 12px 0px 11px;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  margin-top: 10px;
}

#CartList div.cartOrder div.priceList .result .tax {
	font-size: 14px;
}

#CartList div.btmbtn ul.btmbtn__btmWrap {
	top: 0;
	width: 100%;
}

div.btmbtn ul li {
	margin: 0;
}

#CartList .button-continue .btn {
	display: block;
  width: fit-content;
  margin: 60px 0 50px auto;
  padding: 0;
	text-decoration-line: underline;
}




/*
 * OrderShipingPayment.aspx
 */

#Contents .privacy-consent-text {
	padding: 20px 0;
  font-size: 12px;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

#Contents .privacy-consent-text a {
	text-decoration: underline;
}

#Contents .privacy-consent-text--right {
	text-align: right;
}


/*
 * OrderAmazonInput.aspx
 */

.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;
}

.page-OrderAmazonInput .img-amazon {
  display: initial;
  width: auto;
  height: 20px;
}


/*
 * OrderConfirm.aspx
 */

.shoppingCart {
  margin-top: 24px;
}

.userProduct .cartItems .productName {
	line-height: 2;
}

#CartList div.cartOrder div.priceList dl,
.paymentWrap div.subCartList div.priceList dl,
.confirmWrap div.subCartList div.priceList dl,
.shippingPaymentWrap div.subCartList div.priceList dl {
  display: flex;
  justify-content: space-between;

	width: 100%;
	padding-top: 7px;
	border: none;
}

.shippingPaymentWrap div.subCartList div.priceList dl.result,
.confirmWrap div.subCartList div.priceList dl.result {
  display: flex;
  justify-content: space-between;

  margin-top: 10px;
  padding: 12px 0px 11px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

  font-size: 20px;
}

.shippingPaymentWrap div.subCartList div.priceList dl.result .tax,
.confirmWrap div.subCartList div.priceList .result .tax {
	font-size: 14px;
}


/*
 * OrderSettlement.css
 */

.orderSettlement .productList__product-information-container {
	display: grid;
	row-gap: 16px;
	/* border-bottom: none !important; */
}

.orderSettlement div.status .btn_settlement a.c-button--rounded {
	background-color: var(--button-color-bg-default, var(--color-black, #000));
  border: var(--button-border-style, none);
  border-radius: var(--button-border-radius, calc(infinity * 1px));
  color: var(--button-color-text-default, var(--color-white, #fff));
  font-weight: var(--fw-bold);
  transition: all 150ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .orderSettlement div.status .btn_settlement a.c-button--rounded {
    transition: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .orderSettlement div.status .btn_settlement a.c-button--rounded:hover {
    background-color: var(--button-color-bg-active, #82EA30);
    color: var(--button-color-text-active, var(--color-black, #000));
    opacity: 1 !important;
  }
}

.orderSettlement div.status .btn_settlement a.c-button--rounded:active,
.orderSettlement div.status .btn_settlement a.c-button--rounded:focus-visible {
  background-color: var(--button-color-bg-active, #82EA30);
  color: var(--button-color-text-active, var(--color-black, #000));
  opacity: 1 !important;
}

.orderSettlement div.status .btn_settlement a.c-button--rounded::after {
	content: none;
}


/*
 * OrderComplete.aspx
 */

#Contents h1.ttlFinish {
	height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0;

  text-align: center;
  padding-bottom: 15px;
  margin: 20px 0;
  border-bottom: #DDDDDD solid 1px;
}

.buyNum {
  margin: 40px auto;
  padding: 1.5em;
  background-color: #fafafa;
  line-height: 1.5;
  text-align: center;
  width: 640px;
}

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

#CartList div.productList .novelty .plist p.add a {
	background-color: #fff;
  border: 1px solid #000;
  border-radius: var(--button-border-radius, calc(infinity * 1px));
  color: #000;
  font-weight: var(--fw-bold);
  transition: all 150ms ease;
  text-align: center;
  display: block;
}

#CartList div.productList .novelty .plist p.add a:hover {
	background-color: #000;
	background: #000;
  border: 1px solid #fff;
	color: #FFF;
	opacity: 1;
}

/* ===============================================### 
領収書対応_20250930 ボタン調整
###=============================================== */
table.shippingInfoHistry.ReceiptPrint td .andBtn {
  margin-bottom: 1rem;
}

table.shippingInfoHistry td .changeBtn a {
	background-color: #fff;
	border: 1px solid #000 !important;
	color: #000;
}

#dvUserFltContents table td .ReceiptBtn input {
	color: #fff !important;
	background-color: #000;
	border-radius: 100vh;
	padding: 5px 10px;
}