@charset "UTF-8";
/* ----------------------------------------------------------------------
ブログ用書式設定
---------------------------------------------------------------------- */
#main article.detail .contents {
  line-height: 1.8;
}


/* 見出し -------------------------------*/
#main article.detail .contents h2, #main article.detail .contents h3, #main article.detail .contents h4, #main article.detail .contents h5, #main article.detail .contents h6 {
  line-height: 1.5;
}
#main article.detail .contents h1 {
  color: white;
  font-size: 200%;
  font-weight: bold;
  line-height: 1;
  background: #ff6400;
  margin: 0 0 2em;
  padding: 0.3em;
  position: relative;
}
#main article.detail .contents h1::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #793b1d;
}
#main article.detail .contents h2 {
  color: #fe5e10;
  font-size: 150%;
  font-weight: bold;
  border-bottom: 4px solid #ff6400;
  background: #f8cd9e;
  margin: 2em 0 1em;
  padding: .3em;
}
#main article.detail .contents h3 {
  color: #fe5e10;
  font-size: 140%;
  font-weight: bold;
  border-top: 2px solid #ff6400;
  border-bottom: 2px solid #ff6400;
  background: none;
  margin: 2em 0 1em;
  padding: .3em;
}
#main article.detail .contents h4 {
  color: #fe5e10;
  font-size: 130%;
  font-weight: bold;
  border-left: 4px solid #ff6400;
  margin: 2em 0 1em;
  padding-left: 0.3em;
}
#main article.detail .contents h5 {
  color: #fe5e10;
  font-size: 120%;
  font-weight: bold;
  margin: 2em 0 1em;
}
#main article.detail .contents h5::before {
  content: "■";
}
#main article.detail .contents h6 {
  color: #fe5e10;
  font-size: 110%;
  font-weight: bold;
  margin: 2em 0 1em;
}

/* 段落 -------------------------------*/
#main article.detail .contents p {
  margin-bottom: 1em;
}
#main article.detail .contents p.has-background {
  padding: 0 0.3em;
}


/* リンク -------------------------------*/
#main article.detail .contents p a, #main article.detail .contents li a {
  color: #0757fe;
  text-decoration: underline;
}
#main article.detail .contents p a:hover, #main article.detail .contents li a:hover {
  color: #007cba;
}


/* リスト -------------------------------*/
#main article.detail .contents ul, #main article.detail .contents ol {
  margin-bottom: 1em;
}
#main article.detail .contents ul {
  margin-left: 1.2em;
  list-style: disc;
}
#main article.detail .contents ul.style-none {
  list-style: none;
  margin-left: 0;
}
#main article.detail .contents ol {
  margin-left: 1.2em;
  list-style: decimal;
}


/* 引用 -------------------------------*/
#main article.detail .contents blockquote {
  color: #3f3131;
  font-style: italic;
  line-height: 1.5;
  background: #EEE;
  border-left: 4px solid #999;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
  margin-bottom: 1em;
  padding: 2em 1em 0.5em;
  position: relative;
}
#main article.detail .contents blockquote p:not(:last-child) {
  margin-bottom: 1em;
}
#main article.detail .contents blockquote::before {
  content: "“";
  font-family: arial, "Helvetica Neue", helvetica, sans-serif;
  color: #999;
  font-size: 4em;
  line-height: 1;
  position: absolute;
  top: 1.5%;
  left: 1%;
  display: inline-block;
}


/* 目次（ステップ）　※YoastSEO使用 -------------------------------*/
#main article.detail .contents .wp-block-yoast-how-to-block {
  margin: 2em auto;
}
#main article.detail .contents .wp-block-yoast-how-to-block .schema-how-to-description {
  font-weight: bold;
  background: #EEE;
  padding: 1%;
}


/* FAQ　※YoastSEO使用 -------------------------------*/
#main article.detail .contents .wp-block-yoast-faq-block {
  margin: 2em auto;
}
#main article.detail .contents .wp-block-yoast-faq-block .schema-faq-section {
  background: #EEE;
  margin-bottom: 1em;
  padding: 2%;
}
#main article.detail .contents .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question {
  font-weight: bold;
}


/* ----------------------------------------------------------------------
以下はプラグイン「TinyMCE Advanced」使用の場合のみ反映
---------------------------------------------------------------------- */
/* ブログカード -------------------------------*/
/* #main article.detail .contents .edt-blogcard-box {
  word-wrap: break-word;
  background: #b0dbc8;
  margin: 10% auto;
  max-width: 100%;
  position: relative;
  transition: 0.3s ease-in-out;
}
#main article.detail .contents .edt-blogcard-box::before {
  content: "あわせて読みたい";
  font-family: FontAwesome;
  color: #fff;
  font-size: 90%;
  padding: 0.4em 0.8em;
  background-color: #999;
  position: absolute;
  z-index: 1;
}
#main article.detail .contents .edt-blogcard-box::before a {
  text-decoration: none;
}
#main article.detail .contents .edt-blogcard-box br {
  display: none;
}
#main article.detail .contents .edt-blogcard-box .blog-card {
  background: #fff;
  border-radius: 1em;
  box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 5%;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a {
  background: none;
  border: none;
  width: 100%;
  height: 100%;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a .blog-card-thumbnail {
  position: relative;
  overflow: hidden;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a .blog-card-content .blog-card-title {
  color: #666;
  font-size: 100%;
  line-height: 1.4;
  margin: 0 0 1em 0;
  font-weight: bold;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a .blog-card-content .blog-card-excerpt {
  color: #666;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main article.detail .contents .edt-blogcard-box .blog-card:hover {
  background: #fffada;
  cursor: pointer;
  transform: translateY(2px);
}
#main article.detail .contents .edt-blogcard-box .blog-card:hover a img {
  opacity: 1;
}
#main article.detail .contents .edt-blogcard-box .blog-card:last-child {
  margin-bottom: 0;
} */

/* PC/TB -------------------------------　*/
/* #main article.detail .contents .edt-blogcard-box {
  margin: 10% auto;
  padding: 3%;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a {
  padding: 3%;
  display: flex;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a .blog-card-thumbnail {
  width: 28%;
  height: 7em;
  margin-right: 2%;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a .blog-card-content {
  width: 70%;
}
#main article.detail .contents .edt-blogcard-box .blog-card > a .blog-card-content .blog-card-excerpt {
  font-size: 85%;
}
#main article.detail .contents .edt-blogcard-box::before {
  top: -2.2em;
  left: 0;
} */