@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
opening
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.opening {
	display: none;
	position: fixed;
	z-index: 10001;
	top: 0;
	width: 100%;
	min-width: 50%;
	height: 100%;
}
.opening_cl {
	 position: relative;
 	 top: 50%;
  	-webkit-transform: translateY(-50%); /* Safari用 */
  	transform: translateY(-50%);
	margin:0 auto;
	z-index: 10002;

}
.opening_cl a {
	cursor: pointer;
}
.op_abso{
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
	width:544px;
	height:304px;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
banner
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.caution_end{
	width:720px;
	padding:30px 0 30px 0 !important;
	margin:0 auto;
	line-height:30px;
	border-radius:10px;
	background-color:#fff;
	font-size:20px;
	text-align:center;
	color:#5e5e5e!important;
	}
.contpa{
	padding:60px 0 90px 0;	
	}
.contpa_02{
	padding:60px 0 0 0;	
	}
.banner_area{
	background-color:#ff64a6;
	width:100%;
	text-align:center;
	padding:40px 0 40px 0;
	}
.banner_area_inner{
	width:1200px;
	margin:0 auto;
	text-align:center;
	}
	
.banner_area li{
	display:inline-block;
	padding:0 10px 0 10px;
	}

.banner_area li:first-child{
	display:inline-block;
	margin:0 100px 40px 100px;
	}	
/*

.banner_area li:first-child{
	display:inline-block;
	margin-bottom:40px;
	}	
*/
/*
.banner_area li:nth-child(2){
	padding:0 60px 40px 60px;
	}
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
news
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
#news_area{
	width:100%;
	background-color:#fff;
	
}
#news_area >ul{
	text-align:center;
	width:1200px;
	margin:0 auto;
	
}
#news_area > ul >li{
	display:inline-block;
	vertical-align:middle;
	padding:0 20px 0 20px;
	
}
#news_area > ul >li:nth-child(-n+4){
	padding:0 20px 50px 20px;
	
}
#news_area ul li ul{
	padding:0 0 15px 0;
	border-bottom:2px solid #d9d9d9;
	width:240px;
}

#news_area ul li ul li{
	width:238px;
	padding:15px 0 0 0;
	font-size:14px;
	line-height:21px;
}
#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;
	z-index:1;
}
#news_area ul li ul li:nth-child(2){
color:#555555;
font-weight:bold;
height:40px;
}
#news_area ul li ul li:nth-child(3){
color:#9e9e9e;
font-weight:bold;
}
#news_area ul li ul li:first-child{
	padding:0 0 0 0;
}

.top_title{
	text-align:center;
	padding:0 0 60px 0;
	}

#news_area .more{
	width:1080px;
	padding:50px 0 0 0;
	margin:0 auto;
	text-align:right;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
game
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#game_area{
	width:100%;
	background-image: url(/battlegirl-hs/assets/img/top/game_bg.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	}
#game_area .game_cont{
	text-align:center;
	padding:30px 0 30px 0;
}
#game_area .more{
	width:1080px;
	padding:50px 0 0 0;
	margin:0 auto;
	text-align:right;
	}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
products
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#produts_area{
	border-top:1px solid #DBDBDB;
	width:100%;
	background-color:#ff3e99;
	}
	
#produts_area ul{
	text-align:center;
	}
#produts_area ul li{
	display:inline-block;
	width:50%;
	vertical-align:top;
	}
#produts_area ul li img{
	width:100%;
	}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
anime
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#anime_area{
	padding:80px 0 0 0;
	text-align:center;
	}
/*ティザー*/
#anime_area .anime_t_wrapper{
	padding:0 0 50px 0;
	}
	
#anime_area .anime_t_wrapper img{
	vertical-align:bottom;
	}
	
#anime_area .anime_t_wrapper_02{
	padding:0 0 120px 0;
	
	}
#anime_area .anime_t_pv_bg{
	width:100%;
	height:500px;
	background: url(/battlegirl-hs/assets/img/anime/teaser/teaser_bg.jpg) repeat-x;
  	background-position:center top;
	font-size:14px;
	padding:60px 0 0 0;
	position:relative;
	}
	
#anime_area .anime_t_pv_bg .anime_t_pv_btn_area{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:782px;
	height:440px;
	z-index:2;
	padding:60px;
}

#anime_area .anime_t_pv_bg .anime_t_pv_btn_area a{
	position:absolute;
	top:60px;
	left:0;
	right:0;
	margin:0 auto;
	width:782px;
	height:440px;
	z-index:2;
}
#anime_area div{
	text-align:center;
	}
.pv_area{
	width:100%;
	z-index:1;
	}

#anime_area .more{
	width:1080px;
	padding:50px 0 90px 0;
	margin:0 auto;
	text-align:right;
	}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
other
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#other_area{
	background-image: url(/battlegirl-hs/assets/img/top/bg_02.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	width:100%;
	font-size:18px;
	color:#fff;
	overflow:hidden;
	}
	
#other_area a{
	color:#fff;
	}

#other_area >ul{
	text-align:center;
	}
	
#other_area >ul >li{
	display:inline-block;
	vertical-align:middle;
	width:360px;
	padding:0 20px 0 20px;
	}

#other_area ul li ul .otherbox{
	width:360px;
	height:216px;
	}
#other_area ul li ul .slide_pv{
	position:relative;
	}
#other_area ul li ul .book{
	width:340px;
	height:80px;
	background-color:#1969dd;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-size:16px;
	line-height:24px;
		display:table-cell;
	vertical-align:middle;
	}
	
#other_area ul li ul .goods{
	width:340px;
	height:80px;
	background-color:#18abc9;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-size:16px;
	line-height:24px;
		display:table-cell;
	vertical-align:middle;
	}
	
#other_area ul li ul .pv{
	width:340px;
	height:80px;
	background-color:#eec941;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-size:16px;
	line-height:24px;
	display:table-cell;
	vertical-align:middle;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
twitter
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#twitter_area ul {
	text-align: center;
}
#twitter_area li {
	display: inline-block;
	text-align: center;
	margin:0 30px 0 30px;
	padding:5px 5px 5px 5px;
	border:1px solid #e5e5e5;
	border-radius:10px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
slider
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#slider{
	height:216px;
	}




#slider_1,#slider_2,#slider_3{width:360px; height:216px; overflow:hidden;}

#navi{
	width:180px;
	text-align:center;
	top:190px;
	left:0;
	right:0;
	margin:0 auto;
	position:absolute;
	z-index:9000;
	}

#navi a{
	margin:0 16px 0 16px;
	background:url(/battlegirl-hs/assets/img/top/page.png) no-repeat 0 0;
	position:relative;
	z-index:99999 !important;
	text-indent:-9999px;
	display:block;
	width:12px;
	height:12px;
	float:left;
	}

#navi a:hover,#navi a.activeSlide{
	background-position:0 100%
	}