.page-contents.-original .btn-pager {
  display: inline-block;
  border-radius: 3px;
  background-color: #3E3A39;
  min-width: 2.5rem;
  padding: 10px 10px 9px;
  color: #fff;
  font-size: .875rem;
  text-align: center;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
@media (min-width:768px) {
  .page-contents.-original .btn-pager {
    border-radius: 5px
  }
}
.page-contents.-original .btn-pager:hover {
  opacity: .7
}
.page-contents.-original .title-large {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto
}
@media (min-width:768px) {
  .page-contents.-original .title-large {
    padding: 0 40px
  }
}
.page-contents.-original .title-large>.title-original {
  display: block;
  padding: 10vw 0 12vw;
  font-weight: 700;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1
}
@media (min-width:768px) {
  .page-contents.-original .title-large>.title-original {
    padding: 90px 0
  }
}
@media (min-width:768px) {
  .page-contents.-original .title-large>.title-original {
    width: 100%;
    height: 180px;
    padding: 0;
    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;
    font-size: 2rem
  }
}
.page-contents.-original .select-arrow {
  position: relative;
  width: 100%;
  display: block;
  font-size: 0
}
.page-contents.-original .select-arrow::after {
  position: absolute;
  top: calc(50% - 2px);
  right: 24px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  content: '';
  display: inline-block;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  pointer-events: none
}
.page-contents.-original .select-arrow>.select {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #707070;
  padding: 10px 14px;
  color: #666;
  font-size: 1rem
}
@media (min-width:768px) {
  .page-contents.-original .select-arrow>.select {
    font-size: .875rem
  }
}
@media (min-width:768px) {
  .page-contents.-original .select-arrow.-number {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}
@media (min-width:768px) {
  .page-contents.-original .select-arrow.-number::before {
    content: '\8868\793A\4EF6\6570';
    display: inline-block;
    font-size: .875rem
  }
}
@media (min-width:768px) {
  .page-contents.-original .select-arrow.-number>.select {
    width: 100px;
    padding: 12px 20px 12px;
    margin-left: 10px
  }
}
@media (min-width:768px) {
  .page-contents.-original .select-arrow.-sort {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}
@media (min-width:768px) {
  .page-contents.-original .select-arrow.-sort::before {
    content: '\4E26\3073\66FF\3048';
    display: inline-block;
    margin-left: 20px;
    font-size: .875rem
  }
}
@media (min-width:768px) {
  .page-contents.-original .select-arrow.-sort>.select {
    width: 200px;
    padding: 12px 20px 12px;
    margin-left: 10px
  }
}
.page-contents.-original .search-result {
  color: #666;
  font-size: .875rem;
  text-align: center
}
.page-contents.-original ._paging {
  width: 100%;
  margin-top: 4vw
}
.page-contents.-original ._paging._top {
  margin-top: 0 !important;
  padding-bottom: 4vw !important
}
.page-contents.-original ._paging._top ._page_nav {
  margin-top: 0 !important
}
.page-contents.-original ._paging._bottom {
  margin-top: 2vw !important;
  padding-bottom: 4vw !important
}
.page-contents.-original ._paging._bottom ._page_num {
  margin-top: 0 !important
}
.page-contents.-original ._paging._bottom ._page_nav {
  margin-top: 1vw !important
}
.page-contents.-original ._paging ._page_num {
  width: inherit;
  margin-top: 4vw;
  font-size: .875rem;
  text-align: center
}
.page-contents.-original ._paging ._page_nav {
  width: inherit;
  margin-top: 4vw
}
.page-contents.-original ._paging ._page_nav ul {
  width: inherit;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.page-contents.-original ._paging ._page_nav ul li {
  width: 40px;
  margin: 0;
  padding-left: 10px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.page-contents.-original ._paging ._page_nav ul li a {
  height: 40px;
  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;
  background-color: #B2B2B2;
  color: #fff
}
.page-contents.-original ._paging ._page_nav ul li a:hover {
  opacity: .8
}
.page-contents.-original ._paging ._page_nav ul li._current a {
  cursor: default;
  background-color: #000
}
.page-contents.-original ._paging ._page_nav ul li._previous a,
.page-contents.-original ._paging ._page_nav ul li._next a {
  position: relative;
  background-color: inherit;
  color: #000
}
.page-contents.-original ._paging ._page_nav ul li._next a::before {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  content: "";
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.page-contents.-original ._paging ._page_nav ul li._point {
  margin: 0 -10px 0 0;
  padding-left: 0
}
.page-contents.-original ._paging ._page_nav ul li._point span {
  height: 40px;
  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;
  color: #B2B2B2
}
.page-contents.-original .card-banner {
  display: block;
  margin: 0 auto;
  color: #3E3A39;
  font-size: .875rem
}
@media (min-width:768px) {
  .page-contents.-original .card-banner {
    width: calc(100% - 30px)
  }
}
.page-contents.-original .card-banner:hover>.thumbnail {
  opacity: .7
}
.page-contents.-original .card-banner>.thumbnail {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.page-contents.-original .card-banner>p {
  margin-top: 2vw;
  font-size: .875rem;
  line-height: 1.42857
}
@media (min-width:768px) {
  .page-contents.-original .card-banner>p {
    margin-top: 1vw
  }
}
.page-contents.-original .column-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.page-contents.-original .column-category>.card {
  border: none
}
@media (max-width:767px) {
  .page-contents.-original .column-category>.card {
    width: calc((100% - 4vw) / 2);
    margin-top: 4vw;
    margin-left: 4vw
  }
  .page-contents.-original .column-category>.card:nth-of-type(2n+1) {
    margin-left: 0
  }
}
@media (min-width:768px) {
  .page-contents.-original .column-category>.card {
    width: calc((100% - (4vw * 2)) / 3);
    margin-top: 2vw;
    margin-left: 4vw
  }
  .page-contents.-original .column-category>.card:nth-of-type(3n+1) {
    margin-left: 0
  }
}
.page-contents.-original .column-category>.card .card-banner {
  width: 100%
}
.page-contents.-original .search-content {
  width: 100%;
  margin-top: 4vw;
  margin-bottom: 4vw
}
@media (max-width:767px) {
  .page-contents.-original .search-content {
    margin-top: 8vw;
    margin-bottom: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}
@media (min-width:768px) {
  .page-contents.-original .search-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right
  }
}
.page-contents.-original .search-content .search-result {
  color: #000;
  text-align: left
}
@media (max-width:767px) {
  .page-contents.-original .search-content .search-result {
    margin-top: 2vw
  }
}
@media (min-width:768px) {
  .page-contents.-original .search-content .search-result {
    margin-bottom: -14px
  }
}
@media (max-width:767px) {
  .page-contents.-original .search-content .select-arrow {
    margin-bottom: 2vw
  }
  .page-contents.-original .search-content .select-arrow:last-of-type {
    margin-bottom: 0
  }
}
.page-contents.-original .search-content .select-arrow select {
  color: #000;
  border-color: #000
}