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



/*フォントの指定*/
@font-face {
	font-family: "weblgfont";
	src: url('/wp-content/themes/cocoon-child-master/webfonts/weblgfont.woff2') format('woff2'),
	url('/wp-content/themes/cocoon-child-master/webfonts/weblgfont.woff') format('woff'),
	url('/wp-content/themes/cocoon-child-master/webfonts/weblgfont.ttf') format('truetype');
	}

/*フォントの呼び出し*/
	h1,h2{
	font-family:weblgfont;
	}

	Header {
	font-family:weblgfont;
    	}

	.navi-in {
	font-family:weblgfont;
	font-size: 0.4rem;
	}
	
	.header .site-name-text {
	font-family:weblgfont;
	font-size: 2.5rem;
	 margin: 0;
    padding: 0;
	}
	
	
	.tagline{
	font-family:weblgfont;
	font-size:1rem;
	color:#5cbdbb;
	margin-top: 0;
    margin-bottom: 1rem;
	}

	.sub-menu {
	font-family:weblgfont;
	font-size: 1rem;
	 margin: 0;
    padding: 0;
	}

/* Contact Form 7 */
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #f58694; /* 背景色 */
	border-radius: 5px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #7fbfff; /* 背景色 */
	border-radius: 5px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8; /* 枠線の色 */
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を見やすくする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: #eff1f5; /* 背景色 */
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%; /* 好みで60〜80%でもOK */
	height: 60px;
	border-color: #ffbf7f; /* 枠線の色 */
	background: #ffbf7f; /* ボタンの色 */
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 2px;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}