@charset "utf-8";
/* ===========================================================

	タカラ・ハーモニストファンド一覧ページのスタイルシート
	2015.3 by FLICKS
	
============================================================ */

#whole #wrapper #contents #main.list {
	padding-top: 40px;
}

#whole #wrapper #contents #main.list .inner{
	padding-top: 40px;
}

#whole #wrapper #contents #main #title {
	background: url(/environment/fund/harmonist_fund/special/img/bg_tit.jpg) center top;
	height: 122px;
	padding: 24px;
}
#whole #wrapper #contents #main.pickup #title {
	background: url(/environment/fund/harmonist_fund/pickup/img/bg_tit.jpg) right top;
}
#whole #wrapper #contents #main #title .ex {
	display: block;
}
#whole #wrapper #contents #main.pickup .inner ul li {
	background: url(/environment/fund/harmonist_fund/img/common/head_03.gif) no-repeat left 2px;
	background-size: 1em;
}
#whole #wrapper #contents #main .inner ul li {
	margin-bottom: 0.8em;
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left 2px;
	background-size: 1em;
	padding: 1px 1px 1em 1.4em;
}
#whole #wrapper #contents #main .inner {
	padding: 20px 70px 43px;
	background: #FFF url(/environment/fund/harmonist_fund/special/img/map.jpg) no-repeat right top;
	min-height: 300px;
}
#whole #wrapper #contents #main.pickup .inner {
	background: #FFF url(/environment/fund/harmonist_fund/pickup/img/map.jpg) no-repeat right top;
}
#whole #wrapper #contents #main .inner .ex {
	display: none;
}


/*---　news　----*/
#whole #wrapper #contents #main.news .inner {
	background: #FFF !important;
	padding: 40px;
}
#wrapper #contents #news {
	background: none;
}
#wrapper #contents #news dl {
	overflow: hidden;
}

#wrapper #contents #news dl dt {
	clear: both;
	float: left;
	padding: 4px 10px 20px;
}
#wrapper #contents #news dl dd {
	float: left;
	padding: 4px 10px 20px 20px;
	width: 720px;
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left 6px;
	background-size: 1em;
}
#whole #wrapper #contents #main.news h2 {
	font-size: 24px;
	color: #FFFFFF;
	padding: 30px 18px 26px 38px;
	background: #83B669 url(/environment/fund/harmonist_fund/img/common/ptn_03.jpg);
}


/* ===========================================================

	スマホ用（767px以下）
	
============================================================ */
@media screen and (max-width : 767px) {
#whole #wrapper #contents #main.list {
	padding-top: 16px;
}

#whole #wrapper #contents #main #title {
	background: url(/environment/fund/harmonist_fund/special/img/bg_tit.jpg) no-repeat right center;
	height: 30px;
	padding: 20px 24px 20px;
	background-size: 120%;
}

#whole #wrapper #contents #main.pickup #title {
	background: url(/environment/fund/harmonist_fund/pickup/img/bg_tit.jpg) no-repeat right center;
	height: 30px;
	padding: 20px 24px 20px;
	background-size: 120%;
}
#whole #wrapper #contents #main #title img {
	height: 2.6em;
}
#whole #wrapper #contents #main #title .ex {
	display: none;
}
#whole #wrapper #contents #main .inner {
	padding: 20px 20px 1px;
	min-height: 300px;
	background-size: 80%;
}
#whole #wrapper #contents #main .inner ul li {
	border-bottom: 1px solid #dbe2d6;
	padding: 4px 1px 1em 1.4em;
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left 6px;
	background-size: 1em;
}
#whole #wrapper #contents #main.pickup .inner ul li {
	border-bottom: 1px solid #D7E1DF;
	background: url(/environment/fund/harmonist_fund/img/common/head_03.gif) no-repeat left 6px;
	background-size: 1em;
}
#whole #wrapper #contents #main .inner .ex {
	display: block;
	margin-bottom: 12px;
	padding-bottom: 26px;
	border-bottom: 1px solid #dbe2d6;
}
#whole #wrapper #contents #main.pickup .inner .ex {
	border-bottom: 1px solid #D7E1DF;
}


/*---　news　----*/
#wrapper #contents #news {
	overflow: hidden;
	margin: 1%;
	padding: 0px;
}
#whole #wrapper #contents #main.news .inner {
	padding: 20px;
}
#whole #wrapper #contents #main.news h2 {
	line-height:120%;
	padding-left: 20px;
}

#wrapper #contents #news dl dt {
	float: none;
	padding: 0px 10px 0px 20px;
	width: auto;
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left 2px;
	background-size: 1em;
	color: #39ad29;
}
#wrapper #contents #news dl dd {
	float: none;
	padding: 0px 10px 12px 0px;
	width: auto;
	background: none;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd6cc;
}
#wrapper #contents #news h2 a .more_btn_a {
	display: none;
}
#wrapper #contents #news .more_btn_b {
	text-align: center;
	display: block;
}
#wrapper #contents #news .more_btn_b img {
	height: 2em;
}


#whole #wrapper #contents #main .inner {
	background: #FFF url(/environment/fund/harmonist_fund/special/img/map.jpg) no-repeat right top;
background-size:contain;
}
#whole #wrapper #contents #main.pickup .inner {
	background: #FFF url(/environment/fund/harmonist_fund/pickup/img/map.jpg) no-repeat right top;
background-size:contain;
}
}
#whole #wrapper #contents #main.list .inner ul li .date {
	float: none;
	color: #69AA4E;
	font-size: 14px;
	font-weight: bold;
	padding-right: 20px;
}

/*---　pickup,special topのリスト　----*/

#whole #wrapper #contents #main.list.special .inner ul li {
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left top 0.40em;
    background-size: 1em;
}
#whole #wrapper #contents #main.list.pickup .inner ul li .date {
	color: #3AA1C1;
    /*display: block;*/
}
#whole #wrapper #contents #main.list.pickup .inner ul li {
	background: url(/environment/fund/harmonist_fund/img/common/head_03.gif) no-repeat left top 0.40em;
    background-size: 1em;
}
@media screen and (max-width : 767px) {
#whole #wrapper #contents #main.list.special .inner ul li {
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left top 0.6em;
    background-size: 1em;
}
#whole #wrapper #contents #main.list.pickup .inner ul li {
	background: url(/environment/fund/harmonist_fund/img/common/head_03.gif) no-repeat left top 0.6em;
    background-size: 1em;
}
}