@charset "utf-8";
/*
 * Copyright (c) 2012 takashi shinohara
 * this Library is licensed. http://aulta.jp/library/
 * http://aulta.jp/library/wordpress/contactForm7Confirm.html
 * last update: 2012-02-15, 0.0.1.
 */




/*
 * 入力時に付加するclass
 */
.none{
display: none;
}

form.wpcf7-form-mode-edit{

}

form.wpcf7-form-mode-edit .button-confirm{
	width: 200px;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    border: 0;
    cursor: pointer;
    background-color: #F93;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    -webkit-appearance: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -moz-box-shadow: 0 3px 3px #ddd;
    -webkit-box-shadow: 0 3px 3px #ddd;
    box-shadow: 0 3px 3px #ddd;
}

form.wpcf7-form-mode-edit .button-confirm:hover {
    background: #f68b00;
}

/*
 * 確認時に付加するclass
 */
form.wpcf7-form-mode-confirm{

}
form.wpcf7-form-mode-confirm th{	/* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */
	width:10％;
}

form.wpcf7-form-mode-confirm .button-rewrite{
	width: 200px;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    border: 0;
    cursor: pointer;
    background-color: #F93;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    -webkit-appearance: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -moz-box-shadow: 0 3px 3px #ddd;
    -webkit-box-shadow: 0 3px 3px #ddd;
    box-shadow: 0 3px 3px #ddd;
    float: left;
    background-color: #ddd;
    color: #333;
}

form.wpcf7-form-mode-confirm .send-btn{
	width: 200px;
	height: auto;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    border: 0;
    cursor: pointer;
    background-color: #F93;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    -webkit-appearance: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -moz-box-shadow: 0 3px 3px #ddd;
    -webkit-box-shadow: 0 3px 3px #ddd;
    box-shadow: 0 3px 3px #ddd;
    float: right;
	}






	form.wpcf7-form-mode-confirm .send-btn:hover,
	form.wpcf7-form-mode-edit .button-confirm:hover{
		background-color: #F33;
	}

	.wpcf7-form-control-wrap-confirm{
text-align: center;
display: block;
	}

form.wpcf7-form-mode-confirm .button-rewrite:hover {
    background-color: #bbb;
}

form.wpcf7-form-mode-confirm .buttons-area{
width: 80%;
margin: 0 10%;
}

/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
form.wpcf7-form ul.error-messages{

}
form.wpcf7-form ul.error-messages li{
	color:#fff;
	margin: 5px 0;
	background-color: red;
}


/*
 * 入力チェックに引っかかったときに tr.addClass('error')
 */
form.wpcf7-form table tr.error td{
	background-color:#f7e700;
}

form.wpcf7-form table tr.error td .shop-type:after,
form.wpcf7-form table tr.error td .your-email:after,
form.wpcf7-form table tr.error td .company-name:after,
form.wpcf7-form table tr.error td .your-name:after,
form.wpcf7-form table tr.error td .tel-num:after,
form.wpcf7-form table tr.error td .service-type:after,
form.wpcf7-form table tr.error td .your-message:after,
form.wpcf7-form table tr.error td .agree:after{
content: '必須';
color:#fff;
background-color: red;
padding: 5px 10px;
margin: 0 10px;
}

form.wpcf7-form table tr.error td .service-type:after{
position: absolute;
top: 20px;
left: 250px;
width: 50px;
}

form.wpcf7-form table tr.error td .your-message:after{
position: absolute;
width: 50px;
}

form.wpcf7-form table tr.error th{
color:red;
}

/*
 * プレビュー時のテキスト
 */
form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm{
	color:green;
}

/*
 * ボタンエリア、確認へ
 */
form.wpcf7-form p.buttons-area-confirm{
	padding:20px;
	/* text-align:center; */
}

/*
 * ボタンエリア、書き直す、送信（「書き直す」が加わるため位置調整）
 */
form.wpcf7-form p.buttons-area .button-rewrite{
	margin-right:20px;
}
form.wpcf7-form p.buttons-area .wpcf7-submit{
	margin-left:20px;
}

.p-cover{
	height: 0px;
	}

	.head-tex h2{
	margin: 20px 0;
	font-size: 2em;
	}

	.wpcf7 {
	  background: #fff;
	border: none;
	}
	.asterisk{
	color: red;
	}

	.head-tex{
	  width: 100%;
	margin: auto;
	}

	.p-entry__body table {
	width: 100%;
	margin: auto;
	font-size: 1em;
	}

	.p-entry__body td, .p-entry__body th {
		padding: 5px;
		line-height: 1.2em;
		font-size: 1em;
padding: 30px 10px;
	}
 .p-entry__body th {
width:10%;
	}

.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
width: 80%;
	}

	.left-col{
	width: 33%;
	}

	.policy{
	width: 90%;
	height: 200px;
	margin: 20px auto;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #fff;
	padding: 15px;
	border: solid 1px #ddd;
	}

	.agree{
	text-align: center;
	}

	.wpcf7 .send-btn{
	background-color:#ffa530;
	border-radius: 10px;
	box-shadow: 2px 2px 4px gray;

	}

	.wpcf7 .send-btn:hover {
		background: #f68b00;
	}

	.l-contents {

		margin-bottom: 0px;

	}

	.p-entry__body {
		margin-bottom: 0px;
	}

	.foot-tex{
	  width: 90%;
	margin: 50px auto;
	}
	.foot-tex li{
	list-style: disc;
	}

	@media screen and (min-width:850px) {
	.p-entry__body table {
	width: 80%;
	}
	.head-tex {
	width: 80%;
	}
	}

	@media screen and (max-width: 750px){
		form.wpcf7-form-mode-confirm p.buttons-area .send-btn,
		form.wpcf7-form-mode-confirm p.buttons-area .button-rewrite{
		float: none;
		margin: 30px auto;
		margin-left: auto;
		margin-right: auto;
		}

	}