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

.form-error { 
  color:#d33; 
  font-size:13px; 
  margin-top:6px; 
}
.input-error { 
  border-color:#e66 !important; 
}

/* 1) CF7のエラーメッセージを自作エラーと統一 */
.wpcf7-not-valid-tip,
.form-error {
  font-family: inherit;      /* テーマと同じ書体 */
  font-size: 13px;
  line-height: 1.5;
  color: #d33;
  margin-top: 6px;
}

/* 2) 入力エラーの枠線も統一 */
.wpcf7-not-valid,
.input-error {
  border-color: #e66 !important;
  box-shadow: none !important;
}

/* 3) 送信結果のバナーもトーン合わせ（成功/エラー） */
.wpcf7 form .wpcf7-response-output {
  font-family: inherit;
  font-size: 14px;
  border-radius: 6px;
}
.wpcf7 form .wpcf7-mail-sent-ok {
  border-color: #3aa76d;
  color: #1c6b46;
  background: #ecf8f1;
}
.wpcf7 form .wpcf7-validation-errors,
.wpcf7 form .wpcf7-acceptance-missing {
  border-color: #e66;
  color: #7a1a1a;
  background: #fdeeee;
}

/* 4) ラベルやプレースホルダのトーンも微調整（任意） */
.wpcf7-form p label,
.wpcf7-list-item-label {
  font-family: inherit;
  font-size: 14px;
}
::placeholder { color: #9aa0a6; }