@charset "UTF-8";

/* =====================
  共通のリセット
===================== */
.wp-editor *,
.wp-editor *::before,
.wp-editor *::after {
  box-sizing: border-box;
  min-inline-size: 0;
  margin: unset;
  font-family: '游ゴシック', 'Yu Gothic', yugothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', meiryo, 'ＭＳ ゴシック', sans-serif;
  font-weight: 500;
  line-height: 2.12;
  border-style: solid;
  border-width: 0;

  @media print, screen and (width >=768px) {
    font-size: 16px;
  }
}

/* =====================
  入力中リセット
===================== */
.mce-content-body {
  padding: 0 0.25em;

  /* aタグ選択中 */
  & a[data-mce-selected] {
    margin: auto;
    background: inherit;
    border-radius: inherit;
    box-shadow: none;
  }
}

/* =====================
  style
===================== */
.wp-editor {
  /* =====================
    clear
  ===================== */
  &::after {
    clear: both;
    display: block;
    content: '';
  }

  /* =====================
    p
  ===================== */
  & p {
    clear: both;
    line-height: 2.12;
    word-break: break-all;

    @media not all and (width >=768px) {
      font-size: calc((100 / 750) * 26 * 1vw);
    }

    &:empty::before {
      display: block;
      height: 100%;
      pointer-events: none;
      content: '　';
    }
  }

  /* =====================
    anchor
  ===================== */
  & a {
    color: #c6580c;
    word-break: break-all;
    text-decoration: underline;
    outline: none;

    @media (any-hover: hover) {
      &:hover {
        text-decoration: none;
        opacity: 0.7;
      }
    }
  }

  /* =====================
    img
  ===================== */
  & img {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    margin-block: 2em auto;

    &[align='center'],
    &.aligncenter {
      margin-inline: auto;
    }

    &[align='left'],
    &.alignleft {
      margin-inline: 0 auto;
    }
  }

  /* =====================
    background-color
  ===================== */
  & span[style^='background-color:'] {
    display: inline-block;
    padding: 0 0.25em;
  }

  /* =====================
    font-size
  ===================== */
  & .editor-fz-large {
    clear: both;
    display: inline;
    font-size: 30px;

    @media not all and (width >=768px) {
      font-size: calc((100 / 750) * 42 * 1vw);
    }
  }

  & .editor-fz-small {
    clear: both;
    display: inline;
    font-size: 12px;

    @media not all and (width >=768px) {
      font-size: calc((100 / 750) * 24 * 1vw);
    }
  }

  /* =====================
    ol ul
  ==================== */
  & ul {
    padding: 0;
    list-style: none;

    & li {
      padding-left: 1em;
      text-indent: -1em;
      word-break: break-all;
    }

    & li::before {
      margin-right: 0.6em;
      font-size: 0.4em;
      font-weight: bold;
      color: currentcolor;
      content: '●';
    }
  }

  & ol {
    padding: 0 0 0 1.25em;
    list-style: decimal;

    & li {
      padding-left: 1.25em;
      text-indent: -1.25em;
    }
  }

  /* =====================
    表
  ===================== */
  & table {
    & :where(th, td) {
      width: 100%;
      padding-block: 12.5px 14px;
      padding-inline: 29px;
      font-size: 16px;
      vertical-align: middle;
      border: 1px solid #eee;
    }

    & th {
      min-width: 300px;
      font-weight: bold;
      background: #f9f9f9;
    }

    & td {
      padding-left: 28px;
      line-height: 2;
      background: white;
    }
  }
}