@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* Contact Form 7カスタマイズ */
.inquiry th {
 text-align: left;
 font-size: 14px;
 color: #444;
 padding-right: 5px;
 width: 30%;
 background:#f7f7f7;
 border: solid 1px #d7d7d7;
}
.inquiry td {
    font-size: 14px;
border: solid 1px #d7d7d7;
}
/* 必須の調整 */
.haveto {
   font-size: 7pt;
   padding: 5px;
   background: #ff9393;
   color: #fff;
   border-radius: 2px;
   margin-right: 2px;
}
/* 任意の調整 */
.any {
   font-size: 7pt;
   padding: 5px;
   background: #93c9ff;
   color: #fff;
   border-radius: 2px;
   margin-right: 2px;
}
/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
 display: block;
}
/*プルダウン横並び*/
.wpcf7 select
{
    width: 30%;
}
/*テキストエリア*/
.your-message {
   width: 80%;
} 
/* 送信ボタンのデザイン変更 */
.soushinbtn{
padding:20px!important;
width:40%;
 background: #ffaa56!important;
color: #fff;
 font-size: 18px!important;
 border-radius: 2px!important;}
.soushinbtn:hover{
background:#fff!important;
color:#ff870f;
border:2px solid #ffa042;
}
/* スマホContact Form 7カスタマイズ */
@media screen and (max-width: 700px) {
.inquiry th, .inquiry td {
display:block;
width: 90%!important;
border-top: none!important;
}
.inquiry tr:first-child th {
border-top: 1px solid #d7d7d7!important;
}
.soushinbtn{
width:80%!important;
}}