@charset "UTF-8";
/*--------------------------------------------
ヘッダーメインデータ
------------インデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoHeading {
padding: 31px 5.3333333333vw;
}
.p-fundinfo .p-fundinfoHeading .c-section__inner {
padding-block: 0;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__note {
font-size: 1.2rem;
text-align: center;
font-weight: 500;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon {
justify-content: flex-start;
width: 100%;
padding-inline: 6px 7px;
}
.p-fundinfo .p-fundinfoNav {
margin-bottom: 27px;
}
/*--------------------------------------------
メインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoFundValue {
margin-bottom: 16px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item {
padding: 10px 3.4666666667vw 8px 3.2vw;
border-right: 1px solid #d9d9d9;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item:first-child {
border-left: 1px solid #d9d9d9;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dt {
font-size: 1.4rem;
line-height: 143%;
font-weight: 500;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value {
font-size: 2rem;
font-weight: 500;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value span {
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value:not(._up):not(._down) span {
margin-left: 5px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._up span:nth-child(1), .p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._down span:nth-child(1) { /*250315修正*/
font-size: 1.6rem;
margin-inline: 5px 7px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._up span:nth-child(2), .p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._down span:nth-child(2) {
margin-left: 9px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .p-fundinfoFundValue__note {
font-size: 1.2rem; /*250306修正*/
color: #333;
}
.p-fundinfo .p-fundinfoFundValue > .p-fundinfoFundValue__note {
font-size: 1.2rem;
text-align: right;
color: #333;
}
/*--------------------------------------------
担当者からのメッセージ
--------------------------------------------*/
.p-fundinfo .p-fundinfoMessage .c-section__inner {
padding-top: 22px;
}
.p-fundinfo .p-fundinfoMessage__heading {
text-align: center;
}
.p-fundinfo .p-fundinfoMessage__heading h2 {
font-size: 2rem;
font-weight: 500;
}
.p-fundinfo .p-fundinfoMessage__heading p {
margin-top: 4px;
font-size: 1.4rem;
font-weight: 500;
}
.p-fundinfo .p-fundinfoMessage__list { /*250212修正*/
list-style: none;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
justify-items: center;
gap: 10px;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item { /*250212追加*/
width: 100%;
max-width: 400px;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item:only-child { /*250212追加*/
grid-column: 1 / -1;
max-width: 400px;
height: auto;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail img { /*250212修正*/
max-width: 100%;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a {
display: block;
overflow: hidden;
position: relative;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a {
display: block;
overflow: hidden;
position: relative;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a::after {
display: block;
clear: both;
content: "";
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a::before {
float: left;
padding-top: 56.4912280702%;
content: "";
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a > :first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__inner {
margin-top: 4px;
font-size: 1.2rem;
line-height: 150%;
text-align: center;
}
/*--------------------------------------------
概要
--------------------------------------------*/
.p-fundinfo .p-fundinfoInvestment .investment {
counter-reset: sectionNum;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__title {
margin-bottom: 29px;
font-size: 2rem;
font-weight: 500;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__title::before {
display: block;
font-size: 1.2rem;
line-height: 1.1;
color: #0f81eb;
content: counter(sectionNum, decimal-leading-zero);
counter-increment: sectionNum;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._row .investment__descTitle {
margin-bottom: 9px;
font-weight: 700;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._col .investment__descItem {
display: grid;
grid-template-columns: 110px 1fr;
gap: 0 10px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._col .investment__descTitle {
font-weight: 700;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._table .investment__descItem {
display: grid;
grid-template-columns: 1fr -webkit-max-content;
grid-template-columns: 1fr max-content;
gap: 0 9.3333333333vw;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._table .investment__descTitle {
font-weight: 500;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__descItem + .investment__descItem {
margin-top: 23px;
}
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart {
padding-inline: 5.3333333333vw;
}
.p-fundinfo .p-fundinfoChart .c-buttonWrap {
margin-top: 31px;
}
.p-fundinfo .p-fundinfoChart .graphBlock {
margin: 0;
}
.p-fundinfo .p-fundinfoChart .rangeSelector label {
display: flex;
align-items: center;
justify-content: center;
width: 20%;
margin: 0;
color: #666;
border: none;
border-bottom: 2px solid #d9d9d9;
border-radius: 0;
font-weight: 500;
}
.p-fundinfo .p-fundinfoChart .rangeSelector {
display: flex !important;
gap: 0 10px;
}
.p-fundinfo .p-fundinfoChart .rangeSelector input:checked + label {
color: #000;
border-bottom-color: #e60012;
}
.p-fundinfo .p-fundinfoChart .rangeSelector.spOnly {
display: none !important;
}
.p-fundinfo .p-fundinfoChart .rangePeriodWrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor {
float: none;
height: 43px;
margin: 0;
}
.p-fundinfo .p-fundinfoChart .rangePeriod {
width: auto;
}
@supports selector(:has(._notSupports)) {
@media (any-hover: hover) {
.p-fundinfo .p-fundinfoChart .selectWrapper:has(select:hover) > p {
color: #fff;
background-color: #e60012;
transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .p-fundinfoChart .selectWrapper:has(select:hover) > p::after {
background-image: url('data:image/svg+xml;utf8,');
transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
}
}
.p-fundinfo .p-fundinfoChart .rangePeriod p {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
color: #e60012;
background: none;
border: 2px solid #e60012;
border-radius: 7px;
font-weight: 500;
}
.p-fundinfo .p-fundinfoChart .rangePeriod p::after {
display: inline-block;
width: 13px;
height: 8px;
margin-left: 6px;
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.p-fundinfo .p-fundinfoChart .rangePeriod p {
transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .p-fundinfoChart .rangePeriod p::after {
transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .p-fundinfoChart .rangePeriod .rangePeriodUnit {
position: relative;
width: initial;
padding: 0 0 0 10px;
letter-spacing: 0;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoChart .rangePeriod .rangePeriodUnit:not(:last-child) {
padding-right: 8px;
padding-left: 7px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div {
width: auto;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div:nth-child(even) {
position: relative;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoLeftColumn {
border: none;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoInner {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: -webkit-max-content 1fr;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
gap: 0 3.4722222222vw;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .title {
grid-area: 1/1/3/2;
float: none;
width: auto;
font-weight: 500;
line-height: 1.5;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .value {
grid-area: 1/2/2/3;
font-size: 1.8rem;
color: #0073e5;
font-weight: 500;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .value .number {
padding: initial;
font-size: 1.8rem;
font-weight: 500;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .date {
grid-area: 2/2/3/3;
color: #000;
font-weight: 500;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .date span {
font-weight: 500;
}
.p-fundinfo .p-fundinfoChart #fundChart {
height: 480px;
overflow: hidden;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox {
display: grid;
gap: 0 20px;
height: auto;
margin: 20px 0 0;
background: initial;
border: 2px solid #dfdfdf;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li {
display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
align-items: center;
float: none;
width: initial;
height: initial;
margin: 0;
border: none;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li input:checked + label p::before {
background: url("/assets/img/fundinfo/bg_checkbox_on.svg") no-repeat 50% 50%;
background-size: contain;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label {
display: grid;
align-items: center;
padding: 0;
margin: 0;
background: none;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label picture {
display: block;
order: 2;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img {
position: relative;
width: 45px;
margin-left: 50px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_01], .p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_02] {
width: 45px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p {
display: flex;
align-items: center;
order: 1;
margin: 0 0 20px;
font-size: 1.2rem;
font-weight: 400;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p::before {
position: relative;
display: inline-block;
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: -0.1em;
margin-right: 10px;
content: "";
background: url("/assets/img/fundinfo/bg_checkbox_off.svg") no-repeat 50% 50%;
background-size: contain;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p br {
display: none;
}
/*--------------------------------------------
期間別騰落率
--------------------------------------------*/
.p-fundinfo .p-fundinfoRate .c-heading01 {
margin-bottom: 11px;
}
.p-fundinfo .p-fundinfoRate .p-fundinfoRate__body {
margin-bottom: 24px;
}
.p-fundinfo .p-fundinfoRate .fluctuationRate__note {
margin-top: 8px;
text-align: right;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .c-section__body {
position: relative;
overflow: hidden;
padding-bottom: 83px;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .resultsMoreArea {
overflow: hidden;
transition: height 0.3s ease;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .table02 {
margin-top: 0;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .fundBtn01 {
position: absolute;
bottom: 0;
width: 100%;
margin-top: 30px;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .fundBtn01.open a::after {
transform: rotate(-180deg);
}
/*--------------------------------------------
ファンドに関するレポート
--------------------------------------------*/
.p-fundinfo .p-fundinfoReport .c-section__body {
position: relative;
}
.p-fundinfo .p-fundinfoReport .c-list {
margin-bottom: 82px;
overflow: hidden;
transition: height 0.3s ease;
}
.p-fundinfo .p-fundinfoReport .c-list__item {
display: block;
}
.p-fundinfo .p-fundinfoReport .c-buttonWrap {
position: absolute;
bottom: -82px;
left: 50%;
transform: translateX(-50%);
}
.p-fundinfo .p-fundinfoReport .c-buttonWrap .c-button {
padding-inline: 20px;
}
/*--------------------------------------------
関連マーケット情報
--------------------------------------------*/
.p-fundinfo .p-fundinfoMarket .c-section__body {
position: relative;
}
.p-fundinfo .p-fundinfoMarket .c-list {
margin-bottom: 82px;
overflow: hidden;
transition: height 0.3s ease;
}
.p-fundinfo .p-fundinfoMarket .c-list__item {
display: block;
}
.p-fundinfo .p-fundinfoMarket .c-buttonWrap {
position: absolute;
bottom: -82px;
left: 50%;
transform: translateX(-50%);
}
/*--------------------------------------------
最近見たファンド
--------------------------------------------*/
.p-fundinfo .p-fundinfoRecently {
padding-inline: 5.3333333333vw 0;
overflow: hidden;
}
.p-fundinfo .p-fundinfoRecently .c-section__inner {
max-width: none;
padding-right: 0;
}
.p-fundinfo .p-fundinfoRecently .p-fundinfoRecently__date {
margin-right: 5.3333333333vw;
margin-bottom: 14px;
font-size: 1.4rem;
color: #333;
text-align: right;
}
.p-fundinfo .p-fundinfoRecently .splide__track {
overflow: visible;
padding-right: 30px !important;
}
.p-fundinfo .p-fundinfoRecently .splide__arrows {
display: flex;
gap: 0 20px;
justify-content: center;
margin-top: 30px;
}
.p-fundinfo .p-fundinfoRecently .splide__arrow {
position: static;
width: 46px;
height: 46px;
background: #fff;
border: 2px solid #e60012;
transform: none;
}
.p-fundinfo .p-fundinfoRecently .splide__arrow svg {
fill: #e60012;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item .c-button__favorite {
width: 100%;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__inner {
display: grid;
margin-bottom: 15px;
text-decoration: none;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__body {
order: 2;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__label {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 5px;
line-height: 1;
color: #757575;
font-size: 1.4rem;
border: 1px solid #757575;
font-weight: 500;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__title {
line-height: 120%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-weight: 500;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__value {
color: #757575;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail {
order: 1;
margin-bottom: 15px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail figure {
display: block;
overflow: hidden;
position: relative;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail figure::after {
display: block;
clear: both;
content: "";
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail figure::before {
float: left;
padding-top: 100%;
content: "";
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail figure > :first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
/*--------------------------------------------
償還
--------------------------------------------*/
.p-fundinfo .p-fundinfoValue {
background: none;
box-shadow: none;
padding: 0 5.3333333333vw;
}
.p-fundinfo .p-fundinfoValue .p-fundinfoValue__inner {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
background: #fff;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue {
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue dt {
margin-bottom: 10px;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue dd {
font-weight: 500;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue dd em {
margin-left: 10px;
font-size: 2rem;
}
/*--------------------------------------------
開示資料バックナンバー
--------------------------------------------*/
.p-fundinfo .p-fundinfoBacknumber::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
width: calc(100% + 2.6666666667vw);
margin-block: -21px;
content: "";
background: #dde1e4;
transform: skewY(8deg);
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item + .fundinfoBacknumber__item {
padding-top: 24px;
margin-top: 27px;
border-top: 1px solid #d9d9d9;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item dt {
font-size: 1.4rem;
font-weight: 500;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item .c-linkDownload {
font-weight: 500;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item .c-linkDownload__date {
margin-top: 2px;
font-size: 1.2rem;
}
/*--------------------------------------------
運用体制
--------------------------------------------*/
.p-fundinfo .p-fundinfoTeam .c-section__inner {
padding-bottom: 25px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item {
display: flex;
padding-inline: 6.6666666667vw;
background: #f0f0f0;
border-radius: 14px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team {
box-sizing: border-box;
display: grid;
align-items: center;
grid-template-columns: 21.3333333333vw 1fr;
gap: 0 10px;
width: 100%;
min-height: 65px;
padding-block: 15px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__title {
font-size: 1.3rem; /*250523修正*/
line-height: 1;
font-weight: 500;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__detail {
font-size: 1.5rem; /*250523修正*/
line-height: 1.4;
font-weight: 500;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__detail ._note {
align-self: baseline;
margin-left: 10px;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__note {
margin-top: 5px;
font-size: 1.2rem;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__date {
text-align: right;
color: #333;
}
/*--------------------------------------------
もっと見る、すべて表示ボタン
--------------------------------------------*/
.p-fundinfo .fundBtn01 {
text-align: center;
}
.p-fundinfo .fundBtn01 a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 53px;
padding-inline: 40px;
font-size: 16px;
color: #e60012;
text-decoration: none;
cursor: pointer;
background: #fff;
border: 2px solid #e60012;
border-radius: 14px;
}
.p-fundinfo .fundBtn01 a::after {
display: inline-block;
width: 15px;
height: 9px;
margin-left: 6px;
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
@media (max-width: 320px) {
/*--------------------------------------------
ヘッダーメインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__note {
margin-left: 10px;
font-size: 1.1rem;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px 10px;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon {
height: 100%;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon__item:first-child .c-buttonIcon:first-child {
width: calc(50% - 5px);
}
}
@media not all and (min-width: 640px) {
/*--------------------------------------------
ヘッダーメインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__note {
margin-left: 25px;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 15px;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon__item:first-child {
grid-area: 1/1/2/3;
display: flex;
align-items: center;
width: 100%;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon__item:first-child .c-buttonIcon:first-child {
width: calc(50% - 7px);
}
/*--------------------------------------------
メインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoFundValue .p-fundinfoFundValue__date {
padding-left: 4px;
margin-bottom: 14px;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue {
display: flex;
flex-wrap: wrap;
gap: 15px 0;
justify-content: center;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item {
padding-block: 4px 0;
margin-left: -1px;
border-left: 1px solid #d9d9d9;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item:first-child {
padding-right: 3.4666666667vw;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item:nth-child(n+4) {
padding-inline: 4.2666666667vw 4vw;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._up span:nth-child(2),
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._down span:nth-child(2) {
margin-left: 6px;
}
.p-fundinfo .p-fundinfoFundValue > .p-fundinfoFundValue__note {
margin-top: 14px;
}
/*--------------------------------------------
担当者からのメッセージ
--------------------------------------------*/
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a {
position: relative;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a::after {
display: block;
clear: both;
content: "";
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a::before {
float: left;
padding-top: 55.4140127389%;
content: "";
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a > :first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------------------
概要
--------------------------------------------*/
.p-fundinfo .p-fundinfoInvestment .c-section__inner {
padding-block: 27px 30px;
}
.p-fundinfo .p-fundinfoInvestment .investment {
padding-right: 20px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(2) .investment__title {
margin-bottom: 18px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(3) .investment__title {
margin-bottom: 19px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item + .investment__item {
margin-top: 42px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc {
margin-right: -5px;
margin-left: 5.3333333333vw;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc .investment__descTitle {
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc .investment__descBody {
line-height: 150%;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._row .investment__descTitle {
line-height: 150%;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._col .investment__descItem + .investment__descItem,
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._table .investment__descItem + .investment__descItem {
margin-top: 14px;
}
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart .c-heading01 {
margin-bottom: 12px;
}
.p-fundinfo .p-fundinfoChart .c-buttonWrap {
margin-top: 21px;
}
.p-fundinfo .p-fundinfoChart .rangeSelector label {
flex: 1;
height: auto;
padding: 0;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoChart .rangeSelector {
padding: 0 0 8px;
}
.p-fundinfo .p-fundinfoChart .fundChartBox {
padding-bottom: 18px;
}
.p-fundinfo .p-fundinfoChart .selectWrapper .rangePeriodYearWrapper {
width: auto;
}
.p-fundinfo .p-fundinfoChart .rangePeriod p {
position: relative;
height: 26px;
padding: 2px 8px 4px;
font-size: 1.4rem;
left: -10px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod .rangePeriodUnit {
position: relative;
left: -11px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo {
width: auto;
margin: 0 5.3333333333vw 20px;
border: 1px solid #dfdfdf;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div {
float: initial;
width: auto;
padding: 13px 10px 13px 15px;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoLeftColumn {
position: relative;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoLeftColumn::after {
position: absolute;
bottom: 0;
left: calc(50% - 35.2vw);
display: block;
width: 70.6666666667vw;
height: 1px;
content: "";
background: #d9d9d9;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoInner {
gap: 0 8vw;
width: auto;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .title {
display: block;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .title-top,
.p-fundinfo .p-fundinfoChart .fundChartInfo .title-left {
display: none;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .value {
padding-right: 28px;
text-align: center;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .date {
margin-left: 0;
}
.p-fundinfo .p-fundinfoChart #fundChart {
margin-inline: 5.3333333333vw;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox {
grid-template-columns: repeat(2, auto);
gap: 13px 10.6666666667vw;
padding: 15px 13px 19px 24px;
margin-inline: 4.8vw;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label {
grid-template-rows: subgrid;
grid-row: span 2;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img {
max-height: none;
margin-left: 34px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_01] {
top: -2px;
margin: 0 0 0 31px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_02] {
margin: 2px 0 0 33px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_03] {
width: 37px;
margin: 4px 0 0 37px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_04] {
width: 22px;
margin: 10px 0 0 44px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p {
margin-bottom: 0;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p::before {
left: 2px;
margin-right: 11px;
}
/*--------------------------------------------
期間別騰落率
--------------------------------------------*/
.p-fundinfo .p-fundinfoRate {
padding-inline: 5.3333333333vw;
margin-right: 5.3333333333vw;
}
.p-fundinfo .p-fundinfoRate::before {
width: calc(100% + 5.3333333333vw) !important;
}
.p-fundinfo .p-fundinfoRate .c-section__inner {
padding-bottom: 26px;
}
.p-fundinfo .p-fundinfoRate .fluctuationRate__note {
text-indent: 0;
margin-left: 0;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .c-heading01 {
margin-bottom: 10px;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .c-section__body {
padding-top: 20px;
}
.p-fundinfo .p-fundinfoRate .distributionRecord .fundBtn01 {
margin-top: 18px;
}
.p-fundinfo .p-fundinfoRate .u-indent {
text-indent: 0;
margin-left: 0;
}
.p-fundinfo .p-fundinfoRate .u-indent + .u-indent {
margin-top: 5px;
}
.p-fundinfo .note {/*250526追加*/
text-indent: 0;
margin-left: 0;
}
/*--------------------------------------------
関連マーケット情報
--------------------------------------------*/
.p-fundinfo .p-fundinfoMarket .c-buttonWrap .c-button {
padding-inline: 20px;
}
/*--------------------------------------------
最近見たファンド
--------------------------------------------*/
.p-fundinfo .p-fundinfoRecently .c-heading01 {
margin-bottom: 6px;
}
.p-fundinfo .p-fundinfoRecently .splide__arrows {
padding-right: 5.3333333333vw;
margin-right: -30px;
}
.p-fundinfo .p-fundinfoRecently .splide__slide {
width: 44vw;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item .c-button__favorite {
margin-inline: 4px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__label {
padding: 3px 6px;
margin-bottom: 3px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__value {
margin-top: 6px;
font-size: 1.6rem;
}
/*--------------------------------------------
償還
--------------------------------------------*/
.p-fundinfo .p-fundinfoValue .p-fundinfoValue__inner {
padding: 24px 0;
margin-top: 5px;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue dt {
margin-bottom: 7px;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue dd em {
margin-inline: 10px;
}
/*--------------------------------------------
開示資料バックナンバー
--------------------------------------------*/
.p-fundinfo .p-fundinfoBacknumber .c-heading01 {
margin-bottom: 27px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item dt {
padding-left: 4vw;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item dd {
padding-left: 8vw;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item .c-linkDownload__list {
margin-top: 12px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item .c-linkDownload__item + .c-linkDownload__item {
margin-top: 10px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP {
display: grid;
margin-left: -8vw;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP label {
order: 2;
width: 182px;
margin: 17px auto 0;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP .c-accordionSP__listInner {
order: 1;
padding-left: 8vw;
}
/*--------------------------------------------
運用体制
--------------------------------------------*/
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item + .p-fundinfoTeam__item {
margin-top: 20px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__date {
margin-top: 9px;
font-size: 1.4rem;
}
}
@media not all and (min-width: 378px) {
/*--------------------------------------------
メインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoFundValue .p-fundinfoFundValue__date {
margin-bottom: 14px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._up span:nth-child(2), .p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._down span:nth-child(2) {
margin-left: 7px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .p-fundinfoFundValue__note {
margin-top: 8px;
}
}
@media (min-width: 640px) {
/*--------------------------------------------
ヘッダーメインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__note {
margin-top: 5px;
font-size: 1rem;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 17px 15px;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon {
min-height: 64px;
padding-inline: 12px 14px;
}
.p-fundinfo .p-fundinfoNav {
margin-bottom: 44px;
}
/*--------------------------------------------
メインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoFundValue {
margin-bottom: 26px;
}
.p-fundinfo .p-fundinfoFundValue .p-fundinfoFundValue__date {
padding-left: 5px;
margin-bottom: 17px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 9px 0;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item {
padding: 3px 5px 0 14px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dt {
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value {
font-size: 2.4rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value span {
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value:not(._up):not(._down) span {
margin-left: 9px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._up span:nth-child(1),
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._down span:nth-child(1) { /*250312修正*/
margin-inline: 5px;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoFundValue > .p-fundinfoFundValue__note {
margin-top: 8px;
}
/*--------------------------------------------
担当者からのメッセージ
--------------------------------------------*/
.p-fundinfo .p-fundinfoMessage .c-section__inner {
padding-top: 34px;
}
.p-fundinfo .p-fundinfoMessage__heading h2 {
font-size: 2.4rem;
}
.p-fundinfo .p-fundinfoMessage__heading p {
margin-top: 5px;
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoMessage__list { /*250212修正*/
grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
gap: 15px 15px;
margin-top: 24px;
}
.p-fundinfo .p-fundinfoMessage__list:only-child {/*250212修正*/
grid-template-columns: 100%;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail:only-child img { /*250212修正*/
max-width: 100%;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__inner {
margin-top: 11px;
}
/*--------------------------------------------
概要
--------------------------------------------*/
.p-fundinfo .p-fundinfoInvestment .investment {
display: grid;
grid-template-rows: max-content max-content;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
gap: 40px 25px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:first-child {
grid-area: 1/1/2/3;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(2) {
grid-area: 2/1/3/2;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(3) {
grid-area: 2/2/3/3;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:not(:first-child) .investment__title {
margin-bottom: 13px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__title {
margin-bottom: 26px;
font-size: 2.8rem;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__title::before {
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._row .investment__descTitle {
margin-bottom: 5px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._col .investment__descItem {
grid-template-columns: 90px 1fr;
margin-top: 10px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._table .investment__descItem {
gap: 0 10px;
margin-top: 9px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._table .investment__descBody {
text-align: right;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__descItem + .investment__descItem {
margin-top: 20px;
}
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart {
padding-inline: 6.5104166667vw;
}
.p-fundinfo .p-fundinfoChart .graphBlock {
margin-top: 36px;
}
.p-fundinfo .p-fundinfoChart .rangeSelector label {
height: auto;
padding: 9px 0;
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoChart .rangeSelector {
gap: 0 15px;
}
.p-fundinfo .p-fundinfoChart .fundChartBox {
padding: 29px 20px 57px;
margin: 31px 0 0;
}
.p-fundinfo .p-fundinfoChart .rangePeriod p {
position: relative;
width: auto;
height: 28px;
padding-top: 3px;
padding-inline: 8px;
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoChart .rangePeriod p::after {
position: relative;
top: 1px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod .rangePeriodUnit {
position: relative;
top: 0;
left: -4px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod .rangePeriodUnit:not(:last-child) {
top: 0;
left: -3px;
padding-right: 4px;
padding-left: 9px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%;
max-width: 588px;
margin: 0 auto 20px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div {
padding-block: 38px 38px;
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div:nth-child(even)::before {
position: absolute;
top: 20px;
left: 0;
display: block;
width: 2px;
height: calc(100% - 40px);
content: "";
background: #dfdfdf;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoInner {
gap: 0 10px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .value {
text-align: center;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .value .number {
font-size: 2rem;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .date {
text-align: center;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox {
grid-template-columns: repeat(4, 1fr);
gap: 0 28px;
padding: 11px 14px 11px;
margin: 20px 2.34375vw 0;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label {
grid-template-rows: subgrid;
grid-row: span 2;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType01] p::before {
margin-top: 8px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType02] p {
margin-bottom: 12px;
margin-right: 8px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType02] p::before {
margin-right: 8px;
margin-left: 4px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType03] {
margin-right: -11px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType03] p::before {
top: 0;
margin-top: 8px;
margin-right: 25px;
margin-left: 6px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType04] p::before {
margin-top: 7px;
margin-right: 26px;
margin-left: 9px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img {
margin-left: 45px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_01] {
top: -16px;
margin-left: -10px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_02] {
top: -1px;
margin-left: -3px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_03] {
top: -16px;
margin-left: -9px;
width: 39px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_04] {
top: -13px;
width: 23px;
margin-left: 8px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p {
font-size: 1.4rem;
line-height: 150%;
text-align: left;
}
/*--------------------------------------------
期間別騰落率
--------------------------------------------*/
.p-fundinfo .p-fundinfoRate .c-section__inner {
padding-bottom: 40px;
}
.p-fundinfo .p-fundinfoRate .c-heading01 {
margin-bottom: 33px;
}
.p-fundinfo .p-fundinfoRate .p-fundinfoRate__body {
margin-bottom: 23px;
}
/*--------------------------------------------
ファンドに関するレポート
--------------------------------------------*/
.p-fundinfo .p-fundinfoReport .c-section__inner {
padding-top: 60px;
padding-bottom: 80px;
}
.p-fundinfo .p-fundinfoReport .c-heading01 {
padding-bottom: 15px;
}
.p-fundinfo .p-fundinfoReport .c-list {
margin-bottom: 82px;
}
.p-fundinfo .p-fundinfoReport .c-buttonWrap .c-button {
padding-inline: 36px;
}
/*--------------------------------------------
関連マーケット情報
--------------------------------------------*/
.p-fundinfo .p-fundinfoMarket .c-heading01 {
margin-bottom: 34px;
}
.p-fundinfo .p-fundinfoMarket .c-list {
margin-bottom: 82px;
}
.p-fundinfo .p-fundinfoMarket .c-buttonWrap .c-button {
padding-inline: 36px;
}
/*--------------------------------------------
最近見たファンド
--------------------------------------------*/
.p-fundinfo .p-fundinfoRecently {
padding-inline: 3.90625vw 0;
}
.p-fundinfo .p-fundinfoRecently .c-heading01 {
margin-bottom: 27px;
}
.p-fundinfo .p-fundinfoRecently .p-fundinfoRecently__date {
margin-right: 6.5104166667vw;
margin-bottom: 26px;
}
.p-fundinfo .p-fundinfoRecently .splide__slide {
width: 213px;
margin-right: 15px !important;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item .c-buttonWrap {
padding-inline: 5px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__inner {
margin-bottom: 12px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__label {
padding: 3px 5px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__title {
margin-top: 4px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__value {
margin-top: 5px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail {
margin-bottom: 14px;
}
/*--------------------------------------------
償還
--------------------------------------------*/
.p-fundinfo .p-fundinfoValue {
padding-inline: 50px;
}
.p-fundinfo .p-fundinfoValue .p-fundinfoValue__inner {
padding-block: 33px 28px;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue {
display: flex;
gap: 0 40px;
align-items: baseline;
justify-content: center;
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue dd em {
margin-inline: 13px 7px;
font-size: 2.4rem;
}
/*--------------------------------------------
開示資料バックナンバー
--------------------------------------------*/
.p-fundinfo .p-fundinfoBacknumber::before {
width: calc(100% + 2.6041666667vw);
margin-block: -17px;
transform: skewY(9deg);
}
.p-fundinfo .p-fundinfoBacknumber .c-heading01 {
margin-bottom: 48px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__list {
margin-top: 42px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item + .fundinfoBacknumber__item {
padding-top: 33px;
margin-top: 37px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item dt {
padding-left: 3.90625vw;
font-size: 1.6rem;
margin-bottom: 19px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber__item dd {
padding-left: 7.8125vw;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber__item .c-linkDownload__date {
margin-top: 3px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP,
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP__listInner,
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP__listWrap {
display: contents;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP input,
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .c-accordionSP label {
display: none;
}
/*--------------------------------------------
運用体制
--------------------------------------------*/
.p-fundinfo .p-fundinfoTeam .c-section__inner {
padding-bottom: 38px;
}
.p-fundinfo .p-fundinfoTeam .c-heading01 {
margin-bottom: 36px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 20px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item {
padding-inline: 3.2552083333vw;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team {
grid-template-columns: 90px 1fr;
padding-block: 20px 23px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__title {
font-size: 1.4rem; /*250523修正*/
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__detail {
font-size: 1.8rem; /*250523修正*/
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__detail ._note {
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__note {
padding-left: 9px;
margin-top: 34px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__date {
margin-top: 29px;
font-size: 1.6rem;
}
/*--------------------------------------------
もっと見る、すべて表示ボタン
--------------------------------------------*/
.p-fundinfo .fundBtn01 a {
padding-inline: 36px;
}
.p-fundinfo .fundBtn01 a::after {
width: 16px;
height: 10px;
margin-left: 10px;
}
/*--------------------------------------------
重要なお知らせ
--------------------------------------------*/
.p-topNotice p {
padding: 8px 10px 9px;
}
}
@media not all and (min-width: 736px) {
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart .rangePeriodWrapper {
padding-top: 19px;
margin-bottom: 19px;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor .rangePeriodUnit::after {
height: 34px;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor {
width: 100%;
height: 34px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod {
height: auto;
}
.p-fundinfo .p-fundinfoChart .rangePeriodWrapper .rangePeriodYearWrapper:first-child p {
width: 70px;
left: -5px;
position: relative;
}
}
@media (min-width: 737px) {
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor {
height: 43px;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor span::after {
position: relative;
top: -6px;
left: 2px;
content: "～";
background: none;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoChart .rangePeriod {
margin-bottom: 25px;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor + .rangePeriod {
position: relative;
left: -9px;
}
}
@media not all and (min-width: 1024px) {
/*--------------------------------------------
期間別騰落率
--------------------------------------------*/
.p-fundinfo .p-fundinfoRate .fluctuationRate__note {
font-size: 1.2rem;
}
.p-fundinfo .p-fundinfoRate .distributionRecord {
margin-top: 35px;
}
.p-fundinfo .p-fundinfoRate .u-indent {
font-size: 1.2rem;
}
.p-fundinfo .note {/*250526追加*/
font-size: 1.2rem;
}
}
@media (min-width: 1024px) {
/*--------------------------------------------
メインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .p-fundinfoFundValue__note { /*250306追加*/
font-size:1.4rem;
}
/*--------------------------------------------
ヘッダーメインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoHeading {
padding: 30px 8.1944444444vw 80px;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__note {
margin-top: 12px;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list {
display: flex;
width: auto;
margin-inline: 0;
gap: 20px 2.1527777778vw;
}
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon {
width: auto;
min-width: auto;
min-height: 70px;
padding-inline: 17px 26px;
}
.p-fundinfo .p-fundinfoNav {
margin-bottom: 60px;
}
/*--------------------------------------------
メインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoFundValue {
margin-bottom: 59px;
}
.p-fundinfo .p-fundinfoFundValue .p-fundinfoFundValue__date {
padding-left: 15px;
margin-bottom: 42px;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 9px 0;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item {
padding: 8px 10px 9px 31px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dt {
font-size: 2rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value {
margin-top: 16px;
line-height: 1;
font-size: 3.6rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value span {
font-size: 2.4rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value:not(._up):not(._down) span {
margin-left: 6px;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._up span:nth-child(1),
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .value._down span:nth-child(1) {/*250315修正*/
position: relative;
top: 4px;
margin-inline: 3px 8px;
font-size: 2.4rem;
}
.p-fundinfo .p-fundinfoFundValue .fundValue__item dd .p-fundinfoFundValue__note {
margin-top: 7px;
}
.p-fundinfo .p-fundinfoFundValue > .p-fundinfoFundValue__note {
display: none;
}
/*--------------------------------------------
担当者からのメッセージ
--------------------------------------------*/
.p-fundinfo .p-fundinfoMessage .c-section__inner {
padding-top: 42px;
}
.p-fundinfo .p-fundinfoMessage__heading h2 {
font-size: 3.6rem;
}
.p-fundinfo .p-fundinfoMessage__heading p {
margin-top: 8px;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoMessage__list {
gap: 20px 20px;
margin-top: 43px;
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__inner {
gap: 20px 20px;
margin-top: 15px;
font-size: 1.6rem;
}
/*--------------------------------------------
概要
--------------------------------------------*/
.p-fundinfo .p-fundinfoInvestment .c-section__inner {
padding-bottom: 36px;
}
.p-fundinfo .p-fundinfoInvestment .c-section__inner {
padding-block: 78px 100px;
}
.p-fundinfo .p-fundinfoInvestment .investment {
grid-template-columns: repeat(3, 1fr);
gap: 0 60px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:first-child {
grid-area: initial;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(2) {
position: relative;
grid-area: initial;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(2)::before,
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(2)::after {
position: absolute;
top: 0;
display: block;
width: 1px;
height: 100%;
content: "";
background-color: #d9d9d9;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(2)::before {
left: -31px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(2)::after {
right: -30px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:nth-child(3) {
grid-area: initial;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__item:not(:first-child) .investment__title {
margin-bottom: inherit;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__title {
margin-bottom: 28px;
font-size: 3.6rem;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__title::before {
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc {
margin-top: 28px;
font-size: 1.8rem;
line-height: 150%;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc .investment__descBody .c-linkDownload::after {
top: 3px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._row {
margin-right: -10px;
margin-left: -1px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._row .investment__descTitle {
margin-bottom: 7px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._row .investment__descBody {
line-height: 1.5;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._col .investment__descItem {
grid-template-columns: 110px 1fr;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._col .investment__descItem + .investment__descItem {
margin-top: 26px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._table .investment__descItem {
margin-top: 15px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__desc._table .investment__descBody {
padding-top: 1px;
}
.p-fundinfo .p-fundinfoInvestment .investment .investment__descItem + .investment__descItem {
margin-top: 19px;
}
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart {
padding-inline: 8.1944444444vw;
}
.p-fundinfo .p-fundinfoChart .c-heading01 {
margin-bottom: 25px;
}
.p-fundinfo .p-fundinfoChart .c-buttonWrap {
margin-top: 29px;
}
.p-fundinfo .p-fundinfoChart .rangeSelector label {
padding: 6px 0 13px;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoChart .rangeSelector {
gap: 0 30px;
}
.p-fundinfo .p-fundinfoChart .fundChartBox {
padding-top: 28px;
padding-bottom: 60px;
margin-top: 30px;
border-color: #d4d4d4;
}
.p-fundinfo .p-fundinfoChart .rangePeriodWrapper {
padding-left: 3px;
margin-bottom: 15px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod {
height: 43px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod:first-child {
margin-left: -3px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod p {
height: 43px;
padding-inline: 30px 29px;
border-radius: 14px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod p::after {
left: 4px;
width: 16px;
height: 10px;
margin-left: 8px;
}
.p-fundinfo .p-fundinfoChart .rangePeriod .rangePeriodUnit {
top: initial;
left: initial;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoChart .rangePeriod .rangePeriodUnit:not(:last-child) {
top: initial;
left: initial;
padding-right: 19px;
padding-left: 10px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo {
max-width: 844px;
margin-bottom: 44px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div {
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div:nth-child(odd) {
padding: 35px 35px 32px 70px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo > div:nth-child(even) {
padding: 35px 70px 32px 35px;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoLeftColumn {
float: none;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .fundChartInfoInner { /*250212修正*/
gap: 0 2.5vw;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .value {
text-align: left;
font-size: 2.5rem;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .value .number {
font-size: 2.5rem;
}
.p-fundinfo .p-fundinfoChart .fundChartInfo .date {
text-align: left;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox { /*250212修正*/
grid-template-columns: repeat(4, auto);
/*gap: 0 5.6944444444vw;
max-width: 996px;*/
padding: 35px 3.0vw 34px;
margin: 25px auto 0;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label {
position: relative;
align-items: flex-start;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType01] {
left: 16px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType01] p::before {
top: -1px;
left: -20px;
margin-top: 0;
margin-right: 0;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType02] {
left: 17px;
top: 2px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType02] p::before {
top: -1px;
left: -17px;
margin-right: 0;
margin-left: 0;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType03] {
left: -17px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType03] p {
left: -17px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType03] p::before {
top: -1px;
left: -19px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType04] {
left: -21px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label[for=chartDataType04] p::before {
top: -1px;
left: -19px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_01],
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_02] {
width: 57px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_01] {
top: 1px;
margin-left: -31px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_02] {
margin-left: -66px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_03] {
top: 2px;
left: -13px;
margin-left: 0;
width: 44px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label img[src*=icon_graph_04] {
top: 1px;
left: -10px;
width: 46px;
margin-left: 8px;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p {
align-items: flex-start;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p::before {
width: 30px;
height: 30px;
margin-right: 20px;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor + .rangePeriod {
left: initial;
}
/*--------------------------------------------
期間別騰落率
--------------------------------------------*/
.p-fundinfo .p-fundinfoRate .c-section__inner {
padding-bottom: 73px;
}
.p-fundinfo .p-fundinfoRate .c-heading01 {
margin-bottom: 24px;
}
.p-fundinfo .p-fundinfoRate .p-fundinfoRate__body {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 40px;
margin-bottom: 29px;
}
.p-fundinfo .p-fundinfoRate .fluctuationRate__note {
margin-top: 3px;
text-align: right;
font-size: 1.4rem;
line-height: 150%;
}
.p-fundinfo .p-fundinfoRate .u-indent {
font-size: 1.4rem;
}
/*--------------------------------------------
ファンドに関するレポート
--------------------------------------------*/
.p-fundinfo .p-fundinfoReport .c-heading01 {
padding-bottom: 0;
}
.p-fundinfo .p-fundinfoReport .c-buttonWrap .c-button {
padding-inline: 38px;
}
.p-fundinfo .note {/*250526追加*/
font-size: 1.4rem;
}
/*--------------------------------------------
関連マーケット情報
--------------------------------------------*/
.p-fundinfo .p-fundinfoMarket .c-section__inner {
padding-bottom: 80px;
}
.p-fundinfo .p-fundinfoMarket .c-buttonWrap .c-button {
padding-inline: 38px;
}
/*--------------------------------------------
最近見たファンド
--------------------------------------------*/
.p-fundinfo .p-fundinfoRecently {
padding-inline: 4.8611111111vw 0;
}
.p-fundinfo .p-fundinfoRecently .c-heading01 {
margin-bottom: 29px;
}
.p-fundinfo .p-fundinfoRecently .p-fundinfoRecently__date {
margin-right: 8.3333333333vw;
margin-bottom: 24px;
}
.p-fundinfo .p-fundinfoRecently .splide__arrows {
gap: 0 30px;
padding-right: 70px;
}
.p-fundinfo .p-fundinfoRecently .splide__slide {
margin-right: 32px !important;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__label {
margin-bottom: 6px;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__title {
margin-top: 0;
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__value {
font-size: 1.6rem;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail {
margin-bottom: 14px;
}
/*--------------------------------------------
償還
--------------------------------------------*/
.p-fundinfo .p-fundinfoValue {
padding: 42px 30px 0;
}
.p-fundinfo .p-fundinfoValue .p-fundinfoValue__inner {
max-width: 1300px;
padding: 42px 0 41px;
margin-inline: auto;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue {
gap: 0 60px;
margin-left: -3.8194444444vw;
font-size: 2.4rem;
}
.p-fundinfo .p-fundinfoValue .fundinfoValue dd em {
margin-inline: 20px 6px;
font-size: 3.6rem;
}
/*--------------------------------------------
開示資料バックナンバー
--------------------------------------------*/
.p-fundinfo .p-fundinfoBacknumber::before {
width: calc(100% + 3.4722222222vw);
margin-block: -40px;
transform: skewY(8deg);
}
.p-fundinfo .p-fundinfoBacknumber .c-section__inner {
padding-bottom: 75px;
}
.p-fundinfo .p-fundinfoBacknumber .c-heading01 {
margin-bottom: 36px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__list {
margin-top: 0;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item {
display: grid;
grid-template-columns: 195px 1fr;
gap: 0 2.0833333333vw;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item + .fundinfoBacknumber__item {
padding-top: 29px;
margin-top: 35px;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item dt {
padding-left: 13px;
margin-bottom: 0;
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item dd {
padding-top: 4px;
padding-left: 0;
}
.p-fundinfo .p-fundinfoBacknumber .fundinfoBacknumber .fundinfoBacknumber__item .c-linkDownload__date {
margin-top: 6px;
font-size: 1.4rem;
}
/*--------------------------------------------
運用体制
--------------------------------------------*/
.p-fundinfo .p-fundinfoTeam .c-section__inner {
padding-bottom: 54px;
}
.p-fundinfo .p-fundinfoTeam .c-heading01 {
margin-bottom: 23px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__list {
gap: 40px 40px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item { /*250212修正*/
padding-inline: 2vw;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team {
grid-template-columns: 140px 1fr;
min-height: 100px;
padding-block: 55px 56px;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__title {
font-size: 1.8rem;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__detail {
font-size: 2.4rem;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__item .team__detail ._note {
margin-left: 14px;
font-size: 2.4rem;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__note {
padding-left: 20px;
margin-top: 14px;
font-size: 1.4rem;
}
.p-fundinfo .p-fundinfoTeam .p-fundinfoTeam__date {
margin-top: 26px;
font-size: 1.8rem;
}
/*--------------------------------------------
もっと見る、すべて表示ボタン
--------------------------------------------*/
.p-fundinfo .fundBtn01 a {
padding-inline: 40px;
}
.p-fundinfo .fundBtn01 a::after {
width: 15px;
height: 10px;
}
.p-fundinfo .rangePeriodMonth,
.p-fundinfo .rangePeriodDate {
width: 104px;
}
}
@media (min-width: 1024px) and (max-width: 1255px) {
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor {
width: 100%;
text-align: center;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor span {
position: relative;
top: -10px;
display: inline-block;
transform: rotate(-90deg);
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor span::after {
font-size: 1.8rem;
}
}
@media (min-width: 1256px) {
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor {
padding-inline: 30px;
}
.p-fundinfo .p-fundinfoChart .rangePeriodDelimitor span::after {
position: static;
content: "～";
background: none;
font-size: 1.6rem;
}
}
@media (min-width: 1570px) {
/*--------------------------------------------
最近見たファンド
--------------------------------------------*/
.p-fundinfo .p-fundinfoRecently {
padding-inline: 4.8611111111vw 8.3333333333vw;
}
.p-fundinfo .p-fundinfoRecently .c-section__inner {
max-width: 1300px;
margin-inline: auto;
}
.p-fundinfo .p-fundinfoRecently .p-fundinfoRecently__date {
margin-right: 0;
}
.p-fundinfo .p-fundinfoRecently .splide {
margin-right: calc((100vw - 1300px) / -2);
}
}
@media (any-hover: hover) {
/*--------------------------------------------
ヘッダーメインデータ
--------------------------------------------*/
.p-fundinfo .p-fundinfoHeading .c-buttonIcon__list .c-buttonIcon {
cursor: pointer;
}
/*--------------------------------------------
担当者からのメッセージ
--------------------------------------------*/
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a {
cursor: pointer;
transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .p-fundinfoMessage__list .p-fundinfoMessage__item .item__thumbnail a:hover {
opacity: 0.5;
}
/*--------------------------------------------
チャート
--------------------------------------------*/
.p-fundinfo .p-fundinfoChart .rangeSelector label:hover {
color: #000;
border-bottom-color: #e60012;
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label p {
transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .p-fundinfoChart .rangeCheckBox li label:hover p {
color: rgba(0, 0, 0, 0.5);
}
/*--------------------------------------------
最近見たファンド
--------------------------------------------*/
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__inner {
transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__inner:hover .item__thumbnail img {
opacity: 0.5;
}
.p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item__thumbnail img {
transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
/*--------------------------------------------
もっと見る、すべて表示ボタン
--------------------------------------------*/
.p-fundinfo .fundBtn01 a {
transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .fundBtn01 a::after {
transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-fundinfo .fundBtn01 a:hover {
color: #fff;
background-color: #e60012;
}
.p-fundinfo .fundBtn01 a:hover::after {
background-image: url('data:image/svg+xml;utf8,');
transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
}
/*--------------------------------------------
NAM追加修正（暫定）
--------------------------------------------*/
/*商品データページ*/
.p-fundinfo .distributionRecord.data {
margin-top: 40px;
}
.p-fundinfo .p-fundinfoRate .u-indent.data {
margin-top: 20px;
}
.p-fundinfo .note { /*250526追加*/
margin-top: 10px;
}
/*商品TOPページ重要告知エリア*/
.p-topNotice._product span {
display: inline-block;
}
/*商品TOPページ効力発生の有無*/
.p-fundinfo .p-fundinfoKoryoku .c-section__inner {
padding-top: 34px !important;
}
.p-fundinfo .p-fundinfoKoryoku__heading {
text-align: center;
}
.p-fundinfo .p-fundinfoKoryoku__heading h2 {
font-size: 2rem;
font-weight: 500;
}
.p-fundinfoKoryoku .c-table._data {
margin-top: 14px;
}
/*商品TOPページバナーエリア*/
.c-section.p-fundinfoBanner._narrow {
background-color: unset;
box-shadow: unset;
padding-inline: 0vw;
box-shadow: none;
}
.c-section.p-fundinfoBanner .c-section__inner {
padding-block: 0;
}
.p-fundinfoBanner .bannerWrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.p-fundinfoBanner .card {
display: flex;
flex-direction: column;
flex-basis: 100%;
background-color: #fff;
}
.p-fundinfoBanner .imageBox {
overflow: hidden;
}
.p-fundinfoBanner .image {
width: 100%;
height: 160px;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
.p-fundinfoBanner .image._sp {
display: block;
}
.p-fundinfoBanner .image._pc {
display: none;
}
.p-fundinfoBanner .textBox {
display: flex;
align-items: center;
padding: 1rem;
}
.p-fundinfoBanner .textBox::after {
display: flex;
flex-shrink: 0;
width: 7px;
height: 14px;
margin-left: 8px;
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.p-fundinfoBanner .textBox .category {
padding: 0.2rem 0.4rem;
margin-right: 0.6rem;
text-align: center;
font-size: 1.2rem;
font-weight: bold;
border: 1px solid #000;
max-width: 20%;
}
.p-fundinfoBanner .textBox .description {
flex:1;
width:100%;
line-height: 150%;
font-size: 1.4rem;
flex:1;
}
.p-fundinfoBanner .bannerWrap a {
text-decoration: none;
}
.p-fundinfoBanner .bannerWrap a:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* 商品TOPページ受賞告知バナーエリア（ひとまず移設）*/
#bannerBlockAward, #bannerBlockAward2 {padding-left: 0; padding-right: 0;}/*250428 修正*/
#bannerBlockAward .inner, #bannerBlockAward2 .inner {
padding: 0!important;
background: #efe9d3;
width: 100%;
max-width: 800px;/*250424修正*/
text-align: center;
margin: 0 auto;
}
#bannerBlockAward.c-section .inner #bannerList, #bannerBlockAward2.c-section .inner #bannerList {
display: block;
width: 100%;
}
#bannerBlockAward.c-section .inner #bannerList a, #bannerBlockAward2.c-section .inner #bannerList a {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative; /*250428追加*/
&:hover { /*250428 追加*/
&::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: #FFF; opacity: 0.35;}
}
}
#bannerBlockAward.c-section .inner #bannerList a div, #bannerBlockAward2.c-section .inner #bannerList a div {
text-align: center;
}
#bannerBlockAward.c-section .inner #bannerList a div:last-child, #bannerBlockAward2.c-section .inner #bannerList a div:last-child { /*20240501修正*/
display: block;
margin: 0 auto!important;
}
#bannerBlockAward.c-section #awardCopy a, #bannerBlockAward.c-section #awardCopy a {
display: flex;
align-items: center;
width: 100%;
max-width: 800px;/*250424修正*/
padding: 4px;
text-align: center;
background: #444;
color: #fff;
text-decoration: none;
font-size: min(3.5vw,1.3rem);
margin-inline: auto;
justify-content: center;
border-top: 1px solid #fff;
}
#bannerBlockAward.c-section #awardCopy a:hover, #bannerBlockAward2.c-section #awardCopy a:hover {
background: #666;
}
#bannerBlockAward.c-section #awardCopy a::before, #bannerBlockAward2.c-section #awardCopy a::before {
display: flex;
flex-shrink: 0;
width: 6px;
height: 12px;
margin: 0 6px;
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
#bannerBlockAward .inner #bannerList a, #bannerBlockAward2 .inner #bannerList a {
text-decoration: none;
}
.awardText { color: #082068; font-size: min(3.0vw,1.6rem);}
.awardText li:first-child {font-size: min(5.2vw,1.8rem);font-weight: 500;}
.awardText li:last-child {font-size: min(6.5vw,2.8rem);font-weight: 500; line-height: 120%;}
.awardText li > .addition01 {display: inline-block; font-size: min(2.25vw,1.2rem); padding: 0.3rem 0.25rem; margin-right: 0.25em; vertical-align: 0.5em; background: linear-gradient(#d5af19,#FFFFFF,#d5af19);}
@media only screen and (max-width:640px){
#bannerBlockAward .inner #bannerList a > div:first-child, #bannerBlockAward2 .inner #bannerList a > div:first-child {width: 24%; max-width: 100px;}
#bannerBlockAward .inner #bannerList a > div:last-child, #bannerBlockAward2 .inner #bannerList a > div:last-child {width: 76%;}
#bannerBlockAward .inner #bannerList a > div.type2024, #bannerBlockAward2 .inner #bannerList a > div.type2024 {padding: 0!important;}
}
@media screen and (max-width:640px){
#bannerBlockAward .inner #bannerList a div:last-child, #bannerBlockAward .inner #bannerList a div:last-child {padding:0 10px!important;}
.awardText li:first-child {font-size: min(4.5vw,1.6rem);font-weight: 500;}/*250425修正*/
.awardText li:last-child {font-size: min(5vw,2.0rem);font-weight: 500; line-height: 120%;}/*250425修正*/
}
@media (max-width: 640px) {
.comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > .down {
padding-left: 33px;
background: url(/assets/img/com_ic24.svg) no-repeat 8px 0.3em;
-webkit-background-size: 18px auto;
background-size: 18px auto;
color: #338ebb;
}
.comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > .keep {
padding-left: 33px;
background: url(/assets/img/com_ic54.svg) no-repeat 8px 0.3em;
-webkit-background-size: 18px auto;
background-size: 18px auto;
color: #848484;
}
.comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > .up._sp,
.comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > .down._sp,
.comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > .keep._sp {
background:none;
padding-left: 0;
}
/*商品TOPページ効力発生の有無*/
.p-fundinfoKoryoku .c-table._data thead {
display: none;
}
.p-fundinfoKoryoku .c-table._data th,
.p-fundinfoKoryoku .c-table._data td{
display: block;
text-align: center;
padding: 0 0 11px;
}
.p-fundinfoKoryoku .c-table._data tbody th::after {
background: none;
}
.p-fundinfoKoryoku .c-table._data th::before,
.p-fundinfoKoryoku .c-table._data td::before{
content: attr(data-t-label);
display: block;
margin: 0 0 10px;
padding: 10px 5px;
color: #fff;
text-align: center;
background: #666;
font-weight: 500;
}
}
@media not all and (min-width: 640px) {
/*商品TOPページ重要告知エリア*/
.p-topNotice._product {
position: relative;
z-index: 2;
padding: 0 5.3333333333vw 6vw !important;
}
}
@media (min-width: 640px) {
.p-topNews .c-fixedArea p {
font-size: 1.6rem;
}
.p-topNews .c-fixedArea p::before {
width: 30px;
background-size: 1.8rem 1.8rem;
margin-top:0.3em;
}
/*商品TOPページ重要告知エリア*/
.p-topNotice._product {
padding: 0 5.3333333333vw 6vw;
}
/*商品TOPページ効力発生の有無*/
.p-fundinfo .p-fundinfoKoryoku .c-section__inner {
padding-top: 0.34rem;
}
.p-fundinfo .p-fundinfoKoryoku__heading h2 {
font-size: 2.4rem;
margin-bottom: 33px;
}
/*商品TOPページバナーエリア*/
.p-fundinfoBanner .image {
height: 160px;
}
.p-fundinfoBanner .image._sp {
display: none;
}
.p-fundinfoBanner .image._pc {
display: block;
}
.p-fundinfoBanner .textBox .textBox::after {
width: 9px;
height: 15px;
}
.p-fundinfoBanner .textBox .description {
font-size: 1.6rem;
}
}
@media (min-width: 1024px) {
/*商品TOPページ重要告知エリア*/
.p-topNotice._product {
padding: 0 0 65px;
}
/*商品TOPページ効力発生の有無*/
.p-fundinfo .p-fundinfoKoryoku .c-section__inner {
padding-top: 0.4rem;
}
.p-fundinfo .p-fundinfoKoryoku__heading h2 {
font-size: 3.6rem;
margin-bottom: 0.2rem;
}
/*商品TOPページバナーエリア*/
.p-fundinfoBanner .image {
height: 180px;
}
.p-fundinfoBanner .textBox::after {
margin-left: 0.1rem;
}
.p-fundinfoBanner .textBox .category {
flex-wrap: nowrap;
}
.p-fundinfoBanner .textBox .description {
font-size: 1.8rem;
}
}