@charset "utf-8";

#aispecial {
	max-width: 710px;
	margin: 50px auto 0;
	padding: 0;
}

/*--------------------------------
base
---------------------------------*/
.AIinner{ font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif; width: 710px; overflow: hidden; margin: 0 auto 30px auto;}

.ai h1,.ai h2,.ai h3,.ai h4,.ai h5,.ai h6 { font-weight: bold; }

/*--------------------------------
common
---------------------------------*/
.ai .moreBtn{ display: block; width: 190px; margin: 0 auto; }
.ai .moreBtn a{ display: inline-block; font-size: 13px; color: #000; border-radius: 4px; line-height: 1; position: relative; background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I4YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(183,184,184) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(183,184,184) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(183,184,184) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7b8b8',GradientType=0 );
padding: 9px 40px 8px 7px;
}
.ai .moreBtn a:after{ content:""; position: absolute; display: block; top: 50%; right: 12px; width: 12px; height: 15px; margin-top: -6px; background: url(/fundinfo/naikkf_a/img/btn_arrow.png); }
.ai .moreBtn a:hover{ text-decoration: none; }

.ai .nextLink{ text-align: center; position: relative; bottom:0;}

.ai .detailInner h3{ color: #fff; text-align: center; text-shadow: 6px 6px 12px rgba(0, 0, 0, 1);}

/*--------------------------------
mainvisual
---------------------------------*/
.ai .mainVisual{ height: 668px; background: url(/fundinfo/naikkf_a/img/mainVisual.png) no-repeat; position: relative; }
.ai .mainVisual .catchArea{ width: 181px; float: left; margin-top: 37px; }
.ai .mainVisual .catchArea p{ width: 172px; margin: 510px auto 0; color: #fff; font-size: 12px; line-height: 1.58; letter-spacing: -0.05em; text-align: center;}

.ai .mainVisual .movieArea{ width: 320px; position: absolute; bottom: 18px; right: 21px; }
.ai .mainVisual .movieArea .movieTitle{ font-size: 17px; text-align: center; margin-bottom: 5px; font-weight: bold; }
.ai .mainVisual .movieArea .movieBox{ float: right; width: 320px; height: 180px; }
.ai .mainVisual .movieArea .movieBox video{ width: 100%; height: auto; }
.ai .mainVisual .movieArea .movieBox .movie_btn:hover{ cursor: pointer; }
.ai .mainVisual .movieArea .links{ margin-top: 15px; }
.ai .mainVisual .movieArea .links li{ margin-top: 10px; }
.ai .mainVisual .movieArea .links li:first-child{ margin-top: 0; }

.ai .mainVisual .nextLink{ position: absolute; bottom: -66px; left: 50%; margin-left: -13px; }

/*--------------------------------
contents
---------------------------------*/
.ai .detailInner{ box-sizing: border-box; }

/* detail01 */
.ai #detail01{ min-height: 553px; overflow: hidden; margin: 56px 0 -20px; background: url(/fundinfo/naikkf_a/img/bg05.jpg) no-repeat top center }
.ai #detail01 .detailInner{ width: 710px; min-height: 478px; background: url(/fundinfo/naikkf_a/img/bg02.png) no-repeat; margin: 30px 0 0 0; padding: 26px 107px 0 146px; color: #fff; }
.ai #detail01 .detailInner .detailLead{ font-size: 25px; text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4);}
.ai #detail01 .detailInner h3{ font-size: 46px; text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4); margin: 0 0 5px -46px;}
.ai #detail01 .detailInner ul{ margin-left: 70px; }
.ai #detail01 .detailInner ul li{ font-size: 15px; line-height: 1.666; text-indent: -1.3em; padding: 0 0 0 1.3em; margin-top: 18px; }
.ai #detail01 .detailInner ul li:first-child{ margin: 0; }

.ai #detail01 .pageTop{ float: right; margin: -28px 30px 0 0; }

/* detail02 */
.ai #detail02{ min-height: 1009px; overflow: hidden; margin: 20px 0 0; background: url(/fundinfo/naikkf_a/img/bg05.jpg) no-repeat no-repeat 0 82% ; }
.ai #detail02 .detailInner{ width: 710px; margin: 0 auto; padding-top: 60px; background: url(/fundinfo/naikkf_a/img/bg03.png);}
.ai #detail02 .detailInner h3{ font-size: 40px;}
.ai #detail02 .detailInner .history{ width: 710px; margin: 32px auto 0; }
.ai #detail02 .detailInner dl{ overflow: hidden; }
.ai #detail02 .detailInner .history dl:first-child{ margin-bottom: 43px; }
.ai #detail02 .detailInner .history dl dt{ float: left; width: 231px; text-align: center; margin-left: 37px; }
.ai #detail02 .detailInner .history dl dd{ float: left; margin: 40px 0 0 29px; }
.ai #detail02 .detailInner dl dd h4{ font-size: 33px; color: #5A6064; }
.ai #detail02 .detailInner dl dd p{ font-size: 17px; line-height: 1.58; }

.ai #detail02 .detailInner .now h3{ margin-left: 25px; }
.ai #detail02 .detailInner .now dl { margin: 9px 0 0 12px; }
.ai #detail02 .detailInner .now dl dt{ float: left; width: 283px; text-align: center; position: relative; z-index: 1;}
.ai #detail02 .detailInner .now dl dd{ float: left; width: 422px; margin: 0 0 0 -26px; }
.ai #detail02 .detailInner .now dl dd h4{ font-size: 50px; line-height: 1.2; margin-left: 25px; }
.ai #detail02 .detailInner .now dl dd p{ font-size: 21px; line-height: 1.43; margin-left: 25px; }
.ai #detail02 .detailInner .now dl dd .circleList{ clear: both; overflow: hidden; padding: 10px 0; }
.ai #detail02 .detailInner .now dl dd .circleList li{ float: left; width: 139px; margin-left: 2px; }
.ai #detail02 .detailInner .now dl dd .circleList li:first-child{ margin: 0; }
.ai #detail02 .detailInner .now dl dd .catch{ clear: both; font-size: 30px; font-weight: bold; color: #fff; line-height: 1.2; margin-left:-86px; text-shadow: 6px 6px 12px rgba(0, 0, 0, 1); float: none; padding-bottom: 13px; }

.ai #detail02 .pageTop{ float: right; margin: -15px  30px 0 0; }

/* detail03 */
.ai #detail03{ min-height: 1512px; margin: 0 0 23px; padding-top: 75px; background: url(/fundinfo/naikkf_a/img/bg05.jpg) no-repeat top center; }
.ai #detail03 .detailInner{ width: 710px; margin: -50px auto 0; padding-top: 30px; background: url(/fundinfo/naikkf_a/img/bg04.png) no-repeat;}
.ai #detail03 .detailInner h3{ font-size: 36px; padding-top: 0;}
.ai #detail03 .detailInner .exp h3{ position: relative; padding-top: 0; margin-top: 30px; }
.ai #detail03 .detailInner .exp h3:before{ content:""; position: absolute; top: 50%; left: 71px; width: 220px; display: block; border-top: solid 2px #f5f5f5; }
.ai #detail03 .detailInner .exp h3:after{ content:""; position: absolute; top: 50%; right: 71px; width: 220px; display: block; border-top: solid 2px #f5f5f5; }
.ai #detail03 .detailInner h3 > *{ font-weight: bold; }
.ai #detail03 .detailInner p{ font-size: 15px; line-height: 1.66; }
.ai #detail03 .detailInner .img{ text-align: center;}
.ai #detail03 .detailInner .img + p{ width: 630px; margin: 5px auto 0; }

.ai #detail03 .detailInner .col2{ width: 622px; margin: 10px auto; overflow: hidden; }
.ai #detail03 .detailInner .col2 dl{ float: left; width: 276px; margin-left: 70px;}
.ai #detail03 .detailInner .col2 dl:first-child{ margin-left: 0; }
.ai #detail03 .detailInner .col2 dl dt{ font-size: 24px; color: #E5005B; font-weight: bold; }
.ai #detail03 .detailInner .col2 dl dt span{ font-size: 16px; }
.ai #detail03 .detailInner .col2 dl dd{ font-size: 15px; line-height: 1.46; }
.ai #detail03 .detailInner .img.expImg{ margin: 10px 0 0 0; }
.ai #detail03 .detailInner .img.expImg + .col2{ margin-top: 0; }

.ai #detail03 .pageTop{ float: right; margin: -16px 30px 0 0; }

.ai #detail03 .subText{ font-size: 33px; font-weight: bold; color: #6D818B; text-align: center; text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3); margin-top: 65px; }
.ai #detail03 .nm20{ width: 750px !important; margin-left: -20px !important; }

/* detail04 */
.ai #detail04{ min-height: 712px; background: url(/fundinfo/naikkf_a/img/bg05.jpg) no-repeat; margin-top: 28px; position: relative; }
.ai #detail04 h3{ font-size: 34px; color: #848484; line-height: 1.59; position: absolute; top: 47px; left: 61px; }
.ai #detail04 .pointList{ width: 692px; height: 686px; background: url(/fundinfo/naikkf_a/img/bg06.png) no-repeat; margin: 0 0 0 7px; position: relative;}
.ai #detail04 .pointList li{ width: 320px; height: 335px; position: absolute; color: #fff; font-size: 24px; text-align: center; z-index: 0; letter-spacing: -1px; }
.ai #detail04 .pointList li span{ display: block; font-size: 82px; color: #f6d1d7;  }
.ai #detail04 .pointList .point01{ top:0; right: 30px;}
.ai #detail04 .pointList .point02{ top:176px; left: 30px;}
.ai #detail04 .pointList .point03{ bottom: 0px; right: 30px;}

.ai #detail04 .moreBtn{ display: block; width: 257px; margin: 0; position: absolute; bottom: 29px; left: 134px; }
.ai #detail04 .moreBtn a{ font-size: 18px; border-radius: 4px; padding: 12px 46px 12px 13px;}
.ai #detail04 .pageTop{ float: right; margin: 0 30px 0 0; position: relative; z-index: 1; }


/* -------------------------------------------------------------------
 Movie
 ------------------------------------------------------------------ */

/* lightbox */

#movie_box {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: 320px;
  background: url(/fundinfo/images/movie/bg.png) repeat 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
#movie_close {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:101;
}
#video_include {
  position: relative;
  margin: 0 auto;
  padding: 80px 0 0 0 !important;
  width: 80%;
  max-width: 860px;
  z-index:102;
}

#btn_movie_close {
  margin: 0;
  padding: 0;
  float: right;
}

#loading {
  display: none;
  margin: 0;
  margin-top: -20px;
  margin-left: -20px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:102;
}


@media only screen and (max-width: 709px) {
#aispecial {
	margin: 30px auto 0;
}
/* mainVisual */
.ai .mainVisual{ background-size: cover; height: auto;}
.ai .mainVisual .catchArea{ width: 100%; float:none; margin-top: 37px; }
.ai .mainVisual .catchArea p{ width: 100%; margin: 0 0 -20px; font-size: 16px; color: #333; text-align: left; padding: 70% 15px 30px; font-weight: bold;}
.ai .mainVisual .movieArea{ width: 320px; position:absolute; bottom:auto; left:0; right: 0; margin: auto;}
.ai .mainVisual .nextLink.mv{ bottom:-220px; }
/* detail01 */
.ai #detail01{ height: auto; min-height: 0; margin: 270px 0 20px; background: url(/fundinfo/naikkf_a/img/bg02.png) repeat-y top center; background-size: 180%;}
.ai #detail01 .detailInner{ width: 100%; min-height: 0; background-image: none; background: rgba(204,0,36,0.5); margin: 0; padding: 20px; color: #fff; }
.ai #detail01 .detailInner .detailLead{ font-size: 20px; }
.ai #detail01 .detailInner h3{ font-size: 30px; margin: 0 0 5px 0;}
.ai #detail01 .detailInner ul{ margin-left: 0; }
.ai #detail01 .pageTop{ text-align: right; margin: -40px 30px 0 0; }
/* detail02 */
.ai #detail02{ height: auto; min-height: 0; background-size: contain; }
.ai #detail02 .detailInner{ width: 100%; padding: 30px 10px 0; background: url(/fundinfo/naikkf_a/img/bg03.png) repeat-y top center; background-size: 180%;}
.ai #detail02 .detailInner h3{ font-size: 30px;}
.ai #detail02 .detailInner .history{ width: 100%; margin: 32px auto 30px; }
.ai #detail02 .detailInner dl{ display: table; margin: 0; /*overflow: hidden;*/ }
.ai #detail02 .detailInner .history dl:first-child{ margin-bottom: 0; }
.ai #detail02 .detailInner .history dl dt{ float: none; display: table-cell; width: 25%; text-align: center; padding: 0 0 10px 0; }
.ai #detail02 .detailInner .history dl dt img { width:100%; max-width: 100%; height: auto; }
.ai #detail02 .detailInner .history dl dd{ float: none; display: table-cell; width: auto; margin: 0; padding: 0 0 10px 20px; vertical-align: top; }
.ai #detail02 .detailInner dl dd h4{ font-size: 26px; color: #5A6064; margin: 0 0 10px; }
.ai #detail02 .detailInner dl dd p{ font-size: 16px; line-height: 1.3; word-break: normal; margin: 0; padding: 0; }
.ai #detail02 .detailInner .now { width: 100%; }
.ai #detail02 .detailInner .now h3{ margin: 0 0 30px 25px; }
.ai #detail02 .detailInner .now dl { display: table; margin: 9px 0 0; }
.ai #detail02 .detailInner .now dl dt{ float: none; display: table-cell; width: 25%; text-align: center; position: initial; padding: 0; }
.ai #detail02 .detailInner .now dl dt img { width: 100%; max-width: 100%; height: auto;}
.ai #detail02 .detailInner .now dl dd{ float: none; display: table-cell; width: auto; margin: 0 0 0 -26px; vertical-align: top;}
.ai #detail02 .detailInner .now dl dd h4{ font-size: 30px; line-height: 1.2; margin: 0 0 0 10px; }
.ai #detail02 .detailInner .now dl dd p{ font-size: 18px; line-height: 1.43; margin-left: 10px; }
.ai #detail02 .detailInner .now dl dd .circleList li{ float: left; width: 32.5%; margin-left: 2px; }
.ai #detail02 .detailInner .now dl dd .catch{ clear: both; font-size: 30px; font-weight: bold; color: #fff; line-height: 1.2; margin: 20px 10px 20px -30%; text-shadow: 6px 6px 12px rgba(0, 0, 0, 1); float: none; padding-bottom: 30px; }
.ai #detail02 .pageTop{ margin: -40px  30px 0 0; }
/* detail03 */
.ai #detail03{ min-height: initial; margin: 0 0 23px; padding-top: 30px; background: url(/fundinfo/naikkf_a/img/bg05.jpg) no-repeat top center; background-size: contain;}
.ai #detail03 .detailInner{ width: 100%; margin: 0 auto 0; padding: 20px 10px 30px; background: url(/fundinfo/naikkf_a/img/bg04.png) repeat-y top center; background-size: 180%; }
.ai #detail03 .detailInner h3.show { font-size: 30px; padding: 0; margin: 0; }
.ai #detail03 .detailInner .exp h3{ position: relative; padding-top: 0; margin-top: 30px; }
.ai #detail03 .detailInner .exp h3:before{ content:""; position: absolute; top: 50%; left: 5%; width: 30%; display: block; border-top: solid 2px #f5f5f5; }
.ai #detail03 .detailInner .exp h3:after{ content:""; position: absolute; top: 50%; right: 5%; width: 30%; display: block; border-top: solid 2px #f5f5f5; }
.ai #detail03 .detailInner h3 > *{ font-weight: bold; }
.ai #detail03 .detailInner p{ font-size: 16px; }
.ai #detail03 .detailInner .img + p{ width: 100%; margin: 0; }
.ai #detail03 .detailInner .col2{ width: 100%; margin: 10px 10px 20px; display: table;}
.ai #detail03 .detailInner .col2 dl{ float: none; display: table-cell; width: 45%; margin: 0; padding: 0 0 0 3%; }
.ai #detail03 .detailInner .col2 dl:first-child{ padding-left: 0; }
.ai #detail03 .detailInner .col2 dl dt{ font-size: 20px; color: #E5005B; font-weight: bold; line-height: 1.2; margin-bottom:10px; }
.ai #detail03 .detailInner .col2 dl dt span{ font-size: 15px; }
.ai #detail03 .detailInner .col2 dl dd{ font-size: 16px; }
.ai #detail03 .detailInner .img.expImg{ margin: 10px 0 20px 0; }
.ai #detail03 .pageTop{ float: right; margin: -40px 30px 0 0; }
.ai #detail03 .subText{ font-size: 26px; margin: 30px 10px 0; }
/* detail04 */
.ai #detail04{ height: auto; min-height: 0; background: url(/fundinfo/naikkf_a/img/bg05.jpg) no-repeat top center; background-size: contain; margin: 30px 0 50px; padding: 0; }
.ai #detail04 h3{ font-size: 30px; text-align: center; position: static; }
.ai #detail04 .pointList{ width: 100%; height: auto; background: url(/fundinfo/naikkf_a/img/bg02.png) repeat-y top right rgba(204,0,36,0.8); background-size: 180%; margin: 0; padding: 30px 20px; position: static;}
.ai #detail04 .pointList li{ width: auto; height: auto; position: static; color: #fff; font-size: 20px; text-align: left; letter-spacing: -1px; vertical-align: top; text-indent: -16px; margin-left: 30px; margin-bottom: 20px;}
.ai #detail04 .pointList li span{ font-size: 24px; font-weight: bold; color: #f6d1d7; display: inline-block; margin-right: 15px;}
.ai #detail04 .pageTop{ float: right; margin: -40px 30px 0 0; position: static; z-index: 1; }
.pageTop img { mix-blend-mode: multiply; }

}