@charset "utf-8";
/* CSS Document */


/* お問い合わせフォーム
------------------------------------------------------------*/

/* WordPressお問い合わせフォーム */
.font_aka {
color: #FF0000;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}
/* Formsお問い合わせフォーム
------------------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	border: 1px solid #ccc;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-webkit-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #eee;
	font-size: 18px;
	margin: 0;
	width: 95%;
	max-width: 100%;
	background: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}

select {
	border: 1px solid #ccc;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-webkit-box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;
	box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #eee;
	font-size: 18px;
	max-width: 100%;
	background: #fff;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}
label,
legend {
	display: block;
	font-weight: bold;
	font-size: 13px;
}
input[type="checkbox"] {
	display: inline;
	width: 20px;
	height: 20px;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	margin-bottom: 0.5em;
}
button {
	cursor: pointer;
}

.submit-btn {
	font-size: 18px;
	padding: 8px;
	margin-right: 10px;
margin-top: 10px;
	background-color: #CC0033;
	color: #FFF;
}
.submit-btn:hover {
	background-color: #FF9966;
}
.submit-btn:active {
	
}

.reset-btn {
	font-size: 18px;
	padding: 8px;
	margin-right: 10px;
	background-color: #FDCFC0;
}
.reset-btn:hover {
	background-color: #E8EBEB;
}

/*お問い合わせフォームdldt*/



dl.form dl,dt,dd {
margin: 0;
padding: 0;
}

dl.form{
	width: 100%;
	background-color: #CCCCFF;
	border: 1px solid #CCCCCC;
}
dl.form dt {
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 10px;
}
dl.form dd {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 15px;
}

dl.form dd {
	background-color: #F1F4F4;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}


.form input[type="text"],
.form input[type="email"],
.form select,
.form textarea {
	background: #fff;
	padding: 0.3em;
}
.form select {
	margin-top: 0.1em;
}
.form textarea {
	height: 12em;
}






/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 481px) {

/*お問い合わせフォームdldt*/
blockquote { width:50%; margin:0 auto; }

dl.form{
border-top: none;
width: 99%;
}
dl.form dt {
	clear: left;
	float: left;
	width: 26%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

dl.form dd {
	margin-left: 28%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #FFFFFF;
}


}