@charset "UTF-8";
/************************************************************
*
*　共通スタイルシート（2014.06.25）
*
************************************************************/

body {
	min-width: 1200px;
	background-color: #0f0f31;
}
html {
	background-color: #fff;
}
a {
	text-decoration: none;
	outline: none;
}
.cir {
	clear: both;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 content
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wrapper {
	height: 991px;
	background: linear-gradient(120deg, rgba(4, 3, 60, 0.8), rgba(4, 3, 60, 0.8), rgba(4, 3, 60, 0.8), rgba(4, 3, 60, 0.8), rgba(38, 184, 208, 0.8), rgba(9, 8, 44, 0.8), rgba(56, 159, 236, 0.8)) fixed;
	background-size: 500%;
	-webkit-animation: bg-gradient 15s ease infinite;
	-moz-animation: bg-gradient 15s ease infinite;
	-o-animation: bg-gradient 15s ease infinite;
	animation: bg-gradient 15s ease infinite;
}
@-webkit-keyframes bg-gradient {
 0% {
 background-position: 0 0;
}
 50% {
 background-position: 87% 100%;
}
 100% {
 background-position: 14% 0;
}
}
@-moz-keyframes bg-gradient {
 0% {
 background-position: 14% 0;
}
 50% {
 background-position: 87% 100%;
}
 100% {
 background-position: 14% 0;
}
}
@-o-keyframes bg-gradient {
 0% {
 background-position: 14% 0;
}
 50% {
 background-position: 87% 100%;
}
 100% {
 background-position: 14% 0;
}
}
@keyframes bg-gradient {
 0% {
 background-position: 14% 0;
}
 50% {
 background-position: 87% 100%;
}
 100% {
 background-position: 14% 0;
}
}
#content {
	min-width: 1200px;
	position: relative;
}
.noborder {
	border: none;
	outline: none;
}
#top {
	max-width: 2000px;
	width: 100%;
	height: 991px;
	position: relative;
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/mainvisual_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.mainvisual {
	max-width: 2000px;
	width: 100%;
	height: 991px;
	position: relative;
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/mainvisual.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#sns_area {
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 9999;
	line-height: 0;
	width: 250px;
	height: 49px;
	padding: 20px 0 0 10px;
}
#sns_area li a:hover {
	opacity: 0.8;
}
#sns_area li {
	font-size: 0;
	vertical-align: middle;
	display: inline-block;
	padding: 0 6px 0 6px;
}
.top_01 {
	position: absolute;
	right: 53px;
	bottom: 200px;
	z-index: 9999;
}
.Circle_button{
    width: 223px;
    height: 223px;
	border:2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f0e300;
	display: inline-block;
	text-align: center;
	outline: none;
}
.Circle_button:hover {
	background-color: #A6A6A6;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.Circle_button,
.Circle_button::before,
.Circle_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.top_02 {
	position: absolute;
	right: 40px;
	bottom: 40px;
	z-index: 9999;
}
.top_02 a:hover {
	opacity: 0.8;
}
.pv {
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/pv_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 896px;
	position: relative;
}
.pv a:hover {
	opacity: 0.8;
}
.pv_sam {
	text-align: center;
	padding: 142px 0 0 0;
}
.title {
	width: 1178px;
	padding: 18px 0 0 22px;
	margin: 0 auto;
	z-index: 9999;
}
.character_area {
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/character_bg_pa.jpg);
	background-repeat: repeat;
	width: 100%;
	height: 795px;
}
.main_character {
	text-align: center;
}
.info_area {
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/info.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 2000px;
	background-color: #fff;
	line-height: 0;
}
.info_area ul {
	margin: 0 auto;
	width: 1200px;
}
.info_area li {
	text-align: center;
}
.info_area li:nth-child(1) {
	padding: 48px 0 68px 0;
}
.info_area li:nth-child(3) {
	padding: 50px 0 50px 0;
}
.info_area li:nth-child(6) {
	padding: 5px 0 50px 0;
}
.info_area li:last-child {
	padding: 50px 0 80px 0;
	position: relative;
}
.absolute {
	position: absolute;
	top: 208px;
	left: 0;
	right: 0;
	margin: auto;
}
.button {
	display: inline-block;
	width: 772px;
	height: 85px;
	text-align: center;
	outline: none;
	background-color: #f0e300;
	border:1px solid #282886;
}

.button:hover {
	background-color: #E3E3E3;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.line {
	width: 960px;
	border-top: 1px solid #1d2088;
	margin: 0 auto;
}
.foot_detail {
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/foot_details.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 535px;
}
.others {
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/others_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 775px;
	text-align: center;
	line-height: 0;
	font-size: 0;
}
.others a:hover {
	opacity: 0.8;
}
.others ul {
	text-align: center;
	line-height: 0;
	font-size: 0;
	padding: 70px 0 0 0;
}
.others ul li {
	display: inline-block;
	padding: 0 55px 0 55px;
}
#g_download {
	background-color: #19194f;
	min-height: 446px;
}
.g_download_bg {
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_03/img/footer_01_bg_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1116px;
	height: 332px;
	margin: 0 auto;
}
.d_pa {
	padding: 110px 0 110px 0;
}
.dl_btn {
	font-size: 0;
	padding: 103px 0 0 628px;
}
.dl_btn li {
	display: inline-block;
	padding: 0 12px 20px 12px;
}
.dl_btn li a:hover {
	opacity: 0.8;
}
 .dl_btn li:fast-child {
 padding:0 12px 0 0;
}
.dl_btn li:nth-child(3) {
	padding: 0 0 0 12px;
}
#footer {
	width: 100%;
	background-color: #aeaeae;
}
.foot_area {
	height: 400px;
}
/* =================================
   @FOOTER
================================= */
footer {
	background-image: url(http://i.colopl.co.jp/battlegirl-hs/cd_release2016_02/img/footer_02_bg.png);
	background-repeat: repeat;
	width: 100%;
	height: 250px;
}
footer .inner {
	width: 1200px;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	position: relative;
}
footer .inner .colopl {
	position: absolute;
	top: 30px;
	left: 0;
}
footer .inner .project {
	position: absolute;
	top: 25px;
	left: 195px;
}
footer .inner .footer-navi {
	position: absolute;
	top: 35px;
	right: 0;
}
footer .inner .footer-navi a {
	color: #fff;
	text-decoration: none;
}
footer .inner .footer-navi a:hover {
	color: #fff;
	text-decoration: none;
}
footer .inner .copyright {
	position: absolute;
	top: 65px;
	right: 0;
}
/* ==============
  TOP BTN
============== */
#pageTop {
	position: fixed;
	display: block;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}