/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Contact Form7スマホ・タブレット用カスタマイズ */
@media(max-width:850px){
	/*テーブルの見出しとフォーム*/
	table.inquiry th,table.inquiry td {
		display:block;
		padding:1em 0!important;
		width:100%;
		border:0;
	}

	/*送信ボタン*/
	input.wpcf7-submit{
		margin-bottom:30px;
		width:100%;
	}
}

/* Contact Form7 全体カスタマイズ*/

/* 自動入力されるpタグの無効化 */
.inquiry p {
	display: inline;
}

/* テーブル下に余白、枠線・テキストの行間 */
table.inquiry {
	margin-bottom: 30px;
	border: solid 1px #d7d7d7;
	line-height:1.2;
	vertical-align:middle;
}

/* テーブルの行 */
.inquiry tr {
	border:0!important;
}

/* テーブルの見出し側 */
.inquiry th{
	text-align:left;
	font-size:14px;
	color:#444;
	padding:1em 0.5em;
	width:0;
	background:#efefef;
	border:solid 1px #d7d7d7;
	white-space: nowrap;
	vertical-align: middle;
}

/* 必須と任意タグ */
.haveto,.any {
	font-size:13px;
	padding:5px;
	background:#ff9393;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	font-weight:normal;
}

/* 任意タグの背景カラー */
.any{
	background:#93c9ff;
}

/* テーブルフォーム側 */
.inquiry td{
	font-size:13px;
	border:solid 1px #d7d7d7;
}

/* 入力エリア幅最大 */
.wpcf7-form-control {
	width: 100%;
}

/* フォーム入力欄の余白・背景カラー・枠線消す指定 */
.inquiry input,.inquiry select,.inquiry textarea {
	margin: 5px 0;
	background:#eff1f5;
	border: none;
	padding: 0.7em;
}
.inquiry textarea {
	padding-bottom:10em;
}

/* チェックボックスとラジオボタンの位置調整 */
.wpfc7-list-item-label,.wpfc7-checkbox,input[type=checkbox],input[type=radio]{
	vertical-align:middle;
}
.wpcf7-list-item-label{
	padding:0 5px 2px;
}
/* ラジオボタンを縦並び指定 */
.verticallist{
	display:inline-grid;
}

/* 送信ボタンのデザイン */
.wpcf7-submit{
	display: block;
	margin:10px auto;
	padding:1em 0;
	width:80%;
	background:#09b555;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border-radius:4px;
	border: none;
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover{
	opacity: 0.9;
	transition: 0.3s;
}

/* フォーム上部に表示されるエラーメッセージを非表示 */
.screen-reader-responce {
	display: none;
}

/* フォーム内エラーメッセージを赤色に指定 */
.wpcf7-not-valid-tip {
	color: #e92323;
}