@charset "utf-8";
/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
option{
 padding:20px 20px 0; margin:0; font-size:14px;line-height:2em; background:#F0FFFF;color:#000;
}	
div.wpcf7 p { padding:20px 20px 0 0; margin:0; font-size:11px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:90%; height:300px; }
div.wpcf7 input.wpcf7-submit ,div.wpcf7 input.wpcf7-reset{
   cursor:pointer;float:left; 
color:#fff;  font-size:12px; width:200px; height:35px; margin:10px 10px 20px 0; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover,div.wpcf7 input.wpcf7-reset:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
.bg_select {

    position: relative;
    z-index: 10;
    width:200px;
    border: 1px solid #ccc;

}
.select_box {
    padding:2px 0 2px 10px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
        border: 1px solid #ccc;
    width:200px;
    height:30px;
    font-size:14px;
    color:gray;
    cursor: pointer;
    background:#fff;
    background-position:200px center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 15;
    vertical-align: middle;
    line-height: 30px;
    box-sizing: border-box;

    option {
        color: #333;
    }
    &::-ms-expand {
        display: none;
    }
} 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.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;}
.wpcf7 .wpcf7-not-valid {
    background: #ffb6c1;
}
.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;
    }
/* テーブル */
table{
	border: 1px solid gray;
border-radius: 0.5em;
}
table.form {
	border: 1px solid #7777bb;
	border-collapse: collapse;
margin:0 auto;width:100%;}
table.form th, table.form td {
	text-align: left;
	border: 1px solid gray;
border-radius: 0.5em;	
	padding:2em;
	font-weight: normal;

}
table.form th {
	white-space: nowrap;
	background: #fff;width:30%;
}
table.form td {
	background: #fff; width:60%;
}

/* タイトル装飾 */
strong.ttl {
	text-align:center;
	display: block;
	padding: 2px 5px;
	margin:0 auto;
}

/* メッセージ */
p.msg {
	color: gray;
	margin: 2em;
text-align:center;
	
}
.msg{
	color: gray;
text-align:center;
	margin:0 auto;
font-size:1.2em;
line-height:1.5em;
}
ul{
text-align:center;
	margin:2em auto;
}
li{
	list-style:none;}	
/* 戻りボタン */
form.back {
	margin:5px auto;
}
#bbb{width:100%;
text-align:center;
height:auto;
}
.button {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
	padding:0 2em 10px 2em;
	font-size:1em; 
}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
value{
	padding:2em;
}