/*================================================
　　　　* フォーム
================================================*/
input,
textarea,
select{
	border-radius: 3px;
	padding:10px;
	font-size:1em;
	color:#333;
	border:solid 1px #ccc;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
	margin: 0px;
	box-sizing: border-box;
}

textarea {width: 100%;box-sizing: border-box;}

input:focus,
textarea:focus,
select:focus {border:solid 1px #EEA34A;}

:placeholder-shown { color: #ccc;  font-size:0.9em;}
::-webkit-input-placeholder {color: #ccc;  font-size:0.9em;}
:-moz-placeholder {color: #ccc; opacity: 1;  font-size:0.9em;}
::-moz-placeholder { color: #ccc; opacity: 1;  font-size:0.9em;}
:-ms-input-placeholder { color: #ccc;  font-size:0.9em;}
input:-ms-input-placeholder{  color: #ccc !important;  font-size:0.9em;}
textarea:-ms-input-placeholder{  color: #ccc !important;  font-size:0.9em;}


.is_confirm input:placeholder-shown{ opacity: 0;}
.is_confirm input::-webkit-input-placeholder{ opacity: 0;}
.is_confirm input:-moz-placeholder{ opacity: 0;}
.is_confirm input:-ms-input-placeholder{ opacity: 0;}
.is_confirm textarea:-ms-input-placeholder{ opacity: 0;}

/*Contact Form 7 IME Input Mode*/
form.wpcf7-form .wpcf7-text,
form.wpcf7-form .wpcf7-textarea{ ime-mode: active;}

form.wpcf7-form .wpcf7-email,
form.wpcf7-form .wpcf7-tel,
form.wpcf7-form #zip1,
form.wpcf7-form #zip2{ ime-mode: inactive;}



/*フォームスタイル formStyle*/
.fomrStyle{}
.fomrStyle {}
.fomrStyle table{width: 100%; margin:0 0 0 0; border: none; box-sizing: border-box; background: none;}
.fomrStyle table th{ border: solid #eee; border-width: 1px 0 1px 0; padding: 15px 10px; box-sizing: border-box;}
.fomrStyle table td{ border: solid #eee; border-width: 1px 0 1px 0; padding: 15px 10px; box-sizing: border-box;}
.fomrStyle .red{font-size: 0.8em;}


.fomrStyle p.title { margin:0; padding:0;}
.fomrStyle p.title span.red {
	font-size:0.8em;
	display:inline;
	color:#f00;
	font-weight: bold;
}

.fomrStyle #address1{ width:12em; padding:10px; height:3em;}

.fomrStyle #zip1,
.fomrStyle #zip2{ width:4em;}
.fomrStyle #zipBtn{ width:7em; text-align:center;}
.fomrStyle #zipBtn:hover{ cursor: pointer;}

.fomrStyle input,
.fomrStyle textarea,
.fomrStyle select{
	border-radius: 3px;
	padding:10px;
	font-size:1em;
	color:#666;
	border:solid 1px #ccc;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
	margin: 0px;
	box-sizing: border-box;
	/*width: 100%;*/
}

.fomrStyle input[type="radio"] { width:auto;}
.fomrStyle textarea {width: 100%; height: 10em; box-sizing: border-box; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}

.fomrStyle .name-sei,
.fomrStyle .name-mei,
.fomrStyle .kana-sei,
.fomrStyle .kana-mei{display:inline-block;}

.fomrStyle .name-sei,
.fomrStyle .kana-sei{ margin-right: 10px;}

.fomrStyle input#your-name-sei,
.fomrStyle input#your-name-mei,
.fomrStyle input#your-kana-sei,
.fomrStyle input#your-kana-mei{}

.fomrStyle input:focus,
.fomrStyle textarea:focus,
.fomrStyle select:focus { border:solid 1px #EEA34A;}

.fomrStyle .wpcf7-checkbox label{ margin: 0 0 10px 0; display:inline-block; margin-right:10px; background: #f6f6f6; border-radius: 50px; padding: 0 5px; box-shadow: 0px 1px 0px  rgba(0, 0, 0, 0.3);}

.fomrStyle .btnLayout { margin: 2em 0 0 0;}
.fomrStyle .btnLayout .button  { margin-top: 30px; margin-bottom: 30px; text-align: center !important;}
.fomrStyle .btnLayout .formButton { text-align: center;}
.fomrStyle .btnLayout .formButton input{ text-align: center; cursor: pointer;margin:0 auto; background:#1D4ED8; padding: 10px; color:#fff; border: none; letter-spacing:0.2em; font-size:1.2em;}
.fomrStyle .btnLayout .formButton input#confirm{ width:50%; max-width:400px;}
.fomrStyle .btnLayout .formButton input#submit{ width:45%;}
.fomrStyle .btnLayout .formButton input#back{ width:45%;}
.fomrStyle .btnLayout .formButton input.selected:hover{ opacity:0.8; cursor:pointer;}

.fomrStyle .btnLayout input[type="checkbox"]{ display: inline-block; width:inherit;}
.fomrStyle .btnLayout input.selected{ background:#2376A7;}

.fomrStyle .text{ margin: 1em; padding: 1em; text-align: center;}


/*
.wpcf7.is_confirm .fomrStyle .btnLayout .formButton input{background:#2376A7;}
.wpcf7.is_confirm .fomrStyle .btnLayout .formButton input:hover{ opacity:0.8; cursor:pointer;}
*/

.fomrStyle .btnLayout p.kojin{ margin: 1em 0 !important; padding: 1em 0 !important; border: solid 3px #eee; text-align:center !important; font-size:1.2em; font-weight: bold;}

.fomrStyle input[type="submit"]{
    -webkit-appearance: none;
}

.wpcf7-not-valid-tip{ color: #f00; font-size: 0.8em; font-weight: 700; margin: 3px 0 0 0; display: inline-block;}
.wpcf7-response-output{ text-align: center; font-weight: bold; margin: 1em 0 0 0; }
.screen-reader-response{background: #FFEBEC;}
.screen-reader-response li{ list-style: none;}

#postArea td.postfail:before{ display:block; content:"郵便番号が見つかりません。"; color:#f00; font-size:0.85em; font-weight: bold;}
#postArea span.wpcf7-not-valid-tip{ display: inline;}

span.wpcf7-list-item{ margin:0 0 0 0;}

.fomrStyle input[type=file]{width: 100%; font-size: 0.8em;}
.fomrStyle .hosoku{font-size: 0.8em; line-height: 1; font-weight: bold;}


.fomrStyle .wpcf7-email{width: 100%; box-sizing: border-box;}
.fomrStyle table{ box-sizing: border-box;}
.fomrStyle table th{ color: #333;}


.fomrStyle input[type="submit"]{ -webkit-appearance: none;}
.fomrStyle input[type="submit"]:hover{}
.fomrStyle input[type="submit"]:disabled{border: solid 1px #eee; background-color: #eee; color: #999;}
.fomrStyle input[type="submit"] {
    width: 80%;
    max-width: 300px;
    padding: 15px 0;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
    font-size: 1.2em;
    background: #333;
    border: none;
    color: #fff;
    letter-spacing: 0.5em;
    cursor: pointer;
    border: solid 1px #000;
}

@media screen and (max-width: 600px) {

/*================================================
　　　　*  fomrStyle
================================================*/
.fomrStyle table {}
.fomrStyle table tr{ border:none;}
.fomrStyle table tr th{ display:block; width:100%; border:none; padding: 20px 0 0 0px 0;}
.fomrStyle table tr td { display:block; border:none; padding: 0 0 20px 0;}
.fomrStyle .block h2{ font-size:1.1em;}
.fomrStyle .naiyo{ width: 100%}
.wpcf7 input[type=email]{width: 100%;}
.fomrStyle .button{ text-align: center;}
.fomrStyle input[type=submit]{ width: 80%; margin: 1em auto;}

.fomrStyle table tr td{padding: 10px;}
.fomrStyle table th p{ font-size: 0.85em; text-align: center; font-weight: 400; letter-spacing: normal;}
.fomrStyle table{ box-sizing: border-box;}
.fomrStyle .wpcf7-checkbox label{font-size: 0.9em; font-weight: 400;}

.fomrStyle .wpcf7-email,
.fomrStyle .wpcf7-tel,
.fomrStyle .wpcf7-text,
.fomrStyle .wpcf7-textarea{width: 100%;}

}