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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 1. 全ページで reCAPTCHA バッジを非表示 */
.grecaptcha-badge {
  visibility: hidden !important;
}
.entry-content p {
    text-indent: 1em; /* 最初の行に1文字分のインデント */
    line-height: 1.8; /* 行間を広げて読みやすく */
    margin-bottom: 1em; /* 段落間のスペース */
}
/* ナビゲーションの幅を広げるためのCSS（元は176px） */
.navi-in > ul li {
  width: 220px !important; /* 幅を220pxに拡張 */
}
/* h2見出しの上下に余白を追加して窮屈感を緩和 */
.article h2 {
  margin-top: 2em;
  margin-bottom: 1.62em;
}
.article {
  counter-reset: section;
}

.article h2 {
  position: relative;
  padding-left: 2.2em; /* 番号＋余白分のスペースを確保 */
  font-weight: bold;
  margin: 2em 0 1.5em;
  line-height: 1.4;
}

/* 通し番号を自然に揃えて表示 */
.article h2::before {
  counter-increment: section;
  content: counter(section) ".";
  position: absolute;
  top: -9px;
  left: 6px;
  font-size: 2em;
  height: 100%;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.2);
  font-weight: bold;
  pointer-events: none;
}
.article h2,
.article h2::before,
.article h2::after {
  border: none !important;
}
.related-entry-heading,
.related-entry-heading::before,
.related-entry-heading::after,
.comment-title,
.comment-title::before,
.comment-title::after {
  border: none !important;
}
.widget-entry-category {
  font-size: 0.65em;
  color: rgba(237, 157, 157, 0.9);
  margin-top: 3px;
}
.entry-content .timeline-box {
  border: none;
}
.blogcard {
  padding: 1.6% 2.2% 2%;
  border-radius: var(--cocoon-basic-border-radius);
  line-height: 1.6;
  position: relative;
  margin-top: 40px;
}
.sabai-comment-comments-actions{
	display:none;
}
/* ページID 259 だけ h2 の番号表示を無効化 */
.page-id-259 .article h2::before {
  display: none !important;
  content: none !important;
}
.sabai-btn-primary {
  color: #fff !important;
  background-color: #e95295 !important;
  border-color: #e95295 !important;
}
#sidebar .toc-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}
.ulike-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.ulike-note {
  font-size: 15px;
  color: rgba(237, 157, 157, 1);
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .ulike-note {
    flex-direction: row;
    gap: 0.25em;
  }
}
.blogcard {
    border: 3px solid #ed9d9d !important;
    box-shadow: 0 0 0px 1px rgba(var(--gray-color), 1);
}
.blogcard-label {
    display: block;
    background-color: #ed9d9d !important;
}
ul.sabai-wordpress-widget-entries {
    padding-left: 1px !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下：スマホ用表示 */
@media screen and (max-width: 480px){
  .sp-only {
    display: inline;
  }
}

/*481px以上：PC・タブレットでは非表示にする */
@media screen and (min-width: 481px){
  .sp-only {
    display: none;
  }
}