@charset "utf-8";
@media screen and (max-width: 767px) {
	#content { margin:0 1%; }
	.h_logo { text-align:center; margin-bottom:10px; }
	.h_logo  img { width:200px; }
	h1 { font-size:1.2em; font-weight:bold; text-align:center;}
	header { padding:2% 0; border-bottom:#DEDEDE 1px solid; margin-bottom:10px; }
	#copyright { background:#333; color:#fff; margin-bottom:0px; padding:5px; font-size:0.9em; text-align:center; }
	.title03 { font-size:1.1em; font-weight:bold; }
	#txtDrink { margin-top:20px; text-align: center; padding:2%; border:#09F 2px dashed; font-size:0.8em; width:80%; margin-left:8%; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#content { margin:0 1%; }
	.h_logo { text-align:center; margin-bottom:10px; }
	.h_logo  img { width:200px; }
	h1 { font-size:1.2em; font-weight:bold; text-align:center;}
	header { padding:10px 0; border-bottom:#DEDEDE 1px solid; margin-bottom:15px; }
	#copyright { background:#333; color:#fff; margin-bottom:0px; padding:5px; font-size:0.9em; text-align:center; }
	.title03 { font-size:1.1em; font-weight:bold; }
	#txtDrink { margin-top:20px; text-align: center; padding:2%; border:#09F 2px dashed; font-size:0.9em; width:60%; margin-left:18%; }
}
@media screen and (min-width: 1025px) {
	#content { width:1024px; margin:0 auto; }
	.h_logo { text-align:center; margin-bottom:10px; }
	.h_logo  img { width:200px; }
	h1 { font-size:1.2em; font-weight:bold; text-align:center;}
	header { padding:10px 0; border-bottom:#DEDEDE 1px solid; margin-bottom:20px; }
	#copyright { background:#333; color:#fff; margin-bottom:0px; padding:5px; font-size:0.9em; text-align:center; }
	.title03 { font-size:1.1em; font-weight:bold; }
	#txtDrink { margin-top:20px; text-align: center; padding:2%; border:#09F 2px dashed; font-size:0.9em; width:40%; margin-left:28%; }
}

@media screen and (min-width: 768px) {
/*-- form table ------------------------------------------------------------*/
.formTbl { width:100%; margin-bottom:40px; }
.formTbl th,.formTbl td { padding:2%; border: 1px solid #ddd; vertical-align:top !important; }
.formTbl th { width: 25%; color: #333; background: #f3f3f3; text-align:left; vertical-align:middle; font-weight:normal; }
.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,.button { border:none; cursor:pointer; /*IE*/ *display:block; }
.btnBack:hover,.btnCheck:hover,.btnReset:hover,.btnSubmit:hover,.button: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,.button{ width:30%;	height:40px; font-size:1.0rem; text-align:center; color:#fff; font-weight:normal; border:none; border-radius:4px; }
.btnBack   {background:#B3B3B3;} /*-- 戻るボタンの色 --*/
.btnCheck,.button  {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; }

.errorTxt { color:#F00;}
}
@media screen and (max-width: 767px) {
/*-- form table ------------------------------------------------------------*/
.formTbl { width:100%; margin-bottom:20px; }
.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:left; 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,textarea { border-radius:0px; }
input[type=submit] { -webkit-appearance: none; }

/*-- form_btn ------------------------------------------------------------*/
.btnForm { text-align:center; }
.btnBack,.btnCheck,.btnReset,.btnSubmit .button { border:none; cursor:pointer; /*IE*/ *display:block; margin-bottom:20px; }
.btnBack:hover,.btnCheck:hover,.btnReset:hover,.btnSubmit:hover,.button: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,.button{width:80%; height:40px; font-size:0.9rem; text-align:center; color:#fff; font-weight:normal; border:none; border-radius:4px; }
.button02 { width:40% !important; height:40px; font-size:0.9rem; text-align:center; color:#fff; font-weight:normal; border:none; border-radius:4px; }
.btnBack   {background:#B3B3B3;} /*-- 戻るボタンの色 --*/
.btnCheck,.button  {background:#DE6F71;} /*-- 確認ボタンの色 --*/
.btnReset  {background:#B3B3B3;} /*-- リセットボタンの色 --*/
.btnSubmit {background:#DE6F71;} /*-- 送信ボタンの色 --*/

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

.errorTxt { color:#F00;}
}