.ql-editor {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 1rem;
  width: 100%;
  height: auto;
  overflow: hidden;

  & .ql-align-center {
    text-align: center;

    & img {
      margin-bottom: 1rem;
    }
  }

  & table {
    width: 100%;
    margin: 0 auto;

    & td {
      border-color: #fff;
      padding: 5px;
      font-size: 1rem;

      & img {
        width: 100%;
        height: auto;
        object-fit: cover;
      }
    }
  }
}


@media screen and (max-width:575px) {
  .ql-editor {
    font-size: 15px;

    & .ql-align-center {
      & img {
        min-width: 100%;
        height: auto;
        max-height: 150px;
        object-fit: cover;
      }
    }
  }
}


.ql-toolbar.ql-snow .ql-formats:nth-of-type(2) {
  width: 196px;
}

.ql-snow .ql-picker.ql-font {
  width: 100%;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Zen Maru Gothic';
  font-family: 'Zen Maru Gothic', sans-serif;
}

.ql-font-ZenMaru {
  font-family: 'Zen Maru Gothic', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ZenMaru]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ZenMaru]::before {
  content: 'Zen Maru Gothic';
  font-family: 'Zen Maru Gothic', sans-serif;
}

.ql-font-futura {
  font-family: 'futura';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=futura]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=futura]::before {
  content: 'futura';
  font-family: 'futura';
}