/* ==== reset CSS ==== */
body,html {
  overscroll-behavior-y: none;
  overflow-x: hidden;
  touch-action: pan-x pan-y;
}
main button {
  appearance: none;
  border: none;
  background-color: transparent;
}
main ul,
main li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.glyphicon-heart-empty:before,
.glyphicon-heart:before{
  content: none;
}
/* ==== END reset CSS ==== */
#contents-wrap__renewal {
  padding-bottom: 0 !important;
}
main {
  width: 100vw;
  font-family: var(--fontf_sans-s);
  padding: 60px 0 0;
}
@media screen and (min-width: 960px) {
  main{
    background-color: #fff;
  }
}
@media screen and (max-width: 959px) {
  main{
    padding-top: 32px;
  }
}
/* ==== goods-list ==== */
main > .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
main > .container::before,
main > .container::after {
  content: none;
}
@media screen and (min-width: 960px) {
  main > .container {
    gap: 4%;
  }
  .goods-list__wrap {
    /* width: min(80%, 940px); */
  }
}
@media screen and (max-width: 959px) {
  main > .container {
    flex-direction: column;
    gap: 0;
  }
  .goods-list__wrap {
    width: min(100%, 700px);
    padding: 0 12px;
    margin: 0 auto;
  }
}
.goods-list__sort{
  width: fit-content;
  border: 1px solid #d2d2d2;
  background-color: transparent;
  padding: 0 22px 0 0;
  margin: 0 0 17px 0;
  position: relative;
  border-radius: 2px;
  background-color: #fff;
}
.goods-list__sort select,
.search-item__inner select {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border-bottom: none !important;
  background-color: transparent;
}
.goods-list__sort select {
  font-size: 1.35rem !important;
  padding: 8px;
}
.search-item__inner .select-box {
  width: 100%;
  position: relative;
}
.goods-list__sort::after,
.search-item__inner .select-box::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 1px solid #aaa;
  border-bottom: none;
  border-left: none;
  transform: rotate(135deg);
  inset: 0px 10px 3px auto;
  position: absolute;
  margin: auto;
  z-index: 0;
}
#goods-list {
  display: flex;
  flex-wrap: wrap;
  gap: min(1vw, 19px);
}

.list-area {
  width: 100%;
  padding-bottom: 20px;
}
.list-area a {
  display: block;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 20px;
}
.hikoukai {
  display: none;
}
.not_keisai_img {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .goods-list__wrap .search-item__btn{
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .goods-list-nav__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 16px;
  }
  .goods-list__sort{
    margin: 0 0 0 auto;
    padding: 0 20px 0 0;
  }
  .goods-list__sort select {
    font-size: 1.3rem !important;
    padding: 8px 4px;
  }
  #goods-list {
    flex-direction: column;
    gap: 12px;
    padding: 0;
  }
  .goods-list-nav__wrap .search-item__btn{
    width: 50%;
  }
}
.goods-list__item {
  width: 32%;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.goods-list__item a:hover {
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 960px) {
  .goods-list__item {
    display: flex;
  }
}
@media screen and (max-width: 959px) {
  .goods-list__item {
    width: 100%;
    position: relative;
  }
}
a.item_link {
  display: flex;
  padding: 30px 20px 14px 20px;
  transition: .3s;
  height: 100%;
}
@media screen and (min-width: 960px) {
  a.item_link {
    flex-direction: column;
  }
  a.item_link:hover {
    opacity: .5;
  }
}
@media screen and (max-width: 959px) {
  a.item_link {
    padding: 0;
    padding-top: 5rem;
  }
}
.item_image {
  width: 100%;
  opacity: 1 !important;
  flex-grow: 0;
}
.item_image img{
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .item_image {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 959px) {
  .item_image {
    width: 50%;
    border-right: 1.5px solid #f0f0f0;
    padding: 15px 12px;
  }
  .item_image img{
    width: min(100%, 200px);
  }
}
.item_head {
  display: flex;
  align-items: center;
  line-height: 1.6;
  flex-grow: 0;
}
.item_head .lot {
  font-family: var(--fontf_num_serif);
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: 0;
  margin-right: 10px;
}
.item_head .category {
  font-size: 1.4rem;
  font-weight: 600;
  color: #909090;
  font-family: 'Shippori Mincho', serif !important;
}
@media screen and (min-width: 960px) {
  .item_head {
    margin-bottom: 16px;
    border-bottom: 1px solid #E0E0E0;
  }
}
@media screen and (max-width: 959px) {
  .item_head {
    width: 100%;
    background-color: #f5f5f5;
    position: absolute;
    inset: 0 0 auto 0;
    padding: 1rem 20px;
    height: 5rem;
  }
  .item_head .lot {
    font-size: 1.4rem;
  }
  .item_head .category {
    font-size: 1.3rem;
  }
}
.item_description {
  display: flex;
  flex-direction: column;
  font-family: var(--fontf_sans-s);
  letter-spacing: 0;
  flex-grow: 3;
}
.item_description__inner {
  flex-grow: 3;
}
.item_description h3{
  padding: 0;
  margin: 0 0 16px 0;
  line-height: 1.45;
}
.item_description h3 .item_writer-name {
  font-size: 2rem;
  margin-bottom: 0px;
}
.item_description h3 .item_title {
  font-size: 2.4rem;
}
.item_description h3 .item_writer-name,
.item_description h3 .item_title {
  font-family: var(--fontf_serif);
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* ???????? */
  font-family: 'Shippori Mincho', serif !important;
}
@media screen and (max-width: 959px) {
  .item_description {
    width: 50%;
    padding: 12px 20px 12px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .item_description h3 .item_writer-name {
    font-size: 1.6rem;
    margin-bottom: 1px;
  }
  .item_description h3 .item_title {
    font-size: 2rem;
    line-height: 1.25;
  }
  .item_description h3 .item_title {
    -webkit-line-clamp: 2; /* ???????? */
  }
}
.item_description .item_price-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 24px;
  font-weight: 600;
  color: var(--color-red);
  gap: 0.4rem 0.5rem;
}
.open-bid .item_price-info .now-txt {
  font-size: clamp(1.3rem,1vw,1.4rem);
  color: #707070;
}
.lang_en .open-bid .item_price-info .now-txt {
  font-weight: 500;
  font-family: var(--fontf_num);
}
.item_description .item_price-info .goodsPriceVal {
  font-size: 2.1rem;
  line-height: 1.1;
  font-family: var(--fontf_num);
  font-style: normal;
  font-weight: 400;
}
.item_description .item_price-info .MySpn {
  font-size: 1.2rem;
  line-height: 1.1;
  letter-spacing: 0.02em;
  font-weight: bold;
  padding: 3px 4px 3px 3px;
  border: 1px solid var(--color-red);
  border-width: 1px 1px 1px 0;
  position: relative;
  margin-left: 8px;
}
.lang_en .item_description .item_price-info .MySpn {
  font-weight: 500;
  font-family: var(--fontf_num);
}
.item_description .item_price-info .MySpn::before{
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  top: 0;
  left: -0.8rem;
  bottom: 0;
  margin: auto;
  z-index: -1;
  border-top: 1px solid var(--color-red);
  border-left: 1px solid var(--color-red);
  transform: scaleX(0.8) rotate(-45deg);
}
@media screen and (min-width: 960px) {
  .open-bid .hidden-min960 {
    display: none;
  }
  .open-bid .item_price-info .now-txt {
    font-size: clamp(1.3rem,1vw,1.4rem);
  }
}
@media screen and (max-width: 959px) {
  .item_description .item_price-info {
    gap: 3px;
    margin-bottom: 16px;
  }
  .open-bid .item_price-info .now-txt {
    padding-right: 3px;
  }
  .item_description .item_price-info .goodsPriceVal {
    font-size: 1.9rem;
  }
  .item_description .item_price-info .MySpn {
    font-size: 1.1rem;
    margin-left: 8px;
  }
  .item_description .item_price-info .MySpn::before{
    width: 14px;
    height: 14px;
    left: -7px;
  }
}
.item_bid-state {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  margin: 0;
  flex-grow: 0;
}
.item_bid-state .bidCnt {
  display: none;
}
.open-bid .item_bid-state .bidCnt,
.item_bid-state .favoriteCnt {
  display: flex;
  align-items: center;
}
.item_bid-state .bidCnt::before,
.item_bid-state .favoriteCnt::before {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  margin-right: 5px;
}
.item_bid-state .bidCnt::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E%0A.path1 %7B%0Afill: %23202020;%0A%7D%0A%3C/style%3E%3Cpath class='path1' d='M8.61877 10.8577L4.63448 7.78715C4.31734 7.54279 3.86204 7.60179 3.61744 7.91824C3.37285 8.2347 3.43154 8.68989 3.74867 8.93425L7.7326 12.0048C8.05011 12.2492 8.5054 12.1906 8.74964 11.8737C8.99424 11.5569 8.93555 11.1021 8.61841 10.8577H8.61877Z'/%3E%3Cpath class='path1' d='M9.11453 1.98537L13.0992 5.05595C13.4163 5.30067 13.8716 5.24167 14.1162 4.92522C14.3608 4.60877 14.3021 4.15393 13.985 3.90922L10.0003 0.838266C9.68319 0.593916 9.2279 0.652909 8.9833 0.969363C8.7387 1.28618 8.79739 1.74102 9.11416 1.98537H9.11453Z'/%3E%3Cpath class='path1' d='M8.76823 2.36409L4.96511 7.28898L9.0172 10.4113L12.8203 5.48675L8.76823 2.36409Z'/%3E%3Cpath class='path1' d='M18.7822 12.7455L12.0154 7.53078L10.8176 9.08209L17.5843 14.2968C18.013 14.6275 18.6287 14.5481 18.9593 14.1199C19.2903 13.6913 19.2109 13.0762 18.7822 12.7459V12.7455Z'/%3E%3Cpath class='path1' d='M7.31449 14.4425C7.31449 13.9229 6.89273 13.5012 6.37255 13.5012H1.94681C1.42663 13.5012 1.00487 13.9225 1.00487 14.4425V15.1406H7.31449V14.4425Z'/%3E%3Cpath class='path1' d='M7.81936 15.7316H0.5V17H7.81936V15.7316Z'/%3E%3C/svg%3E%0A");
}
.item_bid-state .favoriteCnt::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E%0A.path %7Bfill:%23202020;%7D%0A%3C/style%3E%3Cpath class='path' d='M6.99972 7.17413C8.98019 7.17413 10.5854 5.56825 10.5854 3.58719C10.5854 1.60613 8.98019 0 6.99972 0C5.01925 0 3.41457 1.60613 3.41457 3.58694C3.41457 5.56775 5.01951 7.17388 6.99972 7.17388V7.17413Z'/%3E%3Cpath class='path' d='M13.2905 11.8907C12.5308 9.55404 9.74244 8.28168 7 8.28168C4.25756 8.28168 1.46916 9.55429 0.709473 11.8907C0.587598 12.2651 0.52082 12.6373 0.5 13H13.5C13.4789 12.6373 13.4124 12.2651 13.2905 11.8907Z'/%3E%3C/svg%3E%0A");
  background-size: 83%;
  background-position: 60% 50%;
}
@media screen and (min-width: 960px) {
  .item_bid-state .bidCnt{
    border-right : 1px solid #d2d2d2;
    padding-right: 11px;
    margin-right: 11px;
  }
  .item_bid-state {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 959px) {
  .item_bid-state {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    font-size: 1.1rem;
  }
  .item_bid-state .bidCnt::before,
  .item_bid-state .favoriteCnt::before {
    width: 20px;
  }
}
.favorite_btn{
  width: 30px;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  inset: 10px 12px auto auto;
}
.favorite_btn.glyphicon-heart-empty{
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10' fill='white' stroke='%23909090'/%3E%3Cpath d='M10.9041 8.28813L10.4776 8.89233L10.0758 8.27141C9.84973 7.92204 9.59228 7.6712 9.30805 7.50208C9.00736 7.32315 8.72898 7.23951 8.46839 7.22865C8.18301 7.21676 7.89686 7.26377 7.60622 7.37461C7.31302 7.48642 7.05891 7.64348 6.83964 7.84569C6.62224 8.04618 6.44231 8.29183 6.30143 8.58868C6.1661 8.87384 6.10004 9.16636 6.10004 9.47112C6.10004 9.70893 6.16938 9.97544 6.33618 10.2767C6.51082 10.5921 6.76168 10.9291 7.09729 11.2871C7.44738 11.6605 7.81687 12.033 8.20585 12.4044C8.60954 12.7899 9.062 13.25 9.56277 13.7838C9.90158 14.1449 10.2127 14.5021 10.4958 14.8555C10.7799 14.5017 11.0927 14.1441 11.4339 13.7827C11.937 13.2496 12.3887 12.7903 12.7884 12.4057C13.1753 12.0335 13.5457 11.6601 13.8997 11.2856C14.238 10.9278 14.4897 10.5912 14.6639 10.2767C14.8307 9.97544 14.9 9.70893 14.9 9.47112C14.9 9.16348 14.8357 8.86875 14.7046 8.58237C14.569 8.28592 14.3945 8.04122 14.1831 7.84186C13.9705 7.6414 13.722 7.48537 13.4327 7.3741C13.1458 7.26379 12.8617 7.21676 12.5763 7.22865C12.3152 7.23953 12.0328 7.32349 11.7246 7.5039C11.4301 7.67631 11.1551 7.93247 10.9041 8.28813Z' fill='white' stroke='%23909090'/%3E%3C/svg%3E%0A");
}
.favorite_btn.glyphicon-heart{
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10' fill='white' stroke='%23E1572B'/%3E%3Cpath d='M10.9041 8.28813L10.4776 8.89233L10.0758 8.27141C9.84973 7.92204 9.59228 7.6712 9.30805 7.50208C9.00736 7.32315 8.72898 7.23951 8.46839 7.22865C8.18301 7.21676 7.89686 7.26377 7.60622 7.37461C7.31302 7.48642 7.05891 7.64348 6.83964 7.84569C6.62224 8.04618 6.44231 8.29183 6.30143 8.58868C6.1661 8.87384 6.10004 9.16636 6.10004 9.47112C6.10004 9.70893 6.16938 9.97544 6.33618 10.2767C6.51082 10.5921 6.76168 10.9291 7.09729 11.2871C7.44738 11.6605 7.81687 12.033 8.20585 12.4044C8.60954 12.7899 9.062 13.25 9.56277 13.7838C9.90158 14.1449 10.2127 14.5021 10.4958 14.8555C10.7799 14.5017 11.0927 14.1441 11.4339 13.7827C11.937 13.2496 12.3887 12.7903 12.7884 12.4057C13.1753 12.0335 13.5457 11.6601 13.8997 11.2856C14.238 10.9278 14.4897 10.5912 14.6639 10.2767C14.8307 9.97544 14.9 9.70893 14.9 9.47112C14.9 9.16348 14.8357 8.86875 14.7046 8.58237C14.569 8.28592 14.3945 8.04122 14.1831 7.84186C13.9705 7.6414 13.722 7.48537 13.4327 7.3741C13.1458 7.26379 12.8617 7.21676 12.5763 7.22865C12.3152 7.23953 12.0328 7.32349 11.7246 7.5039C11.4301 7.67631 11.1551 7.93247 10.9041 8.28813Z' fill='%23E1572B' stroke='%23E1572B'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 959px) {
  .favorite_btn{
    width: 2.5rem;
    inset: 1.2rem 1.2rem auto auto;
  }
}
@media screen and (min-width: 960px) {
  .favorite_btn.glyphicon-heart-empty:hover{
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10' fill='white' stroke='%23E1572B'/%3E%3Cpath d='M10.9041 8.28813L10.4776 8.89233L10.0758 8.27141C9.84973 7.92204 9.59228 7.6712 9.30805 7.50208C9.00736 7.32315 8.72898 7.23951 8.46839 7.22865C8.18301 7.21676 7.89686 7.26377 7.60622 7.37461C7.31302 7.48642 7.05891 7.64348 6.83964 7.84569C6.62224 8.04618 6.44231 8.29183 6.30143 8.58868C6.1661 8.87384 6.10004 9.16636 6.10004 9.47112C6.10004 9.70893 6.16938 9.97544 6.33618 10.2767C6.51082 10.5921 6.76168 10.9291 7.09729 11.2871C7.44738 11.6605 7.81687 12.033 8.20585 12.4044C8.60954 12.7899 9.062 13.25 9.56277 13.7838C9.90158 14.1449 10.2127 14.5021 10.4958 14.8555C10.7799 14.5017 11.0927 14.1441 11.4339 13.7827C11.937 13.2496 12.3887 12.7903 12.7884 12.4057C13.1753 12.0335 13.5457 11.6601 13.8997 11.2856C14.238 10.9278 14.4897 10.5912 14.6639 10.2767C14.8307 9.97544 14.9 9.70893 14.9 9.47112C14.9 9.16348 14.8357 8.86875 14.7046 8.58237C14.569 8.28592 14.3945 8.04122 14.1831 7.84186C13.9705 7.6414 13.722 7.48537 13.4327 7.3741C13.1458 7.26379 12.8617 7.21676 12.5763 7.22865C12.3152 7.23953 12.0328 7.32349 11.7246 7.5039C11.4301 7.67631 11.1551 7.93247 10.9041 8.28813Z' fill='%23E1572B' stroke='%23E1572B'/%3E%3C/svg%3E%0A");
  }
}
@media screen and (min-width: 960px) {
  .favorite_btn{
    inset: 10px 8px auto auto;
  }
}
/* ==== END goods-list ==== */

/* ==== search-item ==== */
#search-item__wrap {
  margin: 0;
}
.search-item__container {
  width: clamp(220px, 22vw, 310px);
  background-color: #EAEAEA;
}
#contents-wrap__renewal.open-bid,
.open-bid .search-item__container {
  background-color: #F9F6EA;
}
#search-item__wrap h2{
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  background-color: rgba(0,0,0,.1);
  margin: 0;
  padding: 16px 8px;
  text-align: center;
}
.search-item__inner {
  padding: 20px min(8%,24px) 24px;
  display: grid;
  gap: 24px;
}
.search-item__inner p,
.search-item__inner label{
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 600;
  display: block;
}
.search-item__inner .select-wrap {
  display: flex;
  gap: 4px;
  align-items: center;
}
.search-item__inner input,
.search-item__inner select {
  font-size: 1.5rem !important;
  border: 1px solid #AAAAAA !important;
  background-color: #fff;
  border-radius: 4px;
  padding: 6px 4px;
  width: 100%;
}
.search-item__inner input::placeholder {
  color: #aaa;
}
.search-item__inner .checkbox-list li {
  border-bottom: 1px dotted #D2D2D2;
  padding: 10px 0;
}
.search-item__inner input[type=checkbox] {
  width: 16px;
  aspect-ratio: 1/1;
}
.search-item__inner input[type=checkbox],
.search-item__inner select {
  cursor: pointer;
}
.search-item__inner .checkbox-list label{
  font-weight: 400;
  margin-bottom: 0;
  cursor: pointer;
}
.search-item__inner .checkbox-list input{
  margin: 0 7px 0 0;
}
.search-item__select-size {
  margin-bottom: 8px;
}
.search-item__btn {
  width: 100%;
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 1.5rem;
  gap: 8px;
  margin-top: -4px;
  padding: 4px 8px;
  color: #fff;
  background-color: #202020;
}
/* ==== END search-item ==== */

@media screen and (max-width: 959px) {
  #search-item__wrap {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    position: fixed;
    inset: 0;
    margin: auto;
    z-index: 10000;
    padding: 0 24px 80px;
    background-color: rgba(0,0,0,.7);
    visibility: hidden;
    transition: .3s ease-out;
    opacity: 0;
  }
  #search-item__wrap[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
  }
  .search-item__container {
    width: 100%;
    transform: translateY(0);
    transition: .3s ease-out;
    margin: 40px 0;
  }
  #search-item__wrap[aria-hidden='false'] .search-item__container{
    transform: translateY(40px);
  }
  #search-item__wrap h2{
    text-align: left;
    padding: 20px 24px;
    position: relative;
  }
  .search-wrap_close-btn {
    width: 60px;
    height: 55px;
    display: block;
    position: absolute;
    inset: 0 0 auto auto;
    margin: auto;
    z-index: 5;
  }
  .search-wrap_close-btn::before,
  .search-wrap_close-btn::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 30px;
    height: 1px;
    background-color: #202020;
    transform: rotate(45deg);
  }
  .search-wrap_close-btn::after {
    transform: rotate(-45deg);
  }
}
@media screen and (min-width: 960px) {
  .search-wrap_close-btn {
    display: none;
  }
}
.pagination {
  width: 100%;
  margin: 36px auto 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.pagination a{
  font-size: 1.4rem !important;
  font-family: var(--fontf_num);
  font-weight: 400;
  display: grid;
  place-items: center;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #202020 !important;
}
.pagination .active a,
.pagination a:hover{
  color: #fff !important;
  background-color: #202020 !important;
}
#id_pager_first a,
#id_pager_last a{
  border: none !important;
  position: relative;
  background-color: transparent !important;
}
#id_pager_first a:hover,
#id_pager_last a:hover{
  opacity: .5;
}
#id_pager_first a::before,
#id_pager_first a::after,
#id_pager_last a::before,
#id_pager_last a::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border: 1px solid #202020;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}
#id_pager_first a::before,
#id_pager_first a::after {
  transform: rotate(-135deg);
}
@media screen and (max-width: 959px) {
  .pagination {
    margin: 32px auto 40px;
  }
}


/* ==== ?????? ???? ==== */
.head-image {
  width: 100vw;
  background-image: url('../../../images/MO_image_2400_1200.jpg');
  background-size: cover;
  overflow: hidden;
  background-position: 50% 50%;
  color: #fff;
  position: relative;
  z-index: 0;
}
.head-image .container {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  height: 100%;
}
.head-image::before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: rgba(0,0,0,.4);
}
.head-image p {
  font-family: var(--fontf_serif);
  font-size: min(2.6vw, 4rem);
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 0 10px 12px;
}
.head-image span {
  font-family: var(--fontf_sans-s);
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 2px;
  display: block;
  letter-spacing: 0.1em;
}
.head-image img{
  display: block;
  position: relative;
  z-index: 1;
}

.head-image__text-wrap {
  position: relative;
  z-index: 1;
}
.information_btn {
  width: fit-content;
  font-family: var(--fontf_sans-s);
  display: block;
  min-height: 44px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  background-color: rgba(0,0,0, .27);
  border-radius: 50px;
  padding: 4px 30px 4px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
}
.information_btn:hover {
  text-decoration: none;
  color: #fff;
  opacity: .7;
}
.information_btn::before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49969 0.499512C4.08219 0.499512 0.5 4.08179 0.5 8.50011C0.5 12.9184 4.08219 16.5007 8.49969 16.5007C12.9172 16.5007 16.5 12.9184 16.5 8.50011C16.5 4.08179 12.9184 0.499512 8.49969 0.499512ZM9.90438 12.1733C9.58063 12.5324 9.39531 12.7459 9.04594 13.08C8.51719 13.5857 7.91687 13.7201 7.45031 13.2213C6.77938 12.5037 7.48312 10.3209 7.50031 10.2381C7.62625 9.65805 7.87781 8.49823 7.87781 8.49823C7.87781 8.49823 7.33438 8.83077 7.01188 8.94891C6.77406 9.0358 6.50469 8.92172 6.43844 8.69169C6.37656 8.47854 6.42594 8.3429 6.55625 8.19726C6.87969 7.83847 7.06531 7.62501 7.41469 7.29091C7.94375 6.78523 8.54375 6.65084 9.01031 7.14964C9.68125 7.86723 9.18625 9.04767 9.01219 9.88433C8.995 9.96715 8.58281 11.873 8.58281 11.873C8.58281 11.873 9.12625 11.5405 9.44875 11.422C9.68719 11.3354 9.95625 11.4498 10.0228 11.6795C10.085 11.8927 10.035 12.0283 9.90438 12.1737V12.1733ZM9.03656 6.00389C8.29 6.06952 7.6325 5.51758 7.56687 4.77031C7.50187 4.02398 8.05375 3.36609 8.80031 3.30108C9.54625 3.23545 10.2044 3.78801 10.2694 4.53435C10.335 5.28068 9.7825 5.93888 9.03656 6.00389Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 13px
}
@media screen and (max-width: 959px) {
  .information_btn {
    font-size: 1.3rem;
    padding: 4px 20px 4px;
    background-color: rgba(0,0,0,.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
@media screen and (min-width: 960px) {
  .head-image {
    aspect-ratio: 4/1;
    height: 100%;
    max-height: 300px;
  }
  .head-image::before{
    background-color: rgba(0,0,0,.4);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
  }
  .head-image__text-wrap {
    width: 50%;
  }
  .head-image img{
    height: 100%;
    aspect-ratio: 670/300;
    filter: drop-shadow(0px 0px 34px rgba(0,0,0,.1));
    -webkit-filter: drop-shadow(0px 0px 34px rgba(0,0,0,.1));
  }
}
@media screen and (max-width: 959px) {
  .head-image {
    aspect-ratio: 375/250;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container {
    height: fit-content;
  }
  .head-image span {
    font-size: 1.2rem;
    /* margin-bottom: 5px; */
  }
  .head-image p {
    font-size: 2.4rem;
    margin: 0 0 10px 0;
  }
  .head-image img{
    display: none;
  }
}
/* ==== END ?????? ???? ==== */

/* ==== ????????? ==== */
#site-guide__area {
  width: 100vw;
  background-color: #fff;
  padding: 120px 0;
  border-bottom: 4px solid #EAEAEA;
}
#site-guide__area .guide-list{
  display: flex;
  margin: 0 auto;
}
#site-guide__area .list-item {
  width: 32%;
  height: fit-content;
  aspect-ratio: 379 / 230;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: .3s;
}
#site-guide__area .list-item a::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  margin: auto;
  z-index: 0;
  transition: .3s;
}
#site-guide__area a:hover::before {
  background-color: rgba(0,0,0,.5);
}
#site-guide__area a.list-item_bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-image: url('../../../images/site-guide_image02.jpg');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#site-guide__area .list-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--fontf_sans-s);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  background-color: #202020;
  padding: 0 25px 0 32px;
  gap: 12px;
  min-width: 200px;
  min-height: 60px;
  border-radius: 8px 0 0 0;
  font-size: 1.6rem;
  width: fit-content;
  position: absolute;
  inset: auto 0 0 auto;
  margin: auto;
  z-index: 1;
  transition: .3s;
  /* border: .5px solid rgba(255,255,255, .5) */
}
#site-guide__area .list-title::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}
#site-guide__area a.list-item_bg:hover .list-title {
  background-color: rgba(255,255,255,.95);
  color: #202020;
}
#site-guide__area a.list-item_bg:hover .list-title::after {
  border-color: #202020;
}
@media screen and (min-width: 960px) {
  #site-guide__area {
  }
  #site-guide__area .guide-list{
    align-items: center;
  }
}
@media screen and (max-width: 959px) {
  #site-guide__area {
    padding: 60px 15px;
  }
  #site-guide__area .guide-list{
    flex-direction: column;
    gap: 12px;
  }
  #site-guide__area .list-item{
    width: 100%;
    height: fit-content;
    aspect-ratio: 345 / 150;
  }
  #site-guide__area .list-title {
    font-size: 1.5rem;
  }
}
/* ==== END ????????? ==== */

/* ==== ??????? ==== */
.after-sale .head-image {
  /* background-image: url('../../../images/aftersale_banner_1340_600.jpg'); */
  background-image: url('../../../images/aftersale_banner_1340_600.jpg');
}
.after-sale .head-image p {
  letter-spacing: 0;
}
@media screen and (max-width: 959px) {
  .after-sale .head-image::before{
    background-color: rgba(0,0,0,.5);
  }
  .after-sale .head-image p {
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .5));
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .5));
  }
}
.after-sale .head-image span {
  letter-spacing: 0.05em;
  margin-bottom: .4em;
  font-family: var(--fontf_serif);
}
.sold-out.goods-list__item .item_image{
  position: relative;
}
.sold-out.goods-list__item .item_image::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: rgba(0,0,0,.6);
  inset: 0;
  margin: auto;
}
.sold-out.goods-list__item .item_image::after {
  content: 'SOLD OUT';
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 2rem;
  letter-spacing: .1em;
  font-weight: 700;
  font-family: var(--fontf_sans-s);
  filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));
  position: absolute;
  inset: 0;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .sold-out.goods-list__item .item_image::before {
    width: min(calc(100% - 24px), 200px);
  }
  .sold-out.goods-list__item .item_image::after {
    font-size: 1.7rem;
  }
}
/* ==== END ??????? ==== */

.noauction-label{
	padding-left: 30px;
}
@media screen and (max-width: 959px) {
	.noauction-label{
		padding-left: 0px;
	}
	.noauction-image{
		width:90% !important;
	}
}