@charset "UTF-8";
.blog-content {
  width: 70%;
  max-width: 820px;
  box-shadow: 6px 2px 10px 1px rgba(0, 0, 0, 0.3960784314);
  display: block;
  margin-left: 15vw;
  display: block;
  padding: 20px;
  font-weight: lighter;
}
.blog-content nav ul {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.blog-content nav ul li {
  display: inline-block;
}
.blog-content nav ul li:not(:last-child)::after {
  content: ">";
  padding: 10px;
}
@media (max-width: 640px) {
  .blog-content {
    width: auto;
    margin: 0 20px;
    box-shadow: none;
  }
  .blog-content img {
    width: 50%;
  }
}
.blog-content p {
  line-height: 2;
  font-weight: 200;
}
.blog-content p::before {
  content: "　";
}
.blog-content h2 {
  border-bottom: 2px solid black;
}
.blog-content h3::before {
  content: "♪ ";
}