@charset "UTF-8";

/************************************************************
SLIDER
************************************************************/

/***************************WRAP*PC*/

.slider_area	{
	padding:	20px 0;
	background:	url('/assets/img/home/bg_slider_area.png');
}

.slider_wrap	{
	position:relative;
	margin:	0 auto;
	width:	calc(100% - 10px);
	max-width:	1034px;
	height:	auto;
	z-index:	9;
}

.slider	{
}

.slider li	{
}


/*************WRAP*TB*/

@media screen and (max-width: 768px){

.slider_area	{
	padding:	10px 0;
}

}


/*************WRAP*SP*/

@media screen and (max-width: 480px){

.slider_area	{
	padding:	5px 0;
}

}


/************************************************************
HOME CONTENTS
************************************************************/

/***************************PICKUP LINK*PC*/

.contents .eq3col li.picup_link{
	text-align:	center;
}

.contents .eq3col li.picup_link img	{
	width:	100%;
	max-width:	220px;
	height:	auto;
}

.contents .eq3col li.picup_bnr{
	margin-bottom:	2%;
	padding:	0 5.5%;
	width:	100%;
	text-align:	center;
}

.contents .eq3col li.picup_bnr img	{
	width:	100%;
	height:	auto;
}


/*************PICKUP LINK*TB*/

@media screen and (max-width: 768px){

.contents .eq3col li.picup_bnr{
	padding:	0 1.5%;
}

}


/*************PICKUP LINK*SP*/

@media screen and (max-width: 480px){


}


/***************************NEWS*PC*/

.contents .in2col li.left.news{
	color:#000000;
	font-size: 10px;
	line-height:	1.5;
}

.contents .in2col li.left.news .news_header	{
	padding:	10px 10px;
	width:	100%;
	color:	#ffffff;
	border-radius:10px 10px 0 0;
	background:	#1aa540;
	font-size: 16px;
	font-weight:	bold;
	line-height:	1;
}

.contents .in2col li.left.news .news_footer	{
	width:	100%;
	color:	#ffffff;
	border-radius:	0 0 10px 10px;
	background:	#1aa540;
	font-size: 14px;
	font-weight:	bold;
	text-align:	right;
	line-height:	1;
}

.contents .in2col li.left.news .news_footer a	{
	display:	block;
	padding:	10px 10px;
	width:	100%;
	height:	100%;
	color:	#ffffff;
}

.contents .in2col li.left.news .news_list	{
	list-style:	none;
	width:	100%;
	max-height:	400px;
	border:	1px solid #1aa540;
  font-size:	0;
  line-height:	0;
	overflow: auto;
	
}

.contents .in2col li.left.news .news_list li	{
	padding:	10px 10px;
	width:	100%;
}

.contents .in2col li.left.news .news_list li:nth-child(odd)	{
	background:	#eeeeee;
}

.contents .in2col li.left.news .news_list li .news_date	{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	width:	150px;
	color:	#000000;
	font-size: 14px;
	line-height:	1.4;
	vertical-align: top;
}

.contents .in2col li.left.news .news_list li .news_summary	{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	width:	calc(100% - 150px);
	vertical-align: top;
}

.contents .in2col li.left.news .news_list li .news_summary .news_summary_title	{
	color:	#000000;
	font-size: 14px;
	line-height:	1.4;
}

.contents .in2col li.left.news .news_list li .news_summary .news_summary_title a	{
	font-weight: bold;
}

.contents .in2col li.left.news .news_list li .news_summary .news_summary_body	{
	margin-top:	3px;
	color:	#999999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	line-height:	1;
}


/*************NEWS*TB*/

@media screen and (max-width: 768px){

}


/*************NEWS*SP*/

@media screen and (max-width: 480px){

.contents .in2col li.left.news .news_footer	{
				font-size: 12px;
}

.contents .in2col li.left.news .news_list li .news_date	{
			  display:	block;
}

.contents .in2col li.left.news .news_list li .news_summary	{
			  display:	block;
				width:	100%;
}

.contents .in2col li.left.news .news_list li .news_summary .news_summary_title	{
				font-size: 12px;
}

.contents .in2col li.left.news .news_list li .news_summary .news_summary_body	{
				font-size: 10px;
}

}


/***************************BANNER*PC*/

.contents .in2col li.right.banner{
}

.contents .in2col li.right.banner .banner_img{
	margin-bottom:	4%;
	width:	100%;
	height:	auto;
}


/*************BANNER*TB*/

@media screen and (max-width: 768px){

}


/*************BANNER*SP*/

@media screen and (max-width: 480px){

.contents .in2col li.right.banner{
	margin-top:20px;
	text-align:	center;
}

.contents .in2col li.right.banner .banner_img{
	width:	80%;
}

}


/***************************TWITTER*PC*/

.contents .eq2col li.left.twitter_embed	{
	margin-top:	3%;
}

/*************TWITTER*TB*/

@media screen and (max-width: 768px){

}


/*************TWITTER*SP*/

@media screen and (max-width: 480px){

}


/***************************FACEBOOK*PC*/

.contents .eq2col li.right.facebook_ambed	{
	margin-top:	3%;
}


/*************FACEBOOK*TB*/

@media screen and (max-width: 768px){

}


/*************FACEBOOK*SP*/

@media screen and (max-width: 480px){

}