li.blog a {
  border: 1px solid #ccc;
  width: 100%;
  display: inline-block;
  background-color: white;
  padding: 10px;
}
li.blog a:hover {
  background-color: #eed37e;
  transition: 0.3s;
}

.blogpage .main-content {
  padding-left: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 800px) {
  .blogpage .main-content {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
.blogpage .main-content h2.blogname {
  font-size: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 500px) {
  .blogpage .main-content h2.blogname {
    font-size: 5vw;
  }
}
.blogpage .main-content .flex2 {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 800px) {
  .blogpage .main-content .flex2 {
    display: block;
  }
}
.blogpage .main-content .flex2 .blog-content {
  flex: 1;
}
.blogpage .main-content .flex2 .blog-content .blog-row {
  padding: 2rem;
  background-color: white;
  margin-bottom: 40px;
}
.blogpage .main-content .flex2 .blog-content .blog-row:last-child {
  margin-bottom: 0;
}
.blogpage .main-content .flex2 .blog-content h2.title {
  font-size: 30px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  text-align: left;
  line-height: 1.4;
}
.blogpage .main-content .flex2 .blog-content p,
.blogpage .main-content .flex2 .blog-content li {
  font-size: 16px;
  margin-bottom: 1em;
  line-height: 1.8;
}
@media screen and (max-width: 500px) {
  .blogpage .main-content .flex2 .blog-content p,
  .blogpage .main-content .flex2 .blog-content li {
    font-size: 3.4vw;
  }
}
.blogpage .main-content .flex2 .blog-content img {
  margin-top: 1em;
  margin-bottom: 1em;
}
.blogpage .main-content .flex2 .menulistbox {
  background-color: white;
  width: 12em;
  padding-left: 1em;
  padding-top: 2rem;
}
@media screen and (max-width: 800px) {
  .blogpage .main-content .flex2 .menulistbox {
    border-top: 1px dotted #000;
    width: 100%;
    padding-bottom: 3em;
  }
}
.blogpage .main-content .flex2 .menulistbox li {
  font-size: 15px;
  margin-bottom: 0.4em;
}/*# sourceMappingURL=blog.css.map */