@charset "UTF-8";
/* fund-detail
ファンド商品ページ用スタイル
----------------------------------------------- */
.fund-contents-main h1 {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 0 2rem;
}

.fund-contents-main h1 font {
  color: #333 !important;
}

.fund-contents-main h1 b,
.fund-contents-main h1 em {
  font-weight: 400;
}

.fundContents {
  font-size: 14px;
}

.fundContents h1 {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 0 2rem;
}

.fundContents h1 font {
  color: #333 !important;
}

.fundContents h1 b,
.fundContents h1 em {
  font-weight: 400;
}

.fundContents h2 {
  font-size: 1.125rem;
  margin: 2rem 0 1rem;
  padding: 0.5em;
  background: #eee;
}

.fundContents h3 {
  font-size: 1rem;
  margin: 2rem 0 0.5rem;
  padding-bottom: 0.5em;
  border-bottom: solid 2px #ddd;
}

.fundContents h2 + h3 {
  margin-top: 0;
}

@media (max-width: 768px) {
  .fundContents h1 {
    font-size: 1.025rem;
  }
  .fundContents h2 {
    font-size: 1rem;
  }
  .fundContents h3 {
    font-size: 0.875rem;
  }
}

.fundThumbnail img {
  width: 100%;
  height: auto;
}

.fundNavigation {
  font-size: 14px;
}

.fundNavigation ul {
  list-style: none;
  margin: 2rem 0;
  padding: 0;
  border-bottom: solid 1px #4a2087;
}

.fundNavigation li {
  display: inline-block;
  margin: 0 4px -1px 0;
}

.fundNavigation a {
  position: relative;
  display: block;
  padding: 0.75em 1em;
  font-size: 1em;
  color: #333 !important;
  background: #eee;
  border-bottom: solid 1px #4a2087;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  cursor: pointer;
}

.fundNavigation a:hover {
  text-decoration: none;
  background: #e1e1e1;
}

.fundNavigation li.active a {
  font-weight: 600;
  background: #fff;
  border-top: solid 1px #4a2087;
  border-right: solid 1px #4a2087;
  border-left: solid 1px #4a2087;
  border-bottom: solid 1px #fff;
}

.fundNavigation.bottom ul {
  border-top: solid 1px #4a2087;
  border-bottom: none;
}

.fundNavigation.bottom a {
  border-top: solid 1px #4a2087;
  border-bottom: none;
}

.fundNavigation.bottom li {
  margin: -1px 4px 0 0;
}

.fundNavigation.bottom li.active a {
  border-top: solid 1px #fff;
  border-right: solid 1px #4a2087;
  border-left: solid 1px #4a2087;
  border-bottom: solid 1px #4a2087;
}

@media (max-width: 768px) {
  .fundNavigation {
    overflow: hidden;
  }
  .fundNavigation ul {
    white-space: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .fundNavigation li {
    margin-right: 2px;
  }
  .fundNavigation a {
    font-size: 0.875em;
  }
}

.fundBasic {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
}

.fundBasic > div {
  font-size: 0.75rem;
  text-align: center;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

.fundBasic small {
  display: block;
  font-weight: 400;
}

.fundBasic .title {
  padding: 8px 4px 4px;
}

.fundBasic .title small {
  font-size: 0.5rem;
}

.fundBasic .value {
  padding: 4px 4px 8px;
  font-weight: 600;
}

.fundBasic .value small {
  font-size: 0.75rem;
}

.fundBasic .yield .value,
.fundBasic .op-period .value,
.fundBasic .currency .value,
.fundBasic .yield-floating .value,
.fundBasic .op-standby-floating .value,
.fundBasic .op-period-floating .value,
.fundBasic .currency-floating .value {
  font-size: 1.5rem;
}

.fundBasic .yield {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
}

.fundBasic .op-period {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5 / 9;
}

.fundBasic .currency {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / 13;
}

.fundBasic .yield-floating {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
}

.fundBasic .op-standby-floating {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / 7;
}

.fundBasic .op-period-floating {
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-column: 7 / 10;
}

.fundBasic .currency-floating {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10 / 13;
}

.fundBasic .rate {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
}

.fundBasic .unit {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / 7;
}

.fundBasic .norm {
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-column: 7 / 10;
}

.fundBasic .salePeriod {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10 / 13;
}

.fundBasic .distSchedule {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
}

.fundBasic .distMethod {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / 7;
}

.fundBasic .fee {
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-column: 7 / 10;
}

.fundBasic .collateral {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10 / 13;
}

.fundBasic .redemption {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
}

.fundBasic .redemptionStart {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / 7;
}

.fundBasic .distribution {
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-column: 7 / 10;
}

.fundBasic .distributionStart {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10 / 13;
}

.collateralDesc {
  font-size: 0.75rem;
}

.notesDesc {
  padding: 2px 4px;
  font-size: 0.875rem;
  text-align: center;
  background-color: #ffe6e6;
  color: #c00;
}

@media (max-width: 768px) {
  .fundBasic .yield .value small,
  .fundBasic .op-period .value small,
  .fundBasic .currency .value small,
  .fundBasic .yield-floating .value small,
  .fundBasic .op-period-floating .value small,
  .fundBasic .currency-floating .value small {
    font-size: 8px !important;
  }
  .fundBasic .rate,
  .fundBasic .unit,
  .fundBasic .norm,
  .fundBasic .salePeriod,
  .fundBasic .distSchedule,
  .fundBasic .distMethod,
  .fundBasic .fee,
  .fundBasic .collateral,
  .fundBasic .redemption,
  .fundBasic .redemptionStart,
  .fundBasic .distribution,
  .fundBasic .distributionStart {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fundBasic .rate .title,
  .fundBasic .unit .title,
  .fundBasic .norm .title,
  .fundBasic .salePeriod .title,
  .fundBasic .distSchedule .title,
  .fundBasic .distMethod .title,
  .fundBasic .fee .title,
  .fundBasic .collateral .title,
  .fundBasic .redemption .title,
  .fundBasic .redemptionStart .title,
  .fundBasic .distribution .title,
  .fundBasic .distributionStart .title {
    text-align: left;
  }
  .fundBasic .rate .value,
  .fundBasic .unit .value,
  .fundBasic .norm .value,
  .fundBasic .salePeriod .value,
  .fundBasic .distSchedule .value,
  .fundBasic .distMethod .value,
  .fundBasic .fee .value,
  .fundBasic .collateral .value,
  .fundBasic .redemption .value,
  .fundBasic .redemptionStart .value,
  .fundBasic .distribution .value,
  .fundBasic .distributionStart .value {
    text-align: right;
  }
}

.fundPR {
  font-size: 1rem;
  font-weight: 600;
}

.fundInvestorOnly ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.fundInvestorOnly ul li {
  width: 50%;
}

.fundInvestorOnly ul li.login {
  text-align: right;
}

.fundInvestorOnly ul li.regist {
  text-align: left;
}

.fundInvestorOnly ul li a {
  width: 80%;
  padding: 15px 20px;
  margin: 15px 10px;
}

.fundInvestorOnlySide ul li a {
  width: 100%;
  margin-bottom: 5px;
}