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

	タカラ・ハーモニストファンドのスタイルシート
	2015.3 by FLICKS
	
============================================================ */
#wrapper #sp_header, #sp_footer {
	display: none;
}
#wrapper #contents p {
	margin-right: 0px;
	margin-left: 0px;
}
#contents h2 {
	margin-bottom: 0px;
}
#wrapper #contents .btns {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}
#wrapper #contents .btns li {
	margin-bottom: 1em;
}
#whole #wrapper #contents ul.navi li a:hover img {
	filter: alpha(opacity=50) !important;
	-moz-opacity: 0.50 !important;
	opacity: 0.50 !important;
}
/*------------------------------------------------------------
	top
------------------------------------------------------------*/
#wrapper #contents #top_visual h1 {
	padding: 0px 14px;
}
#wrapper #contents #top_visual {
	padding: 100px 16px 16px;
	margin-bottom: 20px;
	text-align: center;
}
#wrapper #contents #top_visual .txt {
	background: #FFF;
	padding: 22px 25px 23px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
}
#wrapper #contents #section_01 {
	text-align: center;
}
#whole {
	background: url(/environment/fund/harmonist_fund/img/top/img_01.jpg) no-repeat center top;
	padding: 10px 0px 0px;
}
#wrapper #contents #special {
	text-align: center;
	margin: 0px;
}
#wrapper #contents .navi {
	overflow: hidden;
	padding: 20px 0px;
}
#wrapper #contents .navi li {
	float: left;
	margin-right: 20px;
	width: 498px;
}
/*---　news　----*/
#wrapper #contents #news {
	background: #FDFAF5 url(/environment/fund/harmonist_fund/img/common/ptn_01.jpg);
	padding: 20px;
	box-shadow: rgba(83, 79, 70, 0.0980392) 0px 0px 26px 8px inset;
	-webkit-box-shadow: rgba(83, 79, 70, 0.0980392) 0px 0px 26px 8px inset;
	-moz-box-shadow: rgba(83, 79, 70, 0.0980392) 0px 0px 26px 8px inset;
	border: 1px solid #eeeeee;
}
#wrapper #contents #news dl {
	overflow: hidden;
}
#wrapper #contents #news dl dt {
	clear: both;
	float: left;
	padding: 4px 10px;
}
#wrapper #contents #news dl dd {
	float: left;
	padding: 4px 10px 4px 20px;
	width: 840px;
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left 6px;
	background-size: 1em;
}
#wrapper #contents #news dl dd a {
	color: #443D31;
	text-decoration: none;
}
#wrapper #contents #news h2 {
	margin-bottom: 20px;
}
#wrapper #contents #news h2 a .more_btn_a {
	height: 32px;
	margin: 10px 0px 0px 10px;
}
#wrapper #contents #news .more_btn_b {
	display: none;
}
#wrapper #contents .kome {
	padding: 14px 6px;
}
body#environment #wrapper #content-nav,body#environment #wrapper #content-nav a {
	color: #FFF !important;
}

/*---　special　----*/
#whole #wrapper #contents #special .spbox {
	text-align: left;
	background: url(/environment/fund/harmonist_fund/img/top/sp/bg_01.jpg) repeat-x;
	position: relative;
	padding: 34px 57px 18px;
}
#whole #wrapper #contents #special #sp_01 .images {
	overflow: hidden;
	padding-left: 14px;
	padding-bottom: 14px;
}
#whole #wrapper #contents #special #sp_01 .images li {
	float: left;
	margin-right: 6px;
}
#whole #wrapper #contents #special #sp_01 .images #main_photo {
	position: absolute;
	top: 36px;
	right: 56px;
}
#whole #wrapper #contents #special #sp_01 h2 {
	margin-bottom: 22px;
}
.bx-pager.bx-default-pager {
	display: none;
	height: 0px;
}
.bx-wrapper {
	margin-bottom: 0px !important;
}
/*---　pu　----*/
#whole #wrapper #contents #special .spbox.pick_up {
	background: url(/environment/fund/harmonist_fund/img/top/pu/bg_01.jpg) repeat-x top left;
}
/* ===========================================================

	スマホ用（767px以下）
	
============================================================ */
@media screen and (max-width : 767px) {
/*------------------------------------------------------------
	top
------------------------------------------------------------*/
body {
	background: none;
}
#wrapper #contents #top_visual {
	background: none;
	padding: 0px;
	margin: 0px;
	background: #3F4240 url(/environment/fund/harmonist_fund/img/top/img_01.jpg) no-repeat center top;
	background-size: 180% auto;
}
#wrapper #contents #top_visual h1 {
	margin-bottom: 10px;
	padding: 0px;
}
#wrapper #contents #top_visual .txt, #wrapper #contents .btns {
	padding: 2%;
}
#wrapper #contents #section_01 {
	padding: 2%;
}
#wrapper #contents #top_visual p {
	background: #3f4240;
	padding: 10px 0px;
}
#wrapper #contents .navi {
	padding: 1%;
}
#wrapper #contents .navi li {
	float: none;
	margin-right: 0px;
	width: 100%;
	margin-bottom: 4px;
	text-align: center;
}
/*------ topのナビ、写真ナシの時用
#wrapper #contents .navi li img {
	border-bottom: 1px solid #d7d7d6;
}
---------*/
#wrapper #contents .navi li img.ex {
	display: none;
}
#wrapper #contents #news {
	overflow: hidden;
	margin: 1%;
	padding: 20px 16px;
}
#wrapper #contents #news dl dt {
	float: none;
	padding: 4px 10px 0px 20px;
	width: auto;
	background: url(/environment/fund/harmonist_fund/img/common/head_01.gif) no-repeat left 6px;
	background-size: 1em;
	color: #39ad29;
}
#wrapper #contents #news dl dd {
	float: none;
	padding: 0px 10px 16px 0px;
	width: auto;
	background: none;
	border-bottom: 1px solid #ddd6cc;
	margin-bottom: 16px;
}
#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 {
	background: none;
	padding: 0px;
}
#whole #wrapper #contents #top_visual h1 {
	padding: 40px 10px 20px;
}
#whole #wrapper #contents #top_visual h1 .first_ {
	width: 88%;
}
#whole #wrapper #contents #top_visual h1 .second_ {
	width: 61%;
}
#whole #wrapper #contents #top_visual p img {
	width: 22em;
}
/*---　sp　----*/
#whole #wrapper #contents #special .spbox {
	text-align: left;
	background: url(/environment/fund/harmonist_fund/img/top/sp/bg_01.jpg) repeat-x;
	position: relative;
	padding: 22px 22px;
}
#whole #wrapper #contents #special #sp_01 .images {
	overflow: hidden;
	padding-left: 4px;
	padding-bottom: 12px;
}
#whole #wrapper #contents #special #sp_01 .images li {
	float: left;
	margin-right: 1%;
	width: 24%;
}
#whole #wrapper #contents #special #sp_01 .images #main_photo {
	position: static;
}
#whole #wrapper #contents #special #sp_01 h2 {
	margin-bottom: 12px;
}
.bx-wrapper {
	margin-bottom: 12px !important;
}
#wrapper #sp_header, #sp_footer {
	display: block;
}
#environment #wrapper #contents #special #sp_01 .align-center img {
	width: 100%;
}

}
/*------------------------------------------------------------
	
------------------------------------------------------------*/
.mb-20 {
	margin-bottom: 20px!important;
}