@charset "UTF-8";

/************************************************************
*
*　共通スタイルシート（2014.06.25）
*
************************************************************/
a {
	text-decoration:none;
	outline:none;
	color:#fff;
}

h1,h2 {
	line-height: 0;
}
.img{
	line-height:0;
}
.img img{
	width: 100%;
	height:auto;
}


/*dl_area*/
.dl_area {
	background: url(/battlegirl-hs/cd_release2016_02/sp/img/footer_bg.jpg) top center no-repeat;
	background-size: cover;
	padding-top:82.8%;
	position:relative;
}

.dl_area ul {
	position:absolute;
	top:0;
	width: 100%;
	text-align:center;
	padding: 46% 0 6.25% 0;
	overflow:hidden;
	font-size:0;
}

.dl_area ul li {
	display:inline-block;
	width:30%;
	text-align: center;
	padding:0 2.34% 0 2.34%;
}

.dl_area ul li img{
	width:100%;
}

.dl_area ul .official {
	width: 73.1%;
	margin: 0 auto;
	padding: 4.68% 0 0 0;
}

/* ===========================
  @FOOTER
=========================== */

footer {
	background: url(/battlegirl-hs/cd_release2016_02/sp/img/footer_02_bg.png) repeat;
	color: #fff;
	text-align: center;
	padding: 20% 0 9.3%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
footer img {
	width: 100%;
}
footer .colopl {
	position: absolute;
	top: 15%;
	left: 10%;
	width: 23.3%;
}
footer .project {
	position: absolute;
	top: 10.1%;
	left: 39.7%;
	width: 18.7%;
}
footer .sns-btn {
	font-size: 0;
	position: absolute;
	top: 12%;
	right: 10%;
	width: 25%;
}
footer .sns-btn li {
	display: inline-block;
	width: 40%;
}
footer .sns-btn li:first-child {
	padding: 0 15% 0 0;
}
footer .footer-navi {
	text-align:center;
	padding:5% 0 0 0;
}
footer .footer-navi a{
	color:#fff;
}
footer .footer-navi li{
	font-size: 11px;
	display:inline;
}
footer .footer-navi a, footer .copyright {
	padding:5% 0 10% 0;
	font-size: 11px;
	text-align:center;
}