@charset "UTF-8";
/*
 * 26-disease.css … リウマチ膠原病
 * css/ のファイルは番号の順に全ページで読み込む（functions.php）。後のファイルが優先されるので、番号（順番）を変えないこと
 */

body.page.diseases .key,
body.page.rheumatism .key,
body.single-disease .key {
  position: relative;
  background: url(../img/bg/disease.jpg) no-repeat top center/cover;
}

section.content .blog_post {
  align-items: flex-start;
}
section.content .blog_post ul {
  text-align: left;
  margin: 2em 0 2em 0em;
}
section.content .blog_post ul li {
  margin: 0;
}
section.content .blog_post ul li:before {
  display: none;
}
section.content .blog_post ul li a {
  display: block;
  padding: 0.2em 0;
  color: #666;
  position: relative;
  padding-left: 1.5em;
}
section.content .blog_post ul li a:before {
  content: "\f111";
  font-family: "font Awesome 6 Pro";
  position: absolute;
  top: 0.2em;
  left: 0;
}
section.content .blog_post ul li a.visited {
  color: #999;
}
section.content .blog_post ul li a.visited:before {
  content: "\f058";
}
section.content .blog_post ul li a:hover {
  text-decoration: underline;
  color: var(--cl-main);
}
@media screen and (max-width: 800px) {
  section.content .blog_post ul li a {
    padding: 0.5em 0 0.5em 1.5em;
  }
  section.content .blog_post ul li a:before {
    top: 0.5em;
  }
}