/*=============================================
*
*  NEWS
*
=============================================*/
#news {
	/*background: url(../images/news/newsBack-01.jpg) no-repeat center 66px;*/
	background-size: 100%;
	padding-top: 15%;/* 60%*/
	
	-webkit-transition: all 1s;
	transition: all 1s;	
}
/*
@media screen and (max-width:1000px){
	#news {
		background: url(../images/news/newsBack-02.jpg) no-repeat center 66px #000;
		background-size: 100%;
		padding-top: 85%;
	}
}
@media screen and (max-width:640px){
	#news {
		background: url(../images/news/newsBack-03.jpg) no-repeat center 66px #000;
		background-size: 100%;
		padding-top: 85%;	
	}
}
*/
/* ============================================
大見出し
============================================ */
#news h1.heading {
	background: url(../images/common/h_news.svg) no-repeat center 0;
	display: block;
	height: 35px;
	margin: 0 auto;
	width: 169px;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
	
	/* IE8 */
	background: url(../images/common/h_news.png) no-repeat center 0\9;
}
#news .hArea {
	background: url(../images/common/neonBack_purple_L.png) repeat-x center 0;
	display: block;
	min-height: 200px;
	width: 100%;
}
@media screen and (max-width:1000px){
	#news .hArea {
		background: url(../images/common/neonBack_purple_M.png) repeat-x center 0;
	}
}
@media screen and (max-width:640px){
	#news .hArea {
		background: url(../images/common/neonBack_purple_S.png) repeat-x center 0;
	}
}
#news .hArea .wavePu {
	bottom: 0;
	position: absolute;
	left: 0;
}
/* inner */
#news .inner {
	background: #ac44ff;
}


/* ============================================
area01
============================================ */
#news .area01 {
	background-size: 100%;
	padding: 30px 0 0 0;

	-webkit-transition: all 1s;
	transition: all 1s;	
}
@media screen and (max-width:1000px){
	#news .area01 {
		padding: 30px 0 0 0;
	}
}
/**/
@media screen and (max-width:1000px){
	#news .area01 .txtArea {
		padding: 0;
	}
}
/* ============================================
NEWS
============================================ */
#news .area01 ul {
	padding: 0;
}
#news .area01 li {

}
@media screen and (max-width:1000px){
	#news .area01 li {
		margin: 0;
		padding: 0;
	}
}
#news .area01 li .txtArea {
	margin: 0 0 15px 0;
	padding: 15px 20% 15px 20%;
	text-align: left;
}
@media screen and (max-width:1000px){
	#news .area01 li .txtArea {
		margin: 0 0 15px 0;
		padding: 15px 10% 15px 10%;
		text-align: left;
	}
}
#news .area01 li:nth-child(odd) {
	background: #ac44ff;
}
#news .area01 li:nth-child(even) {
	background: #000000;
}
#news .area01 li:last-child {
	padding-bottom: 17px;
}
#news .area01 li time {
	color: #000;
	display: block;
	font-size: 13px;
	letter-spacing: 0.15em;
	margin-bottom: 10px;
}
#news .area01 li:nth-child(even) time {
	color: #ac44ff;
}
#news .area01 li time .up {
	color: #68ffda;
}
/* タイトル*/
#news .area01 li .title {
	color: #000;
	font-size: 16px;
}
#news .area01 li:nth-child(even) .title {
	color: #ac44ff;
}
/* テキスト */
#news .area01 li .txt01 ,
#news .area01 li .txt01 a {
	color: #000;
	font-size: 15px;
}
#news .area01 li:nth-child(even) .txt01 ,
#news .area01 li:nth-child(even) .txt01 a {
	color: #ac44ff;
}
/* ボタン */
#news .area01 li .btn {
	background: url(../images/common/btn_newsCloseBl.svg) no-repeat center 0;
	cursor: pointer;
	display: block;
	height: 33px;
	margin: 0 0 0 auto;
	width: 33px;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
}
#news .area01 li.close .btn {
	background: url(../images/common/btn_newsOpenBl.svg) no-repeat center 0;
	cursor: pointer;
	display: block;
	height: 33px;
	margin: 0 0 0 auto;
	width: 33px;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
}
#news .area01 li:nth-child(even) .btn {
	background: url(../images/common/btn_newsClosePu.svg) no-repeat center 0;
	cursor: pointer;
	display: block;
	height: 33px;
	margin: 0 0 0 auto;
	width: 33px;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
}
#news .area01 li.close:nth-child(even) .btn {
	background: url(../images/common/btn_newsOpenPu.svg) no-repeat center 0;
	cursor: pointer;
	display: block;
	height: 33px;
	margin: 0 0 0 auto;
	width: 33px;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
}
@media screen and (max-width:1000px){
	#news .area01 li .btn ,
	#news .area01 li:nth-child(even) .btn ,
	#news .area01 li.close .btn ,
	#news .area01 li.close:nth-child(even) .btn{
		margin: 0 0 0 auto;
	}
}