@charset "utf-8";
/* 資料請求 */

#header_wrap #hd_nav a#hd_request:link {
	background-position: -866px -40px;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
    margin-top: 5px;
}
span.wpcf7-not-valid-tip {
    padding: 2px;
}

#pagetitle h3 {
	background-image: url(https://seiran-kaikan.com/wp/wp-content/themes/seiran/img/request/title.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 187px;
	text-indent: -99999px;
	margin-bottom: 25px;
}
#request_tel {
	width: 100%;
	background-image: url(../img/line.png);
	padding-top: 15px;
	background-repeat: repeat-x;
	margin-bottom: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#request_tel h4 {
	background-image: url(https://seiran-kaikan.com/wp/wp-content/themes/seiran/img/request/t_tel.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	height: 23px;
	width: 183px;
	margin-bottom: 15px;
}
#no a {
	background-image: url(https://seiran-kaikan.com/wp/wp-content/themes/seiran/img/request/tel.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 277px;
	display: block;
	text-indent: -99999px;
	margin-bottom: 20px;
}
#request_mail {
	width: 100%;
	background-image: url(../img/line.png);
	padding-top: 15px;
	background-repeat: repeat-x;
	margin-bottom: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#request_mail h4 {
	background-image: url(../img/request/t_mail.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	height: 22px;
	width: 205px;
	margin-bottom: 15px;
}
#request_mail p span {
	color: #CC0000;
}




#form_wrap button,
#form_wrap input,
#form_wrap textarea {
    padding: 5px;
}
#form_wrap {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#form_wrap p {
	margin-bottom: 20px;
}


.short_wrap input {
	width: 50%;
}
.normal_wrap input {
	width: 75%;
}
.long_wrap textarea {
	width: 95%;
}
p#submit_wrap {
	text-align: center;
	margin-bottom: 15px;
}
#submit_wrap input {
	margin-top: 10px;
}

#fm_check {
	margin-top: 10px;
	display: block;
}
#fm_check span {
	margin-right: 20px;
}
.required {
	color: #CC0000;
}
#submit_wrap input {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}
/*送信完了メッセージ*/
form.sent div.wpcf7-mail-sent-ok {
    border: none;
	color: #CC0000;
}
/*入力漏れエラーメッセージ*/
form.wpcf7-form div.wpcf7-validation-errors {
	border: none;
	color: #CC0000;
}
form.wpcf7-form div.wpcf7-response-output {
    margin: 0;
    padding: 0;
	text-align: center;
}
form.wpcf7-form span.wpcf7-not-valid-tip {
    border: 1px solid #CC0000;
}
#privacy_link {
	text-align: right;
	padding-top: 15px;
}








@media screen and (max-width: 600px) {

#contents {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}





#form_wrap {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.short_wrap input {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.normal_wrap input {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.long_wrap textarea {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#fm_check span {
	margin-right: 0px;
}

/*入力漏れエラーメッセージ*/
form.wpcf7-form span.wpcf7-not-valid-tip,
form.wpcf7-form div.wpcf7-response-output {
    width: auto;
}

}



/*背景画像の場合、retina.jsが非対応のためcssでretinaに対応*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {

#pagetitle h3 {
	background-image: url(../img/request/title_-2X.jpg);
	background-size: 187px 60px;
}
#request_tel,
#request_mail {
	background-image: url(../img/line_-2X.png);
	background-size: 900px 7px;
}
#no a {
	background-image: url(https://seiran-kaikan.com/wp/wp-content/themes/seiran/img/request/tel_@2X.jpg);
	background-size: 277px 37px;
}
#request_tel h4 {
	background-image: url(../img/request/t_tel_-2X.jpg);
	background-size: 183px 23px;
}
#request_mail h4 {
	background-image: url(https://seiran-kaikan.com/wp/wp-content/themes/seiran/img/request/t_mail_@2X.jpg);
	background-size: 205px 22px;
}

}




@media screen and (max-width: 480px) {

#contents {
	padding-left: 0px;
	padding-right: 0px;
}
#pagetitle h3,
#no,
#info,
#request_mail p,
#wpcf7-f11-p17-o1 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}
#pagetitle h3 {
	background-image: none;
	height: auto;
	width: 100%;
	text-indent: 0px;
	margin-bottom: 25px;
	font-size: x-large;
	font-weight: normal;
}
#request_tel {
	background-image: none;
	margin-bottom: 50px;
}
#request_mail {
	background-image: none;
	margin-bottom: 0px;
}
/*#request_tel h4,
#request_mail h4 {
	background-image: none;
	text-indent: 0px;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	font-size: large;
	font-weight: normal;
	color: #CC0000;
}*/
#request_tel h4,
#request_mail h4  {
	background-image: none;
	width: 100%;
	height: auto;
	text-indent: 0px;
	padding: 10px;
	font-weight: normal;
	font-size: 16px;
	background-color: #DCD7C9;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#no a {
	background-image: none;
	height: auto;
	width: 100%;
	text-indent: 0px;
	margin-bottom: 20px;
	font-size: 30px;
}

}