@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 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,
.newslist .accordion div p{
	padding: 0.5rem 0.5rem  1rem  0.5rem;
}

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

.accordion > div{
	cursor:pointer;
	position:relative;
	/*padding:1rem 3rem 1rem 1rem;*/
	border-top: 2px solid #fbfbfb;
	border-bottom: 1px solid #e1e1e1;
	/*background: url(/images/i_accordion_dt_down.png) right center no-repeat;*/
}

#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:60px;
	width:60px;
	text-align:center;
	overflow:hidden;
	margin-right:1rem;
	display: block;
	float: left;
}
.newslist .thumbnail img{
	width:auto;
	height: 60px;
}
/* ファンド全般情報  ------------------------------*/
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;
}

/**
	ニュースリスト
 */
div.news-wrapper {
	border-top: 1px solid #efefef;
}
div.news-list {
	padding: 1rem 0.5rem;
	border-bottom: 1px solid #efefef;
	background-color: #fff;
}

div.news-list:hover {
	background-color: #e8f0fe;
	transition: background-color 0.2s linear;
	cursor: pointer;
}

div.news-list a {
	color: #000!important;
	display: flex;
	align-items: center;
}

div.news-list a:hover {
	text-decoration: none!important;
}

div.news-list span.label.cat {
	color:#f18e19!important;
}

div.col-title {
	width:85%;
}

div.col-kiji {
	width: 15%;
	text-align: center;
}
div.col-kiji span {
	padding: 0.3rem 0.5rem;
	text-align: center;
	background-color: #0168b7;
	color: #fff;
	width: 100px;
	font-size: 0.8rem;
	border-radius: 0.1rem;
}

div.col-kiji span:hover {
	background-color: #007cdb;
}