@charset "utf-8";

@media screen and (min-width: 768px) {
/*-- form table ------------------------------------------------------------*/
.formTbl { width:100%; }
.formTbl th,.formTbl td { padding:2%; border: 1px solid #ddd; }
.formTbl th { width: 25%; color: #333; background: #f3f3f3; text-align:center; vertical-align:middle; }
.formTbl td { width: 75%; }

/*-- form size ------------------------------------------------------------*/
.length-post {width:10%;}
.length-10  {width:10%;}
.length-15  {width:15%;}
.length-20  {width:20%;}
.length-25  {width:25%;}
.length-30  {width:30%;}
.length-40  {width:40%;}
.length-50  {width:50%;}
.length-60  {width:60%;}
.length-70  {width:70%;}
.length-80  {width:80%;}
.length-90  {width:90%;}
.length-95  {width:95%;}
.length-100  {width:100%;}
.textarea-seize { width:96%; line-height:1.7; height:150px; }

input[type=text] { padding:1% 2%; border:#DEDEDE 1px solid; }
input[type=text]:focus { background:#FFFFE3; }
select { padding:5px 10px; border:#DEDEDE 1px solid; }	
select:focus { background:#FFFFE3; } 
textarea { padding:2%; border:#DEDEDE 1px solid; }	
textarea:focus { background:#FFFFE3; } 

/*-- form_btn ------------------------------------------------------------*/
.btnForm { text-align:center; }
.btnBack,.btnCheck,.btnReset,.btnSubmit { border:none; cursor:pointer; /*IE*/ *display:block; }
.btnBack:hover,.btnCheck:hover,.btnReset:hover,.btnSubmit:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
	}
.btnBack,.btnCheck,.btnReset,.btnSubmit{ width:30%;	height:40px; font-size:1.0rem; text-align:center; color:#fff; font-weight:normal; }
.btnBack   {background:#B3B3B3;} /*-- 戻るボタンの色 --*/
.btnCheck  {background:#DE6F71;} /*-- 確認ボタンの色 --*/
.btnReset  {background:#B3B3B3;} /*-- リセットボタンの色 --*/
.btnSubmit {background:#DE6F71;} /*-- 送信ボタンの色 --*/

/*-- form_etc ------------------------------------------------------------*/
.hissu { background:#CC3333; font-size:12px; color:#fff; text-align:center; padding:2px 3px; float: right; }
.hissu02 { background:#CC3333; font-size:12px; color:#fff; text-align:center; padding:2px 3px; }
}
@media screen and (max-width: 767px) {
/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}
	
/*-- form table ------------------------------------------------------------*/
.formTbl { width:100%; }
.formTbl th,.formTbl td { padding:2%; border: 1px solid #ddd; display:block; border-bottom:none !important; }
.formTbl th { width: 96%; color: #333; background: #f3f3f3; text-align:center; vertical-align:middle; }
.formTbl td { width: 96%; }
.formTbl td:last-child { border-bottom:1px solid #ddd !important; }

/*-- form size ------------------------------------------------------------*/
.length-post {width:20%;}
.length-10  {width:96%;}
.length-15  {width:96%;}
.length-20  {width:96%;}
.length-25  {width:96%;}
.length-30  {width:96%;}
.length-40  {width:96%;}
.length-50  {width:96%;}
.length-60  {width:96%;}
.length-70  {width:96%;}
.length-80  {width:96%;}
.length-90  {width:99%;}
.length-95  {width:96%;}
.length-100  {width:96%;}
.textarea-seize { width:95.5%; line-height:1.7; height:150px; }

/*-- form_style ------------------------------------------------------------*/
input[type=text] { padding:1% 2%; border:#DEDEDE 1px solid; }
input[type=text]:focus { background:#FFFFE3;}
select { padding:5px 10px; border:#DEDEDE 1px solid; }	
select:focus { background:#FFFFE3; } 
textarea { padding:2%; border:#DEDEDE 1px solid; }	
textarea:focus { background:#FFFFE3; } 
input[type=text],textarea { border-radius:0px; }
input[type=submit] { -webkit-appearance: none; }

/*-- form_btn ------------------------------------------------------------*/
.btnForm { text-align:center; }
.btnBack,.btnCheck,.btnReset,.btnSubmit { border:none; cursor:pointer; /*IE*/ *display:block; }
.btnBack:hover,.btnCheck:hover,.btnReset:hover,.btnSubmit:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
	}
.btnBack,.btnCheck,.btnReset,.btnSubmit{width:40%; height:40px; font-size:0.9rem; text-align:center; color:#fff; font-weight:normal; }
.btnBack   {background:#B3B3B3;} /*-- 戻るボタンの色 --*/
.btnCheck  {background:#DE6F71;} /*-- 確認ボタンの色 --*/
.btnReset  {background:#B3B3B3;} /*-- リセットボタンの色 --*/
.btnSubmit {background:#DE6F71;} /*-- 送信ボタンの色 --*/

/*-- form_etc ------------------------------------------------------------*/
.hissu { background:#CC3333; font-size:12px; color:#fff; text-align:center; padding:2px 3px; float: right; }
.hissu02 { background:#CC3333; font-size:12px; color:#fff; text-align:center; padding:2px 3px; }
}