@charset "utf-8";

/* ランキングアイコン */
#FundRanking .FundRankingTableBody .FundRankingTableRow	.FundRankingTableContentsRanking.rank1 {
	background-image: url(../packages/assets/ranking-1.svg);
}
#FundRanking .FundRankingTableBody .FundRankingTableRow	.FundRankingTableContentsRanking.rank2 {
	background-image: url(../packages/assets/ranking-2.svg);
}
#FundRanking .FundRankingTableBody .FundRankingTableRow	.FundRankingTableContentsRanking.rank3 {
	background-image: url(../packages/assets/ranking-3.svg);
}
#FundRanking .FundRankingTableBody .FundRankingTableRow	.FundRankingTableContentsRanking.rank4 {
	background-image: url(../packages/assets/ranking-4.svg);
}
#FundRanking .FundRankingTableBody .FundRankingTableRow	.FundRankingTableContentsRanking.rank5 {
	background-image: url(../packages/assets/ranking-5.svg);
}

/* NISA枠バッジラッパー */
#FundRanking .NisaWrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 2px;
}
#FundRanking .FundRankingTableContentsNISALabel::after {
	display: none;
}
/* ファンド名 */
#FundRanking .FundRankingTableContentsFundName:hover {
  opacity: 0.6;
  cursor: pointer; /* 指カーソル */
}
/* ミニチャート */
#FundRanking .FundRankingTableContentsFundChart {
  display: inline-block;
  /* 必要に応じて高さを固定する場合は以下を有効化 */
	height: 46px;
  width: 92.457px;
  line-height: 0; /* 画像の下余白対策 */
}

#FundRanking .FundRankingTableContentsFundChart img {
  display: block;
  width: 100%;
  height: auto; /* デフォルトは横幅基準でフィット */
  max-height: 100%;
  object-fit: contain; /* 高さを指定する場合でも収まりやすく */
}
#FundRanking .FundRankingTableContentsFundChart {
  /* ミニチャート */
  aspect-ratio: 120 / 59;
	border: none;
	padding: 0.5px;
}
/* シミュレーションリンク */
#FundRanking .FundRankingTableCell:has(.FundRankingTableContentsInvestmentApplySimulation) {
	text-align: center;
}

#FundRanking .no-style {
  text-decoration: none;
  color: black;
}

#FundRanking .DivTable {
  width: 100%;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0px 0px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.nowrap {
  white-space: nowrap;
}

.DivSimtitle h2 {
  padding: 0px;
  text-align: left;
  color: var(--col1);
  font-size: clamp(1.5625rem, 1.0817rem + 1.9231vw, 1.875rem);
  border: 0px;
  margin: 0px;
  --line-height: 1.5;
  line-height: var(--line-height);
  font-weight: bolder;
}

.DivSimtitle {
  width:86%;
}

.DivSimtitle:has(h2) {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 3em;
  margin-bottom: 0.8em;
}