/*
Theme Name: komekonokuni
Text Domain: komekonokuni


/*pagination*/

.pagination {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0px auto 0;
}

.pagination li,
.page-numbers {
  margin: 0 4px;
}

.page-numbers {
  line-height: 1;
  font-weight: bold;
}

.pager,
div.pagination {
  width: 100%;
  margin: 30px auto 50px;
  font-size: 1.4rem;
  line-height: 1em;
  font-weight: bold;
}

.pager a,
.page-numbers {
  padding: 10px 14px;
  display: block;
  border: 1px solid #333;
}

.pager .active,
.pager a:hover,
.page-numbers.current {
  color: #fff !important;
  background: #331f1f;
}

/*おすすめ読み物*/

.articles-box {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  gap: 40px 5%;
}

.articles-box__list {
  font-size: 1.4rem;
}

.articles-box__list p:not(:last-of-type) {
  margin-bottom: 20px;
}

.articles-box__list--img {
  margin-bottom: 20px;
}

/*pankuzu*/
#breadcrumb {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 10px 0;
}

.breadcrumbs > li {
  display: inline-block;
  word-break: break-all;
  list-style: none;
  font-size: 1.3rem;
}

@media screen and (max-width: 959px) {
}

@media screen and (max-width: 767px) {
  #breadcrumb {
    margin-bottom: 25px;
  }
}

@media (max-width: 519px) {
  .articles-box {
    grid-template-columns: repeat(2, 47%);
    gap: 40px 6%;
  }

  .-new-articles .articles-box__list:not(:first-child) {
    display: grid;
    grid-template-columns: 50% auto;
    gap: 40px 6%;
  }

  .-new-articles .articles-box {
    grid-template-columns: repeat(1, 100%);
    gap: 40px 6%;
  }

  .basic-area.-new-articles .articles-box__list:first-child .articles-box__list--img {
    margin-bottom: 20px;
  }
}