.article-title {
  width: 100%;
  padding: 10px 0 10px 15px;
  background: #fff;
  border-top: solid 3px #2774CC;
  border-bottom: solid 3px #2774CC;
  font-size: 27px;
  font-weight: bold;
}
.article-mainimg {
  display: block;
  max-width: 98%;
  margin: 10px auto 0;
}
.article-preface {
  width: 100%;
  margin: 5px auto;
  padding: 10px;
}

.article-contents {
  width: 100%;
  padding: 10px;
}
  .article-head {
    margin: 5px 0;
    padding: 5px;
    background: #2774CC;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
  }
  .article-img {
    display: block;
    max-width: 98%;
    margin: 5px auto;
  }
  .article-contents .table {
    width: 80%;
  }
  .article-contents .table th,
  .article-contents .table td {
    border: solid 1px #aaa;
    text-align: center;
  }

/* article-list */
.list-article {
  width: 90%;
  min-height: 80vh;
  margin: 5px auto;
  padding: 10px;
  background: #EBF0F9;
}
  .list-article-text {
    padding: 10px;
  }
  .list-article_list {
    padding: 10px;
  }
  .list-article_list_item {
    display: block;
  }