@charset "UTF-8";

/*
 Theme Name: Cocoon Child
 Template: cocoon-master
*/

/* ─ 見出し（公開画面 .entry-content 内） ─ */

/* H2：黒文字 + 背景#87cefa + 左線#00bfff */
.entry-content h2{
  color:#000;
  font-size:2.0em;
  background-color:#87cefa;
  padding-top:20px;
  padding-left:10px;
  padding-bottom:20px;
  border-left:solid 10px #00bfff;
}

/* H3：黒文字 + 左線#010079 + 斜めストライプ */
.entry-content h3{
  color:#000;
  font-size:1.5em;
  padding:0.5em 0.75em;
  border-left:solid 7px #010079;
  background:-webkit-repeating-linear-gradient(-45deg,#cce7ff,#cce7ff 3px,#e9f4ff 3px,#e9f4ff 7px);
  background:repeating-linear-gradient(-45deg,#cce7ff,#cce7ff 3px,#e9f4ff 3px,#e9f4ff 7px);
}

/* H4：上下線#00bfff */
.entry-content h4{
  color:#000;
  font-size:1.2em;
  padding:10px;
  border-top:solid 3px #00bfff;
  border-bottom:solid 3px #00bfff;
}

/* H5：下だけ点線#00bfff */
.entry-content h5{
  color:#000;
  font-size:1.0em;
  padding:10px;
  border-bottom:dotted 3px #00bfff;
}

/* H6：左線#00bfff */
.entry-content h6{
  color:#000;
  font-size:1.0em;
  padding:5px 5px 5px 10px;
  border-left:solid 7px #00bfff;
}
/* ▼ チェックリスト（Cocoonの既定スタイルより強く指定） */
.entry-content ul.checklist{ 
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* li 本体 */
.entry-content ul.checklist > li{
  position: relative !important;   /* 疑似要素の基準 */
  padding-left: 2rem !important;   /* マーク分の余白 */
  line-height: 1.8;
  margin: 0 0 .6em 0;
  overflow: visible;                /* 見切れ防止 */
}

/* Cocoon 側が li::before に何か入れていても上書きする */
.entry-content ul.checklist > li::before,
.entry-content ul.checklist > li::after{
  box-sizing: border-box;
}

/* 赤い四角（行頭固定） */
.entry-content ul.checklist > li::before{
  content: "" !important;          /* これが無いと出ません */
  position: absolute !important;
  left: 0;
  top: .35em;                      /* 微調整可 */
  width: 1.1em;
  height: 1.1em;
  background: #e60023;
  border-radius: 2px;
  z-index: 0;
}

/* 白いチェック */
.entry-content ul.checklist > li::after{
  content: "" !important;
  position: absolute !important;
  left: .42em;
  top: .6em;
  width: .38em;
  height: .75em;
  border-right: .18em solid #fff;
  border-bottom: .18em solid #fff;
  transform: rotate(45deg);
  z-index: 1;                      /* 四角より前面 */
}

/* もし Cocoon が li::marker を使っている場合の消し込み（対応ブラウザ向け） */
.entry-content ul.checklist > li::marker{
  content: "";
}