@charset "UTF-8";
/*-------------------------------------
投稿用のスタイル
-------------------------------------*/
.postContent {
  word-break: break-all;
  font-size: clamp(14px, 1.25vw, 15px);
  line-height: 200%;
}
.postContent a {
  text-decoration: underline !important;
  font-size: 1em;
}
.postContent a:hover {
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: opacity 0.3s;
}
.postContent dfn,
.postContent cite,
.postContent em,
.postContent i {
  font-style: italic;
}
.postContent * {
  line-height: 200%;
}
.postContent strong,
.postContent strong * {
  font-weight: bold;
}
.postContent img {
  vertical-align: middle;
  max-width: 100%;
  height: auto !important;
  padding-bottom: 10px;
}
.postContent h1 {
  display: block;
  color: #ffffff;
  background-color: #0096F3;
  padding: 12px 12px 8px;
  margin-bottom: 12px;
  font-size: clamp(22px, 2vw, 24px);
  line-height: 1.4em;
  border-radius: 6px;
  margin-bottom: 16px;
}
.postContent h2 {
  display: block;
  color: #0096F3;
  padding: 12px 12px 10px;
  border: 2px solid #0096F3;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.4em;
  border-radius: 6px;
  margin-bottom: 16px;
}
.postContent h3 {
  font-size: 22px;
  line-height: 1.4em;
  margin-bottom: 16px;
  padding-bottom: 4px;
  border-bottom: 2px solid #0096F3;
}
.postContent h4 {
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 16px;
  border-left: 5px solid #0096F3;
  padding-left: 14px;
}
.postContent h5 {
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 16px;
  margin-bottom: 16px;
}
.postContent h6 {
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 16px;
  margin-bottom: 16px;
}
.postContent p {
  padding-bottom: 40px;
  font-size: 16px;
  line-height: 1.7em;
}
.postContent ul,
.postContent ul li {
  list-style: disc outside none;
  margin-left: 20px;
}
.postContent ol,
.postContent ol li {
  list-style: decimal outside;
  margin-left: 20px;
}
.postContent p {
  padding-bottom: 20px;
}
.postContent .wp-block-gallery img, .postContent .wp-block-column img {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .postContent {
    font-size: 15px;
  }
  .postContent h1 {
    font-size: 25px;
  }
  .postContent h2 {
    font-size: 23px;
  }
  .postContent h3 {
    font-size: 21px;
  }
  .postContent h4 {
    font-size: 19px;
  }
  .postContent h5 {
    font-size: 17px;
  }
  .postContent h6 {
    font-size: 15px;
  }
  .postContent p {
    font-size: 15px;
  }
}/*# sourceMappingURL=post_style.css.map */