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

#sidebar{font-size: 14px; line-height: 1.2em;}
.widget h2, .widget h3{
  font-size: 16px !important;
  padding: 13px 15px 10px 15px !important;
  margin: 0 !important;
  background-color: #003d72 !important;
  color: #FFF;
  border-radius: 5px;
}

/* 各カテゴリリンクをブロック化して下線 */
.widget_categories .cat-item > a {
  display: block;
  padding: 15px 0;
  border-bottom: 1px dotted #999;
}

.wp-block-archives-list li{border-bottom: 1px dotted #999;}
.widget .toc li{padding: 5px 0 !important;}
.widget .toc a{display: block;}


#list{margin-bottom: 0 !important;}
.header, .header .site-name-text, #navi .navi-in a, #navi .navi-in a:hover, .appeal-content .appeal-button, .sidebar h2, .sidebar h3, .cat-link, .cat-label, .blogcard-type .blogcard::before, #footer, #footer a:not(.sns-button) {
    color: #FFF !important;
}

/* 親カテゴリ */
.cat-item > a::before {
  content: "📁";
  margin-right: 6px;
}

/* 子カテゴリ */
.cat-item .children .cat-item > a::before {
  content: "┗";
  margin-right: 10px;
  color: #999;
}

/* ホバーで少し強調 */
.cat-item a:hover {
  color: #0073aa !important;
}
/* =========================
   カテゴリー全体
========================= */
.widget_categories li,
.wp-block-categories li {
  list-style: none;
  border-bottom: none;
}

/* 各項目のリンクに下線 */
.widget_categories .cat-item > a,
.wp-block-categories .cat-item > a {
  display: block;
  padding: 15px 0;
  border-bottom: 1px dotted #999;
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease;
}

/* =========================
   子カテゴリ 初期で閉じる
========================= */
.widget_categories .children,
.wp-block-categories .children {
  max-height: 0;
  overflow: hidden;
  margin-left: 20px;
  padding-left: 10px;
  border-left: 1px solid #ddd;
  transition: max-height 0.3s ease;
}

/* =========================
   親カテゴリにマウスを乗せると開く
========================= */
.widget_categories .cat-item:hover > .children,
.wp-block-categories .cat-item:hover > .children {
  max-height: 500px;
}

/* =========================
   親カテゴリのアイコン
========================= */
.widget_categories .cat-item > a::before,
.wp-block-categories .cat-item > a::before {
  content: "▶";
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  transition: transform 0.3s ease;
}

/* ホバー時に回転 */
.widget_categories .cat-item:hover > a::before,
.wp-block-categories .cat-item:hover > a::before {
  transform: rotate(90deg);
}

/* =========================
   子カテゴリアイコン
========================= */
.widget_categories .children .cat-item > a::before,
.wp-block-categories .children .cat-item > a::before {
  content: "┗";
  margin-right: 6px;
  color: #999;
  font-size: 12px;
}

/* =========================
   ホバー時の文字色
========================= */
.widget_categories .cat-item > a:hover,
.wp-block-categories .cat-item > a:hover {
  color: #0073aa;
}

/* =========================
   現在カテゴリは最初から開く
========================= */
.widget_categories .current-cat > .children,
.widget_categories .current-cat-parent > .children,
.wp-block-categories .current-cat > .children,
.wp-block-categories .current-cat-parent > .children {
  max-height: 500px;
}