@charset "utf-8";

/* 新着情報 
*********************************/
.newsBox h2{
	font-size:24px;
	margin-bottom:10px;
	border-left:6px solid #51B3B3;
	padding-left:15px;
}
.newsBox .newsLeft{
	width:48%;
	float:left;
	overflow:hidden;
	display: block;
}
.newsBox .newsLeft dl{
	width:100%;
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #bbb;
	clear:both;
	overflow:hidden;
}
.newsBox .newsLeft dl dt{
	float:left;
	width:28%;
	color:#FF4C3D;
	font-size:14px;
}
.newsBox .newsLeft dl dt img{
	margin-top:5px;
}
.newsBox .newsLeft dl dd{
	margin-left:29%;
	line-height:130%;
}
.newsBox .newsLeft dl dd img{
	float:left;
	margin:0 5px;
}
.newsBox .newsLeft dl dd a{
	font-size:16px;
	color:#222;
	text-decoration:none;
}
.newsBox .newsLeft dl dd a:hover{
	text-decoration:underline;
}
.newsBox .newsLeft .newsLeft_btn{
	float:right;
}

.top_topics {
	width:100%;
}
.top_topics_in{
	width:1000px;
	margin: 0px auto;
	padding: 20px 0;
	overflow:hidden;
}


.top_topics h3{
	font-size:280%;
	color:#FF4C3D;
	margin-bottom: 20px;
	line-height: 140%;
	text-align: center;
}

.top_topics p{
	line-height:180px;
	margin-bottom:8px;
}
.top_topics_text{
	width:100%;
	margin-bottom: 20px;
}
.top_topics_text p{
	line-height:160%;
	font-size: 1em;
}
.top_topics_in ul{
}
.top_topics_in ul li{
	float:left;
	margin-right:30px;
}
.top_topics_in ul li:last-child{
	margin-right:0;
}


.activeList{
	width:52%;
	overflow: hidden;
	display: block;
}
.activeList li{
	float:left;
	margin-right:0px;
}

.bannerList{
	margin-bottom:15px;
}
.bannerList li{
	margin-right:25px;
	float:left;
}
.bannerList li:nth-child(3n){
	margin-right:0;
}


@media screen and (max-width: 480px) {
	.newsBox h2{
		margin-left:1%;
	}
	.top_topics_in{
		width:98%;
		padding:0 1%;
	}
	.top_topics img{
		width:100%;
		margin:0 auto;
	}
	.top_topics h3{
		font-size:1.4em;
	}
	
	
	.top_topics_in ul li{
		margin-right:0;
	}
	
	
	.newsBox .newsLeft{
		float:none;
		width:98%;
	}
	.newsBox .newsFB{
		float:none;
		clear:both;
		width:100%;
		margin:0;
		padding:0 1%;
	}
	.newsBox .newsFB iframe{
		width:100%;
	}
	.newsBox .newsLeft dl dt{
		width:100%;
		font-size:0.9em;
		margin-left:1%;
	}
	.newsBox .newsLeft dl dt img{
		margin-left:1%;
		width:30%;
	}.newsBox .newsLeft dl dd{
		margin-left:1%;
	}
	.newsletter{
		float:none;
		width:98%;
	}
	h3{
		font-size:1.5em;
	}
	h4{
		font-size:1.4em;
		text-align:center;
	}
	.newsletter p{
		font-size:0.8em;
	}
	
	
	.activeList{
		width:100%;
		margin-top:10px;
	}
	.activeList li{
		width:50%;
	}
	.activeList li img{
		width:99%;
	}

}