@charset "UTF-8";
/*==================================================
  エディタ／本文スタイル（フロント・管理画面共通）
  .wp-blockcontent … フロント
  .editor-styles-wrapper … ブロックエディタ
==================================================*/
.wp-blockcontent,
.editor-styles-wrapper {
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
  line-height: 1.5;
}
.wp-blockcontent > *:first-child,
.editor-styles-wrapper > *:first-child {
  margin-top: 0;
}
.wp-blockcontent > *:last-child,
.editor-styles-wrapper > *:last-child {
  margin-bottom: 0;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 見出し H1（.m-detailTitle / .m-detailTitle__title 相当）
  --------------------------------------------------*/
}
.wp-blockcontent h1,
.editor-styles-wrapper h1 {
  font-family: "Sawarabi Mincho", serif;
  border-bottom: 1px #000 solid;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 見出し H2（.m-title02 相当）
  --------------------------------------------------*/
}
.wp-blockcontent h2,
.editor-styles-wrapper h2 {
  font-weight: bold;
  line-height: 1.5;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 見出し H3（.m-title03 相当）
  --------------------------------------------------*/
}
.wp-blockcontent h3,
.editor-styles-wrapper h3 {
  font-weight: bold;
  border: 1px #000 solid;
  box-sizing: border-box;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 見出し H4以下（H3と同サイズ・ボーダー／paddingなし）
  --------------------------------------------------*/
}
.wp-blockcontent h4,
.wp-blockcontent h5,
.wp-blockcontent h6,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-weight: bold;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 本文（.m-text 相当）
  --------------------------------------------------*/
}
.wp-blockcontent p,
.editor-styles-wrapper p {
  font-weight: 500;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* リンク
  --------------------------------------------------*/
}
.wp-blockcontent a,
.editor-styles-wrapper a {
  color: #000;
  text-decoration: underline;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* リスト
  --------------------------------------------------*/
}
.wp-blockcontent ul,
.wp-blockcontent ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
  font-weight: 500;
  padding-left: 1.5em;
}
.wp-blockcontent ul,
.editor-styles-wrapper ul {
  list-style: disc;
}
.wp-blockcontent ol,
.editor-styles-wrapper ol {
  list-style: decimal;
}
.wp-blockcontent li + li,
.editor-styles-wrapper li + li {
  margin-top: 0.4em;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 画像（.m-image 相当）
  --------------------------------------------------*/
}
.wp-blockcontent img,
.editor-styles-wrapper img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.wp-blockcontent figure,
.editor-styles-wrapper figure {
  margin: 0;
}
.wp-blockcontent figcaption,
.editor-styles-wrapper figcaption {
  font-weight: 500;
  text-align: center;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 引用
  --------------------------------------------------*/
}
.wp-blockcontent blockquote,
.editor-styles-wrapper blockquote {
  font-weight: 500;
  border-left: 3px solid #000;
  margin: 0;
}
.wp-blockcontent,
.editor-styles-wrapper {
  /* 区切り線
  --------------------------------------------------*/
}
.wp-blockcontent hr,
.editor-styles-wrapper hr {
  border: none;
  border-top: 1px solid #000;
  margin: 0;
}

/* PC（px固定） */
@media print, only screen and (min-width: 768px) {
  .wp-blockcontent h1,
  .editor-styles-wrapper h1 {
    font-size: 30px;
    line-height: 1.8;
    letter-spacing: 0.1em;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .wp-blockcontent h2,
  .editor-styles-wrapper h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .wp-blockcontent h3,
  .editor-styles-wrapper h3 {
    font-size: 20px;
    padding: 19px 20px;
    margin-bottom: 30px;
  }
  .wp-blockcontent h4,
  .wp-blockcontent h5,
  .wp-blockcontent h6,
  .editor-styles-wrapper h4,
  .editor-styles-wrapper h5,
  .editor-styles-wrapper h6 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .wp-blockcontent p,
  .wp-blockcontent ul,
  .wp-blockcontent ol,
  .wp-blockcontent blockquote,
  .editor-styles-wrapper p,
  .editor-styles-wrapper ul,
  .editor-styles-wrapper ol,
  .editor-styles-wrapper blockquote {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .wp-blockcontent figure,
  .wp-blockcontent .wp-block-image,
  .editor-styles-wrapper figure,
  .editor-styles-wrapper .wp-block-image {
    margin-bottom: 30px;
  }
  .wp-blockcontent figcaption,
  .editor-styles-wrapper figcaption {
    font-size: 16px;
    margin-top: 10px;
  }
  .wp-blockcontent blockquote,
  .editor-styles-wrapper blockquote {
    padding: 5px 0 5px 20px;
  }
  .wp-blockcontent hr,
  .editor-styles-wrapper hr {
    margin-bottom: 30px;
  }
  .wp-blockcontent a:hover,
  .editor-styles-wrapper a:hover {
    opacity: 0.7;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .wp-blockcontent h1,
  .editor-styles-wrapper h1 {
    font-size: max(16px, 2.4rem);
    line-height: 1.4;
    letter-spacing: 0.09em;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .wp-blockcontent h2,
  .editor-styles-wrapper h2 {
    font-size: max(16px, 2rem);
    line-height: 1.3;
    margin-bottom: 1.6rem;
  }
  .wp-blockcontent h3,
  .editor-styles-wrapper h3 {
    font-size: max(16px, 1.6rem);
    line-height: 1.3;
    padding: 0.8rem;
    margin-bottom: 1.6rem;
  }
  .wp-blockcontent h4,
  .wp-blockcontent h5,
  .wp-blockcontent h6,
  .editor-styles-wrapper h4,
  .editor-styles-wrapper h5,
  .editor-styles-wrapper h6 {
    font-size: max(16px, 1.6rem);
    line-height: 1.3;
    margin-bottom: 1.6rem;
  }
  .wp-blockcontent p,
  .wp-blockcontent ul,
  .wp-blockcontent ol,
  .wp-blockcontent blockquote,
  .editor-styles-wrapper p,
  .editor-styles-wrapper ul,
  .editor-styles-wrapper ol,
  .editor-styles-wrapper blockquote {
    font-size: max(16px, 1.6rem);
    margin-bottom: 1.6rem;
  }
  .wp-blockcontent figure,
  .wp-blockcontent .wp-block-image,
  .editor-styles-wrapper figure,
  .editor-styles-wrapper .wp-block-image {
    margin: 0 -2.4rem 1.6rem -2.4rem;
  }
  .wp-blockcontent figcaption,
  .editor-styles-wrapper figcaption {
    font-size: max(14px, 1.4rem);
    margin-top: 0.8rem;
    padding: 0 2.4rem;
  }
  .wp-blockcontent blockquote,
  .editor-styles-wrapper blockquote {
    padding: 0.4rem 0 0.4rem 1.2rem;
  }
  .wp-blockcontent hr,
  .editor-styles-wrapper hr {
    margin-bottom: 1.6rem;
  }
}
