/* CSS Document */

.form-wrap {
	box-sizing: border-box;
}
#wrapper .form-wrap h4 {
	background-color: #630;
	color: #fff !important;
	margin-bottom: 1em;
	padding: 0.5em;
}
#wrapper .form-wrap p {
	margin: 0.5em;
}
.form-wrap table {
	border-collapse:  collapse; 
	width: 100%;
	margin-bottom: 1.5em;
}
.form-wrap table th,
.form-wrap table td {
	font-size: 1rem;
	padding: 0.5em;
	border: 1px solid #630;
}
.form-wrap table th {
	color: #630;
	background-color: #fff4e2;
}
.form-wrap table thead th {
	background-color: #e4b778;
}

.form-input-table th {
	width: 35%;
}
.form-input-table td textarea {
	height: 5em;
}



#wrapper .form-wrap table td p.kome {
	margin: 0;
	padding: 0;
	color: #ff0000;
}
.form-wrap table th span.required {
	color:#C10003;
}

.form-wrap table td input[type="text"],
.form-wrap table td input[type="tel"],
.form-wrap table td input[type="email"],
.form-wrap table td input[type="date"] {
	padding: 0.1em;
	font-size: 1rem;
	width: 98%;
	max-width: 98%;
	margin-bottom: 0.2em;
}
.form-wrap table td textarea {
	padding: 0.1em;
	font-size: 1rem;
	width: 98%;
}

.form-wrap table td input.zip1 { width: 4rem; }
.form-wrap table td input.zip2 { width: 6rem }

.form-wrap table td input.tel { width: 15rem }

.form-wrap table td input.num { width: 3rem;  }

.form-wrap table.items td {
	text-align: center;
}

.btn-wrap {
  display: flex;
  justify-content: center;
  padding: 20px;
}

.btn-wrap button {
  border-radius: 8px; 
  
  background-color: #630;
  color: white;
  padding: 10px 30px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin-left: 0.5em;
  margin-right: 0.5em;
  transition: background-color 0.3s;
}

.btn-wrap button:hover {
  background-color: #CC6600;
}