.archive .blog__list, .search .blog__list {
  display: box;
  display: flexbox;
  display: flex;
  flex-flow: column wrap;
  row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 576px) {
  .archive .blog__list, .search .blog__list {
    flex-flow: row wrap;
  }
}
.archive .blog__list-item, .search .blog__list-item {
  width: calc(100% - 20px);
  margin: 0 5px;
}
.archive .blog__list-item a, .search .blog__list-item a {
  display: box;
  display: flexbox;
  display: flex;
  flex-flow: row nowrap;
  column-gap: 20px;
}
@media screen and (min-width: 576px) {
  .archive .blog__list-item, .search .blog__list-item {
    width: calc(33.3333333333% - 20px);
  }
  .archive .blog__list-item a, .search .blog__list-item a {
    padding: 0 5px;
    display: block;
    column-gap: initial;
  }
}
.archive .blog__list-img, .search .blog__list-img {
  width: 100%;
  max-width: 175px;
  height: auto;
  border-radius: 8px;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 576px) {
  .archive .blog__list-img, .search .blog__list-img {
    max-width: initial;
  }
}
.archive .blog__list-info, .search .blog__list-info {
  width: calc(100% - 200px);
}
@media screen and (min-width: 576px) {
  .archive .blog__list-info, .search .blog__list-info {
    width: initial;
    margin-top: 10px;
  }
}
.archive .blog__list-info .date, .search .blog__list-info .date {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  display: block;
}
@media screen and (min-width: 576px) {
  .archive .blog__list-info .date, .search .blog__list-info .date {
    text-align: left;
    display: inline;
  }
}
.archive .blog__list-info .cat, .search .blog__list-info .cat {
  border-radius: 3px;
}
.archive .blog__list-ttl, .search .blog__list-ttl {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 5px;
}
@media screen and (min-width: 576px) {
  .archive .blog__list-ttl, .search .blog__list-ttl {
    margin: 10px 0 5px;
  }
}
.archive .blog__list-txt, .search .blog__list-txt {
  font-size: 12px;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 30px;
  overflow: hidden;
}

.archive .pagenation a {
  color: #704834;
}
.archive .pagenation a:link, .archive .pagenation a:visited, .archive .pagenation a:hover, .archive .pagenation a:active {
  color: #704834;
}