/**
 * kaminariで生成されるHTMLの装飾
 */

.pagination {
  display: flex;
  column-gap: 0.5rem;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pagination .page.current {
  display: block;
  padding: 0.5rem;
  color: var(--primary-color);
}

.pagination a {
  display: block;
  padding: 0.5rem;
}
.pagination-mypage{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  place-content: center;
  justify-content: center;
  column-gap: 0.5rem;
}
.bg-\[\#dcdddd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 221 221 / var(--tw-bg-opacity));
}
.text-\[\#898989\] {
  --tw-text-opacity: 1;
  color: rgb(137 137 137 / var(--tw-text-opacity));
}
@media (min-width: 992px){
.pc\:bg-transparent {
    background-color: initial;
}
.pc\:text-main {
  --tw-text-opacity: 1;
  color: rgb(0 1 33 / var(--tw-text-opacity));

}
.pagination-mypage .prev {
  padding-right: 2rem;
}
.pagination-mypage .next{
  padding-left: 2rem;
}
}