@charset "UTF-8";

.form-content input[type="text"]{
	background-color:#fff;
	color:#444;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:10px;
	border:solid 1px #888;
	border-radius:5px;
	
	font-size:1.0rem;
	line-height:1.0em;
	max-width: 100%;
}

.form-content input[type="password"]{
  background-color:#fff;
  color:#444;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;
  padding:10px;
  border:solid 1px #888;
  border-radius:5px;

  font-size:1.0rem;
  line-height:1.0em;
  max-width: 100%;
}

.form-content input[type="email"]{
	background-color:#fff;
	color:#444;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:10px;
	border:solid 1px #888;
	border-radius:5px;
	
	font-size:1.0rem;
	line-height:1.0em;
	max-width: 100%;
}

.form-content input[type="tel"]{
	background-color:#fff;
	color:#444;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:10px;
	border:solid 1px #888;
	border-radius:5px;
	
	font-size:1.0rem;
	line-height:1.0em;
	max-width: 100%;
}

.form-content textarea{
	background-color:#fff;
	color:#444;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:10px;
	border:solid 1px #888;
	border-radius:5px;
	width: 90%;
	min-height: 200px;
	
	font-size:1.0rem;
	line-height:1.0em;
	vertical-align: bottom;
}

.form-content select{
	display:inline-block;
	
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	
	width:100%;
	max-width:180px;
	
	border-radius: 2.5px;
	border:solid 1px #888;
	margin: 0;
	padding: 10px;
	background: none transparent;
	background-image:url("../images/icon-arrow-down-black.png");
	background-repeat:no-repeat;
	background-size:10px;
	background-position:center right 5px;
	
	vertical-align: middle;
	font-size: inherit;
	color: #444;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background-color:#fff;
}

.form-content select option{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.form-content div.btn-action{
	text-align: center;
	padding:20px 0;
}

.form-content div.btn-action p.checker{
	font-size:0.8rem;
	line-height:1.75em;
	margin-bottom:10px;
}

.form-content div.btn-action p.btn-submit{
	display:inline-block;
	margin:0 5px;
}

.form-content div.btn-action p.btn-submit input[type="submit"]{
	width:240px;
	padding:15px 0;
	
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:bold;
	
	background-color:#a70012;
	border:solid 5px #a70012;
	border-radius:2px;
	color:#fff;
	cursor: pointer;
}

.form-content div.btn-action p.btn-submit input[type="submit"]:hover{
	background-color:#fff;
	color:#a70012;
}

.form-content ul.radiolist li{
	display:inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 5px;
}

.form-content input[type="radio"]{
	margin-right:5px;
}

input[type="submit"][disabled]:hover {
	background-color: #444 !important;
	cursor: default !important;
}

input[type="submit"][disabled] {
	opacity: 0.5;
}

.form-content label.label-checkbox{
	position: relative;
	cursor: default;
}

.form-content label.label-checkbox input[type="checkbox"]{
	display:none;
}

.form-content label.label-checkbox input[type="radio"]{
	display:none;
}

.form-content label.label-checkbox span.lever{
	display:block;
	color:#fff;
	
	box-sizing: border-box;
	padding:7.5px;
	border-radius:2.5px;
	text-align: center;
	cursor: pointer;
	
	background-color:#666666;
}

.form-content label.label-checkbox input[type="checkbox"]:checked + span.lever{
	background-color:#a70012;
}

.form-content label.label-radio{
	position: relative;
	cursor: default;
}

.form-content label.label-radio input[type="radio"]{
	display:none;
}

.form-content label.label-radio span.lever{
	display:block;
	color:#fff;
	
	box-sizing: border-box;
	padding:7.5px 5px;
	border-radius:2.5px;
	text-align: center;
	cursor: pointer;
	
	background-color:#888;
}

.form-content label.label-radio input[type="radio"]:checked + span.lever{
	background-color:#000;
}