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

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

/* 全体文字色・背景色 */
body {
  background-color: #ffffff;
  color: #333333;
}

/* アクセントカラー（リンク・記事タイトルなど） */
a,
.entry-title a,
.widget_recent_entries a {
  color: #4b73b3;
}

a:hover {
  color: #365a91;
}

/* ========== 扉モチーフ見出し（Cocoon＋Gutenberg両対応） ========== */

/* h2：左に太い柱＋淡い背景（扉イメージ） */
.article h2,
.entry-content h2.wp-block-heading,
.single .entry-content h2,
.page .entry-content h2 {
  position: relative;
  margin-top: 2.2em;
  margin-bottom: 1em;
  padding: .6em 1em .6em 1.2em;
  background: #f4f7fb;            /* 扉内側 */
  border-left: 10px solid #4b73b3; /* 柱（アクセント） */
  color: #3c3c3c;
  font-size: 1.4em;
  line-height: 1.5;
}

/* h3：細い柱＋ごく淡い背景 */
.article h3,
.entry-content h3.wp-block-heading,
.single .entry-content h3,
.page .entry-content h3 {
  margin-top: 2em;
  margin-bottom: .8em;
  padding: .4em .8em;
  border-left: 5px solid #6a94cc;
  background: #f9fbfd;
  font-size: 1.2em;
  line-height: 1.5;
}

/* 段落の行間・下余白（読みやすさの基準） */
.entry-content p { line-height: 1.9; margin-bottom: 1.6em; }

/* ボタン類（投稿下・ウィジェット内など） */
.button,
.btn,
input[type="submit"] {
  background-color: #4b73b3;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.6em 1em;
}

.button:hover {
  background-color: #365a91;
}

/* 吹き出し（例：ニタケ用左寄せ） */
.speech-balloon.left {
  background-color: #f3f7fc;
  border: 2px solid #4b73b3;
}

/* サイドバー見出し（ウィジェットタイトル） */
.widget-title {
  border-left: 5px solid #4b73b3;
  padding-left: 0.5em;
  font-weight: bold;
  color: #333;
}

/* お問い合わせフォーム全体の背景をやさしい色に */
.wpcf7-form {
  background-color: #f7f9fc;
  padding: 2em;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  color: #444;
}

/* 各入力欄を角丸＋やさしい色に */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.7em;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  font-size: 1em;
  margin-bottom: 1em;
}

/* ラベル（項目名）もやさしいトーンで */
.wpcf7-form label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.95em;
  color: #444;
}

/* 送信ボタンのデザイン */
.wpcf7-submit {
  background-color: #4b73b3;
  color: #fff;
  border: none;
  padding: 0.7em 1.5em;
  border-radius: 6px;
  font-size: 1em;
  cursor: pointer;
}

.wpcf7-submit:hover {
  background-color: #365a91;
}

/* 吹き出し全体の背景色・角丸・余白 */
.speech-balloon.left {
  background-color: #f3f7fc;
  border: 2px solid #4b73b3;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  color: #333;
  font-size: 15px;
  line-height: 1.8;
  position: relative;
}

.page-id-22 .eyecatch {
  display: none;
}

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

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

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

/***********************************/