@charset "utf-8";

button.js-load-more {
    max-width: 340px;
    cursor: pointer;
    padding: 20px 0;
    border: none;
    font-size: 16px;
    letter-spacing: 0.05em;
    border-radius: 6px;
    position: relative;
    display: inline-block;
    margin: 20px auto;
    transition: .2s;
    border: solid 3px #8eb663;
    background: #dcefc7;
    color: #678b41;
    font-weight: bold;
    width: 100%;
}


button.js-load-more::before {
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #678b41;
  border-right: solid 2px #678b41;
  position: absolute;
  transform: translate(-50%,-50%) rotate(135deg);
  top: 45%;
  right: 90px;
}
button.js-load-more:hover {
    opacity: .8;
}
#itemList_wrap:has(.js-total-count) .pagerlist,
#itemList_wrap:has(.js-total-count) .quantity,
#itemList_wrap:has(.js-total-count) #pager-bm{
    display: none;
}
.js-total-count {
    font-size: 13px;
    line-height: 100%;
}
span.js-total-num {
    margin: 0 1px;
}
@media screen and (max-width: 768px) {
button.js-load-more::before {
    /* right: 37%; */
}
}
@media screen and (max-width: 580px) {
    button.js-load-more {
    max-width: 340px;
    cursor: pointer;
    padding: 15px 0;
    border: none;
    font-size: 14px;
    letter-spacing: 0.05em;
    border-radius: 6px;
    position: relative;
    display: inline-block;
    margin: 20px auto;
    transition: .2s;
    border: solid 2px #8eb663;
    background: #dcefc7;
    color: #678b41;
    font-weight: bold;
    width: 100%;
}
button.js-load-more::before {
    right: 100px;
}
}