@charset "utf-8";
/* CSS Document */

.orderH3box{
	background: linear-gradient(to right, #fff 0%,#78c1d1 20%,#78c1d1 50%,#78c1d1 80%,#fff 100%);
	margin-bottom: 30px;
	padding: 3px 0;
}
.orderH3box h3{
	background: linear-gradient(to right, #fff 0%,#d4ebf0 20%,#d4ebf0 50%,#d4ebf0 80%,#fff 100%);
	padding: 15px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

/*--------お支払い--------*/
.payCont{
	margin-bottom: 50px;
}

.payCont > dl{
	width: 435px;
	margin-bottom: 15px;
	padding: 15px;
	box-sizing: border-box;
	border: 3px solid #dcdcdc;
}
.payCont > dl > dt{
	margin-bottom: 10px;
	padding: 3px 0;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px solid #cce7ee;
}
.payCont > dl > dt:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #78c1d1;
	margin-right: 15px;
}

.payCont > dl:nth-of-type(1){
	float: left;
}
.payCont > dl:nth-of-type(2){
	float: right;
}
.payCont > dl:nth-of-type(3){
	width: 100%;
}
.payCont > dl:nth-of-type(4){
	width: 100%;
}
.payCont > dl:nth-of-type(3) table{
	margin: 10px auto;
	border-spacing: 10px;
	border-bottom: none;
}
.payCont > dl:nth-of-type(3) table th{
	background: #78c1d1;
	width: 15%;
	padding: 10px;
	font-weight: bold;
	border-top: none;
}
.payCont > dl:nth-of-type(3) table td{
	width: 35%;
	padding: 10px;
	border-top: none;
	line-height: 2.0em;
}
@media screen and (max-width: 768px) {
	.payCont > dl{
		width: 98%;
		margin: 0 auto 15px;
	}
	.payCont > dl:nth-of-type(1),
	.payCont > dl:nth-of-type(2){
		float: none;
	}
	.payCont > dl:nth-of-type(3) table th{
		width: 100%;
	}
	.payCont > dl:nth-of-type(3) table td{
		width: 100%;
	}
}