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


.entry-content h2 {
  color: #fff; /* 文字を白に */
  background-color: #f57c00; /* 背景オレンジ（例） */
  padding: 10px 15px;
  border-radius: 4px; /* 角を少し丸めると柔らかい印象に */
}





/* h1 タイトル  */
.site-title {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.site-title h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 0;
  color: #333;
}





/* FAQセクションのデザイン改善 */
dl.faq {
  margin: 2em 0;
  padding: 0;
}

dl.faq dt {
  margin-top: 2em;
  font-weight: bold;
  font-size: 1.1em;
  color: #333;
  line-height: 1.6;
}

dl.faq dd {
  margin: 0.5em 0 2em 1.5em;
  line-height: 1.8;
  color: #555;
}

/* Q. と A. を自動で追加（オプション） */
dl.faq dt::before {
  content: "Q. ";
  color: #007acc;
  font-weight: bold;
}

dl.faq dd::before {
  content: "A. ";
  color: #cc3300;
  font-weight: bold;
}


/* 太字の赤 */
.bold-red {
  color: #cc0000;
  font-weight: bold;
}

/* 太字の黒*/
.bold-black {
  color: #000000;
  font-weight: bold;
 }


small {
  font-size: 0.85em;
  color: #666;
  display: inline-block;
  margin-top: 1em;
}


.policy-note {
  font-size: 0.85em;
  color: #666;
  margin-top: 2em;
}



/* ページ内リンク（アンカーリンク）にスムーズにスクロール移動させる  */
html {
  scroll-behavior: smooth;
}