@charset "UTF-8";
:root {
  --key-color: #173952;
  --bg-color: #eee;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	投稿記事　共通部分

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.editor-styles-wrapper,
.post_text_block {
  text-align: left;
  /* 引用 */
  /* テーブル */
  /* リスト */
  /* ギャラリー */
  /*
  .wp-block-gallery { }
  .wp-block-gallery li { padding-left:0; }
  .wp-block-gallery li::before { width:0; height:0; }
  */
  /* iframe */
}
.editor-styles-wrapper p,
.editor-styles-wrapper div,
.editor-styles-wrapper ul,
.editor-styles-wrapper table,
.editor-styles-wrapper figure,
.editor-styles-wrapper blockquote,
.post_text_block p,
.post_text_block div,
.post_text_block ul,
.post_text_block table,
.post_text_block figure,
.post_text_block blockquote {
  margin-bottom: 20px;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.post_text_block h1,
.post_text_block h2 {
  margin-bottom: 20px;
}
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.post_text_block h3,
.post_text_block h4,
.post_text_block h5,
.post_text_block h6 {
  margin-bottom: 10px;
}
.editor-styles-wrapper strong,
.editor-styles-wrapper b,
.editor-styles-wrapper strong,
.post_text_block strong,
.post_text_block b,
.post_text_block strong {
  font-weight: bold !important;
}
.editor-styles-wrapper a,
.post_text_block a {
  text-decoration: underline;
  color: var(--key-color) !important;
}
.editor-styles-wrapper a:hover,
.post_text_block a:hover {
  text-decoration: none;
}
.editor-styles-wrapper h2,
.post_text_block h2 {
  position: relative;
  line-height: 1.6;
  padding-bottom: 10px;
  color: var(--key-color) !important;
}
.editor-styles-wrapper h3,
.post_text_block h3 {
  position: relative;
  padding-left: 20px;
  color: var(--key-color) !important;
  margin-bottom: 20px !important;
}
.editor-styles-wrapper h4,
.post_text_block h4 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  color: var(--key-color) !important;
}
.editor-styles-wrapper h5,
.post_text_block h5 {
  display: inline-block;
  color: var(--key-color);
  border-radius: 3px;
  padding: 2px 10px;
  background: var(--bg-color);
}
.editor-styles-wrapper h6,
.post_text_block h6 {
  display: inline-block;
  border-radius: 3px;
  padding: 2px 10px;
  border: 1px solid #ccc;
}
.editor-styles-wrapper h2::before,
.post_text_block h2::before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid var(--key-color);
  opacity: 0.4;
}
.editor-styles-wrapper h2::after,
.post_text_block h2::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 200px;
  border-bottom: 2px solid var(--key-color);
}
.editor-styles-wrapper h3::before,
.post_text_block h3::before {
  position: absolute;
  content: "";
  top: 1rem;
  left: 0;
  width: 4px;
  height: 1.5rem;
  background: var(--key-color);
  opacity: 0.8;
}
.editor-styles-wrapper h3::after,
.post_text_block h3::after {
  position: absolute;
  content: "";
  top: 1rem;
  left: 5px;
  width: 3px;
  height: 1.5rem;
  background: var(--key-color);
  opacity: 0.4;
}
.editor-styles-wrapper h1,
.post_text_block h1 {
  font-size: 2rem;
}
.editor-styles-wrapper h2,
.post_text_block h2 {
  font-size: 1.75rem;
}
.editor-styles-wrapper h3,
.post_text_block h3 {
  font-size: 1.5rem;
}
.editor-styles-wrapper h4,
.post_text_block h4 {
  font-size: 1.25rem;
}
.editor-styles-wrapper h5,
.post_text_block h5 {
  font-size: 14px;
}
.editor-styles-wrapper h6,
.post_text_block h6 {
  font-size: 14px;
}
.editor-styles-wrapper blockquote,
.post_text_block blockquote {
  position: relative;
  border: 1px solid #ccc;
  padding: 40px;
}
.editor-styles-wrapper blockquote::before,
.post_text_block blockquote::before {
  position: absolute;
  content: "’’";
  top: 10px;
  left: 20px;
  font-size: 60px;
  line-height: 1;
  color: #ccc;
}
.editor-styles-wrapper blockquote::after,
.post_text_block blockquote::after {
  position: absolute;
  content: "’’";
  bottom: -20px;
  right: 20px;
  font-size: 60px;
  line-height: 1;
  color: #ccc;
}
.editor-styles-wrapper table th,
.post_text_block table th {
  padding: 30px;
  border: 1px solid #ccc;
  background: var(--bg-color);
}
.editor-styles-wrapper table td,
.post_text_block table td {
  padding: 30px;
  border: 1px solid #ccc;
}
.editor-styles-wrapper li,
.post_text_block li {
  position: relative;
  padding-left: 1em;
}
.editor-styles-wrapper li::before,
.post_text_block li::before {
  position: absolute;
  content: "";
  top: 0.8em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #ccc;
  text-indent: -1em;
}
.editor-styles-wrapper iframe,
.post_text_block iframe {
  width: 100%;
}
.editor-styles-wrapper b,
.editor-styles-wrapper strong,
.post_text_block b,
.post_text_block strong {
  font-weight: bold !important;
}

/*--------------------------------------------------------------
	SP　表示領域が768px以下
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .editor-styles-wrapper,
  .post_text_block {
    /* 引用 */
    /* テーブル */
    /* リスト */
    /* ギャラリー */
  }
  .editor-styles-wrapper h2,
  .post_text_block h2 {
    padding-bottom: 5px;
  }
  .editor-styles-wrapper h3::before,
  .post_text_block h3::before {
    top: 0.5rem;
  }
  .editor-styles-wrapper h3::after,
  .post_text_block h3::after {
    top: 0.5rem;
  }
  .editor-styles-wrapper h1,
  .post_text_block h1 {
    font-size: 1.75rem;
  }
  .editor-styles-wrapper h2,
  .post_text_block h2 {
    font-size: 1.5rem;
  }
  .editor-styles-wrapper h3,
  .post_text_block h3 {
    font-size: 1.5rem;
  }
  .editor-styles-wrapper table th,
  .post_text_block table th {
    padding: 10px;
    border-left: none;
    border-bottom: none;
  }
  .editor-styles-wrapper table td,
  .post_text_block table td {
    padding: 10px;
    border-right: none;
    border-bottom: none;
  }
}/*# sourceMappingURL=editor.css.map */