@charset "UTF-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
news
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#news h1{
	width:100%;
	height:194px;
	background: url(/battlegirl-hs/assets/img/news/head_0825.jpg) repeat-x;
  	background-position:center top;
	text-align:center;
	}
#news p{
line-height:21px;
}	
#news .headnav ul{
	text-align:center;
	background-color:#fff;
	padding:50px 0 50px 0;
	width:100%;
}

#news .headnav ul li{
	display:inline-block;
	vertical-align:middle;
	padding:5px 5px 5px 5px;
	cursor: pointer;
}

#news #news_area{
	width:100%;
	background-color:#fff;
	padding:0px 0 10px 0;
}
#news #news_area >ul{
	margin:0 auto;
		width:1200px;
	text-align:center;
	
}
#news #news_area > ul >li{
	display:inline-block;
	vertical-align:middle;
	padding:0 15px 50px 15px;
	transition: all 600ms ease-in;
	
}
#news #news_area > ul >li.on{
	opacity: 1;
}
#news #news_area > ul >li.hide{
	opacity: 0;
}
#news #news_area > ul >li.none{
	opacity: 0;
	display: none;
}
#news #news_area ul li ul{
	padding:0 0 15px 0;
	border-bottom:2px solid #d9d9d9;
	width:240px;
}

#news #news_area ul li ul li{
	width:238px;
	padding:15px 0 0 0;
	font-size:14px;
	line-height:21px;
}
#news #news_area ul li ul li.postTitle{
	height: 2rem;
}
#news #news_area ul li ul li.postThum{
	display: table;
}
#news #news_area ul li ul li:nth-child(1){
	position:relative;
	border:1px solid #cecece;
}
.top_thum{
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
}
.under_thum{
	position:relative;
	display:table-cell;
	height: 198px;
	text-align: center;
	vertical-align: middle;
	z-index:1;
}
#news #news_area ul li ul li:nth-child(2){
color:#555555;
font-weight:bold;
}
#news #news_area ul li ul li:nth-child(3){
color:#9e9e9e;
font-weight:bold;
}
#news #news_area ul li ul li:first-child{
	padding:0 0 0 0;
}

.top_title{
	text-align:center;
	padding:0 0 60px 0;
	}
	
	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
news_details
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#news .area01{
	width:1000px;
	padding:60px 0 60px 0;
	margin:0 auto;
	}
	
#news .news_details{
	position:relative;
	padding:40px 0 40px 0;
	border-top:1px solid #bdc5ca;
	border-bottom:1px solid #bdc5ca;
}

#news .news_details .details_icon{
	position:absolute;
	top:20px;
	right:0;
}

#news .news_details .n_sns_icon{
	position:absolute;
	top:60px;
	right:0;
}

#news .news_details .n_sns_icon li{
	display:inline-block;
	vertical-align:middle;
}
#news .details_cont li{
	font-size:14px;
	letter-spacing:2px;
}

#news .details_cont{
	padding:0 20px 0 20px;
}
#news .details_cont li:nth-child(1){
	font-size:30px;
	font-weight:bold;
	color:#ea5f9a;
	padding:0 0 20px 0;
	width:800px;
	line-height:45px;
}

#news .details_cont li:nth-child(2){
color:#9e9e9e;
font-weight:bold;
padding:0 0 30px 0;
}

#news .details_cont .news_dtext{
padding:0 0 30px 0;
width:800px;
line-height:21px;
}

#news .details_cont .news_dimg{
	text-align:center;
	padding:0 0 30px 0;
	width:800px;
}

#news .details_cont li:last-child{
	padding:0 0 0 0;
}

.n_marg_e{
	margin:0 0 0 -20px;
	}
.n_marg_e td{
	text-align:center;
	vertical-align:middle;
	padding:20px 20px 20px 20px;
	}
.n_marg_r{
	margin:0 0 0 -20px;
	}
.n_marg_r td{
	text-align:center;
	vertical-align:middle;
	padding:10px 30px 10px 30px;
	}
.n_birthday_marge{
	width:1000px;
	margin:0 0 0 -20px;
	}
#birthicon_01{
	display:inline-block; vertical-align:middle; padding:0 3% 0 3%;
	}
#birthicon_02{
	display:inline-block; vertical-align:middle; padding:0 3% 0 3%; width:25%;
	}
#birthicon_02 img{
	width:100%;
	}
	
.rd_com_line{
	border:5px solid #fc6e93; 
	padding:5% 5% 5% 5%; 
	font-size:18px; 
	text-align:center;
	}
	
.news_btn_ex_temp{
	background-color:#80de47; 
	width:54%; 
	padding:34px 30px 34px 30px; 
	margin:0 auto;
	font-size:24px;
	}
	
.margin_rd{
	display:block;
	padding:0 0 90px 0;
	}