@charset "utf-8";

.order{width:1030px; margin-left: auto;margin-right: auto;}

form{margin:50px 0;}
h2{margin-top:50px;}
h3{font-size:18px; margin:20px; font-weight:bold; text-align:center;}

form dl{width:75%; margin-left: auto;margin-right: auto;}
form dt{padding-top:5px; width: 25%;float:left;}
form dd{padding-bottom:10px; width: 75%; display: inline-block;}

.thank {width:75%; margin: 50px auto;}
.pay {text-align: center;margin: 50px 0;}
.success{margin-bottom: 130px;}
.confirm{margin-bottom: 20px; font-size:16px;}
.ndt{padding:10px 0; font-weight:bold;}
.ndd{border-bottom : 1px solid #000000; padding:10px 0; word-break:break-all;}

.payment{width:50%; text-align:center; float:left;}

.btn-submit {
	font-size: 22px; color: #fff; text-decoration: none; text-align: center; background: #084074; display: block; padding:10px 50px; margin: 60px auto;}
.btn-submit:hover {
	cursor: pointer;
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";}


@-moz-document url-prefix(){
form dt{width: 25%;}
}

.radio02-input{
  display: none;
}

label .img {
  margin: 1px;
  padding: 3px;
}

.radio02-input:checked + label img {
  background: #000;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    padding: 6px 12px;
	outline: none;
	border: 1px solid #d8d6d6;
	border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
	box-shadow:0px 0px 5px -1px #ccc inset;
	-o-box-shadow:0px 0px 5px -1px #ccc inset;
	-ms-box-shadow:0px 0px 5px -1px #ccc inset;
	-moz-box-shadow:0px 0px 5px -1px #ccc inset;
	-webkit-box-shadow:0px 0px 5px -1px #ccc inset;}
	
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}

input[type="text"] {width:100%;}
input[type="email"] {width:100%;}
input[type="tel"] {width:100%;}
textarea {width:100%;}

.must{
	color:#ff8000;
}

img{
	vertical-align: middle;}
	
	
@media screen and (max-width: 768px) {
.order{width:100%; padding-left:20px; padding-right:20px;}
form dl{width:90%;}
form dt{padding-bottom:5px;width:100%;}
form dd{padding-bottom:15px;width:100%;}
.thank {width:85%;}
.btn-submit {font-size: 16px; padding:10px 30px; margin: 40px auto;}
.ndt{padding:5px 0;}
.ndd{padding:0; margin-bottom:10px;}

.payment{width:100%;}
.footer{margin-bottom:40px;}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	width:100%;}

input[type="image"] {
width:100%;
max-width: 75%;
height: auto;}
}