@charset "utf-8";
/* ===================================================================
CSS information

 file name  :form.css
 author     :igu
 style info :フォーム用スタイルシート
=================================================================== */
/*div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }*/
div.form-container { 
	margin: 0; 
	padding: 16px; 
}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
p.legend strong{font-size:1.3em;}
div.errors { 
	margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; color:#000000; 
}

div.errors p { 
	margin: 0; 
}

div.errors p em { 
	color: #C00; font-style: normal; font-weight: bold; 
}

div.errors .li { 
	display:none; 
}

div.errors .lierr { 
	display:bloc; 
}

div.noerrors { 
	display:none;
}

div.form-container p { 
	margin: 0; 
}

div.form-container p.note { 
	font-size: 90%; 
	color:#FFFFFF;
}

div.form-container fieldset { margin: 16px 0; padding: 0; border: none; }
div.form-container legend { font-weight: bold; color: #666; }
/*div.form-container fieldset div { padding: 8px 0; }*/

div.form-container label, 
div.form-container span.label { 
	width: 100%; 
	display: block; 
}

div.form-container label.err, 
div.form-container span.err { color: #C00; }

div.form-container label em, 
div.form-container span.label em { 
	font-size: 120%; 
	font-style: normal; 
	color: #C00; 
}

div.form-container input.err { border-color: #C00; background-color: #FEF; }
div.form-container select.err { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }

div.form-container div.buttonrow { 
	text-align:center;
}


div.form-container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
textarea{
  width: 100%;
  -webkit-appearance: none;
  margin-top:6px;
  padding:8px;
  background:#898989;
}

form input#zip1,
form input#zip2 {
	width:4em!important;
  -webkit-appearance: none;
}
.getq form input[type="radio"]{
	width: auto!important;
}
#q02 {
  margin-top:6px;
}
.getq form input[type="submit"] {
	color: #fff;
	max-width: 200px;
	padding: 8px 12px;
	background: #595757;
	/*border-radius: 4px;*/
	border: none;
	font-size: 15px;
}
/*--getq-----------------------------------------*/
.getq {
/*  margin: 24px auto;
  padding: 0 8px;*/
}
.content .getq {
    max-width: 800px;
}
.getq em {
  color: #f00;
}
.getq .buttonrow {
  margin: 16px 0;
  text-align: center;
}

.getq input[type="submit"] {
  background: #595757;
  padding: 8px 32px;
  color: #fff;
  border: none;
}

.getq input[type="submit"]:hover {
  background: #000;
  opacity: 0.7;
  color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.form-container textarea,
.form-container input[type="text"] {
/*	border: 1px solid #ccc;*/
	width:100%;
}
#frm_input {
	width: 100%;
/*max-width: 720px;:/
  margin: 0 auto;
}

div.form-container .buttonrow input {
	width: auto!important;
}
/*
.wrap {
	padding: 0 16px;
}*/
/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
	


}
@media screen and (max-width: 768px) {

/*getq*/
fieldset div label,
fieldset div .label {
  display: block;
  text-align: left;
  margin-bottom: 4px;
  width: 100%;
}
textarea,
fieldset div input[type="text"] {
  width: 100%;
}
}/*max-768px*/


@media screen and (min-width: 769px) {
	
	div.form-container { 
		margin: 0 auto; 
		max-width: 960px;
	}
	
	div.form-container label, 
	div.form-container span.label { 
		margin-right: 10px; 
		padding-right: 10px; 
		width: 20%; 
		float: left; 
		text-align: right; 
		position: relative; 
	}
	
	div.form-container label em, 
	div.form-container span.label em { 
		position: absolute; 
		right: 0; 
	}
	
	div.form-container div.controlset div {
		 margin-left: 170px; 
	}
	
	div.form-container p.note { 
		margin-left: 22%; 
	}
	
/*	div.form-container div.buttonrow { 
		margin-left: 180px;
		text-align:left;
	}
*/		
	div.form-container input:not([type="radio"]):not([type="checkbox"]),
	textarea{
	  width: 77%;
	  -webkit-appearance: none;
	}
.form-container textarea, .form-container input[type="text"] {
	width: 78%;
}	
/*	form input[type="submit"] {
	}
*/
}
