@charset "UTF-8";
/*------------------------------------------------------------
  変数・Mixin定義
  - CSS変数（カラー、フォント）
  - アニメーションMixin
  - セクションpadding Mixin
  - スペーシングシステム
  - ブレイクポイント
------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css");
:root {
  --black: #262626;
  --white: #fff;
  --color_key: #EA5404;
  --beige: #F5F3EE;
  --beige_deep: #E5E2DA;
  --blue: #A1C5DE;
  --green: #426853;
  --pink: #E17E74;
  --gray: #929292;
  --border_gray: #eeeeee;
  --border_gray_deep: #d9d9d9;
  --orange_light: #ffefe6;
  --font_jp: "Tsukushi A Round Gothic", "fot-tsukuardgothic-std", 'Zen Maru Gothic', sans-serif;
  --font_en: 'Mansalva', serif;
  --font_sub: 'Zen Kaku Gothic New', sans-serif;
  --font_special: 'hanatotyoutyo', serif;
  --font_base: var(--font_jp);
}

@-webkit-keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html .mce-content-body {
  width: 90%;
  max-width: 760px;
  margin: 0 auto;
  font-family: var(--font_base, sans-serif);
}

body.mceContentBody {
  line-height: 2;
  text-rendering: optimizeLegibility;
  vertical-align: baseline;
  padding: 10px 0 0 !important;
  text-align: left;
}

.mceContentBody {
  line-height: 2;
  color: var(--black, #000);
}
.mceContentBody em {
  font-style: italic;
}
.mceContentBody i {
  font-style: italic;
  font-weight: inherit;
}
.mceContentBody strong {
  font-weight: 700;
}
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4 {
  font-weight: 700;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.mceContentBody h2 {
  font-size: 1.4em;
}
.mceContentBody h3 {
  font-size: 1.2em;
}
.mceContentBody h4 {
  font-size: 1.1em;
}
.mceContentBody p {
  margin-bottom: 1.5em;
}
.mceContentBody a {
  color: var(--color_key);
  text-decoration: underline;
}
.mceContentBody a:hover {
  text-decoration: none;
}
.mceContentBody ul,
.mceContentBody ol {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}
.mceContentBody ul {
  list-style: disc;
}
.mceContentBody ol {
  list-style: decimal;
}
.mceContentBody li {
  margin-bottom: 0.5em;
}
.mceContentBody img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5em;
}
.mceContentBody blockquote {
  background-color: var(--beige);
  padding: 1.5em;
  border-radius: 0.5em;
  margin-bottom: 1.5em;
  border-left: 4px solid var(--color_key);
}
.mceContentBody blockquote p {
  margin-bottom: 1em;
}
.mceContentBody blockquote p:last-child {
  margin-bottom: 0;
}
.mceContentBody figure {
  margin-bottom: 1.5em;
}
.mceContentBody figure img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0.5em;
}
.mceContentBody .wp-caption {
  width: 100% !important;
  max-width: 100%;
}
.mceContentBody .wp-caption img {
  margin-bottom: 1em;
}
.mceContentBody .wp-caption-text {
  color: #707070;
  font-size: 0.9em;
}
.mceContentBody pre {
  background: #f5f5f5;
  color: #333;
  font-size: 14px;
  margin: 1.25em 0;
  overflow: auto;
  padding: 1.25em;
  white-space: pre-wrap;
  word-wrap: break-word;
  border-radius: 0.5em;
}
.mceContentBody table {
  border-top: 1px solid var(--gray, #929292);
  width: 100%;
  margin-bottom: 1.5em;
}
.mceContentBody table tr {
  border-bottom: 1px solid var(--gray, #929292);
}
.mceContentBody table td,
.mceContentBody table th {
  padding: 1em 0.5em;
}
.mceContentBody iframe {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 600px) {
  .mceContentBody table tr {
    display: block;
    height: auto !important;
  }
  .mceContentBody table tr td {
    display: block;
    width: 100% !important;
    height: auto !important;
    padding: 0.5em;
  }
  .mceContentBody table tr td:first-child {
    padding-bottom: 0;
  }
}/*# sourceMappingURL=editor-style.css.map */