@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.2
*/

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

.wpcf7-form .mousikomi select {
        display: inline;
        width: 60px;
        height: 30px;
        margin: 0px 5px 15px 8px;
        padding: 4px;
    }
    .wpcf7-form  .mousikomi select[name="menu-time"], .wpcf7-form  .mousikomi select[name="menu-time2"], .wpcf7-form  .mousikomi select[name="menu-time3"] {
        width: 88px;
    }
    .wpcf7-list-item-label {
        margin-left:5px;
    }
    .wpcf7-radio span.wpcf7-list-item {
        display: block;
    }
    #mail_submit2 {
        background: #4ac420;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        margin: 20px 0 25px;
        padding: 9px 18px;
        text-decoration: none;
    }
    .sankou {
    	font-size:70%;
    	background-color:#F57C00;
    	color:#fff;
    	padding:3px 4px;
    	margin:0 5px;
    	white-space: nowrap;
    }
    .sankou.blue { background-color:#2196F3; }
    .b { font-weight: bold; }
    .mousikomi { margin-top:20px; }
    .yoyaku {
        background:#4165c0;
        color: #fff;
        font-size: 15px;
        width: 150px;
        vertical-align: middle;
    }
    .mousikomi td {
        padding-left: 10px;
        vertical-align: middle;
    }
    table .mousikomi {
        width:100%;
    }
    @media only screen and (max-width:420px){
        .mousikomi tbody tr{
            display: block;
            border: none;
            margin-bottom: 0.8em;
        }
        .mousikomi tbody td{
            display: block;
            border: none;
            padding: 10px;
        }
        .wpcf7-textarea {width: 90% !important; }
        .mousikomi table tr td,
        .mousikomi {border: none !important; }
        .mousikomi td { width: 95%;}
        }




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

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

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