@charset "UTF-8";
/*エディターコンテンツ*/
.editor-styles-wrapper,
.mce-content-body,
.post_contents {
  margin: 0 auto;
  padding: 0 0 40px;
  width: 100%;
  max-width: 800px;
  word-break: break-all;
  word-wrap: break-word;
  color: #111111; }

body.page .post_contents {
  max-width: 950px; }

.editor-styles-wrapper a,
.mce-content-body a,
.post_contents a {
  color: #0688CE; }

/*エディターツール*/
.editor-styles-wrapper h1,
.mce-content-body h1,
.post_contents h1 {
  clear: both;
  margin: 0 auto 1em;
  line-height: 1.5;
  font-size: calc(30 / 16 * 1rem); }

@media screen and (max-width: 768px) {
  .editor-styles-wrapper h1,
  .mce-content-body h1,
  .post_contents h1 {
    font-size: calc(22 / 16 * 1rem);
    letter-spacing: 0.1em; } }
.editor-styles-wrapper h2,
.mce-content-body h2,
.post_contents h2 {
  clear: both;
  font-size: calc(24 / 16 * 1rem);
  margin: 3em 0 1em;
  padding-bottom: 0.5em;
  line-height: 1.5;
  border-bottom: 2px solid #000000; }

@media screen and (max-width: 768px) {
  .editor-styles-wrapper h2,
  .mce-content-body h2,
  .post_contents h2 {
    font-size: calc(18 / 16 * 1rem); } }
.editor-styles-wrapper h3,
.mce-content-body h3,
.post_contents h3 {
  clear: both;
  margin: 2em 0 0.5em;
  padding-left: 6%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: calc(22 / 16 * 1rem);
  line-height: 1.5;
  position: relative; }

@media screen and (max-width: 768px) {
  .editor-styles-wrapper h3,
  .mce-content-body h3,
  .post_contents h3 {
    font-size: calc(18 / 16 * 1rem); } }
.editor-styles-wrapper h3:before,
.mce-content-body h3:before,
.post_contents h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 5%;
  height: 2px;
  background: #ff0000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.editor-styles-wrapper h4,
.mce-content-body h4,
.post_contents h4 {
  clear: both;
  font-size: calc(16 / 16 * 1rem);
  margin: 2em 0 1em;
  line-height: 1.5;
  position: relative; }

@media screen and (max-width: 768px) {
  .editor-styles-wrapper h4,
  .mce-content-body h4,
  .post_contents h4 {
    margin: 1em 0 1em; } }
.editor-styles-wrapper h5,
.mce-content-body h5,
.post_contents h5 {
  clear: both;
  font-size: calc(16 / 16 * 1rem);
  margin: 2em 0 1em;
  line-height: 1.5;
  position: relative; }

@media screen and (max-width: 768px) {
  .editor-styles-wrapper h5,
  .mce-content-body h5,
  .post_contents h5 {
    font-size: calc(14 / 16 * 1rem);
    margin: 1em 0 1em; } }
.editor-styles-wrapper p,
.mce-content-body p,
.post_contents p {
  margin: 0.5em 0;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.8; }

.editor-styles-wrapper img,
.mce-content-body img,
.post_contents img {
  max-width: 100%;
  margin: 30px 0 10px; }

ins {
  display: block;
  padding: 20px 0; }

.focalPoint {
  background: linear-gradient(transparent 80%, yellow 80%); }

body.mce-content-body ul,
body.mce-content-body ol,
.post_contents ul,
.post_contents ol {
  margin: 1em 0;
  padding: 0 1em; }

@media screen and (min-width: 769px) {
  body.mce-content-body ul,
  body.mce-content-body ol,
  .post_contents ul,
  .post_contents ol {
    padding: 0 0 0 2em; } }
.editor-styles-wrapper ul li,
.mce-content-body ul li,
.editor-styles-wrapper ol li,
.mce-content-body ol li,
.post_contents ul li,
.post_contents ol li {
  margin-left: 1em;
  margin-bottom: 0.8em;
  line-height: 1.5;
  font-weight: normal;
  list-style-position: outside; }

.wp-block-gallery ul li {
  padding: 0 !important; }

.editor-styles-wrapper ol li ol,
.mce-content-body ol li ol,
.post_contents ol li ol {
  margin-left: 1em; }

.editor-styles-wrapper ul li:last-child,
.mce-content-body ul li:last-child,
.post_contents ul li:last-child,
.editor-styles-wrapper ol li:last-child,
.mce-content-body ol li:last-child,
.post_contents ol li:last-child {
  padding-bottom: 0; }

.post_contents .sctSlideBox ul,
.post_contents .sctSlideBox ul li {
  margin: 0;
  padding: 0; }

@media (min-width: 769px) {
  .post_contents .sctSlideBox ul li.gallerySlide__item {
    margin-bottom: 40px; } }
.editor-styles-wrapper pre,
.mce-content-body pre,
.post_contents pre {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  padding: 10px;
  background: #eee;
  font-size: calc(15 / 16 * 1rem);
  border: solid 1px #ccc;
  display: block;
  line-height: 1.6; }

.editor-styles-wrapper blockquote,
.mce-content-body blockquote,
.post_contents blockquote {
  position: relative;
  margin: 20px 0;
  padding: 40px 20px 20px 50px;
  line-height: 1.6;
  letter-spacing: .05rem;
  border: 1px solid #ddd; }

.editor-styles-wrapper blockquote:before,
.mce-content-body blockquote:before,
.post_contents blockquote:before {
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  color: #cfcfcf;
  font-size: calc(26 / 16 * 1rem);
  line-height: 1;
  font-weight: 900; }

@media screen and (max-width: 768px) {
  .editor-styles-wrapper blockquote,
  .mce-content-body blockquote,
  .post_contents blockquote {
    padding: 30px 10px 10px 40px; }

  .editor-styles-wrapper blockquote:before,
  .mce-content-body blockquote:before,
  .post_contents blockquote:before {
    font-size: calc(18 / 16 * 1rem); } }
.editor-styles-wrapper blockquote img,
.mce-content-body blockquote img,
.post_contents blockquote img {
  width: 100%;
  height: auto; }

.editor-styles-wrapper iframe,
.mce-content-body iframe,
.post_contents iframe {
  margin: 0 calc(50% - 50vw) 15px;
  width: 100vw;
  height: 300px; }

@media screen and (min-width: 769px) {
  .editor-styles-wrapper iframe,
  .mce-content-body iframe,
  .post_contents iframe {
    margin: 0;
    width: 100%;
    height: 500px; } }
/*-----テーブル-----*/
.editor-styles-wrapper table,
.mce-content-body table,
.post_contents table {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
  border: none;
  line-height: 1.6;
  border-collapse: collapse; }

.editor-styles-wrapper table tr,
.mce-content-body table tr,
.post_contents table tr {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc; }

.editor-styles-wrapper table th,
.mce-content-body table th,
.post_contents table th {
  padding: 1.5em;
  border: none;
  border-right: none;
  border-bottom: 1px solid #cccccc;
  font-weight: normal;
  width: 30%; }

.editor-styles-wrapper table td,
.mce-content-body table td,
.post_contents table td {
  padding: 1.5em;
  border: none;
  border-right: none;
  width: 70%; }

@media screen and (max-width: 768px) {
  .editor-styles-wrapper table,
  .mce-content-body table,
  .post_contents table {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: calc(14 / 16 * 1rem);
    border: none; }

  .editor-styles-wrapper table th,
  .mce-content-body table th,
  .post_contents table th {
    display: block;
    padding: 0.5em 1em;
    width: 100%;
    border: none; }

  .editor-styles-wrapper table td,
  .mce-content-body table td,
  .post_contents table td {
    display: block;
    padding: 1em 2em 1em 1em;
    width: 100%;
    border: none; } }
.wp-block-table thead {
  border: none; }

/*youtube*/
.post_contents .youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  max-width: 100%;
  margin: 0 auto 2em;
  padding-top: 0; }

.post_contents .youtube iframe {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  margin-left: -50%; }

.aligncenter {
  clear: both;
  margin: 0 auto;
  display: block;
  justify-content: center; }