.purchase-price-area {
  position: relative;
  z-index: 99;
}

#enhanced-purchase-brands .purchase-brands-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.13cqw;
  padding: 0 4cqw 4cqw;
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item {
  border: 1px solid #7e7558;
  background-color: var(--color-white);
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item .purchase-brands-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item .purchase-brands-link .purchase-brands-img {
  padding: 2.13cqw 6.4cqw 0;
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item .purchase-brands-link .purchase-brands-img img {
  width: 100%;
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item .purchase-brands-link .purchase-brands-name-en {
  font-family: Roboto, sans-serif;
  text-align: center;
  margin-top: 15px;
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item .purchase-brands-link .purchase-brands-name {
  padding: 0 3.07cqw 2.13cqw;
  text-align: center;
  margin-top: 4px;
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item .purchase-brands-link .purchase-brands-btn {
  margin-top: auto;
  padding: 2.93cqw 3.2cqw;
  border-top: 1px solid var(--color-sand);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#enhanced-purchase-brands .purchase-brands-list .purchase-brands-item .purchase-brands-link .purchase-brands-btn::after {
  content: "";
  display: block;
  width: 2.13cqw;
  height: 2.13cqw;
  border-top: 0.75cqw solid var(--color-red);
  border-right: 0.75cqw solid var(--color-red);
  transform: rotate(45deg);
  flex-shrink: 0;
}

#enhanced-purchase-brands .purchase-brands-btn-wrap {
  margin: 4.27cqw 4cqw 6.4cqw;
}

#brand-search .jewel-search-heading {
  text-align: center;
}

#brand-search .jewel-search-form {
  display: flex;
  align-items: center;
  gap: 2.13cqw;
  margin: 6.67cqw 4cqw 0;
}

#brand-search .jewel-search-form .jewel-search-input {
  background-color: var(--color-white);
  background-image: url("/daiya/wp-content/themes/otakaraya/assets/img/purchase_price/search_icon.svg");
  background-repeat: no-repeat;
  background-position: 2.13cqw center;
  background-size: 6.4cqw 6.4cqw;
  border: 1px solid var(--color-olive);
  width: 63.47cqw;
  color: var(--color-black);
  padding: 4.53cqw 2.13cqw 4.53cqw 9.6cqw;
}

#brand-search .jewel-search-form .jewel-search-input::placeholder {
  color: var(--color-placeholder);
}

#brand-search .jewel-search-form .jewel-search-btn {
  background-color: var(--color-red);
  padding: 4.53cqw 5.33cqw;
  border-radius: 13.33cqw;
  color: var(--color-white);
  white-space: nowrap;
}

#brand-search .jewel-search-lead,
#brand-search .jewel-search-status {
  text-align: center;
  margin-top: 6.67cqw;
}

#brand-search .jewel-search-status:empty {
  display: none;
}

#brand-search .jewel-search-limit-wrap {
  height: 500px;
}

#brand-search .jewel-search-groups {
  margin: 6.67cqw 4cqw 0;
}

#brand-search .jewel-search-group + .jewel-search-group {
  margin-top: 4cqw;
}

#brand-search .jewel-search-group-head {
  margin: 0 0 1.6cqw;
  padding: 3.2cqw 4cqw;
  text-align: center;
  background-color: var(--color-white);
  border: 1px solid #7e7558;
}

#brand-search .jewel-search-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6cqw;
  list-style: none;
  padding: 3.73cqw;
  margin: 0;
  background-color: var(--color-white);
  border: 1px solid #7e7558;
}

#brand-search .jewel-search-item[hidden],
#brand-search .jewel-search-group[hidden] {
  display: none;
}

#brand-search .jewel-search-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  min-height: 10.67cqw;
  padding: 2.13cqw 2.67cqw;
  color: inherit;
  text-decoration: none;
  border: 1px solid var(--color-sand);
  background-color: var(--color-white);
}

#brand-search .jewel-search-link::after {
  content: "";
  display: block;
  width: 2.13cqw;
  height: 2.13cqw;
  border-top: 0.75cqw solid var(--color-red);
  border-right: 0.75cqw solid var(--color-red);
  transform: rotate(45deg);
  flex-shrink: 0;
  margin-left: 2.13cqw;
}

#high-demand-jewelry .color-jewel-search-img-line {
  margin: 0 auto 6.4cqw;
  width: 80cqw;
}

#high-demand-jewelry .color-jewel-search-img-line img {
  display: block;
  width: 100%;
  height: 0.2cqw;
}

#high-demand-jewelry .color-jewel-search-heading {
  text-align: center;
}

#high-demand-jewelry .color-jewel-search-groups {
  margin: 4cqw 0;
}

#high-demand-jewelry .color-jewel-search-group + .color-jewel-search-group {
  margin-top: 6.4cqw;
}

#high-demand-jewelry .color-jewel-search-group-title {
  margin: 0 4cqw 3.2cqw;
  padding: 3.2cqw 4cqw;
  text-align: center;
  background-color: var(--color-white);
  border: 1px solid #7e7558;
}

#high-demand-jewelry .color-jewel-search-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.13cqw;
  padding: 0 4cqw;
}

#high-demand-jewelry .color-jewel-search-item {
  border: 1px solid #7e7558;
  background-color: var(--color-white);
}

#high-demand-jewelry .color-jewel-search-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#high-demand-jewelry .color-jewel-search-img {
  padding: 2.13cqw 6.4cqw 0;
}

#high-demand-jewelry .color-jewel-search-img-el {
  width: 100%;
}

#high-demand-jewelry .color-jewel-search-name {
  min-height: 10.67cqw;
  margin-top: 4cqw;
  padding: 0 3.1cqw 2.1cqw;
  text-align: center;
}

#high-demand-jewelry .color-jewel-search-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding: 2.9cqw 3.2cqw;
  border-top: 1px solid var(--color-sand);
}

#high-demand-jewelry .color-jewel-search-btn::after {
  content: "";
  display: block;
  width: 2.13cqw;
  height: 2.13cqw;
  border-top: 0.75cqw solid var(--color-red);
  border-right: 0.75cqw solid var(--color-red);
  transform: rotate(45deg);
  flex-shrink: 0;
}

.purchase-price-tabs {
  background-color: var(--color-cream);
  margin-top: 6.67cqw;
}

.purchase-price-tabs .purchase-price-tabs-nav {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0;
  margin-bottom: 5.33cqw;
  justify-content: center;
  align-items: flex-end;
  background-color: var(--color-white);
  position: relative;
}

.purchase-price-tabs .purchase-price-tabs-nav::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--color-olive);
  z-index: 1;
}

.purchase-price-tabs .purchase-price-tabs-nav .purchase-price-tab {
  position: relative;
  z-index: 2;
  width: 34.93cqw;
  height: 9.07cqw;
  color: var(--color-white);
  letter-spacing: 0.08em;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(to bottom left, #4a4a4a 0%, #6c7375 67%, #4a4a4a 100%);
  border: 1px solid var(--color-olive);
  border-bottom: none;
  border-radius: 1.33cqw 1.33cqw 0 0;
  transition: background 0.2s ease, color 0.2s ease;
}

.purchase-price-tabs .purchase-price-tabs-nav .purchase-price-tab.is-active {
  z-index: 3;
  width: 56.53cqw;
  height: 12.27cqw;
  color: var(--color-olive);
  font-weight: bold;
  background: var(--color-cream);
  --f-base: 16;
}

.purchase-price-tabs .purchase-price-tabs-panels {
  overflow: hidden;
  display: flow-root;
}

.purchase-price-tabs .purchase-price-tabs-panels .purchase-price-tabs-panel {
  display: none;
}

.purchase-price-tabs .purchase-price-tabs-panels .purchase-price-tabs-panel.is-active {
  display: block;
}

.purchase-price-tabs .purchase-price-tabs-panels .purchase-price-tabs-panel.is-animated[data-panel="brand"] {
  animation: purchase-price-slide-in-right 0.4s ease-out both;
}

.purchase-price-tabs .purchase-price-tabs-panels .purchase-price-tabs-panel.is-animated[data-panel="type"] {
  animation: purchase-price-slide-in-left 0.4s ease-out both;
}

#enhanced-purchase-brands .purchase-brands-link,
#high-demand-jewelry .color-jewel-search-link {
  transition: opacity 0.2s ease;
}

#enhanced-purchase-brands .purchase-brands-link:hover,
#high-demand-jewelry .color-jewel-search-link:hover {
  opacity: 0.6;
}

@keyframes purchase-price-slide-in-right {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes purchase-price-slide-in-left {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}