@charset "utf-8";
/* CSS Document */

/*------------------
　共通
------------------*/
#fundinfo {
    #container {margin-bottom: -40px;}
    .l-contents {background: #F0F0F0;}
    #fundinfoDetailMain03 {padding-inline: 1.5vw;
        .inner {width: min(100%, 1300px);    margin-inline: auto;    padding-inline: 0;
            .heading07Wrap {box-shadow: 5px 5px 5px -1px #CCC;    background: #67b6d9;    width: auto;    margin: 50px -3vw 0;    position: relative;
                .heading07 {width: 100%;    padding-inline: 2.5vw;
                    span {color: #FFF;}
                }
            }
            .fundHeading06 {color: #1e556d;    font-size: 1.7rem;    font-weight: bold;    border-bottom: none;    padding-bottom: 0;}
        }
    }
    section:has(.p-topSns){padding-left: 0;    padding-right: 0;}
    .fundNotesSection {width: auto;    padding-bottom: 2em;    margin-inline: 0;    margin-bottom: -40px;    background: #FFF;/*250225*/
        .inner {width: auto!important;    position: relative;
            > section {border-top: none;
                .fundNotesHeading01 {font-size: clamp(1.5rem, 5vw, 1.8rem)!important;   margin-bottom: 1em;}
                > p {font-size: clamp(1.35rem, 4vw, 1.5rem);   margin-bottom: 1.5em;}
                .fundNotesHeading02 {font-size: clamp(1.4rem, 3.8vw, 1.6rem);}
                .fundNotesList01 {
                    li {font-size: clamp(1.25rem, 3.5vw, 1.4rem);}
                }
            }
        }
    }
    .c-section.p-fundinfoBanner._narrow {margin-block: 50px;    padding: 0;    background: 0;}
    .fundNotesBlock01 {margin-top: 40px;    margin-inline: -2.5vw;    padding: 20px 33px; background-color: #fff0f0;  border: solid 1px #CC0000;}
    .linkBtn02 {display: flex;    justify-content: center;    align-items: center;    flex-direction: column;
        li {
            a {border: 2px solid #E60012;    background: #FFF;    border-radius: 14px;    padding-inline: 17px;    font-size: 1.6rem;    color: #000;    display: inline-flex;    align-items: center;    justify-content: center;    max-width: 100%;    min-width: 100%;
                &:hover {background: #E60012;    color: #FFF;
                    &::after {background: url(/common/img/com_ic02.png);}}
                &::after {content"";    display: inline-block;    width: 8px;    height: 12px;    background: url(/common/img/com_ic07.png) no-repeat center center;}
            }
        }
    }
    ul.fundBtn01.ancType {display: flex;    justify-content: center;    align-self: center;    flex-direction: column;    margin: 25px 0 0;;
        li {width: auto;    float: none;    margin: 2px 0;    
            a {background: #FFF url("/common/img/com_ic16.png") no-repeat 50% 90%;    font-size: 1.4rem;    width: 100%;
                &:hover {background: #E60012 url("/common/img/com_ic11.png") no-repeat 50% 90%;    color: #FFF;    opacity: 1;}
            }
        }
    }
    ul.fundBtn01.ancType li a:after {background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 10"><path d="M14 1.25L7.5 7.75L1 1.25" fill="none" stroke="%23eb0f30" stroke-width="2"/></svg>);    transform: rotate(0);}
    .l-footer {margin-top: 0;}
    .fundBlock01 {
        .inner {
            .numList01 {margin-inline: 1.5em;}
        }
    }
    &.outline {/*251016 add*/
        #fundinfoDetailMain03 {
            .inner {
                .heading02 {box-shadow: 5px 5px 5px -1px #CCC;    background: #67b6d9;    width: auto;    margin: 50px -3.5vw 0;    position: relative;
                    .heading02Inner {background-color: transparent;    color: #FFF;    line-height: 1.4;    padding: 1.5em;}
                }
            }
        }
    }
}
#fundinfo .p-fundinfo #fundinfoDetailMain03 .inner > section .fundBtn01 a::after {transform: rotate(-90deg);}
@media print, screen and (min-width:640px){
#fundinfo {/*250225*/
    #container {margin-bottom: -60px;}
    #fundinfoDetailMain03 {padding-inline: 2.5vw;
        .inner {
            .heading07Wrap {
                .heading07 {
                    span {padding-inline: 30px;}
                }
            }
            .fundHeading06 {font-size: 2.0rem;}
        }
    }
    .fundNotesSection {margin-bottom: -60px;}
    .linkBtn02 {flex-direction: row;}
    ul.fundBtn01.ancType {flex-direction: row;    max-width: 960px;    margin-inline: auto;
        li {flex: 1;    margin-inline: 0.5%;    max-width: 33%;
            a {background-image: none;    min-width: 100%;    font-size: 1.6rem;
                &:after {transform: rotate(0);}
                &:hover {background-image: none;    opacity: 1;}
            }
        }
    } 
}
}
@media print, screen and (min-width:1024px){
#fundinfo {/*250225*/
    #container {margin-bottom: -90px;}
    #fundinfoDetailMain03 {padding-inline: 1vw;
        .inner {
            .heading07Wrap {margin-inline: -1vw;}
        }
    }
    .fundNotesSection {margin-bottom: -90px;    padding-bottom: 3em;
        .inner {max-width: 1300px;}
    }
    .fundNotesBlock01 {margin-inline: 0;}
}
}


/*------------------
　特色
------------------*/
#fundinfo.outline {
    .fundNotesSection {margin-bottom: 0;}/*250220*/
    .figure.figureFix {width: auto!important;
        img {margin-inline: auto;   display: block;}
        figcaption {display: inline-block;}
    }/*250220*/
    #fundinfoDetailMain03 {
        .inner {
            .p-fundinfoBanner {padding: 0!important;}
            .fundHeading.type11 {font-size: clamp(2.0rem, 4.5vw, 3.2rem);}
            > section {background: #FFF;    margin-inline: 1vw;
                .heading07Wrap {margin: 30px -4.5vw 0;
                    .heading07 {width: auto;    margin: 0;
                        span {background-position: 15px 50%;    font-size: clamp(1.7rem, 4.2vw, 2.8rem);    padding: 20px 20px 20px 60px;}
                    }

                    &:not(:has(+*)){margin-bottom: -50px!important;}/*250220*/
                }
                > section {padding-bottom: 50px;
                    > p {margin-top: 15px;}
                }
                &:not(:has(section)){padding-bottom: 50px;}/*250220*/
                &.mb50:nth-child(odd) {position: relative;
                    &::before {content: "";    background: #dde1e4;    width: 100vw;    height: 100%;    position: absolute;    bottom: calc(100% + 6em);    left: calc((100vw - 100%) / -2);      transform: skewY(8deg);    z-index: -1;}
                }
                &:has(:is(.box01, .box02, .box03):only-child){padding: 0;}
            }
            .box01, .box02, .box03 {border: solid 1px #dddddd;}
            >.box01, >.box02, >.box03 {margin-inline: 0;    margin-block: 0 4em;    width: auto!important;}
            >.fundNotesBlock01 {margin: 2em 1vw 4em;}
            .boxHeading + p {margin-top: 1.5em;}
            .table02.typeETF {	/*250612追加*/
                tr {/*250717追加*/
                    &:nth-child(2n) {
                        th {background: #666666;}
                    }
                    &:nth-child(2n+1) {
                        td {background: #FFF;}
                    }
                }
                td {padding: 1em 1.25em;}/*250717修正*/
         }
            .headingETF {padding-block: 1.5em;    font-weight: bold;    font-size: clamp(1.6rem, 4.5vw, 1.9rem);}/*250717追加*/
        }
    }
    .table02 {
        th {padding: 0.5em;}
        td {text-align: left;    padding: 0.5em;}
    }
}
@media print, screen and (min-width:640px){
#fundinfo.outline {
    #fundinfoDetailMain03 {
        .inner {
            .fundHeading.type11 {}
            > section {padding-inline: 2.5vw;
                .heading07Wrap {/*margin: 45px -4.5vw 0;*/
                    .heading07 {width: auto;    margin: 0;
                        span {padding: 25px 25px 25px 110px;}
                    }
                }
                &:has(:is(.box01, .box02, .box03):only-child) {padding-inline: 0;}
            }
            .table02.typeETF {/*250612追加*/
                tr {
                    th, td {padding: 0.75em 1em!important;}
                    &:nth-child(2n) {
                        th {background: #999;	color: #FFF;}
                    }
                    &:nth-child(2n+1) {/*250717追加*/
                        td {background: #F0F0F0;}
                    }
                }
            }
        }
    }
}
}
@media print, screen and (min-width: 1024px){
#fundinfo.outline {/*250225*/
    #fundinfoDetailMain03 {
        .inner {
            > section {
                .heading07Wrap {margin: 50px -3.5vw 0;
                    .heading07 {width: auto;    margin: 0;}
                }
            }
        }
    }
}

}

/*------------------
　リスク
------------------*/
#fundinfo.risk {/*250221*/
    .fundNotesSection {margin-bottom: 0;}/*250221*/
    #fundinfoDetailMain03 {
        .inner {
            .fundHeading + .fundNotesBlock01 {border: solid 1px #cc0000;    margin-inline: 0;    position: relative;
                > .iconList01 {
                    li {font-size: clamp(1.4rem, 3.2vw, 1.6rem);}
                }
                &::before {content: "";    background: #dde1e4;    width: 100vw;    height: 200%;    position: absolute;    bottom: calc(100% + 4.5em);    left: calc((100vw - 100%) / -2);    transform: skewY(8deg);    z-index: -1;}
            }
             >section {background: none;}
            .fundBlock01 {margin-block: 0 4em;
                > .inner {padding: 2em;    margin-bottom: 0;}
            }
            .heading07Wrap {}
            .heading07Wrap + p, .heading07Wrap + ul, .heading07Wrap + .intro + p, .heading07Wrap + .intro + ul {margin: 0;    padding: 2em 2em 2.5em;    background: #FFF;}/*250520 修正*/
            .heading07Wrap + p + p, .heading07Wrap + p + p + p {margin: 0 -1.0vw;   padding: 0 2em 2.5rem; background: #FFF;}
            > .fundNotesBlock01 {margin: 2em -2.5vw 0;    padding: 15px 16px;    border: solid 1px #cc0000;
                .noteList01 {margin: 0;}/*250221*/
            }
            section:has(>.fundBlock01) {padding-bottom: 0!important;    padding-inline: 0;}/*250221*/
            .fundBlock01 {border-color: #CCC!important;   background: #FAFAFA!important;}
            .fundNotesBlock01 {margin-bottom: 3em;}
        }
    }
}

@media print, screen and (min-width:640px){
#fundinfo.risk {/*250221*/
    #fundinfoDetailMain03 {
        .inner {
            .heading07Wrap {
                .heading07 {width: 100%;    padding-inline: 2.5vw;}
            }
            > .fundNotesBlock01 {padding: 20px 33px;}/*250221*/
        }
    }
}
}

@media print, screen and (min-width: 1024px){
#fundinfo.risk {/*250221*/
    #fundinfoDetailMain03 {/*2502215*/
        .inner {
            .fundHeading + .fundNotesBlock01 {margin-inline: 0;}
            > section {width: 100%; margin-inline: auto;    padding-inline:0;
                .heading07Wrap {}
                .heading07Wrap + p, .heading07Wrap + ul {margin: 0;    padding: 2em 2em 2.5em;    background: #FFF;}
                .heading07Wrap + p + p, .heading07Wrap + p + p + p {margin: 0;    padding: 0 2em 2.5em;    background: #FFF;}            }
            > .fundNotesBlock01 {margin: 2em 0;}
            .fundBlock01 {
            > .inner {padding: 3vw;}
            }
        }
    } 
}
}
@media print {
#fundinfo.risk {
    #fundinfoDetailMain03 {
        .inner {
        	section:has(>.fundBlock01) {margin-block: 3em;}
        }
    }
}
}

/*------------------
　お申込メモ
------------------*/
#fundinfo.memo {
/*    .l-main .table02 tbody tr:not([style*="display: none"]):nth-of-type(2n+1)  {background: #f0f0f0;}*/
    #fundinfoDetailMain03 {
        .inner {
            > section {padding-inline: 1vw;
                .heading07Wrap {margin-inline: -1.5vw;
                    .heading07 {
                        > span {padding: 0;}
                    }
                }
                .memoTableHead {font-size: clamp(1.6rem, 3.5vw, 2.0rem);
                    &::before {content: "---";    margin-right: 1em;}/*250722追加*/
                    &::after {content: "---";    margin-left: 1em;}/*250722追加*/
                }
                .table02 {border: 1px solid #DDD;
                    th, td {border-bottom: solid 1px #DDD;  line-height: 1.6;    padding: 0.5em;}/*250909修正*/
                    td {text-align: left;   padding: 1em 1.5em;}
                    tr {
                        &:last-child {
                            th, td:last-child {border-bottom: none;}
                        }
                    }
                }
                .twoColumn01 {display: flex;    flex-direction: column;
                    .col {width: auto;    float: none;    margin-inline: 0;    margin-block: 0 1em;}
                }
            }
        }
    }
    .fundNotesSection {margin-bottom: 0;}/*250221*/
    .alt-bg {
        background-color: white;
    }
}
@media print, screen and (min-width:640px){
#fundinfo.memo {
    #fundinfoDetailMain03 {
        .inner {
            > section {
                .twoColumn01 {flex-direction: row;    justify-content: center;    flex-wrap: nowrap;
                    .col {flex: 1;    margin-inline: 1vw;}
                }
                .memoTableHead {/*250722追加*/
                    &::before, &::after {content: none;}
                }
            }
        }
    }
}
}
@media print, screen and (min-width:1024px){
#fundinfo.memo {
    #fundinfoDetailMain03 {
        .inner {
            >section {
                .heading07Wrap {margin-inline: -1vw;}
            }
        }
    }
}
}

/*------------------
　販売会社
------------------*/
#fundinfo.fa01 {
    .fundNotesSection {margin-bottom: 0;}/*250221*/
    #fundinfoDetailMain03 {
        .inner {
            .fundHeading + .box01 {margin-block: 20px 30px;}
            .heading07Wrap {margin-bottom: 20px;
                .heading07 {}
            }
            .tableWrap {margin-inline: -1.5vw;
                .table02 {border: 1px solid #DDD;
                    tbody {
                        th:has(+td) {background: #FFF;    color: #000;    font-weight: normal; text-align:left; padding: 8px 10px;}
                        tr:nth-child(n+2){
                            &:nth-child(2n+1) th {background: #F0F0F0;}
                        }
                    }
                }
            }
        }
    }

}
@media print, screen and (min-width:640px){
#fundinfo.fa01 {
    #fundinfoDetailMain03 {
        .inner {
            .fundHeading + .box01 {margin-block: 40px 60px;}
        }
    }

}
}

@media print, screen and (min-width:1024px){
#fundinfo.fa01 {
    #fundinfoDetailMain03 {
        .inner {
            .heading07Wrap {margin-bottom: 30px;}
            .tableWrap {margin-inline: 0;}

        }
    }
}
}


/*------------------
　データ
------------------*/
#fundinfo.data {
    .fundNotesSection {margin-bottom: 0;}
}


/*------------------
　レポート
------------------*/
#fundinfo.report {
    .fundNotesSection {margin-bottom: 0;}
    #fundinfoDetailMain03 {
        .inner {
            .view1, .view2, .view3, .view4 {
                > section {background: #FFF;    padding: 20px 20px 40px;    margin-inline: -1vw;}
            }
        }
    }
}
@media print, screen and (min-width:640px){
#fundinfo.report {
    #fundinfoDetailMain03 {
        .inner {
            .view1, .view2, .view3, .view4 {
                > section {padding: 30px 30px 40px;}
            }
        }
    }
}
}
@media print, screen and (min-width:1024px){
#fundinfo.report {
    #fundinfoDetailMain03 {
        .inner {
            .view1, .view2, .view3, .view4 {
                > section {padding: 3vw 3vw 4.5vw;    margin-inline: 0;}
            }
        }
    }
}
}