@charset "UTF-8";
/*
 * 21-single.css … お知らせ詳細
 * css/ のファイルは番号の順に全ページで読み込む（functions.php）。後のファイルが優先されるので、番号（順番）を変えないこと
 */

/* --------------------------------

	お知らせ・広報誌

-------------------------------- */
body.single .key {
  position: relative;
  background: url(../img/bg/news.jpg) no-repeat top center/cover;
}
body.single section.content h2 {
  margin-top: 2em;
}
body.single section.content ol {
  display: block;
}
body.single section.content p.date {
  text-align: right;
}
body.single section.content p.date:before {
  content: "\e0d3";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5em;
}
/* 公開日・更新日 */
body.single section.content time.date {
  font-size: 14px;
  color: var(--cl-main);
  display: block;
  margin: -1em auto 3em;
  text-align: center;
}
body.single section.content time.date span.public {
  margin-right: 1.1em;
}
body.single section.content time.date span.public:before {
  content: "\f133";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.3em;
}
body.single section.content time.date span.update {
  margin-left: 1.1em;
}
body.single section.content time.date span.update:before {
  content: "\f333";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.3em;
}
@media screen and (max-width: 800px) {
  body.single section.content time.date {
    margin: 2em auto;
  }
}

/* --------------------------------

	広報誌、詳細ページの背景変更

-------------------------------- */
body.magazine .key {
  background: url(../img/bg/magazine.jpg) no-repeat top center/cover;
}
body.magazine .key h1 {
  color: var(--cl-main);
  text-shadow: 0px 2px 3px rgb(255, 255, 255);
}
body.magazine section.content .wrap-in {
  text-align: center;
}
body.magazine section.content a.magazine {
  background-color: var(--cl-bg);
  border-radius: 10px;
  padding: 3em 3em 1em;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}
body.magazine section.content a.magazine img {
  border-radius: 6px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
body.magazine section.content a.magazine time {
  margin-top: 1em;
  display: block;
}
body.magazine section.content a.magazine p {
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

/* --------------------------------

	各病気について

-------------------------------- */
body.single.single-disease section.content .wrap-in {
  margin-bottom: 4.4em;
}
body.single.single-disease section.content table tr td {
  color: #666;
  line-height: 1.5;
}
body.single.single-disease section.content table tr td p {
  line-height: 1.5;
  font-size: 16px;
}
body.single.single-disease section.content table tr td ul {
  margin: 0;
}

/* 新しい記事・古い記事へのリンク */
.prev-next {
  display: flex;
  justify-content: space-between;
}
.prev-next a {
  display: inline-block;
  background-color: var(--cl-bg);
  border-radius: 6px;
  padding: 0.5em 1em;
  font-size: 15px;
}
.prev-next a.prev-link:before {
  content: "\f177";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5em;
}
.prev-next a.next-link::after {
  content: "\f178";
  font-family: "Font Awesome 6 Pro";
  margin-left: 0.5em;
}
.prev-next a:hover {
  background-color: var(--cl-main);
  color: #fff;
}