/*===============================================
●base.css 画面の横幅が641px以上
===============================================*/
@media print, screen and (min-width: 641px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*  タイトル・メッセージ　*/
/*--------------------------------------------------------*/

.form_messageBox{
}

.form_messageBox h1{
	font-size:140%;
	line-height:1.0em;
	font-weight:nomal;
	letter-spacing:1.2px;
	color:#222;
	border-top:2px solid #A49F99;
	border-bottom:1px solid #DDD;
	padding-top:15px;
	padding-bottom:13px;
	margin-bottom:20px;
}

.form_messageBox p.koudoku_price{
	font-size:115%;
	color:#333;
	line-height: 1.5em;
	font-weight:bold;
	margin-bottom:15px;
}

.form_messageBox ul.koudoku_list li{
	display:none;
}

.form_messageBox p{
	font-size:100%;
	color:#333;
	line-height: 1.7em;
}

/*  振込先の情報　*/
/*--------------------------------------------------------*/

.kouzaBox{
	margin-top: 25px;
}

.kouzaBox table.tbl_furikomi{
	width:640px;
	border-collapse: collapse;
}

.kouzaBox table.tbl_furikomi tr td{
 	border-width: 1px 1px; /* 上下左右に線を引く */
	border-color: #DDD; /* 線色 */
	border-style: solid; /* 線種：実線 */	
}

.kouzaBox table.tbl_furikomi tr td.cell01{
	background:#EFEBE2;
	text-align:center;
	padding:10px 0;
	color:#333;
	font-size:100%;
	line-height:1.6em;
	vertical-align:top;
	width:20%;
}

.kouzaBox table.tbl_furikomi tr td.cell02{
	background:#FFF;
	text-align:center;
	padding:10px 0;
	color:#333;
	font-size:100%;
	line-height:1.6em;
	vertical-align:top;
	width:40%;
}

.kouzaBox table.tbl_furikomi tr td.cell03{
	background:#FFF;
	text-align:center;
	padding:10px 0;
	color:#333;
	font-size:100%;
	line-height:1.6em;
	vertical-align:top;
	width:40%;
}

/*  メールフォーム　*/
/*--------------------------------------------------------*/

.formBox{
	margin-top:20px;
	overflow:hidden;
}

.formBox h2{
	font-size:110%;
	color: #333;
	font-weight:bold;
	line-height: 1.5em;
	border-top:1px solid #DDD;
	padding-top:15px;
}

.formBox dl{
	margin-top:15px;
}

.formBox dl.koudoku {
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	background-color:#E8F0F5;
	margint:5px;
}

.formBox dl.koudoku dt {
	clear: left;
	float:left;
	width:200px;
	background-color:#E8F0F5;
	border-top:1px solid #DDD;
	padding:15px 0;
	text-align:center;
	font-size:90%;
	line-height:1.5em;
	color:#333;
}

.formBox dl.koudoku dd {
	background-color:#FFF;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	margin-left:200px;  
	padding:15px;
	font-size:90%;
	line-height:1.5em;
	color:#333;
}

.formBox dl.koudoku dt span.hissu{
	font-size: 85%;
	color: #FF0000;
}

/*  フォームの入力欄　*/
/*--------------------------------------------------------*/

input#your_name[type="text"] {
	width:60%;
	padding:4px;
	font-size:14px;
}

input#kana[type="text"] {
	width:60%;
	padding:4px;
	font-size:14px;
}

input#age[type="text"] {
	width:12%;
	padding:4px;
	font-size:14px;
}

input#yubin[type="text"] {
	width:30%;
	padding:4px;
	font-size:14px;
}

input#add[type="text"] {
	width:80%;
	padding:4px;
	font-size:14px;
}

input#tatemono[type="text"] {
	width:80%;
	padding:4px;
	font-size:14px;
}

input#tel[type="text"] {
	width:40%;
	padding:4px;
	font-size:14px;
}

input[type="email"] {
	width:80%;
	padding:4px;
	font-size:14px;
}

textarea{
	width:90%;
	padding:4px;
	font-size:14px;
}

/*  フォームのラジオボタンを押しやすく　*/

form input[type="radio"]{
	width:auto;
	font-size:18px;
}

/*  送信ボタン　*/

.btBox{
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:22px;
}

.btBox .inner{
	width:220px;
	margin-left:auto;
	margin-right:auto;
}

.btBox .inner input.wpcf7-submit{
	cursor:pointer;
	background:#EFEA81;
	border:none;
	font-size:14px;
	letter-spacing:2px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:220px;
	padding: 18px 0;
	text-align:center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.btBox .inner input.wpcf7-submit:hover{
	text-decoration:none;
	background:#F7F3B9;
}

/*  必須入力のアラート　*/
/*--------------------------------------------------------*/

.wpcf7-not-valid-tip{
	margin-top:7px;
}

.wpcf7 .wpcf7-response-output{
	border:2px solid #EAE253;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color:#333;
	line-height:1.2em;
	padding:30px 10px;
}

/*  送信後にメールフォームなどを非表示に　*/
/*--------------------------------------------------------*/

.sent .formBox h2{
    display: none;
}

.sent .formBox dl.koudoku{
    display: none;
}

.sent .formBox .btBox{
    display: none;
}

/*  個人情報保護について　*/
/*--------------------------------------------------------*/

.policy{
	margin-top:25px;
}

.policy h2{
	font-size:100%;
	font-weight:bold;
	color:#333;
	margin-bottom:7px;
}

.policy p{
	font-size:90%;
	font-weight:nomal;
	line-height:1.6em;
	color:#666;
}

.sent .policy{
    display: none;
}

}









/*===============================================
●smartphone.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width:640px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*  タイトル・メッセージ　*/
/*--------------------------------------------------------*/

.form_messageBox{
	padding:10px 10px 0;
}

.form_messageBox h1{
	background:#E8F0F5;
	padding:10px;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	line-height:1.0em;
	color:#333;
	margin-bottom:15px;
}

.form_messageBox p{
	font-size:100%;
	color:#333;
	line-height: 1.6em;
}

.form_messageBox p.koudoku_price{
	display:none;
}

.form_messageBox ul.koudoku_list{
	margin-bottom:10px;
}

.form_messageBox ul.koudoku_list li{
	font-size:110%;
	color:#333;
	line-height: 1.6em;
	font-weight:bold;
}

.form_messageBox p br{
	display:none;
}

/*  振込先の情報　*/
/*--------------------------------------------------------*/

.kouzaBox{
	margin-top: 25px;
	padding:0 10px;
}

.kouzaBox table.tbl_furikomi{
	width:100%;
	border-collapse: collapse;
}

.kouzaBox table.tbl_furikomi tr td{
 	border-width: 1px 1px; /* 上下左右に線を引く */
	border-color: #DDD; /* 線色 */
	border-style: solid; /* 線種：実線 */	
}

.kouzaBox table.tbl_furikomi tr td.cell01{
	display: none;
}

.kouzaBox table.tbl_furikomi tr td.cell02{
	background:#FFF;
	text-align:center;
	padding:10px 0;
	color:#333;
	font-size:90%;
	line-height:1.6em;
	vertical-align:top;
	width:50%;
}

.kouzaBox table.tbl_furikomi tr td.cell03{
	background:#FFF;
	text-align:center;
	padding:10px 0;
	color:#333;
	font-size:90%;
	line-height:1.6em;
	vertical-align:top;
	width:50%;
}

/*  メールフォーム　*/
/*--------------------------------------------------------*/

.formBox{
	margin-top:22px;
	overflow:hidden;
	padding:0 10px;
}

.formBox h2{
	font-size:100%;
	color: #333;
	font-weight:bold;
	line-height: 1.5em;
	border-top:2px solid #E8F0F5;
	border-bottom:1px solid #E8F0F5;
	padding-top:12px;
	padding-bottom:12px;
}

.formBox dl{
	margin-top:25px;
}

.formBox dl.koudoku {
}

.formBox dl.koudoku dt {
	font-size:90%;
	line-height:1.5em;
	color:#333;
	margin-bottom:5px;
}

.formBox dl.koudoku dd {
	font-size:90%;
	line-height:1.5em;
	color:#333;
	margin-bottom:17px;
}

.formBox dl.koudoku dt span.hissu{
	font-size: 85%;
	color: #FF0000;
}

/*  フォームの入力欄　*/
/*--------------------------------------------------------*/

input#your_name[type="text"] {
	width:60%;
	padding:4px;
	font-size:14px;
}

input#kana[type="text"] {
	width:60%;
	padding:4px;
	font-size:14px;
}

input#age[type="text"] {
	width:12%;
	padding:4px;
	font-size:14px;
}

input#yubin[type="text"] {
	width:30%;
	padding:4px;
	font-size:14px;
}

input#add[type="text"] {
	width:80%;
	padding:4px;
	font-size:14px;
}

input#tatemono[type="text"] {
	width:80%;
	padding:4px;
	font-size:14px;
}

input#tel[type="text"] {
	width:40%;
	padding:4px;
	font-size:14px;
}

input[type="email"] {
	width:80%;
	padding:4px;
	font-size:14px;
}

textarea{
	width:90%;
	padding:4px;
	font-size:14px;
}

/*  フォームのラジオボタンを押しやすく　*/

form input[type="radio"]{
	width:auto;
	font-size:18px;
}

/*  送信ボタン　*/

.btBox{
}

.btBox .inner{
	width:220px;
	margin-left:auto;
	margin-right:auto;
}

.btBox .inner input.wpcf7-submit{
	cursor:pointer;
	background:#EFEA81;
	border:none;
	font-size:14px;
	letter-spacing:2px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:220px;
	padding: 18px 0;
	text-align:center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.btBox .inner input.wpcf7-submit:hover{
	text-decoration:none;
	background:#F7F3B9;
}

/*  必須入力のアラート　*/
/*--------------------------------------------------------*/

.wpcf7-not-valid-tip{
	margin-top:4px;
}

.wpcf7 .wpcf7-response-output{
	border:2px solid #EAE253;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color:#333;
	line-height:1.2em;
	padding:30px 10px;
}

/*  送信後にメールフォームなどを非表示に　*/
/*--------------------------------------------------------*/

.sent .formBox h2{
    display: none;
}

.sent .formBox dl.koudoku{
    display: none;
}

.sent .formBox .btBox{
    display: none;
}

/*  個人情報保護について　*/
/*--------------------------------------------------------*/

.policy{
	padding:0 10px;
	margin-top:25px;
}

.policy h2{
	font-size:90%;
	font-weight:bold;
	color:#333;
	margin-bottom:7px;
}

.policy p{
	font-size:80%;
	font-weight:nomal;
	line-height:1.6em;
	color:#666;
}

.policy p br{
    display: none;
}

.sent .policy{
    display: none;
}

}