/*======= progress bar =======*/
.a_progress_area{
	margin:0 auto;
}

.a_progressbar {
	width:100%;
	display: block;
	margin: 0 ;
	overflow:hidden;
}

/*----- item -----*/
.a_progressbar .item {
	position: relative;
	width: calc(25% - 15px);
	text-align: center;
	padding: 13px 0;
	line-height: 1.5;
	background:#FFF;
	color: #969696;
}

/*----- box -----*/
.a_progressbar .item span{
	height:100%;
	width: 100%;
	display:inline-block;
	position: absolute;
	top:0;
	left:0;
	z-index :9;
}

/*--- active ---*/
.a_progressbar .item.active{
	color:#FFF;
	background: #008C6B;
}


.a_progressbar .item.active:after {
	border-color: transparent transparent transparent #008C6B;
}

/*--- complete ---*/
.a_progressbar .item.complete {
	background: #969696;
	color:#FFF;
}

.a_progressbar .item.complete:after {
	border-color: transparent transparent transparent #969696;
}


/*----- arrow -----*/
.a_progressbar .item span{
	padding-left:20px;
	position: relative;
	z-index :10;
}

.a_progressbar .item:last-child{
	width: calc(25% + 15px);
}

.a_progressbar .item:not(:last-child)::before{
	content:"";
	display:block;
	position:absolute;
	top:-15px;
	right:-40px;
	z-index:2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 40px 40px;
	border-color: transparent transparent transparent #f9fbf3;
}

.a_progressbar .item:last-child::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:5;
	width: 25px;
	height: 50px;
	background:#f9fbf3;
}

.a_progressbar .item::after{
	content:"";
	display:block;
	position:absolute;
	top: 0;
	right:-24px;
	z-index:5;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 25px;
	border-color: transparent transparent transparent #FFF;
}

.a_progressbar .item:last-child::after{
	right:0;
}

/*----- sp -----*/
@media screen and (max-width:767px){
	
	.a_progressbar .item {
		font-size:10px;
		width: calc(25% - 7px);
	}
	
	.a_progressbar .item span{
		padding-left:10px;
	}

	.a_progressbar .item:last-child{
		width: calc(25% + 7px);
	}

	.a_progressbar .item:not(:last-child)::before{
		right:-21px;
		top: -11.25px;
		border-width: 31.25px 0 31.25px 25px;
	}

	.a_progressbar .item:last-child::before{
		width: 16px;
	}

	.a_progressbar .item::after{
		right:-16px;
		top: -5px;
		border-width: 25px 0 25px 20px;
	}
	
}


/*======= product table =======*/
.ec-cartHeader .ec-cartHeader__label {
  display: table-cell;
  padding: 5px 16px;
  text-align: center;
  background: #f9fbf3;
  overflow-x: hidden;
  font-weight: 400;
  color: #969696;
}

.ec-cartHeader .ec-cartHeader__label.tal{
	text-align: left;
}

.ec-cartHeader .ec-cartHeader__label,
.ec-cartTable .ec-cartRow li{
	border-bottom:1px solid #DDDDDD;
}

/*--- image ---*/
.ec-cartRow__img img{
	border-radius:10px;
}

/*--- quantity ---*/
.a_order_quantity{
	margin:0 20px;
}
.a_order_quantity .q_operate{
	font-size:24px;
	color:#F25938;
}

.a_order_quantity .q_operate.q_dis{
	color:#999;
}

.a_order_quantity .q_operate:not(.q_dis):hover{
	opacity:0.8;
	cursor:pointer;
}

.a_order_quantity .q_amount{
	display:inline-block;
	padding:10px 5px;
	width:40px;
	text-align:center;
	font-size:16px;
	font-weight:600;
	background:#FFF;
}

/*--- subtotal ---*/
.ec-cartRow .ec-cartRow__subtotalColumn{
	width:auto;
}

.ec-cartRow__subtotalColumn .ec-cartRow__sutbtotal{
	font-size:16px;
	font-weight:600;
}

/*--- delete ---*/
.ec-cartRow__delColumn a{
	color: #525263;
	text-decoration:none;
	
}


/*------ user action ------*/
/*--- confirm ---*/
.ec-cartRole .ec-cartRole__actions {
  width: 100%;
  margin-right: 10%;
}


.ec-cartRole__actions .a_order_confirm{
	display:inline-block;
	max-width: 335px;
	width:100%;
	height: 60px;
	background: #008C6B;
	border-radius: 5px;
	color:#FFF;
	text-align:center;
	line-height:60px;
}

/*----- sp -----*/
@media screen and (max-width:767px){
	.ec-cartRole .ec-cartRole__actions {
		margin-right: 0;
	}
}

.ec-cartRole__actions .a_order_confirm:hover{
	text-decoration:none;
	opacity:0.9;
}

.ec-cartRole__actions .a_order_step{
	font-size:14px;
	color:#008C6B;
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
}

.ec-cartRole__actions .a_order_step:hover{
	color:#008C6B;
	opacity:0.8;
}


/*----- Shopping -----*/
.ec-orderRole .a_order_detail {
  width: 100%;
}

.ec-orderRole .a_heading{
	margin-bottom:20px;
}

.ec-orderRole .a_heading h2{
	font-size:24px;
}

.ec-orderRole .a_shopping_link{
	text-decoration:none;
	color: #969696;
	cursor:pointer;
}

.a_delivery_change .a_shopping_link{
	position:absolute;
	right:0;
	top: calc(50% - 10px);
}

.ec-orderDelivery__address .a_label,
.ec-orderDelivery__actions .a_label,
.ec-orderPayment .a_label{
	color: #AAA;
	font-weight:400;
}

/*--- shopping item ---*/

.a_shopping_item{
	padding:20px 0 15px 0;
	min-height:60px;
	border-bottom:1px solid #DDDDDD;
}

/*--- shopping action ---*/
.ec-cartRole__actions .a_shopping_link{
	position:absolute;
	left:0;
	top: calc(50% - 10px);
}

/*----- sp -----*/
@media screen and (max-width:767px){
	.ec-cartRole__actions .a_shopping_link {
		position:static;
		margin:20px 0;
		display: block;
	}
}


.ec-select .a_order_select{
	background:#FFF;
	height:40px;
	padding:0 20px;
	color:#AAA;
}