@charset "utf-8";

@media screen and (min-width: 768px) {
/*-- form table ------------------------------------------------------------*/
.formTbl { width:100%; margin-bottom:40px; }
.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%; }
	
.formTbl02 { width:80%; margin:0 auto; }
.formTbl02 th,.formTbl02 td { padding:2%; }
.formTbl02 th { width: 25%; color: #333; vertical-align:middle; background: lightgray; border-top: 3px solid #ddd; text-align: left;}
.formTbl02 td { width: 75%; border-top: 1px solid #ddd;}

/*-- 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-size { width:96%; line-height:1.7; height:150px; }

input[type=text] { padding:1% 2%; border:#DEDEDE 1px solid; }
input[type=text]:focus { background:#FFFFE3; }
input[type=email] { padding:1% 2%; border:#DEDEDE 1px solid; }
input[type=tel] { padding:1% 2%; border:#DEDEDE 1px solid; }
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; margin-bottom: 80px; display: flex; justify-content: center; }
.btnBack,.btnCheck,.btnReset,.btnSubmit { border:none; cursor:pointer; /*IE*/ *display:block; margin: 0 2%; }
.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:1px 3px; float: right; }
.hissu02 { background:#CC3333; font-size:12px; color:#fff; text-align:center; padding:1px 3px; }
.nini { background:#0068b1; font-size:12px; color:#fff; text-align:center; padding:1px 3px; float: right; }
	
	.pageMenu { display: flex; justify-content: center; margin-bottom: 20px;}
	.pageMenu li { border: 3px solid #dedede; height: 50px; line-height: 50px; text-align: center; margin: 0 0.1%; width: 25%;  }
	.pageMenu li a { display: block; }
	.pageMenu li a:link    { color:#333333; text-decoration: none; }
	.pageMenu li a:visited { color:#333333; text-decoration: none; }
	.pageMenu li a:hover   { color:#fff; text-decoration: none; background: #f88042; }
	.pageMenu li a:active  { color:#333333; text-decoration: none; }
	
	.pageMenu li.current { border: 3px solid #f88042; height: 50px; line-height: 50px; text-align: center; margin: 0 0.1%; background: #f88042; color: #fff;  }
}
@media screen and (max-width: 767px) {
/*-- form table ------------------------------------------------------------*/
.formTbl { width:100%; margin-bottom:40px; }
.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; }
	
.formTbl02 { width:100%; margin-bottom:40px; }
.formTbl02 th,.formTbl02 td { padding:2%; display:block; border-bottom:none !important; }
.formTbl02 th { width: 96%; color: #333; background: #f3f3f3; text-align:left; vertical-align:middle; }
.formTbl02 td { width: 92%; }
.formTbl02 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-size { 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;}
input[type=email] { padding:1% 2%; border:#DEDEDE 1px solid; }
input[type=tel] { padding:1% 2%; border:#DEDEDE 1px solid; }
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; -webkit-appearance: none; }

/*-- form_btn ------------------------------------------------------------*/
.btnForm { text-align:center; margin-bottom:40px; justify-content: center; }
.btnBack,.btnCheck,.btnReset,.btnSubmit { border:none; cursor:pointer; /*IE*/ *display:block; margin: 0 2%; }
.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:1px 3px; float: right; }
.hissu02 { background:#CC3333; font-size:12px; color:#fff; text-align:center; padding:1px 3px; }
.nini { background:#0068b1; font-size:12px; color:#fff; text-align:center; padding:1px 3px; float: right; }
	
	.pageMenu { display: flex; justify-content: center; margin-bottom: 10px;}
	.pageMenu li { border: 3px solid #dedede; height: 40px; line-height: 40px; text-align: center; margin: 0; width: 32%; font-size: 11px; }
	.pageMenu li a { display: block; }
	.pageMenu li a:link    { color:#333333; text-decoration: none; }
	.pageMenu li a:visited { color:#333333; text-decoration: none; }
	.pageMenu li a:hover   { color:#fff; text-decoration: none; background: #f88042; }
	.pageMenu li a:active  { color:#333333; text-decoration: none; }
	
	.pageMenu li.current { border: 3px solid #f88042; height: 40px; line-height: 40px; text-align: center; margin: 0 0.1%; background: #f88042; color: #fff;  }
}

/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
	padding:5px 2px  !important;/* ボタン内の余白 */
	margin:1em 0em !important;/* ボタンの上下の余白 */
	background-color: #DE6F71 !important;/* 背景の色 */
	border-radius: 5px !important;/* 角を丸く*/
	color: #fff !important;/* 文字の色*/
	font-size: 18px !important;/* 文字の大きさ */
	font-weight: bold !important;/* 文字の太さ*/
	width: 20%;/* ボタンの横幅*/
	transition:0.5s;/* 背景色が変わるまでの時間*/
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
	}
	
	input.wpcf7-submit: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;
	}
	
	.btn-submit {
		width: 100%;
		text-align: center;
	}