@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){
  /*必要ならばここにコードを書く*/
}


/************************************
** main_visual
************************************/




/************************************
** お問い合わせ
************************************/
.wpcf7 {
    width: 100%;
    margin: 0 auto;
}
.inquiry {
    /* border: 1px solid #777; */
    padding: 30px;
}
.inquiry .item-box {
    margin-bottom: 1em;
}
.inquiry .item-box .header-item, 
.inquiry .item-box .item {
    margin-bottom: 10px;
}
.inquiry .item-box .header-item p {
	font-weight: 700;
}
.wpcf7-list-item {
	margin-bottom: 5px;
}
.button-tap label {
    background: #999;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
span.haveto {
    background: #FF9800;
    color: #fff;
    font-size: 0.8em;
    margin: 10px;
    padding: 1px 5px;
    border-radius: 3px;
}
span.any {
    background: #03A9F4;
    color: #fff;
    font-size: 0.8em;
    margin: 10px;
    padding: 1px 5px;
    border-radius: 3px;
}
span.attension {
    font-size: 0.8em;
}


.inquiry-table td {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.inquiry-table td .caption {
    line-height: 1.2;
    font-size: 14px;
    margin-top: 10px;
}

.submit-box {
    text-align: center;
    border: 1px solid #e6e6e6;
    padding: 30px 0;
}

.box-inner-1 {
    padding: 30px 0;
}

.submit {
    width: 50%;
    margin: 0 auto;
}

input[type=submit] {padding: 20px;font-size: 20px;background-color: #444;color: #fff;transition: 0.5s all;}

input[type=submit]:hover {
    background-color: #fff;
    border: 1px solid #444;
    color: #444;
}

@media screen and (max-width:767px) {
	.wpcf7 {
	    width: 100%;
	}
	.inquiry-table th, .inquiry-table td {
		padding: 10px;
	}
	.submit { width: 100%; }
}