@charset "UTF-8";
/*
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Template: cocoon-master
Version: 1.1.3
*/

/* 解答の開閉ボタン */
.answer-toggle>summary{cursor:pointer!important;display:block!important;padding:12px 16px!important;margin:16px 0 10px!important;background:#e8f5e9!important;border:1px solid #66bb6a!important;border-radius:6px!important;color:#2e7d32!important;font-weight:700!important;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease!important}
.answer-toggle>summary:hover,.answer-toggle>summary:focus-visible{background:#c8e6c9!important;color:#1b5e20!important;box-shadow:0 0 0 3px rgba(102,187,106,.2)!important;outline:none!important}
.answer-toggle>summary::marker{color:#2e7d32!important}
.answer-toggle[open]>summary{background:#f1f8f2!important}
.answer-toggle>div{padding:4px 12px 8px!important}

/* サイドバー広告はバナー画像だけ表示 */
#custom_html-3 .widget-sidebar-title,#slide-in-custom_html-3 .widget-sidebar-title{display:none!important}
#custom_html-3,#slide-in-custom_html-3{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}

/* サイドバー広告を最下部に固定 */
#sidebar{display:flex!important;flex-direction:column!important}
#sidebar>#custom_html-3{order:99!important}
#sidebar>#custom_html-3+*{order:1!important}

/* サイドバーの表示順：検索→カテゴリー→広告 */
#sidebar>#block-2{order:0!important}
#sidebar>#block-6{order:1!important}
#sidebar>#custom_html-3{order:99!important}

/* カテゴリー一覧の文字サイズと行間 */
#sidebar>#block-6 a,#sidebar>#block-6 li{font-size:14px!important;line-height:1.55!important}
#sidebar>#block-6 ul{margin-top:4px!important;margin-bottom:4px!important}

/* カテゴリー表示順を固定 */
#sidebar>#block-6 ul{display:flex!important;flex-direction:column!important}
#sidebar>#block-6 ul>li:nth-child(1){order:3!important}
#sidebar>#block-6 ul>li:nth-child(2){order:1!important}
#sidebar>#block-6 ul>li:nth-child(3){order:4!important}
#sidebar>#block-6 ul>li:nth-child(4){order:2!important}


/* 検索フォームをコンパクトで視認しやすく調整 */
#sidebar #block-2 .wp-block-search__label{display:none!important}
#sidebar #block-2 .wp-block-search{display:flex!important;align-items:stretch!important;gap:4px!important;margin:0!important}
#sidebar #block-2 .wp-block-search__input{height:34px!important;min-height:34px!important;padding:6px 10px!important;font-size:14px!important;box-sizing:border-box!important}
#sidebar #block-2 .wp-block-search__button{width:38px!important;height:34px!important;min-height:34px!important;padding:0!important;font-size:0!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
#sidebar #block-2 .wp-block-search__button::before{content:"\1F50D";font-size:17px;line-height:1;font-family:"Segoe UI Symbol",sans-serif}

/* カテゴリー項目を区切るボーダー */
#sidebar>#block-6 ul>li{border-bottom:1px solid #d9dee3!important;padding:7px 0!important;margin:0!important}
#sidebar>#block-6 ul>li:last-child{border-bottom:0!important}


/* カテゴリー区切り線の余白を調整 */
#sidebar>#block-6 ul>li{border-bottom:0!important;padding:4px 0!important;margin:0!important}
#sidebar>#block-6 ul>li+li{border-top:1px solid #d9dee3!important}
#sidebar>#block-6 ul>li:last-child{border-top:1px solid #d9dee3!important}

/* カテゴリーの線を各項目の下側に統一 */
#sidebar>#block-6 ul>li{border-top:0!important;border-bottom:1px solid #d9dee3!important;padding:4px 0!important;margin:0!important}
#sidebar>#block-6 ul>li:first-child{border-top:0!important}
#sidebar>#block-6 ul>li:last-child{border-bottom:0!important}


/* カテゴリー見出しと表示順先頭の上線を解除 */
#sidebar>#block-6 .widget-title{border-bottom:0!important}
#sidebar>#block-6 ul>li{border-top:0!important}
#sidebar>#block-6 ul>li:nth-child(2){border-top:0!important}

/* カテゴリーリンクのホバー時の灰色表示を解除 */
#sidebar>#block-6 a:hover,#sidebar>#block-6 a:focus{background:transparent!important;color:inherit!important;box-shadow:none!important}


/* 中学1年英文法と直下の線の間隔を詰める */
#sidebar>#block-6 ul>li:nth-child(2){padding-bottom:0!important}
#sidebar>#block-6 ul>li:nth-child(2)>a{padding-bottom:0!important;margin-bottom:0!important}

/* カテゴリーの下線を専用表示に統一 */
#sidebar>#block-6 ul{border-top:0!important}
#sidebar>#block-6 ul>li{position:relative!important;border:0!important;padding:0 0 3px!important;margin:0 0 5px!important}
#sidebar>#block-6 ul>li::after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #d9dee3!important}
#sidebar>#block-6 ul>li:nth-child(3)::after{display:none!important}


/* カテゴリーの余白と二重線を最終整理 */
#sidebar>#block-6 ul,#sidebar>#block-6 ul>li,#sidebar>#block-6 ul>li>a{border:0!important}
#sidebar>#block-6 ul>li{padding:0!important;margin:0 0 4px!important;line-height:1.55!important}
#sidebar>#block-6 ul>li::before{display:none!important}
#sidebar>#block-6 ul>li::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;border:0!important;border-bottom:1px solid #d9dee3!important}
#sidebar>#block-6 ul>li:nth-child(3)::after{display:none!important}

/* カテゴリーの■を復元 */
#sidebar>#block-6 ul>li::before{display:inline-block!important;content:"■"!important;color:#173d63!important;font-size:10px!important;line-height:1!important;margin-right:8px!important;vertical-align:middle!important}


/* カテゴリー区切り線を一度リセットして1本だけに統一 */
#sidebar>#block-6 ul,
#sidebar>#block-6 ul>li,
#sidebar>#block-6 ul>li>a{
  border:0!important;
  box-shadow:none!important;
}
#sidebar>#block-6 ul>li::after{
  content:none!important;
  display:none!important;
}
#sidebar>#block-6 ul>li{
  position:relative!important;
  padding:0!important;
  margin:0!important;
  border-top:0!important;
  border-right:0!important;
  border-left:0!important;
  border-bottom:1px solid #d9dee3!important;
  line-height:1.55!important;
}
#sidebar>#block-6 ul>li:nth-child(3){border-bottom:0!important;}
#sidebar>#block-6 ul>li::before{
  display:inline-block!important;
  content:"■"!important;
  color:#173d63!important;
  font-size:10px!important;
  line-height:1!important;
  margin-right:8px!important;
  vertical-align:middle!important;
}

/* 表示順に合わせてカテゴリー区切り線を明示 */
#sidebar>#block-6 ul>li:nth-child(1),
#sidebar>#block-6 ul>li:nth-child(2),
#sidebar>#block-6 ul>li:nth-child(4){
  border-bottom:1px solid #d9dee3!important;
}
#sidebar>#block-6 ul>li:nth-child(3){
  border-bottom:0!important;
}

/* 未分類の下にも区切り線を表示 */
#sidebar>#block-6 ul>li:nth-child(3){
  border-bottom:1px solid #d9dee3!important;
}

/* カテゴリー項目の上下余白を均等化 */
#sidebar>#block-6 ul>li{
  padding:8px 0!important;
  margin:0!important;
  line-height:1.55!important;
  box-sizing:border-box!important;
}

/* カテゴリー項目の文字サイズを1px拡大 */
#sidebar>#block-6 ul>li,
#sidebar>#block-6 ul>li>a{
  font-size:15px!important;
}

/* カテゴリーのボーダーを全項目同じ1pxに統一 */
#sidebar>#block-6 ul>li{
  border-top:0!important;
  border-right:0!important;
  border-left:0!important;
  border-bottom:1px solid #d9dee3!important;
  border-style:solid!important;
  border-width:0 0 1px 0!important;
  border-color:transparent transparent #d9dee3 transparent!important;
}

/* カテゴリーのボーダーをすべて削除 */
#sidebar>#block-6 ul,
#sidebar>#block-6 ul>li,
#sidebar>#block-6 ul>li>a{
  border:0!important;
  box-shadow:none!important;
}
#sidebar>#block-6 ul>li::after{
  content:none!important;
  display:none!important;
}

/* カテゴリーウィジェット内の線を完全削除 */
#sidebar>#block-6 *{
  border:0!important;
  box-shadow:none!important;
}
#sidebar>#block-6 *::before,
#sidebar>#block-6 *::after{
  border-bottom:0!important;
  box-shadow:none!important;
}

/* カテゴリーウィジェットの線を完全削除 */
#sidebar>#block-6,
#sidebar>#block-6 *{
  border:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
#sidebar>#block-6 *::after{
  content:none!important;
  display:none!important;
  border:0!important;
}

/* サムネイル：ホバー時の控えめな拡大（試験運用） */
.entry-card-thumb img,
.related-entry-card-thumb img,
.popular-entry-card-thumb img,
#popular_entries-3 img {
  transition: transform .25s ease;
  transform-origin: center center;
}
.entry-card-thumb:hover img,
.related-entry-card-thumb:hover img,
.popular-entry-card-thumb:hover img,
#popular_entries-3 a:hover img {
  transform: scale(1.04);
}
@media (hover: none) {
  .entry-card-thumb:hover img,
  .related-entry-card-thumb:hover img,
  .popular-entry-card-thumb:hover img,
  #popular_entries-3 a:hover img { transform:none; }
}


/* サムネイル：ホバー時の控えめな拡大（試験運用） */
.entry-card-thumb img,
.related-entry-card-thumb img,
.popular-entry-card-thumb img { transition: transform .25s ease; transform-origin: center center; }
.entry-card-thumb:hover img,
.related-entry-card-thumb:hover img,
.popular-entry-card-thumb:hover img { transform: scale(1.04); }
@media (hover: none) {
  .entry-card-thumb:hover img,
  .related-entry-card-thumb:hover img,
  .popular-entry-card-thumb:hover img { transform: none; }
}

/* thumbnail hover test */
.entry-card-thumb img,.related-entry-card-thumb img,.popular-entry-card-thumb img{transition:transform .25s ease;transform-origin:center center}.entry-card-thumb:hover img,.related-entry-card-thumb:hover img,.popular-entry-card-thumb:hover img{transform:scale(1.04)}