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

/* ===============================
   ブログ全体スタイル（最終確定版）
   Cocoon 子テーマ用
=============================== */

/* ---------- 見出し ---------- */
.entry-content h1 {
  color: #333333;
  font-size: 2.2em;
  font-weight: 700;
  margin-bottom: 0.8em;
}

.entry-content h2 {
  padding-left: 0.8em;
  color: #333333; /* 文字は黒系統一 */
  border-left: solid 5px #ffb36b; /* 左線だけオレンジ */
  margin: 1.5em 0 1em;
  font-weight: 700;
  font-size: 1.7em;
}

.entry-content h3 {
  padding-left: 0.8em;
  color: #333333;
  border-left: solid 3px #ffc488; /* 左線だけ薄めオレンジ */
  margin: 1.0em 0 0.8em;
  font-weight: 500;
  font-size: 1.4em;
}

.entry-content h4 {
  padding-left: 0.6em;
  color: #333333;
  border-left: solid 2px #ffddb3;
  margin: 0.8em 0 0.5em;
  font-weight: 500;
  font-size: 1.2em;
}

/* ---------- 本文 ---------- */
.entry-content p {
  color: #333333;
  line-height: 1.6;
  margin-bottom: 1em;
  word-break: break-word;
}

/* ---------- 文中リンク ---------- */
.entry-content a {
  color: #333333; /* 通常は本文と同色 */
  text-decoration: none;
  transition: color 0.2s;
}
.entry-content a:hover {
  color: #FFA500; /* ホバーでオレンジアクセント */
}

/* ---------- 強調文字 ---------- */
.entry-content strong,
.entry-content b {
  color: #333333;
  font-weight: 600;
}

.entry-content em {
  color: #333333;
  font-style: normal;
}

/* ---------- 引用ブロック ---------- */
.entry-content blockquote {
  border-left: 4px solid #ffb36b; /* 左線だけオレンジ */
  background-color: #fff7f0; /* 薄い暖色背景 */
  padding: 0.5em 1em;
  margin: 1em 0;
  color: #333333;
  font-style: italic;
  border-radius: 3px;
}

/* ---------- リスト ---------- */
.entry-content ul {
  padding-left: 1.2em;
  list-style-type: disc;
  color: #333333;
}
.entry-content ul li {
  margin-bottom: 0.5em;
}
.entry-content ol {
  padding-left: 1.2em;
  list-style-type: decimal;
  color: #333333;
}
.entry-content ol li {
  margin-bottom: 0.5em;
}

/* ---------- 目次とカード内文字 ---------- */
.toc, 
.toc a, 
.toc li,
.entry-card-content,
.entry-card-content a,
.entry-card-content h2,
.entry-card-content h3,
.entry-card-content h4 {
  color: #333333 !important;
}
.entry-card-content a:hover {
  color: #FFA500 !important;
}

/* ---------- レスポンシブ調整 ---------- */
@media screen and (max-width: 768px) {
  .entry-content h1 { font-size: 1.8em; }
  .entry-content h2 { font-size: 1.5em; padding-left: 0.6em; border-left-width: 4px; }
  .entry-content h3 { font-size: 1.3em; padding-left: 0.6em; border-left-width: 3px; }
  .entry-content h4 { font-size: 1.1em; padding-left: 0.5em; border-left-width: 2px; }
}

@media screen and (max-width: 480px) {
  .entry-content h1 { font-size: 1.6em; }
  .entry-content h2 { font-size:1.4em; padding-left:0.5em; border-left-width:3px; }
  .entry-content h3 { font-size:1.2em; padding-left:0.5em; border-left-width:2px; }
  .entry-content h4 { font-size:1em; padding-left:0.4em; border-left-width:2px; }
}