/**
 * order css
 * order_works/
 * order_items/
 */

#order h2{
	margin-bottom: 50px;
}

dl{
	overflow: hidden;
	padding: 50px 0 20px 50px
}
dl dt,
dl dd{
	float: left;
	padding-bottom: 10px;
}
dl dt{
	clear: left;
	font-size: 12px;
	width: 175px;
	padding-top: 7px;
}
dl dt .must{
	display: inline-block;
	width: 38px;
	height: 17px;
	color: white;
	font-size: 10px;
	background: #d71e18;
	text-align: center;
	vertical-align: middle;
	line-height: 17px;
	margin-right: 15px;
}
dl dt .must_space{
	display: inline-block;
	width: 38px;
	margin-right: 15px;
}
dl dt.comment_th{
	/* padding-top: 60px; */
}
dl dd{
	width: 500px;
}
dl dd input.text,
dl dd textarea.textarea{
	width: 100%;
	padding: 10px;
	border: none;
	-webkit-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;
					box-sizing: border-box;
}
dl dd input.text-s{
	width: 30%;
}
dl dd textarea{
	height: 140px;
}
dl dd p.r1,
dl dd p.r2{
	display: inline-block;
}
dl dd p.r1{
	width: 160px;
}
dl dd span{
	font-size: 12px;
}

dl dd ul li{
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 5px;
	box-sizing: border-box;
}
dl dd ul li span{
	display: inline-block;
	padding-right: 10px;
	width: 20%;
	box-sizing: border-box;
}
dl dd ul li select{
	width: 150px;
	height: 24px;
	border: 1px solid #ccc;
	font-size: 12px;
}
dl dd ul li textarea.textarea{
	vertical-align: top;
	width: 78%;
	height: 80px;
	box-sizing: border-box;
}
dl dd .orderInner{
	font-size: 12px;
	padding-top: 7px;
}
dl dd .orderInner a:hover{
	color: #d71e18;
}

dl dd select.items{
	min-width: 200px;
	height: 24px;
	border: 1px solid #ccc;
	font-size: 12px;
}
.orderInner.relation{
	padding-bottom: 8px;
	border-bottom: 1px dashed #999;
}
.orderInner.relation:last-child{
	border-bottom: none;
}

/* 確認画面 */
dl.confirm dd{
	padding-top: 8px;
}
dl.confirm dd a:hover{
	color: #d71e18;
}

/* 完了画面 */
.complete p{
	padding-bottom: 15px;
}

/* エラーの色 */
.attention{
	color: #d71e18;
}

/* ボタン */
.submitbtn{
	display: inline-block;
	width: 220px;
	height: 48px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #C9CACA;
	text-align: center;
	padding-top: 15px;
	margin-left: 225px;
}
.backbtn{
	display: inline-block;
	width: 150px;
	height: 48px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #C9CACA;
	text-align: center;
	padding-top: 15px;
	margin-left: 105px;
}
.sendbtn{
	display: inline-block;
	width: 150px;
	height: 48px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #C9CACA;
	text-align: center;
	padding-top: 15px;
	margin-left: 10px;
}

dl dt.radio{
	padding-top: 0;
}

@media screen and (max-width:480px){
	#order h2{
		margin-bottom: 30px;
	}
	dl{
		/*
		overflow: hidden;
		padding: 50px 0 20px 50px;
		*/
		padding: 0;
		padding-top: 30px;
	}
	dl dt,
	dl dd{
		/*
		float: left;
		padding-bottom: 10px;
		*/
		float: none;
	}
	dl dt{
		/*
		font-size: 12px;
		width: 120px;
		padding-top: 7px;
		*/
		font-size: 14px;
		display: inline-block;
		width: auto;
	}
	dl dt.mustcell{
		/*
		clear: left;
		width: 55px !important;
		*/
		width: auto !important;
	}
	dl dt.mustcell .must{
		display: inline-block;
		width: 38px;
		height: 17px;
		color: white;
		font-size: 10px;
		background: #d71e18;
		text-align: center;
		vertical-align: middle;
		line-height: 17px;
	}
	dl dt.comment_th{
		/*
		padding-top: 60px;
		*/
		padding-top: 0;
	}
	dl dd{
		/*
		width: 475px;
		*/
		width: auto;
	}
	dl dd input.text,
	dl dd textarea.textarea{
		/*
		width: 100%;
		padding: 10px;
		border: none;
		box-shadow: 1px 1px 3px #999;
		*/
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		font-size: 13px;
	}
	dl dd textarea{
		height: 140px;
	}
	dl dd p.r1,
	dl dd p.r2{
		display: inline-block;
	}
	dl dd p.r1{
		width: 160px;
	}

	/* 確認画面 */
	dl.confirm dt{
		/*
		width: 120px;
		*/
		width: auto;
		font-size: 13px;
	}
	dl.confirm dd{
		width: auto;
		font-size: 13px;
		padding-bottom: 15px;
		margin-bottom: 10px;
		border-bottom: 1px dashed #999;
	}

	.submitbtn{
		display: block;
		margin: 20px auto;
	}
	.confirm_submit{
		text-align: center;
		padding: 30px 0;
	}
	.confirm_submit .backbtn{
		margin: 0;
	}
	.confirm_submit .sendbtn{
		margin: 0;
	}

	dl dt .must_space{
		display: none;
	}
	.orderInner.relation{
		padding-bottom: 4px;
		border-bottom: 1px dashed #999;
	}
}