@charset "utf-8";

/* ==========================================
 
 
お問い合わせフォームのスタイリング
 
 
========================================== */
 

.contact_form input[type="text"],
.contact_form input[type="password"],
.contact_form input[type="email"],
.contact_form textarea {
    border: solid 1px #cccccc;
    padding: 7px 7px 7px 7px; 
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    outline: none;
    -webkit-appearance: none;
}


	.contact_form input:::-webkit-input-placeholder { color: #666666; }
	.contact_form  input::-moz-placeholder { color: #666666; }
	
	.contact_form input:focus, .contact_form select:focus, .contact_form textarea:focus {
		background: #e1f5e6;
	}


.contact_form {
	width: 700px;
	margin: 0 auto;
}
    
    .contact_form p {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
.contact_form .required {
	color: #f06452;
}


.contact_form dl dt {
	margin: 30px auto 7px auto;
}

.contact_form dl dd {
	margin: 0 auto 0 auto;
}



.contact_form input.wpcf7-submit {
   cursor: pointer;
   color: #fff;
   font-weight: bold;
   font-size: 1.4rem;
   width: 200px;
   height: 45px;
   display:block;
   -moz-border-radius:5px;
   -khtml-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   background:#333;
   border:1px solid #666;
}

	.contact_form input.wpcf7-submit:hover { background:#006080;border:1px solid #006080; }
	.contact_form input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }


	/* エラー表示 */
	.contact_form span.wpcf7-not-valid-tip { font-size: 80%; padding: 7px 15px; }
	.contact_form .wpcf7-response-output { margin: 10px 0 0; padding: 8px 35px 8px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	.contact_form .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; }
	.contact_form .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; }


/* ---- スマホ表示 ---- */
@media screen and (max-width:767px) {
	
	.contact_form {
    	max-width: 90%;
    }
    
    .contact_form p {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
	
	.contact_form dl dt {
		font-size: 1.4rem;
	}
	
	.contact_form dl dd input,
	.contact_form dl dd textarea {
		font-size: 1.4rem;
		width: 90%;
	}
	
	div.wpcf7 input.wpcf7-submit {
		margin: 30px auto 0 auto;
	}
	
	
} /* ---- media screen and (max-width:750px) ---- */


/* ---- PC表示 ---- */
@media screen and (min-width:768px) {
	
	.contact_form dl dt {
		font-size: 1.4rem;
		margin: 30px 15px 7px 15px;
	}
	
	.contact_form dl dd input,
	.contact_form dl dd textarea {
		font-size: 1.4rem;
		margin: 0 15px 0 15px;
	}
	
	div.wpcf7 input.wpcf7-submit {
		margin: 30px 0 0 0;
	}
	
} /* ---- media screen and (min-width:751px) ---- */