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

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


/* H2見出しのデザイン */
.article h2 {
  background: #f7f7f7; /* 背景色（薄いグレー） */
  padding: 10px 15px; /* 内側の余白 */
  border-left: 5px solid #6bb6ff; /* 左線の太さと色（好きな色に変更可） */
  border-bottom: none; /* 元の線を消す */
  border-top: none; /* 元の線を消す */
  border-right: none; /* 元の線を消す */
}

/* H3見出しのデザイン */
.article h3 {
  border-bottom: 3px double #6bb6ff; /* 下線の種類と色（好きな色に変更可） */
  border-left: none; /* 元の線を消す */
  padding: 8px 10px; /* 余白調整 */
}

/* 目次のデザイン調整 */
.toc {
  border: none; /* 枠線を消す */
  background-color: #ffffff; /* 背景色 */
  border-radius: 8px; /* 角を丸くする */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 影をつける */
  padding: 20px; /* 内側の余白 */
  margin-bottom: 30px; /* 下の余白 */
}

/* 記事内画像に影をつける */
.entry-content img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* 影の設定 */
  border-radius: 4px; /* 画像の角を少し丸くする */
}

/* 太字（strong）を蛍光ペン風に */
.entry-content strong {
  background: linear-gradient(transparent 80%, #fff799 80%); /* マーカーの色（黄色） */
  color: #333; /* 文字色 */
}

/* 箇条書きリストを囲む */
.entry-content ul, .entry-content ol {
  background: #f9f9f9; /* 背景色 */
  border: 1px solid #e5e5e5; /* 枠線の色 */
  padding: 2em 1em 2em 2.5em; /* 余白調整 */
  border-radius: 5px; /* 角丸 */
}

/* ヘッダーロゴ画像を50%の大きさに縮小し、中央寄せにする */
.logo-header img {
  width: 50%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* スマホ表示での調整（任意） */
@media screen and (max-width: 480px) {
  .logo-header img {
    width: 80%; /* スマホでは少し大きめに表示（お好みで調整） */
  }
}


/* インデックスページのカテゴリーラベル（Uncategorizedなど）を消す */
.entry-card .cat-label {
  display: none;
}

/* インデックスページの閲覧数（PV）を消す */
.entry-card-pv {
  display: none;
}

/* 管理者用のPV表示（本日:0 週:0...）を消す */
.admin-pv {
  display: none !important;
}



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

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

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

/* 目次：やわらか・親しみやすい */
.toc {
    background: #fbfdff; /* ほんのり青みがかった背景 */
    border: 2px dashed #b3cde0; /* 優しい色合いの破線 */
    border-radius: 12px;
    padding: 1.5em;
}
.toc-title {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #557b97;
    background: transparent;
}

.toc ol.toc-list > li li {
  list-style: none;
}