@charset "UTF-8";

/* Color  ------------------------------*/
/*
#gnavi li.on a,
#gnavi li a:hover{
	color:#f18e19;
	border-color:#f18e19;
}
#header form{
	border-color:#f18e19;
}
#header .snavi li.e a{
	background-color:#f18e19;
	border-color: #f18e19;
}
#header .snavi li.m a{
	color:#f18e19;
}
.header_sub_menu li a:hover{
	color:#f18e19;
}
*/
h2 em{
	border-color:#f18e19;	
}
#main {
	margin-bottom: 2rem;
}
#main h2 em a{
	color:#f18e19;	
}
/* icon  ------------------------------*/

#header form input.b_search{
	background-position:-60px 0;
}
i.mail{
	background-position:-48px 0 ;
}


.newslist .sns .twitter-share-button,
.newslist .sns .fb-like span{
	vertical-align: middle !important;	
}
.newslist .sns{
	text-align:right;
	clear: both;
	padding:0.5em 0;
}


/* NEWS  ------------------------------*/
.newstop dl{
	float:left;	
	width:338px;
	margin:0 17px 20px 0;
}
.newstop dl:nth-of-type(3n){
	margin-right:0;
}
.newstop dt{
	border-top:2px solid #CCC;
}
.newstop dt a{
	display: block;
	padding: 0.5rem;
	text-decoration: none;
}

.newstop dt a:hover{
	background-color: #F9F9F9;
}


.activity > dl{
	width: 100%;
}
.activity dd li{
	float:left;	
	width:338px;
	margin:0 17px 0 0;
}
.activity dd li:nth-of-type(3n){
	margin-right:0;
}
.activity dd .small{
	color:#000;
	line-height: 1.2rem;
}

.newslist li,
.newstop dd li{
	border-top: 1px solid #EEE;
}

#main .newslist li a,
#main .newstop dd a{
	color:#000;
	line-height:1.2rem;
	display:block;
	text-decoration:none;
	padding-bottom: 0.5rem;
}



.newslist li a:hover,
.newstop dd a:hover{
	text-decoration:underline;
}

.newstop dd img{
	float:left;
	margin-right:0.5rem;
	height:60px;
	width: auto;
}
.newsdtl {
	padding: 2rem 4rem;
	line-height: 1.5rem;
}

#main .red > dt    { border-color:#FF0000; color:#F00; }
#main .blue > dt   { border-color:#0068b7; color:#0068b7; }
#main .green > dt  { border-color:#77bc01; color:#77bc01; }
#main .orange > dt { border-color:#ff6e0c; color:#ff6e0c; }
#main .brown > dt  { border-color:#ae7439; color:#ae7439; }
#main .purple > dt { border-color:#6633cc; color:#6633cc; }

#main .red > dt    a { color:#F00; }
#main .blue > dt   a { color:#0068b7; }
#main .green > dt  a { color:#77bc01; }
#main .orange > dt a { color:#ff6e0c; }
#main .brown > dt  a { color:#ae7439; }
#main .purple > dt a { color:#6633cc; }

#main .red .fright    { background-color:#FF0000; color:#FFF;}
#main .blue .fright   { background-color:#0068b7; color:#FFF;}
#main .green .fright  { background-color:#77bc01; color:#FFF;}
#main .orange .fright { background-color:#ff6e0c; color:#FFF;}
#main .brown .fright  { background-color:#ae7439; color:#FFF;}
#main .purple .fright { background-color:#6633cc; color:#FFF;}


/* List  ------------------------------*/
.newslist{
	width: 790px;
	float: left;
}
.newslist .accordion dt{
	padding: 0;	
}
.newslist .accordion dt p{
	padding: 0.5rem 0.5rem  1rem  0.5rem;
}

.newslist li .label.cat,
.newslist .accordion dt .label.cat{
	color:#f18e19;
	padding:0 0.5rem;
}

#side{
	width: 250px;
	float: right;
}

/* FundNewsList  ------------------------------*/
.fundnewslist li a{
	padding: 0.5rem 0;
}
.fundnewslist li p{
	margin: 0.5rem 0;
}
.fundnewslist li .label.cat{
	padding-left: 0;
}


.newslist .thumbnail{
	height:80px;
	width:80px;
	text-align:center;
	overflow:hidden;
	margin-right:1rem;
	display: block;
	float: left;
}
.newslist .thumbnail img{
	width: 80px;
    height: 80px;
    object-fit: cover;
}
/* ファンド全般情報  ------------------------------*/
h2 {
    font-size: 1rem;
    padding-bottom: 0;
    border-bottom: none;
}
.info{
	font-size:0.8rem;
	padding:10px 0 5px 0;
	margin-bottom: 1rem;
	
}
.info h2{
	color:#0168b7;
	margin-bottom:0.2rem;
	padding-left:25px;
	display: inline-block;
	margin-right:1.5rem;
	background: url(../images/i_h2_fund.gif) left center no-repeat;
}
.info dl,
.info dt,
.info dd{
	display: inline-block;	
}
.info dt{
	padding-left:25px;
	background: url(../images/i_info3.gif) left center no-repeat;
}
.info dt:first-child{
	background: url(../images/i_info1.gif) left center no-repeat;
}
.info dt:nth-of-type(2){
	background: url(../images/i_info2.gif) left center no-repeat;
}


.info dd{
	font-weight:bold;
	font-size:1.1rem;
	margin:0.1rem 1.5rem 0.3rem 0;
}

/* 動画  ------------------------------*/
.movie > dl{
	width: 100%;
}
.movie dd li{
	float:left;	
	width:252px;
	margin:0 10px 0 0;
}
.movie .thumbnail{
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.movie .thumbnail > iframe{
	border: none;
	position:absolute;
	width:100%;
	height:100%;
	left:0
}
.movie .title{
	margin-right: 1.2rem;
}

/* Guide  ------------------------------*/
#guide h5{
	border-bottom: 1px solid #eaeaea;
	font-weight: bold;
	padding-bottom:0.5rem;
	margin-bottom:0.8rem;
}
#guide h6{
	color: #0A3C41;
	font-weight: bold;
}
#guide p{
	margin-bottom:2rem;
}
#guide .index{
	margin-top:2rem;
	height:400px;
}
#guide .index_left{
	width: 310px;
	float: left;
	margin-right:2rem;
}
#guide .index_middle{
	width: 310px;
	float: left;
	margin-right:2rem;
}
#guide .index_right{
	width: 310px;
	float: left;
}

#guide .index a{
	color:#000;
}
#guide td{
	padding-top:1rem;
}
#guide tbody, tbody th, tbody, tbody td{
	border:none;
	vertical-align:top;
}
#guide .purchase{
	margin-bottom:2.5rem;
	float:left;
	width:100%;
}
#guide .purchase dt{
	width : 150px;
	float : left;
	clear : both;
}

#guide .settlement{
	margin-bottom:1.5rem;
	float:left;
	width:487px;
	margin-right:1rem;
}
#guide .settlement dt{
	width : 140px;
	float : left;
	clear : both;
}

#guide .border{
	border: 1px solid #0168b7;
	-ms-interpolation-mode: bicubic;
}

#guide .border img {
	-ms-interpolation-mode: bicubic;
}

.margin-b20 {
	margin-bottom:2rem;
}

.margin-t10 {
	margin-top:1rem;
}

.margin-t20 {
	margin-top:2rem;
}

.margin-t40 {
	margin-top:4rem;
}

.margin-r20 {
	margin-right:2rem;
}

.step {
	position: relative;
	padding: 10px 5px 7px 70px;
	margin-bottom:2rem;
	margin-top:2.5rem;
}
.step1:before {
	background: #0168b7;
	border-radius: 50%;
	content: '';
	background-image: url(/images/site/guide_step1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
	left: -6px;
	line-height: 100px;
	position: absolute;
	text-align: center;
	top: -30%;
	width: 65px;
}
.step2:before {
	background: #0168b7;
	border-radius: 50%;
	content:'';
	background-image: url(/images/site/guide_step2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
	left: -6px;
	line-height: 100px;
	position: absolute;
	text-align: center;
	top: -30%;
	width: 65px;
}
.step3:before {
	background: #0168b7;
	border-radius: 50%;
	content: '';
	background-image: url(/images/site/guide_step3.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
	left: -6px;
	line-height: 100px;
	position: absolute;
	text-align: center;
	top: -30%;
	width: 65px;
}
.attention {
	font-size: 1rem;
	font-weight: bold;
	width: 100%;
	margin-bottom: 1rem;
}

.about_btn .l {
	float: left;
	width: 505px;
}
.about_btn .r {
	float: right;
	width: 505px;
}


#btnMsgBox {
	position: fixed;
	top: 50%;
	left: 40%;
	width: 20%;
	height: 60px;
	line-height: 60px;
	margin-top: -30px;
	border-radius: 2px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-bottom: 1px solid rgba(204, 204, 204, 0.5);
	box-shadow: 0 0 6px #ccc;
}