@charset "UTF-8";

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

.cartContent .leftBoxWidth {width:660px;}
.cartContent .bdBtm {border-bottom:1px solid #ededed;}
.cartContent .bdTop {border-top:1px solid #ededed;}

/* ----------------------------
/* tab */
#cartTabWrap .cartTabHead{height:60px;}
#cartTabWrapInner{padding-top:10px;}
.carttab_item{font-size:14px;}

.carttab_item {
	width: 48%;
	width:calc(50% - 2px);
}

#cartTabWrap input:checked + .carttab_item{
	color:#000;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #fff;
	background:#fff;
}

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

/* order no */
.cartContent .orderItemOne dl.orderNo{
	margin-top:20px;
	margin-left:120px;
}

.cartContent .orderItemOne dl.orderNo > dt{font-size:12px;}
.cartContent .orderItemOne dl.orderNo > dd{font-size:13px;}

/* oder item */

.cartContent .orderItemOne{
	padding-bottom:13px;
	padding-top:13px;
}

#cartContent.cartContent .orderItemOne{padding-top:0 !important;}

.cartContent .orderItemOne .itemListOne figure{
	width:100px;
	margin-top:-15px;
	margin-right:10px;
}

#cartConfirm.cartContent .orderItemOne .itemListOne figure{margin-top:0;}

.cartContent .orderItemOne .itemListOne .itemDataBox{
	margin-left:5px;
	padding-top:5px;
}

.cartContent .orderItemOne .itemListOne .itemPrice{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: right;
}


.cartContent .orderItemOne .itemListOne .itemDataBox .itemBrand{margin-bottom:5px;}

/* order Change */
.cartContent .orderChange .orderDel a{font-size:10px;}
.cartContent .orderChange {
	padding-top:6px;
	margin-left:115px;
}
.cartContent .orderQuantity .orderSelcet{width:100px;}
.cartContent .orderQuantity .orderSelcetButton{
	width:72px;
	margin-left:10px;
}


/* order item common */
.cartContent .orderItemOne .itemListOne .itemDataBox,
.cartContent .orderQuantity{width:355px;}

.cartContent .orderItemOne .itemListOne .itemPrice,
.cartContent .orderChange .orderDel{width:184px;}

#cartConfirm.cartContent .orderItemOne .itemListOne .itemPrice{width:179px;}

/* ----------------------------
 other common */

#cartCommonWrap h3{
	font-size:16px;
	line-height:1.5;
	padding-bottom:14px;
}
#cartCommonWrap{padding-top:40px;}
#cartCommonWrap #popularItem,
#cartCommonWrap #tryItem{padding-top:40px;}


/* ----------------------------
 gift flow */
#cartGift_content table.gift-flow td.process{width:80px;}
#cartGift_content table.gift-flow td.line{width:38px;}
#cartGift_content table.gift-flow td.process h4{
	margin-top:13px;
	font-size:13px;
	font-weight:600;
	border-radius:10px;
	padding:4px 0;
}

#cartGift_content table.gift-flow td.process p{margin-top:5px;}

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

/* ----------------------------
/* cart My self ///////////////// */

.cartOrderWrap .primary,
.cartOrderWrap .secondary,
#cartConfirmContent,
#confirmOrderBox{
	vertical-align:top;
	display:inline-block;}

/* order list */

#cartMyself_content,#cartGift_content{padding-top:40px;}
.cartOrderWrap #orderList {width:660px;}
.cartOrderWrap #orderBoxWrap {width:415px;}
.cartOrderWrap .orderBoxWrap {width:415px;}

/* order box */
.cartOrderWrap .secondary{padding-left:60px;}
.cartOrderWrap .secondary .orderBox{
	width:100%;
	background:#f7f7f7;
	border:1px solid #ededed;
	padding:20px;
}


.cartOrderWrap .orderBox th{width:150px;}

.cartOrderWrap .orderBox td{
	width:calc(100% - 150px);
	font-size:13px;}

.cartOrderWrap .orderBox tr.lineBefore th,
.cartOrderWrap .orderBox tr.lineBefore td{padding-bottom:12px;}

.cartOrderWrap .orderBox tr.topLine th,
.cartOrderWrap .orderBox tr.topLine td{padding-top:12px;}

.cartOrderWrap .orderBox tr.total th,
.cartOrderWrap .orderBox tr.total td{font-size:20px;}

.cartOrderWrap .orderBox .noPostage{margin:4px auto 20px;}
.cartOrderWrap .orderBox .cartInButton{font-size:16px;}
.cartOrderWrap .orderBox .whButton{margin-top:10px;}

/* order full */
.cartOrderWrap .orderBox table{width:100%;}


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

#cartGift_content h1{
	width:100%;
	top:40px;
	font-size:32px;
}

#cartGift_content .cartgift_note{
	text-align:left;
	padding:34px 0 37px;
	border-bottom:1px solid #ededed;
}

#cartGift_content .cartgift_note p.note{
	font-size:14px;
	line-height:1.71;
	margin-top:30px;
}

#cartGift_content h2{
	margin-top:35px;
	font-size:22px;
	line-height:1.82;
	text-align:left;
}

/* ----------------------------
 procedure Common
---------------------------- */

/* head */

#procedureHead{padding:30px 0;}
#procedureHead table.gift-flow td.process p{font-size:11px}

.procedureWidth {
	width:820px;
	margin:0 auto;
}


/* classifying */

.procedureFm > dl{
	width:100%;
	display:table;
	padding:40px 0;

}
.procedureFm > dl > dt,.procedureFm > dl > dd{display:table-cell;}

.procedureFm > dl > dt{width:240px;}
.procedureFm > dl > dd{
	vertical-align:middle;
	width:580px;
	font-size:14px;
}

.procedureFm > dl > dt > h2{font-size:20px;}

/* delivery adress */

.deliveryAd .delivWrap{margin-top:5px;}
.deliveryAd .delivWrap .ad,
.deliveryAd .delivWrap .add{
	width:284px;
}

.deliveryAd .delivWrap .ad{padding:15px;}
.deliveryAd .delivWrap label .ad{cursor:pointer;}
.deliveryAd .delivWrap .ad p{font-size:12px;}
.deliveryAd .delivWrap .ad p.name{font-size:14px;}
.deliveryAd .delivWrap label:nth-child(odd) .ad{margin-right:10px;}
.delivWrap .adChenge{font-size:12px;}

/* delivery adress add */
.deliveryAd .delivWrap .add a,
.deliveryAd .delivWrap .add a .inner{
	width:100%;
	height:100%;
}

.deliveryAd .delivWrap .add a{
	display:table;
}

.deliveryAd .delivWrap .add a .inner{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.deliveryAd .delivWrap .add{
	border:2px dashed #ededed;
	min-height:174px;

}

.deliveryAd .delivWrap .addBtn{padding-top:2px;}
.deliveryAd .delivWrap .add a:hover{opacity:0.7;}
.deliveryAd .delivWrap .add p{font-size:10px;}


/* ★update section 3.2 ★　////////////////////////////////// */
/* procedure sub */
.procedureSub,
.procedureGrandchild {
	width:100%;
}

.procedureSub > dl,
.procedureGrandchild > dl{display:table;}

.procedureSub > dl > dt,.procedureSub > dl > dd,
.procedureGrandchild > dl > dt,.procedureGrandchild > dl > dd{display:table-cell;}
.procedureSub > dl > dt,
.procedureGrandchild > dl > dt{vertical-align:top;}
.procedureSub > dl{padding-top:20px;}

.procedureSub > dl:first-child{padding-top:0;}

.procedureSub > dl > dd .selectNm.sltype02::before,
.procedureGrandchild > dl > dd .selectNm.sltype02::before{top:1.4em;}

.procedureSub > dl > dt{width:220px;}
.procedureSub > dl > dd{width:360px;}

.procedureSub > dl > dd p.notes,
.procedureGrandchild > dl > dd p.notes{margin-top:6px;}

.procedureSub > dl > dd .nmRadioBox li,
.procedureGrandchild > dl > dd .nmRadioBox li{margin-right:20px;}

.deliveryPoint .procedureSub > dl > dd .singleLabel{font-size:14px;}

.procedureGrandchild > dl {width:100%;}
.procedureGrandchild > dl > dt{
	width:210px;
	vertical-align:top;
	padding-top:24px;
}
.procedureGrandchild > dl > dd{
	width:calc(100% - 210px);
	padding:10px 0 0;
}



/* pay select card */
.paySelectOn {
	margin-top:47px;
	padding-bottom:30px;
}

.paySelectOn.paySelectOnly{margin-top:0;}
.paySelectOn table{margin-top:10px;}
.paySelectOn table > thead th,
.paySelectOn table tr.addCard td{padding:15px 0;}
.paySelectOn table th.selct-btn{width:54px;}
.paySelectOn table th.card-no{width:207px;}
.paySelectOn table th.expiration{width:124px;}
.paySelectOn table th.nominee{width:calc(100% - 385px);}
.paySelectOn .procedureGrandchild{padding-top:15px;}

.paySelectOn .procedureGrandchild .addCode input,
.paySelectOn .procedureGrandchild .addName input{
	width:150px;
}
.paySelectOn .procedureGrandchild .addCode {margin-top:10px;}

.paySelectOn tr.addCard td.radioTd label:after{
	margin: -20px 0 0 -15px;
}

.paySelectOn tr.otherCard td.radioTd label:after{
	margin: -10px 0 0 -15px;
}

@-moz-document url-prefix() {
.paySelectOn tr.otherCard td.radioTd label:after{
	margin: -20px 0 0 -15px;
}
}/* firefox */

@supports (-ms-ime-align:auto) {
.paySelectOn tr.addCard td.radioTd label:after{
	margin: -35px 0 0 -15px;
}

.paySelectOn tr.otherCard td.radioTd label:after{
	margin: -35px 0 0 -15px;
}
}/* eges*/

.paySelectOn tr.otherCard td.spanTd{padding-top:5px;}

.paySelectOn .procedureGrandchild .addCardOn ul{margin-top:10px;}
.deliveryPay .payCount{margin-bottom:10px;}
.deliveryPay .payCount dt{padding-top:15px;}



/* ▲update section 3.2　*/

/* button */

.procedureFm .btnWrapCombi{padding:40px 0;}
.procedureFm .btnWrapCombi button{width:320px;}

/* terms */
.termsBox {
	width:320px;
	height:200px;
	overflow-y:scroll;
	margin-top:32px;
	padding:10px 20px;
}

/* agreement */
/* @FIX 2020-07-22 */
.agreement p{font-size:12px;}

/* ----------------------------
 confirm
---------------------------- */
#cartConfirmWrap{padding-top:40px;}

/* Procedure */
.orderProcedureOne dt,
.orderProcedureOne dd{font-size:14px;}
.orderProcedureOne dd{width:118px;}
.orderProcedureOne dd{
	width:542px;
	padding:15px 0;}

/* ----------------------------
complete
---------------------------- */
#completeMessage {
	width:780px;
	margin:0 auto;
	text-align:center;
}
#completeMessage{padding-bottom:80px;}
#completeMessage h1{
	font-size:32px;
	margin-top:40px;
}
#completeMessage p{font-size:14px;}
#completeMessage .orderNo{
	font-size:14px;
	margin:23px 0 35px;
	padding:6px 15px;
}

#completeMessage .btnWrap{
	width:310px;
	margin:38px auto 0;
}

/* item */

#popularItemWrap h3{
	font-size:16px;
	line-height:1.5;
	padding:36px 0 13px;
}

#popularItemWrap{padding-bottom:40px;}
#completeRank {padding-top:40px;}
#completeHistory {padding-bottom:80px;}

/* ★update section 3.2 ★　////////////////////////////////// */
#completeRank .tumImg img{max-height:160px;}

/* ▲update section 3.2　*/


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

#requestNoticeWrap {
	width:780px;
	margin:0 auto;
}
#requestNoticeWrap #cartGift_content{padding-top:0 !important;}
#requestNoticeWrap #cartGift_content{padding-bottom:40px;}
#requestNotice{padding-top:40px;}
#requestEssential,#requestItem{padding:30px 0 20px;}


#requestNoticeWrap .signboard .texts{top:36px;}
#requestNoticeWrap .signboard .texts p.user{font-size:16px;}
#requestNoticeWrap .signboard .texts h1{font-size:36px;}
#requestNoticeWrap h2{font-size:22px;}
#requestNoticeWrap .gift-flow{margin:15px auto 0;}
#requestNoticeWrap .note p{
	font-size:14px;
	margin-top:30px;
}
#requestNoticeWrap > .inner{padding:0 40px 40px;}
#requestItem.cartContent .orderItemOne .itemListOne figure{
	margin-top:0 !important;
}

#requestItem li{padding-top:18px;}
#requestItem li a:hover{opacity:0.7;}

#requestOrder .btnWrapCombi{padding-top:35px;}
#requestOrder .btnWrapCombi li{width:320px;}

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

#settledContent {
	width:780px;
	margin:0 auto;
	min-height:calc(100vh - 106px);
}

#settledContent h1{
	font-size:20px;
	padding-top:50px;
}
#settledContent ol{margin-top:50px;}

#settledContent.cartContent .orderItemOne .itemListOne .itemDataBox{width:476px;}
#settledContent.cartContent .orderItemOne .itemListOne figure{margin-top:5px;}
#settledContent.cartContent .orderItemOne .itemListOne .itemPrice{padding-top:0;}
#settledContent.cartContent.cartContent .orderItemOne{padding-bottom:0;}

/* ----------------------------
request Confirm
---------------------------- */
#requestConfirmHead{padding:23px 0 25px;}
#requestConfirmHead{text-align:center;}
#requestConfirmHead h1{font-size:22px;}
#requestConfirmWrap{padding-top:40px;}

#requestConfirmWrap .buttonBox{
	padding:20px;
	border-radius:3px;
	background:#ededed;}

#requestConfirmWrap .buttonBox h3{
	font-size:18px;
	margin-bottom:20px;
}

#requestConfirmWrap.cartOrderWrap .orderBox .cartInButton{font-size:14px !important;}
#requestConfirmWrap .cartInButton:disabled{border:1px solid #fff;}

/* ----------------------------
url issue
---------------------------- */
#urlIssueContent {
	width:780px;
	margin:0 auto;
	text-align:center;
	padding-bottom:60px;
}

#urlIssueContent  h1{
	font-size:32px;
	margin-top:40px;
}

#urlIssueContent .buttonBox{
	width:335px;
	padding:20px;
}

#urlIssueContent .buttonBox button{font-size:14px;}
#urlIssueContent .buttonBox button span{padding:17px 0 17px;}

#cartAdressWrap div.secure-3d-message {
	margin-top: 40px;
	font-size: 16px;
}

.couponHeader {
	margin-top: 40px;
	font-size: 20px;
}