/* 基準価額一覧ページ */

.un_basePriceHistory_date {
  font-size: clamp(11px, 0.9vw, 14px);
  color: #7a7672;
  letter-spacing: 0.04em;
  margin-top: clamp(16px, 2.09vw, 32px);
  text-align: right;
}

/* 一覧（PC: 4列グリッド / SP: スライダー。JS未動作時は1列） */
.un_basePriceHistory {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: clamp(16px, 4.45vw, 24px);
  padding-block: clamp(16px, 2.09vw, 32px) 0;
}

/* カード */
.un_basePriceHistory_fund {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 4px solid #a69c6e;
  border-radius: 0;
  background-color: #fff;
  color: inherit;
}

/* ファンド名・概要（金色の帯） */
.un_basePriceHistory_fundInfo {
  display: grid;
  justify-items: center;
  align-content: start;
  row-gap: clamp(6px, 0.6vw, 10px);
  min-height: clamp(96px, 8.5vw, 132px);
  padding: clamp(14px, 1.39vw, 22px) 8px clamp(40px, 3.6vw, 56px);
  background-color: #a69c6e;
  color: #fff;
  text-align: center;
}

.un_basePriceHistory_fundSummary {
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(9px, 0.8vw, 12.5px);
  line-height: 1.5;
}

.un_basePriceHistory_fundName {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 0.5em;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  line-height: 1.3;
}

.un_basePriceHistory_fundLabel {
  font-size: clamp(9px, 0.75vw, 12px);
  font-weight: 400;
}

.un_basePriceHistory_fundNameJa {
  font-size: clamp(20px, 2.09vw, 32px);
  letter-spacing: 0.08em;
}

.un_basePriceHistory_fundCode {
  display: none;
}

/* 丸アイコン */
.un_basePriceHistory_icon {
  display: block;
  position: relative;
  width: clamp(64px, 6vw, 92px);
  height: clamp(64px, 6vw, 92px);
  margin: calc(clamp(64px, 6vw, 92px) / -2) auto 0;
  border: 2px solid #a69c6e;
  border-radius: 50%;
  object-fit: cover;
}

/* 統計 */
.un_basePriceHistory_stats {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: clamp(16px, 1.6vw, 24px) clamp(16px, 1.7vw, 26px) 0;
}

.un_basePriceHistory_stat {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: clamp(8px, 0.9vw, 14px) 0;
}

.un_basePriceHistory_stat dt {
  font-size: clamp(11px, 0.9vw, 14px);
  font-weight: 600;
  color: #3e3a39;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.un_basePriceHistory_statValue {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.1em;
  font-size: clamp(16px, 1.5vw, 24px);
  font-weight: 700;
  color: #3e3a39;
  line-height: 1.2;
  white-space: nowrap;
}

.un_basePriceHistory_statUnit {
  font-size: 0.62em;
  font-weight: 400;
  margin-left: 0.3em;
}

.un_basePriceHistory_statPct {
  font-size: 0.62em;
  font-weight: 400;
}

.un_basePriceHistory_statValue.is_positive {
  color: #2a7d46;
}

.un_basePriceHistory_statValue.is_negative {
  color: #b83232;
}

/* ボタン（リンク） */
.un_basePriceHistory_btn {
  display: block;
  margin: clamp(12px, 1.2vw, 18px) clamp(16px, 1.7vw, 26px)
    clamp(16px, 1.7vw, 26px);
  margin-top: auto;
  padding: clamp(8px, 0.9vw, 14px) 12px;
  border-radius: 999px;
  background-color: #a69c6e;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: clamp(11px, 0.9vw, 14px);
  font-weight: 700;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s ease;
}

.un_basePriceHistory_btn::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.75em;
  margin-left: 0.6em;
  background: url("../images/common/icon_arrow_right_double.svg") no-repeat
    center / contain;
}

@media (hover: hover) and (pointer: fine) {
  .un_basePriceHistory_btn:hover {
    opacity: 0.8;
  }
}

/* スライダーのラッパー・矢印 */
.un_basePriceSlider {
  position: relative;
}

.un_basePriceSlider_nav {
  display: none;
}

/* PC */
@media (min-width: 768px) {
  .un_basePriceHistory {
    grid-template-columns: repeat(4, 1fr);
    column-gap: clamp(16px, 2.09vw, 32px);
    align-items: stretch;
  }
}

/* 768〜1199px: 4列のまま、サイズをvwで縮小（ラベルと金額は縦積み） */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .un_basePriceHistory {
    column-gap: 1.6vw;
  }

  .un_basePriceHistory_fund {
    border-width: 3px;
  }

  .un_basePriceHistory_fundInfo {
    min-height: 0;
    padding: 1.6vw 0.8vw 6.8vw;
    row-gap: 0.7vw;
  }

  .un_basePriceHistory_fundSummary {
    font-size: 1.3vw;
  }

  .un_basePriceHistory_fundLabel {
    font-size: 1.25vw;
  }

  .un_basePriceHistory_fundNameJa {
    font-size: 2.7vw;
  }

  .un_basePriceHistory_icon {
    width: 11vw;
    height: 11vw;
    margin-top: -5.5vw;
  }

  .un_basePriceHistory_stats {
    padding: 1.6vw 1.2vw 0;
  }

  .un_basePriceHistory_stat {
    flex-direction: column;
    align-items: center;
    gap: 0.3vw;
    padding: 1vw 0;
  }

  .un_basePriceHistory_stat dt {
    font-size: 1.4vw;
  }

  .un_basePriceHistory_statValue {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 2.3vw;
  }

  .un_basePriceHistory_btn {
    margin: 1.4vw 1.2vw 1.6vw;
    padding: 1.1vw 0.4vw;
    font-size: 1.3vw;
    letter-spacing: 0;
  }
}

/* SP: スライダー */
@media (max-width: 767.98px) {
  .un_basePriceHistory_date {
    font-size: 3.06vw;
    margin-top: 4.45vw;
  }

  .un_basePriceSlider {
    padding-inline: 4vw;
  }

  .un_basePriceSlider_viewport {
    overflow: hidden;
    padding-bottom: 4vw;
  }

  .un_basePriceHistory {
    display: flex;
    padding-block-start: 4vw;
  }

  .un_basePriceHistory:not(.swiper-wrapper) {
    display: grid;
  }

  .un_basePriceHistory_fund {
    height: auto;
  }

  .un_basePriceHistory_fundInfo {
    min-height: 0;
    padding: 5vw 3vw 15vw;
    row-gap: 2vw;
  }

  .un_basePriceHistory_fundSummary {
    font-size: 3.1vw;
  }

  .un_basePriceHistory_fundLabel {
    font-size: 3.2vw;
  }

  .un_basePriceHistory_fundNameJa {
    font-size: 8vw;
  }

  .un_basePriceHistory_icon {
    width: 24vw;
    height: 24vw;
    margin-top: -12vw;
  }

  .un_basePriceHistory_stats {
    padding: 5vw 6vw 0;
  }

  .un_basePriceHistory_stat {
    padding: 2.6vw 0;
  }

  .un_basePriceHistory_stat dt {
    font-size: 3.6vw;
  }

  .un_basePriceHistory_statValue {
    font-size: 5.4vw;
  }

  .un_basePriceHistory_btn {
    margin: 4vw 6vw 6vw;
    padding: 3.4vw 3vw;
    font-size: 3.9vw;
  }

  .is_slider .un_basePriceSlider_nav {
    display: block;
    position: absolute;
    top: 58%;
    z-index: 2;
    width: 8.5vw;
    height: 8.5vw;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #a69c6e url("../images/common/icon_arrow_right_double.svg")
      no-repeat center / 40% auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }

  .is_slider .un_basePriceSlider_nav__prev {
    left: 0;
    rotate: 180deg;
  }

  .is_slider .un_basePriceSlider_nav__next {
    right: 0;
  }

  .is_slider .un_basePriceSlider_nav.swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
  }
}