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

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

/*--------------------------------------------
contact7 バリデーションエラー表示
---------------------------------------------*/
/* Contact Form 7のエラーメッセージを送信前は非表示 */
.wpcf7-form .wpcf7-not-valid-tip {
  display: none !important;
}
.wpcf7-form .wpcf7-validation-errors {
  display: none !important;
}
/* 送信後のみエラーを表示 */
.wpcf7-form.submitted .wpcf7-not-valid-tip {
  display: block !important;
}
.wpcf7-form.submitted .wpcf7-validation-errors {
  display: block !important;
}
/* 送信後のフィールドのスタイル */
.wpcf7-form.submitted .wpcf7-not-valid {
  border-color: #d63638 !important;
}
/* 送信前はボーダー色を通常に戻す */
.wpcf7-form:not(.submitted) .wpcf7-not-valid {
  border-color: #ccc !important;
}

/*input形式のフォーム*/
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, .search-edit {
  margin-top: 5px;
}

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

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

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

/*--------------------------------------------
文字脚色（赤・太文字）
---------------------------------------------*/
.highlight {
  color: red;
  font-weight: bold;
}