@charset "utf-8";

/* =============
 お知らせ・ブログなどの個別投稿ページで効くCSS
 =============== */
.single .entry-content {
  margin: 2em 0;
}

.single p {
  margin: 1.5em 0;
}
.single ul.none-dot {
  /* リストで・が必要ないとき */
  list-style-type: none;

  margin-block-start: 0;
  padding-inline-start: 0;
}
.single .article-body div {
  margin: 3em 0;
}
.single article .font-size-x {
  font-size: 1.125em;
}
.single article .font-size-xx {
  font-size: 1.4em;
}
.single article span.tel-space {
  /* お知らせ内電話番号の文字間調整 */
  letter-spacing: .05em;
}
.single article a {
  color: var(--blue-dark-contents);
  font-weight: bold;
  text-decoration: underline;
  transition: opacity .23s ease;

  text-underline-offset: .25em;
}
.single article a.green {
  color: var(--green-contents);
}
.single article a.blue {
  color: var(--blue);
}
.single article a.red {
  color: var(--darkorange-dark-xx);
}
.single article a:hover {
  opacity: .7;
  transition: opacity .23s ease;
}
.single article .label-inner a {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.single article img {
  display: block;
  max-width: 50em;
  height: auto;
  margin: 0 auto;
  padding: 1.5em 0;
}
.single article .img-inner {
  margin: 0 auto;
}
.single article .img-inner img {
  padding-bottom: .5em;
  object-fit: contain;
  max-width: 50em;
  width: 100%;
  max-height: 22em;
  height: 100%;
}
.single article .img-inner .text-small {
  display: block;
}
.single .tag-contents li {
  display: inline-block;
  padding-right: .8em;
  position: relative;
}
.single .tag-contents li::before {
  content: ",";
  width: 3px;
  height: 3px;
  position: absolute;
  top: 0;
  right: .5em;
}
.single .tag-contents li:first-of-type {
  padding-left: 1em;
}
.single .tag-contents li:last-of-type::before {
  content: none;
}
.single .article-body div.tag-contents {
  margin: 4em 0;
}

/*  */
