.ppager a:link {
    color: currentColor;
    text-decoration: none;
    overflow: hidden;
}
.ppager li {
    background: none !important;
    padding-left: 0 !important;
}

.ppager, div.WCMpager, div.WCMpager span.WCMpaged {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 2.1rem;
}
.ppager__link, div.WCMpager > a, div.WCMpager span.WCMpaged a {
  width: 2em;
  height: 2em;
  line-height: 1;
  letter-spacing: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: currentColor;
  text-decoration: none;
  font-size: 12px;
}
.ppager__link_page, div.WCMpager span.WCMpaged a, .ppager__link_arrow, div.WCMpager > a {
  border: 1px solid #4c205b;
}
.ppager__link_page:hover, div.WCMpager span.WCMpaged a:hover, .ppager__link_arrow:hover, div.WCMpager > a:hover {
  opacity: 1;
  text-decoration: none;
  color: #fff !important;
  background: #4c205b;
  border-color: #4c205b;
}
.ppager__item_next > a:hover {
  color: #4c205b !important;
  background: #fff; 
}
.ppager__item_prev > a:hover {
  color: #4c205b !important;
  background: #fff; 
}
.ppager__link_active, div.WCMpager span.WCMpaged a.WCMselected {
  pointer-events: none;
  color: #fff !important;
  background: #4c205b;
  border-color: #4c205b;
}
.ppager__link_noborder, div.WCMpager span.WCMpaged + a + a, div.WCMpager span.WCMpaged + a, div.WCMpager a:has(+ span.WCMpaged), div.WCMpager a:has(+ a + span.WCMpaged) {
  border: none;
}
.ppager__link_arrow, div.WCMpager > a {
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
/*.ppager__link_arrow::after, div.WCMpager > a::after {
  color: #000;
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f105";
  content: "";
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}*/
.ppager__link_arrow:hover, div.WCMpager > a:hover {
  color: transparent;
}
.ppager__link_arrow:hover::after, div.WCMpager > a:hover::after {
  color: #fff;
  border-color: #fff;
}
/* .ppager__link_arrow_first::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f100";
} */
.ppager__link_arrow_prev {
  margin-right: 0.7em;
  width: 4.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.ppager__link_arrow_prev .prev-icon {
    width: 11px;
    height: 11px;
    position: relative;
}
.ppager__link_arrow_prev .prev-icon::after {
  /* font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f104"; */
  content: "";
  position: absolute;
  inset: 0;
  background: url(../../img/common/link_01.gif) no-repeat;
  transform: scaleX(-1);
}
.ppager__link_arrow_prev:hover .prev-icon::after {
  background: url(../../img/common/link_01_on.gif) no-repeat;
}
.ppager__link_arrow_next {
  margin-left: 0.7em;
  width: 4.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.ppager__link_arrow_next .next-icon {
    width: 11px;
    height: 11px;
    position: relative;
}
.ppager__link_arrow_next .next-icon:hover {
    background-color: #fff;
}
.ppager__link_arrow_next .next-icon::after {
  /* font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f105"; */
  content: "";
  position: absolute;
  inset: 0;
  background: url(../../img/common/link_01.gif) no-repeat;
}
.ppager__link_arrow_next:hover .next-icon::after {
  background: url(../../img/common/link_01_on.gif) no-repeat;
}
/* .ppager__link_arrow_last::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f101";
 }*/

div.WCMpager a:has(+ a + span.WCMpaged)::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f100";
}
div.WCMpager a:has(+ span.WCMpaged)::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f104";
}
div.WCMpager span.WCMpaged + a::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f105";
}
div.WCMpager span.WCMpaged + a + a::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f101";
}