@charset "UTF-8";
@import url("single.css");
@import url("low.css");

/* for PC,ipad */
@import url("cart_pc.css") screen and (min-width:813px);

/* for iphone,ipod,Andoroid */
@import url("cart_mobi.css") screen and (min-width:0) and (max-width:812px);


/* ----------------------------
 cart Common
---------------------------- */

/* ----------------------------
/* tab */

#cartTabWrap .cartTabHead{
	background:#f7f7f7;
	width:100%;
	top:0;
	left:0;
	z-index:-1;
	border-bottom:1px solid #e6e6e6;
}

#cartTabWrapInner input[name="carttab_item"] {display: none;}
.carttab_item {
	height:50px;
	line-height:50px;
	border-top:1px solid #f7f7f7;
	border-bottom:1px solid #e6e6e6;
	border-radius:3px 3px 0 0;
	cursor:pointer;
	text-align: center;
	display:block;
	font-weight:bold;
	background:#f7f7f7;
	letter-spacing:normal;
	color:#c01920;
	float:left;
}

.carttab_content {
	clear:both;
	display: none;
	overflow: hidden;
	letter-spacing:normal;
}




#cartMyself:checked ~ #cartMyself_content,
#cartGift:checked ~ #cartGift_content {
		display: block;
}

/* ----------------------------
/* order list */

/* order no */
.cartContent .orderItemOne dl.orderNo{letter-spacing:-.4em;}
.cartContent .orderItemOne dl.orderNo > dt,
.cartContent .orderItemOne dl.orderNo > dd{
	color:#414141;
	display:inline-block;
	letter-spacing:normal;
	font-weight:600;
	line-height:1.0;
}

/* oder item */
.cartContent .orderItemOne .itemListOne figure,.orderItemOne .itemListOne .itemDataBox{

	vertical-align:top;
}

.cartContent .orderItemOne{border-bottom:1px solid #ededed;}

.cartContent .orderItemOne .itemListOne .itemDataBox .itemBrand{color:#808080;}

/* order Change */

.cartContent .orderQuantity .orderSelcet,
.cartContent .orderQuantity .orderSelcetButton,
.cartContent .orderQuantity,
.cartContent .orderDel{
	display:inline-block;
	vertical-align:top;
}

.cartContent .orderQuantity .orderSelcetButton .whButton{font-weight:600 !important;}


.orderChange .orderDel a{
	text-align:right;
	line-height:2.8;
}

/* order item common */


.cartContent .orderItemOne .itemListOne .itemPrice,
.cartContent .orderChange .orderDel{text-align:right;}

/* ----------------------------
 gift flow */

table.gift-flow,table.gift-flow td{border-collapse:collapse;}
table.gift-flow {margin:0 auto;}
table.gift-flow td{
	text-align:center;
	vertical-align:middle;
}

table.gift-flow td.line span{
	width:100%;
	display:inline-block;
	border-bottom:1px solid #c01920;
}

table.gift-flow td.process h4{
	border:1px solid #c01920;
	line-height:1;
}

table.gift-flow td.process h4.do{background:#fff;}
table.gift-flow td.process h4.to{background:#c01920;}

table.gift-flow td.process p{
	line-height:1.27;
	font-weight:600;}

/* ----------------------------
 cart
---------------------------- */

/* ----------------------------
/* cart My self ///////////////// */
#orderList .orderItemOne dl.orderNo{display:block;}

/* order box */
.cartOrderWrap .orderBox table{width:100%;}
.cartOrderWrap .orderBox table,
.cartOrderWrap .orderBox th,
.cartOrderWrap .orderBox td{
	border-collapse:collapse;
	line-height:1.5;}

.cartOrderWrap .orderBox th{
	text-align:left;
	font-weight:400;}

.cartOrderWrap .orderBox td{
	text-align:right;
	font-weight:500;}

.cartOrderWrap .orderBox tr.topLine th,
.cartOrderWrap .orderBox tr.topLine td{border-top:1px solid #dedede;}

.cartOrderWrap .orderBox tr.total th,
.cartOrderWrap .orderBox tr.total td{font-weight:500;}

/* 値引きカラー */
.cartOrderWrap .orderBox tr.discount {
	color: #c01920;
}


.cartOrderWrap .secondary .orderBox .noPostage{
	width:220px;
	line-height:30px;
	border:1px solid #c01920;
	text-align:center;}

.cartOrderWrap .secondary .orderBox .cartInButton{
	width:100%;
	height:60px;
	font-weight:600;
	border-radius:3px;
}

.cartOrderWrap .secondary .orderBox .whButton{font-weight:500;}

/* ----------------------------
/* cart gift ///////////////// */

#cartGift_content h1{
	text-align:center;
	line-height:1;}

/* ----------------------------
 procedure Common
---------------------------- */
/* head */
#procedureHead table.gift-flow td.process{opacity:0.2;}
#procedureHead table.gift-flow td.onProcess{opacity:1;}
#procedureHead table.gift-flow td.process p{
	font-weight:400;
}
#procedureHead table.gift-flow td.process{white-space:nowrap;}
#procedureHead table.gift-flow td.line{width:56px;}
#procedureHead table.gift-flow td.process p{
	line-height:1.45;
	margin-top:5px;
}

/* classifying */

.procedureFm > dl > dt > h2{
	font-weight:600;
	line-height:1.4;
}

/* delivery adress */

.deliveryAd .delivWrap .ad,
.deliveryAd .delivWrap .add{
	border-radius:3px;
}

.deliveryAd .delivWrap .ad{
	border:1px solid #ededed;
	margin-bottom:10px;}


.deliveryAd .delivWrap .ad p{line-height:1.5;}
.deliveryAd .delivWrap .ad p.name{
	font-weight:600;
	line-height:1.57;
}

.deliveryAd .delivWrap .ad .deliveryAdress{
	display:block;
	margin-top:18px;
}

.delivWrap input[name="delivery-adress"] {display:none;}
.delivWrap input[name="delivery-adress"]:checked + .ad{
	border:1px solid #c01920;
}

.delivWrap .adChenge{
	top:20px;
	right:20px;
}

.delivWrap .adChenge:hover{opacity:0.7;}

/* delivery adress add */



.deliveryAd .delivWrap .addBtn{
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:20px;
	background-color:#ededed;
	text-align:center;
}

.deliveryAd .delivWrap .add p{
	color:#808080;
	line-height:1.4;
}

/* delivery adress add other */
.deliveryAdOther label.singleLabel.attached-name{margin-bottom:0 !important;}

/* ★update section 3.2 ★　////////////////////////////////// */
/* procedure sub */

.procedureSub > dl > dt,
.procedureGrandchild > dl > dt{
	font-weight:600;
	line-height:1.57;
}

.procedureSub > dl > dd,
.procedureGrandchild > dl > dd{
	font-weight:400;
	vertical-align:middle;}

.procedureSub > dl > dd .selectNm.sltype02 select,
.procedureGrandchild > dl > dd .selectNm.sltype02 select{opacity:0.5;}
.procedureSub > dl > dd .selectNm.sltype02 select:hover,
.procedureGrandchild > dl > dd .selectNm.sltype02 select:hover{opacity:1;}

/* ▲update section 3.2　*/

/* delivery point */
.deliveryPoint .procedureSub > dl > dd > dl > dt,
.deliveryPoint .procedureSub > dl > dd > dl > dd{
	display:inline-block;
	line-height:1.43;

}

.deliveryPoint .procedureSub > dl > dd .singleLabel{
	display:block;
	font-size:14px;
	margin-top:5px;}

.deliveryPoint .procedureSub > dl > dd input.nmIptTxtSingle{
	width:100px;
	margin-right:5px;
}


/* pay select card */
.paySelectOn table,.paySelectOn th,.paySelectOn td{
	text-align:center;
	border-collapse:collapse;
}
.paySelectOn table{width:100%;}
.paySelectOn table > thead{
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
}

.paySelectOn table .otherCard td:nth-child(2){text-align:left;}
.paySelectOn .addlimit .selectDayLimit{margin-right:10px;}
.paySelectOn .procedureGrandchild .addlimit select{
	width:109px;
	margin-right:10px;
}


.paySelectOn .procedureGrandchild .addName input:first-child{margin-right:10px;}
.paySelectOn .procedureGrandchild .addCardOn li{width:100% !important;}

.deliveryPay .payCount dd .selectNm{
	margin:0;
	width:160px;}

/* ▲update section 3.2　*/

/* terms */
.termsBox {
	line-height:1.66;
	border:1px solid #ededed;
	border-radius:3px;
}


/* agreement */
.agreement {
	padding: 20px 0;
	text-align:center;
}

.agreement .inner{display:inline-block;}
.agreement p{
	color:#000;
	font-weight:500 !important;}

/* ----------------------------
 confirm
---------------------------- */

/* Procedure */
.orderProcedureOne {
	width:100%;
	display:table;
	border-bottom:1px solid #ededed;
}
.orderProcedureOne dt,.orderProcedureOne dd{display:table-cell;}
.orderProcedureOne dt{
	line-height:1.43;
	font-weight:600;
	vertical-align:middle;}

/* ----------------------------
complete
---------------------------- */

#completeMessage h1{
	font-weight:600;
	line-height:1.25;
	text-align:center;
}

#completeMessage .orderNo{
	line-height:1.29;
	display:inline-block;
	border:1px solid #c01920;}


#completeMessage dl.orderNo dt,
#completeMessage dl.orderNo dd{display:inline-block;}
#completeMessage dl.orderNo dd{font-weight:600;}
#completeMessage p{line-height:1.7;}
/* ★update section 3.2 ★　////////////////////////////////// */
/* #completeMessage .texts{text-align:left;} 削除 */

/* ----------------------------
request
---------------------------- */
#requestNoticeWrap .signboard .texts{
	width:100%;
	text-align:center;
}

#requestNoticeWrap .signboard .texts p.user{
	line-height:1.88;
}
#requestNoticeWrap .signboard .texts h1{
	font-weight:500;
	line-height:1.11;
}

#requestNoticeWrap h2{
	font-weight:600;
	line-height:1.82;}
#requestNoticeWrap .note p{line-height:1.71;}
#requestItem.cartContent .orderItemOne .itemListOne .itemPrice{padding-top:0 !important;}
#requestItem .nostock{opacity:0.5;}
#requestItem.cartContent .orderItemOne:last-child{border-bottom:1px solid #fff;}
#requestItem.cartContent ol{border-bottom:1px solid #ededed;}



/* ----------------------------
settled
---------------------------- */

#settledContent h1{
	font-weight:600;
	line-height:1.8;
	text-align:center;
}
#settledContent ol{opacity:0.5;}

/* ----------------------------
request Confirm
---------------------------- */


#requestConfirmHead h1{
	line-height:1.82;
	font-weight:600;
}

#requestConfirmWrap .buttonBox h3{
	font-weight:500;
	text-align:center;
	line-height:1.44;}

#requestConfirmWrap.cartOrderWrap .secondary .orderBox .cartInButton{
	height:48px !important;
}

/* ----------------------------
url issue
---------------------------- */
#urlIssueContent h1{
	font-weight:600;
	line-height:1.25;
	text-align:center;
}

#urlIssueContent .buttonBox{
	border:1px solid #ededed;
	border-radius:3px;
	margin:30px auto 0;
}

#urlIssueContent .buttonBox button{font-weight:500;}
#urlIssueContent .buttonBox .redButton{
	padding:0;
	margin-bottom:10px;
}
#urlIssueContent .buttonBox .redButton span{
	background:url("/store/assets/v1/img/common/copy.png")no-repeat 15px center;
}

#urlIssueContent .buttonBox button span{display:block;}

#urlIssueContent .buttonBox .lineButton{
	color:#fff;
	background:#00c300;
	width:100%;
	line-height:1;
	border-radius:3px;
	cursor:pointer;
	border:1px solid #00c300;
}

#urlIssueContent .buttonBox .lineButton:hover{opacity:0.7;}
#urlIssueContent .buttonBox .lineButton span{
	background:url("/store/assets/v1/img/common/line2.png")no-repeat 10px center;
}

#cartAdressWrap .secure-3d-message {
	margin: 0px 20px 0 0;
	font-weight: bold;
	color: #000;
}

.cartInButton .link_description {
	font-size: 12px;
}