#archive_itemall {
  padding-bottom: 18.2rem;
}

#archive_itemall > .in {
  display: flex;
  flex-wrap: wrap;
  gap: 2.6rem;
  justify-content: space-between;
  align-items: flex-start;
}
#archive_itemall .sort_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#archive_itemall .sort_wrap select {
  padding: 1.2rem 5rem 1.1rem 0;
  border: none;
  border-radius: 0;
  font-size: 1.2rem;
  font-weight: var(--regular);
  letter-spacing: 0.04em;
  background: none;
  cursor: pointer;
}
#archive_itemall .sort_wrap .sort_select {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.9rem;
  font-size: 1.2rem;
  border: 1px solid #E5E5E5;
  border-radius: 5rem;
  padding: 0 0 0 5rem;
  font-weight: var(--regular);
  letter-spacing: 0.04em;
}
#archive_itemall .sort_wrap .sort_select option {
  font-weight: var(--regular);
}
#archive_itemall .sort_wrap .sort_select::after {
  position: absolute;
  top: 50%;
  right: 2.1rem;
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 0.2rem solid #E5E5E5;
  border-right: 0.2rem solid #E5E5E5;
  transform: translateY(-50%) rotate(135deg);
}
#archive_itemall .sort_wrap .sort_select p {
  white-space: nowrap;
  line-height: 1.75;
}
#archive_itemall .ranking_sort {
  width: 28.4rem;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  padding: 1.4rem;
  text-align: center;
  color: var(--color-white);
  background: var(--color-green);
  border-radius: 1rem;
  line-height: 1;
}
#archive_itemall aside {
  position: sticky;
  top: 9rem;
  top: 11rem;
  width: 28.4rem;
  padding: 1.5rem 1.8rem 2.5rem;
  background: var(--color-white);
  border-radius: 1rem;
  box-shadow: 0 0.2rem 0.6rem rgb(0 0 0 / 0.1);
}
#archive_itemall aside dl {
  border-bottom: 1px solid #D9D9D9;
}
#archive_itemall aside dt {
  position: relative;
  padding: 1.5rem 0.72rem;
  padding-right: 4rem;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
#archive_itemall aside dt::before,
#archive_itemall aside dt::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1px;
  background: var(--color-txt);
  transition: .3s;
  transform: translateY(-50%);
}
#archive_itemall aside dt::after {
  transform: translateY(-50%) rotate(90deg);
}
#archive_itemall aside dt.open::after {
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}
#archive_itemall aside dd {
  padding: 0 0 2.5rem 0;
  display: none;
}
#archive_itemall aside dd a {
  position: relative;
  display: block;
  padding-left: 1.2rem;
  font-size: 1.4rem;
  font-weight: var(--regular);
  color: #909090;
}
#archive_itemall aside dd a::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  display: block;
  width: 0.9rem;
  height: 1px;
  background: #909090;
  transform: translateY(-50%);
}
#archive_itemall aside dd a + a {
  margin-top: 1.5rem;
}
#archive_itemall aside dd a.current {
  color: var(--color-green);
  font-weight: var(--medium);
}
#archive_itemall aside dd a.current::before {
  background: var(--color-green);
}
#archive_itemall.renew .collection_list {
  margin-top: -6rem;
}
#archive_itemall .collection_list {
  width: 104.3rem;
}
#archive_itemall .collection_list .product_list {
  gap: 5rem 2.9rem;
  flex-wrap: wrap;
}
#archive_itemall .collection_list .product_card {
  width: calc(33.33% - (2.9rem * 2 / 3));
  min-width: auto;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #archive_itemall {
    padding-bottom: 10rem;
  }
  #archive_itemall .sort_wrap {
    gap: 1rem;
    flex-wrap: wrap;
  }
  #archive_itemall .sort_wrap .sort_select {
    margin: 0 auto;
  }
  #archive_itemall .ranking_sort {
    width: 100%;
    font-size: 1.2rem;
  }
  #archive_itemall aside {
    position: static;
    width: 100%;
  }
  #archive_itemall aside dt {
    font-size: 1.3rem;
  }
  #archive_itemall aside dd a {
    font-size: 1.2rem;
  }
  #archive_itemall .collection_list {
    margin-top: 0 !important;
    width: 100%;
  }
  #archive_itemall .collection_list .product_list {
    gap: 1rem;
  }
  #archive_itemall .collection_list .product_card {
    width: calc(50% - 0.5rem);
  }
  #archive_itemall .collection_list .product_card a {
    padding: 1.5rem;
  }
}


/* 20250718 検索改修 -------------------- */
#archive_itemall.renew .sort_wrap {
  gap: 2rem;
}
#archive_itemall.renew .sort_wrap .sort_select {
  width: 23.7rem;
}
#archive_itemall.renew .sort_wrap {
  justify-content: flex-end;
  margin-bottom: 2rem;
}
#archive_itemall.renew aside > .accordion > .accordion_ttl {
  display: none;
}
#archive_itemall .collection_list .product_list.col2 {
  gap: 3rem 2.5rem;
}
#archive_itemall .collection_list .product_list.col2 .product_card {
  width: calc(50% - (2.5rem * 1 / 2));
}
#archive_itemall aside label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  position: relative;
}
#archive_itemall aside label + label {
  margin-top: 1.3rem;
}
#archive_itemall aside input[type="checkbox"] {
  margin: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-color: var(--color-green);
}
#archive_itemall aside input[type="checkbox"]:checked {
  background-color: var(--color-green);
  box-shadow: none;
}
#archive_itemall aside input[type="checkbox"]::before {
  content: none;
}
#archive_itemall aside .accordion_contents br:last-of-type {
  display: none;
}
#archive_itemall aside .accordion_contents input:not([type="radio"],[type="checkbox"],[type="submit"],[type="button"]) {
  border: 1px solid #707070;
  border-radius: 0;
  padding: 1rem;
  height: 3.9rem;
  background: var(--color-white) !important;
}
#archive_itemall aside .accordion_contents button[type="submit"]:not(.button_sp) {
  height: 3.9rem;
  width: 6.4rem;
  min-width: 6.4rem;
  background: #474747;
  font-size: 1.4rem;
  text-align: center;
  color: var(--color-white);
}

#archive_itemall .search_active {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: calc(100% - 23.7rem - 2rem);
}
#archive_itemall .search_active li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  border: 1px solid #8EDBD4;
  border-radius: 2rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
#archive_itemall .search_active li .remove {
  cursor: pointer;
}
#archive_itemall aside dl.kinds dd br,
#archive_itemall aside dl.seat dd br,
#archive_itemall aside dl.washing dd br,
#archive_itemall aside dl.hand_washing dd br,
#archive_itemall aside dl.shape dd br,
#archive_itemall aside dl.installation dd br,
#archive_itemall aside dl.auto dd br,
#archive_itemall aside dl.rekindling dd br {
  display: none;
}
#archive_itemall aside dl.kinds dd > div,
#archive_itemall aside dl.seat dd > div,
#archive_itemall aside dl.washing dd > div,
#archive_itemall aside dl.hand_washing dd > div,
#archive_itemall aside dl.shape dd > div,
#archive_itemall aside dl.installation dd > div,
#archive_itemall aside dl.auto dd > div,
#archive_itemall aside dl.rekindling dd > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
#archive_itemall aside dl.kinds label,
#archive_itemall aside dl.seat label,
#archive_itemall aside dl.washing label,
#archive_itemall aside dl.hand_washing label,
#archive_itemall aside dl.shape label,
#archive_itemall aside dl.installation label,
#archive_itemall aside dl.auto label,
#archive_itemall aside dl.rekindling label {
  position: relative;
  width: max-content;
  padding: 0.5rem 0.8rem;
  letter-spacing: 0.04em;
  font-size: 1.3rem;
  font-weight: 600;
}
#archive_itemall aside dl.kinds label input[type="checkbox"],
#archive_itemall aside dl.seat label input[type="checkbox"],
#archive_itemall aside dl.washing label input[type="checkbox"],
#archive_itemall aside dl.hand_washing label input[type="checkbox"],
#archive_itemall aside dl.shape label input[type="checkbox"],
#archive_itemall aside dl.installation label input[type="checkbox"],
#archive_itemall aside dl.auto label input[type="checkbox"],
#archive_itemall aside dl.rekindling label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: #F0F0F0;
  color: #4A4A4A;
  border: none;
}
#archive_itemall aside dl.kinds label span,
#archive_itemall aside dl.seat label span,
#archive_itemall aside dl.washing label span,
#archive_itemall aside dl.hand_washing label span,
#archive_itemall aside dl.shape label span,
#archive_itemall aside dl.installation label span,
#archive_itemall aside dl.auto label span,
#archive_itemall aside dl.rekindling label span {
  position: relative;
  z-index: 1;
}
#archive_itemall aside dl.kinds label input[type="checkbox"]:checked,
#archive_itemall aside dl.seat label input[type="checkbox"]:checked,
#archive_itemall aside dl.washing label input[type="checkbox"]:checked,
#archive_itemall aside dl.hand_washing label input[type="checkbox"]:checked,
#archive_itemall aside dl.shape label input[type="checkbox"]:checked,
#archive_itemall aside dl.installation label input[type="checkbox"]:checked,
#archive_itemall aside dl.auto label input[type="checkbox"]:checked,
#archive_itemall aside dl.rekindling label input[type="checkbox"]:checked {
  background: var(--color-green);
}
#archive_itemall aside dl.kinds label:has(input[type="checkbox"]:checked),
#archive_itemall aside dl.seat label:has(input[type="checkbox"]:checked),
#archive_itemall aside dl.washing label:has(input[type="checkbox"]:checked),
#archive_itemall aside dl.hand_washing label:has(input[type="checkbox"]:checked),
#archive_itemall aside dl.shape label:has(input[type="checkbox"]:checked),
#archive_itemall aside dl.installation label:has(input[type="checkbox"]:checked),
#archive_itemall aside dl.auto label:has(input[type="checkbox"]:checked),
#archive_itemall aside dl.rekindling label:has(input[type="checkbox"]:checked) {
  color: var(--color-white);
}
#archive_itemall.renew .accordion_triger {
  display: none;
}
@media screen and (min-width: 768px) {
  #archive_itemall .button_sp {
    display: none;
  }
  .search-result {
/*    display: none;*/
    position: absolute;
    top: -4rem;
    left: 0;
    font-size: 2rem;
    width: 100%;
    text-align: center;
    pointer-events: none;
  }
  .search-result .u-sp{
    display: none;
  }
  .search-result.button {
    background: none !important;
    width: 100% !important;
    padding: 0 !important;
    color: var(--color-txt) !important;
    font-size: 2rem !important;
    height: auto !important;
  }
  .search-result span:not(#search-result) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #archive_itemall.renew .sort_wrap {
    gap: 2rem;
    flex-direction: column-reverse;
  }
  #archive_itemall.renew .sort_wrap .sort_select {
    width: auto;
  }
  #archive_itemall.renew {
    padding-top: 0;
  }
  #archive_itemall.renew aside > .accordion > .accordion_ttl {
    position: relative;
    display: block;
    padding: 3.1rem 3.7rem 3.1rem 2.6rem;
    margin: -1.5rem -1.8rem -2.5rem;
    font-size: 1.4rem;
  }
  #archive_itemall.renew aside > .accordion > .accordion_ttl::before,
  #archive_itemall.renew aside > .accordion > .accordion_ttl::after {
    right: 1.9rem;
  }
  #archive_itemall.renew aside dt {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
  }
  #archive_itemall.renew aside > .accordion > .accordion_contents {
    display: none;
    padding-top: 3rem;
  }
  #archive_itemall.renew aside dt {
    font-size: 1.4rem;
  }
  #archive_itemall.renew .accordion_triger {
    position: relative;
    margin: 3rem auto 0;
    font-size: 1.2rem;
    padding-top: 1.9rem;
    padding-bottom: 2.4rem;
    text-align: center;
    display: block;
  }
  #archive_itemall.renew .accordion_triger::before {
    position: absolute;
    left: 50%;
    top: 1rem;
    transform: translateX(-50%);
    content: "";
    display: block;
    width: 1.4rem;
    height: 1px;
    background: var(--color-txt);
  }
  #archive_itemall .collection_list .product_list.col2 .product_card {
    width: 100%;
  }
  #archive_itemall .search_active {
    width: calc(100% + 4rem);
    margin: 0 -2rem;
    padding: 0 2rem;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 0.6rem;
  }
  #archive_itemall .search_active::-webkit-scrollbar {
    display: none;
  }
  #archive_itemall .search_active li {
    font-size: 1.1rem;
    padding: 0.8rem 1.6rem;
    min-width: max-content;
  }
  #archive_itemall .button_sp {
    margin-top: 4.4rem;
  }
  #archive_itemall aside dl.kinds label,
  #archive_itemall aside dl.seat label,
  #archive_itemall aside dl.washing label,
  #archive_itemall aside dl.hand_washing label,
  #archive_itemall aside dl.shape label,
  #archive_itemall aside dl.installation label,
  #archive_itemall aside dl.auto label,
  #archive_itemall aside dl.rekindling label {
    padding: 0.6rem 1.2rem;
    font-size: 1.5rem;
  }
/*
  #search-result {
    display: block;
    text-align: center;
    margin: 2.6rem 0;
    font-size: 1.6rem;
  }
  #search-result small {
    padding-left: 1rem;
    font-size: 1.2rem;
  }
  #search-result + .button_sp {
    margin-top: 0.5rem;
  }
*/
  .search-result {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
    text-align: center !important;
    width: calc(100% - 1.2rem) !important;
    font-size: 1.6rem !important;
    position: fixed !important;
    right: .6rem !important;
    bottom: 6rem !important;
    background: var(--color-gr) !important;
    border-radius: 0.6rem !important;
    color: #ffffff !important;
    padding: 0 !important;
    height: 5rem !important;
    z-index: 999;
  }
  .search-result #search-result {
    display: flex;
    align-items: center;
    font-size: 2rem;
  }
  .search-result span:not(#search-result) {
    font-size: 1.5rem;
    padding-left: 1.5rem;
    margin-left: 1.5rem;
    border-left: 1px solid var(--color-white);
  }
  .search-result .u-sp{
    display: block!important;
  }
  .search-result small {
    padding-left: .2rem;
    font-size: 1.2rem;
  }
  .search-result + .button_sp {
    margin-top: 0.5rem;
  }
}


#archive_itemall .noproduct{
  font-size: 1.8rem;
}
#archive_itemall .input-remove{
  position: absolute;
  right: 80px;
}
@media screen and (max-width: 767px) {
  #archive_itemall .noproduct{
    font-size: 1.4rem;
    text-align: center;
    margin-top: 5rem;
  }
  #archive_itemall .input-remove{
     right: 8rem;
  }
}


@media screen and (min-width: 768px) {
  #archive_itemall aside .accordion {
    max-height: 81vh;
    overflow-x: scroll;
  }
  #archive_itemall aside .accordion::-webkit-scrollbar {
    display: none;
  }
}