@charset "UTF-8";

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

.toc {
  padding: 0;
  margin-bottom: 4em !important;
}

ol.toc-list li:last-child {
  margin-bottom: 2em;
}

.article h2 {
  border-top: 1px solid #89c997;
  border-bottom: 1px solid #89c997;
  background-image: repeating-linear-gradient(45deg, #F0FCF3, #F0FCF3 4px, transparent 4px, transparent 8px);
  padding: 0.7em;
  text-indent: -32px;
  padding-left: 50px;
}

.article h2:before {
  display: none;
}

.article h3 {
  border-left: 0;
  border-bottom: 2px dotted lightseagreen;
  padding-inline: 8px;
  font-size: 20px;
  margin-bottom: 1em;
}

.article h3:before {
  display: none;
}

.toc .toc-list ol {
  padding-left: 2.6em;
}

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

.blank-box.bb-tab.bb-asagoji {
  margin-block: 80px;
}

.blank-box.bb-tab {
  margin-block: 56px 40px;
}

.blank-box.bb-tab.bb-asagoji .bb-label {
  top: -29px;
  height: 29px;
}

.bb-check.bb-asagoji .bb-label::after {
  content: "この記事を読んでわかること";
  font-size: 16px;
}

.blank-box ul {
  margin-bottom: 0;
  padding-left: 12px;
}

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

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

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