@charset "utf-8";
/*=================================
	add_common.css
	- unique
    @media only screen and (max-width: 1160px)
	@media only screen and (max-width: 1022px)
	@media only screen and (max-width: 768px)
	@media only screen and (max-width: 640px)
	- clearfix
================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
body{font-family:"Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.mi{font-family:YuMincho, '游明朝',"小塚明朝 Pr6N R","小塚明朝 Pro R", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block!important;}
.disp_in_sp{display:none!important;}
@media screen and (max-width: 640px) {
	.disp_pc{display:none;}
	.disp_sp{display:block;}
	.disp_in_pc{display:none!important;}
	.disp_in_sp{display:inline-block!important;}
}
	
/*header*/
#header{padding: 8px 0;}
#header > .inner{width: auto; max-width: 1420px; padding: 0 10px;}
#header > .inner .contentsLogo{background: none; padding-left: 0; position: relative; z-index: 1101;}
#header > .inner .snsBtnList li{width: 28px; margin-left: 15px;}
#header > .inner .lowerLinkList li a{color: #fff; font-size: 1.6rem;}
#indexfundTop #headerContent .lowerLinkList{display: block;}
#indexfundTop #headerContent.fixed {background-color: rgba(0, 0, 0, 0.9); box-shadow: 3px 0 3px rgb(0 0 0 / 40%); z-index: 2;}

.headingArea .heading span{background: none; color: #fff; font-size: 4.0rem; font-style: italic;}
.headingArea{background-size: cover;}

.fixedBtn {position: fixed; width: 200px; right: 0; bottom: 40%; z-index: 999;}
.fixedBtn a{display: block; width: 100%; color: #fff; font-size: 1.6rem; font-weight: 500; border-radius: 7px 0 0 7px; padding: 15px 0; text-align: center; background:  #e5010f; text-decoration: none;}
.fixedBtn .ab::before{right: 15px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.fixedBtn02{position: fixed; bottom: 20px; right: 10px; z-index: 999;}
 
/*footer*/
.r_box .inner{padding: 60px 0;}
.r_box.rememberArea .title{border-bottom: none; font-size: 1.8rem;}
.r_box p{font-size: 1.4rem;}
.rememberArea dl dt {font-size: 1.4rem;}
.rememberArea dl li,
.rememberArea ul li {font-size: 1.4rem;}
#footer.foot{background: #343434;}
.foot .utilityList02 a{color: #fff; text-decoration: none; font-size: 1.4rem;}
.foot #footUtilityBlock .utilityList02 li{border: none;}
#footer.foot #tradeName, #footer.foot #association{color: #fff; font-size: 1.4rem;}
#footer.foot #copy{ margin-top: 20px; background: none; font-size: 1.4rem;}


@media screen and (max-width: 1160px) {
#header > .inner .contentsLogo img{max-width: 90%;}
#header > .inner .snsBtnList li{width: 28px; margin-left: 8px;}
#header > .inner .lowerLinkList li a{color: #fff; font-size: 1.5rem; padding: 0 5px;}
}

@media only screen and (max-width: 1022px) {
    #headerContent{border-bottom: none; background: none!important;}
    #headBoxOverlay{background: rgba(0, 0, 0, 1);}
    #indexfundTop #headerContent.fixed {background-color: rgba(0, 0, 0, 0.9)!important;}
    
    #utilityList03 > li.menuType{background: none;}
    #utilityList03 > li.menuType:before {position: absolute; top: 9px; left: 50%; margin-left: -8px; width: 15px; height: 2px; background: #ffffff; content: "";}
    #utilityList03 > li.menuType:after {position: absolute; top: 17px; left: 50%; margin-left: -8px; width: 25px; height: 2px; background: #ffffff; content: "";}
    #utilityList03 > li.menuType > span:before { position: absolute; top: 26px; left: 50%; margin-left: -8px; width: 25px; height: 2px; background: #ffffff; content: "";}
    #utilityList03 > li > .headBox .head .closeBtn span{background: none;}
    #utilityList03 > li > .headBox .head .closeBtn span:before { position: absolute; top: 17px; left: 50%; margin-left: -17px; width: 25px; height: 3px; background: #ffffff; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: "";}
    #utilityList03 > li > .headBox .head .closeBtn span:after {position: absolute; top: 17px; left: 50%; margin-left: -17px; width: 25px; height: 3px; background: #ffffff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); content: "";}
    #utilityList03 > li > .headBox .body{background: none; border-top: none; box-shadow: none;}
    #utilityList03 > li.menuType .body .menuList01{border-bottom: none;}
    #utilityList03 > li.menuType .body .menuList01 > li{border:none; text-align: center;}
    #utilityList03 > li.menuType .body .menuList01 > li a{font-size: 1.8rem; color: #fff; font-weight: 500;}
    #utilityList03 > li.menuType .body .menuList01 > li > a:before{border:none;}
    #header > .inner .snsBtnList li {width: 50px; margin-left: 8px;}
}


@media screen and (max-width: 640px) {
/*header*/
#indexfundTop #headerContent.view{background-color: rgba(0, 0, 0, 0.9)!important; z-index: 2;}
/*header下層*/
.headingArea{background-image: url("/fundinfo/special/indexfund/common/img/com_bg01_sp.png"); padding: 50px 0;}
    
.fixedBtn {position: fixed; width: 45%; right: 0; bottom: 0%; z-index: 999;}
.fixedBtn a{display: block; width: 100%; color: #fff; font-size: 3.46vw; font-weight: 500; border-radius: 7px 0 0 7px; padding: 15px 0; text-align: center; background:  #e5010f; text-decoration: none;}
.fixedBtn02{position: fixed; bottom: 50px; right: 10px;}
.fixedBtn02 img{width: 90px;}
    
/*footer*/
.r_box .inner{padding: 40px 0;}
.r_box.rememberArea .title{border-bottom: none; font-size: 3.46vw; text-align: center;}
.r_box.rememberArea .title:after {content: none;}
.r_box p{font-size: 3vw;}
.rememberArea dl dt {font-size: 3vw;}
.rememberArea dl li{font-size: 3vw;}
ul.iconList01 > li{font-size: 3vw;}
.rememberArea.r_box .inner section{padding: 20px 5% !important;  border-top: none;}
#footer.foot{background: #343434;}
.foot .utilityList02 a{color: #fff; text-decoration: none; font-size: 3vw;}
#footer.foot #footUtilityBlock .utilityList02{border-top: none!important; border-left: none!important;}
#footer.foot  #footUtilityBlock .utilityList02 li{display: inline; border-right: none!important; border-bottom: none!important; float: none;}
#footer.foot  #footUtilityBlock .utilityList02 li a{color: #fff;}
.foot #footUtilityBlock .utilityList02 li{border: none;}
.foot #footUtilityBlock .utilityList01 li {padding: 0px 15px;}
.foot #footUtilityBlock .utilityList01 li img{width: 60px; height: 60px;}
#footer.foot #tradeName, #footer.foot #association{color: #fff; font-size:2.66vw; margin: 0 5%; padding: 0;}
#footer.foot #tradeName{text-indent: -3em; padding-left: 3em;}
#footer.foot #copy{ margin-top: 20px; background: none; font-size: 2.66vw;}

}