/* youtube
----------------------------------*/
.youtube {
  padding-bottom: 57.3%;
  padding-top: 0;
  width: 445px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.col-100 .youtube {
 max-width:980px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* quicpay-shoplist
----------------------------------*/
ul.quicpay-shoplist {
	padding-left: 0;
}
ul.quicpay-shoplist li {
	width: 158px;
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	display: inline-block;
}

ul.quicpay-shoplist li span {
	padding-top: 5px;
	display:inline-block;
	position:relative;
}

ul.quicpay-shoplist li span:after {
	content: "";
	margin-top: -3px;
}

ul.quicpay-shoplist li img {
	width: 70px;
}

/* font
----------------------------------*/
.ttl-unl {
	border-bottom:1px solid #eb5504;
	padding-bottom: 5px;
}

/* list-step
----------------------------------*/
ul.list-step {
	padding-left: 0;
}
ul.list-step li {
	padding-left:1.5em;
	text-indent:-1.5em;
}

/* border
----------------------------------*/
.row .bd-right {
	position:relative;
}
.row .bd-right:after {
	content: "";
	height:100px;
	width:1px;
	border-right:1px solid #d1d1d1;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-50px;
}


@media screen and (min-width: 768px) {
/* flow
----------------------------------*/
	#payment-flow.flow-row > ul > li {
		padding-right:26px;
	}
	#payment-flow.flow-row > ul > li:last-child {
		padding-right:0;
	}
	#payment-flow.flow-row.flow-arrow > ul > li .flow-body:after {
		right: -34px;
		border-width: 12px;
	}
}


@media screen and (max-width: 767px) {
	.youtube {
		padding-bottom: 57.3%;
	}
	ul.quicpay-shoplist li {
		width: 49%;
		padding: 0 4%;
	}
	.text-left-sp {
		text-align: left!important;
	}
	.row .bd-right:after {
		display:none;
	}
}