/*
Theme Name: lightning_child
Template: lightning
*/

/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: left;
	  background: #f4f4f4;
}
/*「必須」部分のスタイリング*/
.table-res-form .required {
    font-size: 0.8em;
    color: red;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
}
/*「任意」部分のスタイリング*/
.table-res-form .notrequired {
    font-size: 0.8em;
    color: #8CC700;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
}

/*各入力フォームスタイリング*/
.table-res-form input[type="date"]{
    width: 50%;
	  padding: 2px;
	  font-size: 14px;
}
.table-res-form select{
    width: 30%;
	  padding: 2px;
	  font-size: 14px;
}
.table-res-form input[type="submit"]{
    margin: 5px;
	  background-color: #F0F0F0;
}


/*imgで作ったボタンのホバーエフェクト*/
.img hover{
	transition: all .2s;
}