@charset "utf-8";

/* CSS for WordPress
----------------------------------------*/

/* cf7
----------------------------------------*/
.wpcf7 {
	/*max-width:500px;*/
	margin:0 auto!important;
}
.wpcf7 p.contact_caution {
	font-size: 1em;
	max-width: initial!important;
	text-align: right;
	margin-bottom: 0!important;
}
.wpcf7 p.contact_caution span {
	color: #ed1c24;
}
#contact_form {
	/*max-width:500px;*/
	margin:0 auto; 
	overflow:hidden;
}
#contact_form p {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}
#contact_form table {
	width: 100%;
}
#contact_form table th,
#contact_form table td {
	border: #CCC solid 1px;
}
#contact_form table th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	padding: 10px;
	background: #F2F2F2;
}
#contact_form table th.required::after {
	content: "*";
	color: #ed1c24;
}
#contact_form table td {
	vertical-align: middle;
	padding: 10px;
}
#contact_form dl {
	font-size:130%;
	color:#666;
	margin:0 auto 1em auto;
	overflow:hidden;
}
#contact_form dl dt {
	width:180px;
	padding:8px 0;
	float:left;
}
#contact_form dl dt span {
	color:#F00;
}
#contact_form dl dd {
	width:550px;
	float:left;
}

#contact_form .your_message {
	/*width:50%;*/
	margin:0 auto;
	clear:both;
}
.wpcf7 p {
	margin-bottom:1em;
	margin: 5px auto;
    max-width: 90%;
}
.submit-button {clear:left; text-align:center!important; padding-top:1em;}
.submit-button input {margin:0 5px;}

.wpcf7 legend {padding:5px 0;}
#contact_form input[type="text"],
#contact_form input[type="email"],
#contact_form input[type="tel"],
#contact_form textarea {
	width:100%;
}
#contact_form input.your-name {
	width: auto!important;
}
.checkbox-block span.wpcf7-list-item {
	display:block;
}

.wpcf7-form-control-wrap-confirm {
	font-size:14px;
	font-weight:bold;
}

.error-messages {
	width:100%;
	max-width:350px;
	margin:2em auto 0 auto!important;
	list-style-position:inside;
	padding-left:0.5em;
}
.buttons-area-confirm {
	padding:1em 0;
	text-align:center;
}

.wpcf7c-conf {
	border:1px solid #666!important;
	background:#F2F2F2!important;
}
div.wpcf7 .ajax-loader {
	display:block;
	margin:10px auto!important;
}
div.wpcf7-response-output {
	background: #FFF;
	margin: 1em!important;
	padding: 1em!important;
	text-align: center;
}


/* wp-pagenavi
----------------------------------------*/
.wp-pagenavi {
	position: relative;
	text-align: center;
	margin: 2em 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	color: #333;
	text-decoration: none;
	padding: 0.5em 0.75em;
	margin: 2px;
	border: none;
}
.wp-pagenavi span.pages {
	border: none;
}
.wp-pagenavi span.current {
	text-decoration: none;
}
/* .wp-pagenavi a:hover {
	border-color: #3FA9F5;
} */
.wp-pagenavi span.current {
	font-weight: normal;
	color: #FFF;
	background: #333;
}
.wp-pagenavi a.smaller,
.wp-pagenavi a.larger {
	color: #FFF;
	background: #CCC;
}
a.previouspostslink {
	border: none;
	text-decoration: none;
}
a.nextpostslink {
	border: none;
	text-decoration: none;
}


@media screen and (min-width:768px) {
	/* cf7
	----------------------------------------*/
	#contact_form table th {
		min-width: 200px;
	}
	#contact_form input[type="text"], #contact_form input[type="email"], #contact_form input[type="tel"] {
		width: auto;
	}
	#contact_form input.number {
		width: 3em;
		text-align: right;
	}
}
@media screen and (max-width:767px) {
	/* cf7
	----------------------------------------*/
	#contact_form input[type="text"] {
		width: 100%;
	}
	#contact_form input[type="email"], #contact_form input[type="tel"] {
		width: 100%;
	}
	#contact_form input.number {
		width: 3em;
		text-align: right;
	}
	#contact_form table {
		table-layout: fixed;
		border: #CCC solid 1px;
		border-top: none;
	}
	#contact_form table th {
		display: block;
		border-color: #CCC;
		border-style: solid;
		border-width: 1px 0 1px 0;
	}
	#contact_form table td {
		display: block;
		border: none;
	}
}