@charset "UTF-8";
/*
 * cmn_contact.css
 *
 *  version --- 4.8
 *  updated --- 2017/6/19
 */

/*
contact form 7
*/
/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { border:1px padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:15px; }
div.wpcf7 input, .wpcf7 textarea 
{
    max-width: 100%;
    border:1px solid #ccc;
    padding:8px;
    font-size:14px;
}

div.contactForm{
    max-width: 700px;
    margin: 0 auto;
}

div.wpcf7 textarea { 
width: 550px;
height:150px;
max-width: 100%; 
}

div.wpcf7 p.contactForm__conf {
    text-align: center;
    position: relative;
    display: block;
    width: 400px;
    max-width: 90%;
    margin: 10px auto 0;
}

/* --- 確認ボタン装飾 --- */
div.wpcf7 input.wpcf7-confirm {
    /*width:250px; height:45px;*/
    display:block;
    width:100%;
    /*max-width: 100%;*/
    font-size: 16px;
    position: relative;
    /*display: inline-block; */
    /*font-weight: bold;*/
    padding: 15px 0px 15px 0px;
    text-decoration: none;
    color: #FFF;
    margin:0 auto; 
    background: #C9220F;
    transition: .4s;
}
div.wpcf7 input.wpcf7-confirm:hover { background: #F5887C;}
div.wpcf7 input.wpcf7-confirm:disabled
{
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

.wpcf7 input.wpcf7-confirm:active { box-shadow:none; bottom:-2px; position:relative; }

.contactForm__btnList {
    width: 400px;
    max-width: 100%;
    margin: 5px auto 0;
}

.contactForm__list__item {
    text-align: center;
    position: relative;
    display: block;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

div.wpcf7c-elm-step1 p.wpcf7c-chkbox{
	text-align: center;
  	position: relative;
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 20px auto 0;
	width: 100px;
	background: #F2F2F2;
}

.contactForm__list__item.first {
        padding-right: 15px;
}

.contactForm__list__item.last {
        padding-left: 15px;
}

/* --- 送信ボタン装飾 --- */
div.wpcf7 input.wpcf7-submit {
    width:100%;
    font-size: 16px;
    position: relative;
    /*display: inline-block; */
    /*font-weight: bold;*/
    padding: 15px 0px 15px 0px;
    text-decoration: none;
    color: #FFF;
    margin:0 auto; 
    display:block;
    background: #C9220F;
    transition: .4s;
    float:left;
}


div.wpcf7 input.wpcf7-submit:hover { background: #F5887C;}

.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }



/* --- 戻るボタン--- */
div.wpcf7 input.wpcf7-back {
    width:100%;
    font-size: 16px;
    position: relative;
    display: block;
    padding: 15px 0px 15px 0px;
    text-decoration: none;
    color: #FFF;
    /*margin:0 auto;*/
    display:block;
    background: #C9220F;
    transition: .4s;
}

div.wpcf7 input.wpcf7-back:hover { background: #F5887C;}
.wpcf7 input.wpcf7-back:active { box-shadow:none; bottom:-2px; position:relative; }


/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #f6bdb6; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

div.wpcf7 .ajax-loader{
	display: none !important;
}

/* --- 確認画面のボーダーを削除 --- */
div.wpcf7 input.wpcf7c-conf,
textarea.wpcf7c-conf{
    border:0;
    padding:0;
    background:#E6E6E6;
    resize: none;

}
textarea:disabled.wpcf7c-conf{

}

div.wpcf7 p.wpcf7c-elm-step2{
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
}

.cf_list__name{
   width: 143px;
   /*width: 50%;*/
   /*max-width: 100%;*/
   float: left;
   text-align: left;
   padding: 0 25px 0 0;
}

.cf_list__ul{
   width: 450px;
   max-width: 100%;
   padding: 0 20px 0 20px;
   overflow: hidden;
}

.bld{
   font-weight: bold;
}


/* --- オートコンプリート背景色除去 --- */
.wpcf7-text:-webkit-autofill {
   box-shadow: 0 0 0 1000px #FFF inset;
}

.wpcf7.is_confirm input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #E6E6E6 inset;
}