@charset "UTF-8";

/************************************************************
*
*　バトルガール ハイスクール-［2015.01.xx］
*　ページ別スタイルシート
*
************************************************************/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　MODULE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　INDEX【/battlegirl-hs/index.html】
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#top {
	width:100%;
	background-image:url(/battlegirl-hs/img2/top/bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	overflow-x: hidden;
	}


/* メインビジュアル ------------------------------*/

#mainVisual {
	height:740px;
	}

#mainVisual .inner {
	position:relative;
	}

#mainVisual h1 {
	position:absolute;
	left:50px;
	z-index:10;
	/*animation*/
	top:50px;/*元位置0px*/
	}
#mainVisual h1 img {
	/*animation*/
	display:none;
	}

#mainVisual .top_pre {
	position:absolute;
	}

#mainVisual .top_chara {
	position:absolute;
	right:-5px;
	margin-right:-200px;
	/*animation*/
	/*top:-10px;*//*元位置-65px*/
	top:50px;
	}
#mainVisual .top_chara img {
	/*animation*/
	display:none;
	}

#mainVisual .top_copy {
	position:absolute;
	top:490px;
	right:0;
	margin-right:-35px;
	}

#mainVisual .top_movie {
	position:absolute;
	top:510px;
	left:-10px;
	}

#mainVisual .top_release {
	position:absolute;
	top:620px;
	right:0;
	}


.dlarea {
	width:1000px;
	height: 181px;
	background: url(http://i.colopl.co.jp/battlegirl-hs/img2/back_dl.png) top center no-repeat;
	position: relative;
	margin:20px auto -10px;
}

.dlarea p.gp {
	width: 251px;
	position: absolute;
	top: 80px;
	right: 550px;
}

.dlarea p.as {
	width: 251px;
	position: absolute;
	top: 80px;
	right: 285px;
}


/* トップページ コンテンツ ------------------------------*/
.contents {
	width: 100%;
	background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/bg_contents.jpg) top center no-repeat;
	overflow: hidden;
}

.contents .inner {
	width: 1000px;
	margin: 30px auto 32px;
	overflow: hidden;
}

.twitter_area {
	width:497px;
	float: left;
}

.twitter_area .top {
	width: 100%;
	height: 77px;
	background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/twitter_bg_top.png) top center no-repeat;
	text-align: center;
}

.twitter_area .mid {
	width: 100%;
	background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/twitter_bg_mid.png) top center;
}

.twitter_area .bottom {
	width: 100%;
	height: 82px;
	background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/twitter_bg_bottom.png) top center no-repeat;
	text-align: center;
}

.cmpbnr_area {
	width: 484px;
	margin: 10px auto 0;
	float: right;
}

.cmpbnr_area li {
	margin-bottom: 10px;
	position: relative;
}

.cmpbnr_area p.update {
	position: absolute;
	left: 10px;
	bottom: -13px;
	z-index: 2;
}

.wrapper {
	width: 1000px;
	margin: 20px auto;
	overflow: hidden;
}

.twitter_area .timeline {
	padding-bottom: 12px;
	text-align: center;
}

.twitter_area .timeline a.btn_twitter {
	padding-top: 20px;
}

.codearea {
	width:850px;
	margin:12px auto 30px;
}

.codearea p.tit {
	text-align: center;
	margin-bottom: 25px;
}

.codearea p {
	color: #4a280b;
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 27px;
}

.codearea p em {
	font-weight: bold;
	font-size: 16px !important;
}

.kekkaarea {
	width:495px;
	height: 243px;
	background:url(../../img2/back_kekka02.png) top center no-repeat;
	position: relative;
	margin:0px auto -10px;
	float: right;
}

.kekkaarea p {
	text-align: center;
	padding-top: 130px;
}


/* トップページ グッズ ------------------------------*/

/* jcarousel ================================= */
.common_area {
	background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/goods_bg.png) top center no-repeat;
	height: 332px;
	margin-bottom: 10px;
}


.common_area h2 {
	text-align: center;
}

#goods_area .goods_list ul {
	width:820px;
	margin:0 auto;
	overflow:hidden;
	padding-left:14px;
	margin-top:15px !important;
	}
#goods_area .goods_list ul li {
	width:154px;
	float:left;
	margin-right:14px;
	}
#goods_area .goods_list ul li a {
	color:#d78b00;
	text-decoration:none;
	}

#goods_area .goods_list ul li .itemImage img {
	width:146px;
	height:auto;
	border:solid 4px #ffc12c;
	}

#goods_area .goods_list ul li .itemTitle {
	margin-top:5px;
	font-size:13px;
	line-height:18px;
	}


/*script*/

.jcarousel-clip	{
	width:825px !important;
	margin:0 auto !important;
	overflow:hidden;
	}

.jcarousel-skin-tango .jcarousel-container {
    /*background: #ddd;*/
    border: none;
	margin:0 auto !important;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 1000px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  940px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 180px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 0px;
    width: 53px;
    height: 56px;
    cursor: pointer;
    background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/goods_arrow02.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 0px;
    width: 53px;
    height: 56px;
    background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/goods_arrow01.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/goods_arrow01.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    top: 80px;
    right: 0;
    background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/goods_arrow02.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(http://i.colopl.co.jp/battlegirl-hs/img2/top/goods_arrow02.png) no-repeat 0 0;
}

.goods_btn {
	text-align: center;
	margin-bottom: 30px;
}

/* トップページ ポップアップ ------------------------------*/

#pops {
	width:100%;
	position:absolute;
	top:50%;
	height:50%;
	z-index: 999;
	text-align:center;
	margin:-250px 0 0 0;
}

#fade {
	width: 100%;
	height: 1900px;
	display: none;
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 997;
	opacity:0.6;
}

#wrap_popup {
	width:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 996;
}

#closepop {
	display:inkine-block;
	padding:20px 0 0 0;
	cursor:pointer;
	color:#FFF;
	font-weight:bold;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　INTRO【/battlegirl-hs/intro/index.html】
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#intro {
	width:100%;
	background-image:url(http://i.colopl.co.jp/battlegirl-hs/intro/img2/bg_intro.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	}

#intro h2 {
	text-align:center;
	margin:30px 0 10px 0;
	}

#intro #mainContents .intro_01 {
	height:820px;
	background-image:url(http://i.colopl.co.jp/battlegirl-hs/intro/img2/intro_img_bg.png);
	background-repeat:repeat-y;
	background-position:top center;
	margin-bottom:30px;
	}

#intro #mainContents .intro_01 .inner {
	padding:30px 0;
	}

#intro #mainContents .intro_01 .inner .story {
	width:860px;
	margin:0 auto;
	}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　SYSTEM【/battlegirl-hs/system/index.html】
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#system {
	width:100%;
	background-image:url(http://i.colopl.co.jp/battlegirl-hs/system/img2/bg_system.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	}

#system h2 {
	text-align:center;
	margin:30px 0 30px 0;
	}

#system #mainContents h3 {
	margin:0;
	padding:0;
	line-height:0;
	}
#system #mainContents p {
	margin:0;
	padding:0;
	line-height:0;
	}

#system #mainContents .system_01 {
	margin-bottom:20px;
	}
#system #mainContents .system_02 {
	margin-bottom:20px;
	}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　CHARACTER【/battlegirl-hs/character/index.html】
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#character {
	width:100%;
	background-image:url(http://i.colopl.co.jp/battlegirl-hs/character/img2/bg_character.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	}

#character h2 {
	text-align:center;
	margin:30px 0 50px 0;
	}

#character #mainContents .character_list {
	overflow:hidden;
	}

#character #mainContents .character_list li {
	float:left;
	width:20%;
	text-align:center;
	margin-bottom:30px;
	}


/* fancybox ------------------------------*/

#character .fancybox-wrap {
	background-color: transparent !important;
	}

#character .fancybox-wrap div {
	background-color: transparent !important;
	}

#character .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.0);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.0);
	}

#character .fancybox-prev {
	margin-left:-50px;
	width:90px;
	}

#character .fancybox-next {
	margin-right:-50px;
	width:90px;
	}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　SPECIAL【/battlegirl-hs/special/index.html】
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#special {
	width:100%;
	background-image:url(http://i.colopl.co.jp/battlegirl-hs/special/img2/bg_special.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	}

#special h2 {
	text-align:center;
	margin:30px 0 30px 0;
	}

#special #mainContents .special_01 {
	background-image:url(http://i.colopl.co.jp/battlegirl-hs/special/img2/special_article_bg_hd.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:30px;
	overflow:hidden;
	}
#special #mainContents .special_01 .inner {
	background-image:url(/battlegirl-hs/special/img2/special_article_bg_ft.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-top:110px;
	padding-bottom:20px;
	height:430px;
	position:relative;
	}


/* ムービー ------------------------------*/

#special #mainContents .special_01 .themasong {
	width:803px;
	margin:0 auto;
	top:-50px;
	left:98px;
	position:absolute;
	}

#special #mainContents .special_01 .movie {
	width:950px;
	margin:0 auto;
	top:50px;
	left:28px;
	position:absolute;
	}

#special #mainContents .special_01 .movie li {
	float:left;
	margin-bottom:10px;
	}

#special #mainContents .special_01 .movie .movie_arrow {
	margin-top:-283px;
	}

/*20150417*/
.jizencode {
	width:500px;
	top: 10px;
	right:40px;
	position: absolute;
}