@charset:"utf-8";
*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-family:serif;
	background:#fff;
	color:#000;
}
#wrap{
	overflow-x:hidden;
}

#form{
	text-align:center;
	margin-top:250px;
	border:1px solid #fff;
	padding:10px;
	display:block;
	width:160px;
	height:auto;
}

#order_header{
	width:100%;
	height:350px;
	background:#DFDCCD;
	position:relative;
}
header p{
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%); color:#000; font-size:24pt; font-family:Arial;}

#order_complete{
	width:100%;
	height:800px;
	background:#fff;
}
#wraptop{
	width:100%;
	text-align:center;
}
#wraptop ul{
	width:85%;
	margin:0 auto;
}
#wraptop li{
	list-style:none;
}
.table{
	width:100%;
	margin:0 auto;
}
#orderwrap{
	text-align:center;
}
#orderwrap h1{ padding:30px; font-size:20pt;}
table{  text-align:left; margin:auto; margin-top:30px; width:45%;} 
.text_size{  line-height:3em;  width:100%;height:auto; font-size:12pt; margin-bottom:20px;}
.textarea_size{ width:100%; height:200px; font-size:12pt; }
.select_size{ width:100%;font-size:12pt; margin-bottom:20px;}
#check_size2{ width:180px; height:auto; font-size:16pt; margin-bottom:20px;}

#table_check{ padding:10px; margin:auto;  }
.table_comment{
	padding:10px;
	margin-top:20px;
	margin:auto;
}
nobr,.a{
	color:#000;
	text-decoration: underline;
}
span.a{
	font-size:1.3em;
	font-weight:bold;
}
table{
	border-collapse: collapse;
}
table th{
	width:30%;
}
#btn{
	display:flex;
	flex-direction:row;
	margin:50px auto 50px auto;
	width:300px;
}
#policy{
	margin:5% auto 0 auto;
	width:45%;
	height:300px;
}
.policy{
	margin-top:20px;
	border:1px solid #000;
	height:70%;
	overflow: hidden scroll ;
}
label{
	cursor:pointer;
}
a.policy:hover {
	background-size: 0 3px, 100% 3px;
}
.btn{
	margin:0 auto;
}
.btn1{
	width:100px;
	border:1px solid;
	border-radius:5px;

}
.btn1 a{
	color:#000;
	height:35px;
	line-height:35px;
}
.btn a:hover{
	font-weight:bold;
	text-decoration:underline;
}
.btn2 input{
	width:100px;
	padding:8px;
}
br.br{
	display:none;
}

footer{
	margin-top:100px;
}
/*****************************************
             レスポンシブ
********************************************/
@media screen and (max-width: 480px) {
/*ヘッダー*/

#order_header{
	height:130px;
	position:fixed;
}
#orderwrap{
	position:absolute;
	top:130px;
	z-index:-1;
}
table{
	max-width:90%;
	width:90%;
}
table border{
	width:100%;
}

#wraptop{
	padding:10px;
}
.table{
	padding:10px;
	width:100%;
}
.text_size,.select_size{
	width:100%;
}
th{
	width:40%;
}
th,td{
	padding:5px;
}

#orderwrap{
	margin-top:0px;
}
#policy{
	width:70%;
}
.btn{
	display:flex;
	flex-direction:row;
	justify-content: space-around;
}
.btn1{
	border-radius:30px;
}
.btn1 a{
	margin:auto 0;
}
.btn2 input{
	font-size:0.9em;
	margin:0;
}
br.br{
	display:inline;
}

}