@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.Orange_ {
	--the-btn-color: #E6740D;
	--the-btn-color2: #f6ad49;
	--the-solid-shadow: rgba(179,98,0,1);
}

/*テーブルの線の色*/
:root {
    --color_border--table: #A2B1BF;
}

/* -----------------------------------------------------------*/
/*コンタクトフォーム*/
/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*thとtdの背景色*/
.table-res-form th {
	background: #F8F2E9;
    border: 1px solid #cccccc;
}
.table-res-form td {
	background: #FFFFFF;
    border: 1px solid #cccccc !important;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 0.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 35%;
    text-align: left;
	font-size: 0.9em;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
	font-size: 0.8em;
	color: #FFF;
	display: inline-block;
	border-radius: 2px;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	background-color: #EB677E;
}
/*「任意」部分のスタイリング*/
.table-res-form .free {
	font-size: 0.8em;
	color: #FFF;
	display: inline-block;
	border-radius: 2px;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	background-color: #bbbbbb;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}
/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #aaaaaa solid;
    padding: 0.1em;
    border-radius: 5px;
    margin-bottom: 0.1em;
    width: 100%;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);

}
/*入力例の文字色を変更*/
::-webkit-input-placeholder {
  color: #ccc;
	font-size:90%;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
		font-size:90%;
}
:-ms-input-placeholder {
  color: #ccc;
		font-size:90%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #FAD8DE;
	border: solid 1px #F5B6C1;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.table-res-form input[type="email"]:focus, textarea:focus {
    background: #FAD8DE;
	border: solid 1px #F5B6C1;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
	color: #000;
}
.form-control:focus{
    background: #FAD8DE;
	border: solid 1px #F5B6C1;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);

}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    height: 30px;
}
.table-res-form th, td {
    padding: 5px;
    text-align: left;
}
.wpcf7 textarea[name="your-message"] {
        height: 150px !important;
}
.wpcf7 .narrow {
	width:50%;
}

button, html input[type="button"], input[type="submit"] {
color: #FFF !important;
font-weight: normal !important;
background: #805A3B!important;
border-radius: 2px!important;
}

/*エラーメッセージのスタイル*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #805A3B;
	background: #FFFFBF;
	color:#805A3B;
}
/*送信されましたのスタイル*/
div.wpcf7-mail-sent-ok {
	color:#ffffff;
	background-color:#F08C9D;
}

/*------------------------------------------*/