.notice {
  width: 100%;
}

.menu-path {
  padding: 20px;
  font-size: 12px;
  font-weight: 600;
}

.sub-title {
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

.post-item {
  padding: 12px;
  font-weight: 500;
  border-bottom: 1px solid #e4e4e4;
}

.post-link {
  display: inline-block;
  width: 100%;
  transition: color 200ms ease-in-out;
}

.post-link:active {
  color: #417ed0;
}

.post-title {
  font-size: 15px;
  font-weight: 700;
}

.post-link > div {
  display: flex;
  margin-top: 6px;
  color: #888;
  font-size: 12px;
  font-weight: 700;
}

.post-link > div p:not(:last-child)::after {
  content: '|';
  padding: 0 6px;
  font-weight: 700;
}
.pagenation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}
.pagenation ol{
    display: flex;
}
.pagenation ol li{
    padding: 0 6px;
    font-size: 0.8em;
    font-weight: 600;
}
.pagenation ol li.active {
    color: red;
}