/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/*　ContactForm7のテーブル化レスポンシブ調整　*/
/*テーブルを親要素の幅いっぱいに伸ばす*/
#header {
	width: 100%；;
	background: #f9bf2c;
}

.table-res-form {
	width: 100%;
}

/*一行ごとに上ボーダー*/
/*.table-res-form tr {
    border-top: 1px #DDD solid;
}*/
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
	border-top: none;
}

/*奇数行だけ背景色つける*/
/*.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}*/
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
	padding: .5em;
}

/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
	width: 25%;
	text-align: left;
}

/*「必須」部分のスタイリング*/
.table-res-form .requied {
	font-size: .5em;
	color: #FFF;
	display: inline-block;
	padding: 1px 10px;
	background: #e7351a;
	border-radius: 2px;
}

.kanarazu {
	font-size: .7em;
	color: red;
}

/*ここから768px以下の指定*/
@media only screen and (max-width: 768px) {
	　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
																																																																		    .table-res-form th, .table-res-form td {
		width: 100%;
		display: block;
	}
	
	　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
																																																																		    .table-res-form th {
		padding-bottom: 0;
		text-align: left;
	}
	
	　　　　　/*不要な最終行の左のthを非表示にする*/
																																																																		    .table-res-form .empty {
		display: none;
	}
}

/*ここまで768px以下の指定---終わり*/
/*ここから入力欄のスタイル指定*/
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
	border: 1px #ddd solid;
	padding: .5em;
	border-radius: 5px;
	margin-bottom: .5em;
	width: 100%;
}

/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
	background: #eee;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
}

/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
	border: 1px #666666 solid;
	padding: .5em 4em;
	border-radius: 5px;
	background: #fff;
	color: #666666;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
	font-weight: bold;
}

/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
	background: #666666;
	color: #fff;
	box-shadow: none;
}

/*画像真ん中揃え*/
.aligncenter {
	display: block;
	margin: auto;
}