/*
Theme Name: pajama
Text Domain: pajama


/*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;
  border-radius: 4px;
}

.pager .pre a,
.pager .next a,
.pagination .prev,
.pagination .next {
  border: none;
}

.pager .active,
.pager a:hover,
.page-numbers.current {
  color: #bc6558 !important;
}

/*おすすめ読み物*/

.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 5%;
}

.breadcrumbs {
  padding: 0;
  max-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
  list-style: none;
}

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

.breadcrumbs > li:not(:last-of-type)::after {
  content: " > ";
  margin: 0 6px;
}

.botshs {
  display: grid;
  grid-template-columns: 35% auto;
  gap: 0 40px;
  margin: 60px 0;
}

.botshs--ytxt p {
  display: block;
  margin-top: 20px;
}

.sp_fix_item {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 20;
}

.sp_fix_cart {
  background: rgba(219, 79, 90, 0.7);
  width: 54px;
  height: 54px;
  border-radius: 4px;
  margin: 0 0 0 auto;
}

.sp_fix_back {
  background: rgba(0, 0, 0, 0.3);
  width: 54px;
  height: 54px;
  border-radius: 4px;
  margin: 10px 0 0 auto;
}

.sp_fix_cart img {
  display: block;
  max-width: 32px;
}

.sp_fix_cart a,
.sp_fix_back a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1rem;
  padding: 10px;
}

.i-log .tp_logout {
  display: none;
}

@media screen and (max-width: 959px) {
  .sp_fix_item {
    display: block;
  }
}

@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;
  }
}
