/* =========================
   ブロックエディタ用：フロントと揃える
   ========================= */

/* 全体設定 */
.editor-styles-wrapper{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #222;
  counter-reset: h2count;
}

/* 本文幅（フロント寄せ） */
.editor-styles-wrapper .wp-block{
  max-width: 760px;
}

/* ===== 見出し ===== */

/* H2（番号＋左ライン） */
.editor-styles-wrapper h2.wp-block-heading{
  counter-increment: h2count;
  position: relative;
  padding-left: 52px;
  margin: 48px 0 24px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  border-left: 4px solid #1b75bc;
}

.editor-styles-wrapper h2.wp-block-heading::before{
  content: counter(h2count, decimal-leading-zero);
  position: absolute;
  left: 12px;
  top: 0.25em;
  font-size: 14px;
  font-weight: 700;
  color: #1b75bc;
  opacity: 0.7;
  line-height: 1;
}

/* H3（点線） */
.editor-styles-wrapper h3.wp-block-heading{
  margin: 28px 0 14px;
  padding-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
  border-left: none;
  border-bottom: 2px dotted #bcd7f1;
}

/* H4（薄青ライン＋文字間隔） */
.editor-styles-wrapper h4.wp-block-heading{
  margin: 22px 0 10px;
  font-size: 16px;
  font-weight: 600;
  color: #555;
  border-left: 2px solid #cfe3f7;
  padding-left: 6px;
}

/* H3/H4 番号なし */
.editor-styles-wrapper h3.wp-block-heading::before,
.editor-styles-wrapper h4.wp-block-heading::before{
  content: none !important;
}

/* ===== 本文・リスト ===== */
.editor-styles-wrapper p{
  margin: 0 0 16px;
}

.editor-styles-wrapper ul,
.editor-styles-wrapper ol{
  margin: 0 0 16px 1.2em;
}

.editor-styles-wrapper li{
  margin: 6px 0;
}


/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */