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

body {
	min-width: 1200px;
	background-color: #fff;
	letter-spacing:1px;
	 -webkit-font-smoothing: antialiased;
}
html {
	background-color: #fff;
	overflow-y:scroll;
}
a {
	text-decoration: none;
	outline: none;
	color:#ff64a6;
	cursor:pointer;
}
a img {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
a:hover{
	cursor:pointer;
	}
a:hover img{
	cursor:pointer;
	}
.cir {
	clear: both;
}
.noborder {
	border: none;
	outline: none;
}
.fade a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
 
.fade a img {
-webkit-transition: opacity 0.1s ease-out;
-moz-transition: opacity 0.1s ease-out;
-ms-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out;

}
	
.thum02{
	overflow:hidden;
}
.thum02 img {
	max-width: 100%;
	transition:all 0.3s ease;
}
.thum02:hover img {
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}


.thumLoad{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/battlegirl-hs/assets/img/news/news_loading.gif);
}
.thumLoad > img{
	opacity: 0;
	background-color: #fff;
	-webkit-animation: thumLaodAnime 400ms ease-in forwards;
	animation: thumLaodAnime 400ms ease-in forwards;
}
:root .thumLoad > img {
  opacity: 1\0/;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.thumLoad > img {
	opacity: 0 !important;
	}
}
@-webkit-keyframes thumLaodAnime {
	0%,80%{ opacity : 0;}
	100%  { opacity : 1;}
}
@keyframes thumLaodAnime {
	0%,80%{ opacity : 0;}
	100%  { opacity : 1;}
}
.thumLoad.delay0 >img{-webkit-animation-delay: 0ms; animation-delay: 0ms;}
.thumLoad.delay1 >img{-webkit-animation-delay: 200ms; animation-delay: 200ms;}
.thumLoad.delay2 >img{-webkit-animation-delay: 400ms; animation-delay: 400ms;}
.thumLoad.delay3 >img{-webkit-animation-delay: 600ms; animation-delay: 600ms;}
.thumLoad.delay4 >img{-webkit-animation-delay: 800ms; animation-delay: 800ms;}
.thumLoad.delay5 >img{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;}
.thumLoad.delay6 >img{-webkit-animation-delay: 1200ms; animation-delay: 1200ms;}
.thumLoad.delay7 >img{-webkit-animation-delay: 1400ms; animation-delay: 1400ms;}
.thumLoad.delay8 >img{-webkit-animation-delay: 1600ms; animation-delay: 1600ms;}
.thumLoad.delay9 >img{-webkit-animation-delay: 1800ms; animation-delay: 1800ms;}
.thumLoad.delay10 >img{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;}
.thumLoad.delay11 >img{-webkit-animation-delay: 2200ms; animation-delay: 2200ms;}
.thumLoad.delay12 >img{-webkit-animation-delay: 2400ms; animation-delay: 2400ms;}

figucaption{
	line-height:24px;
	}
.thum01 figure{
	 width: 167px;
    height: 173px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
	color:#fff;
	}
.thum03 figure{
	 width: 360px;
    height: 216px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #1969dd;
	color:#fff;
	}
.thum04 figure{
	 width: 360px;
    height: 216px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #18abc9;
	color:#fff;
	}
.thum05 figure{
	 width: 360px;
    height: 132px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
	color:#fff;
	}
	
.thum06 figure{
	 width: 280px;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
	color:#fff;
	}
.thum07 figure{
	 width: 302px;
    height: 151px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
	color:#fff;
	}
.thum08 figure{
	 width: 274px;
    height: 154px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
	color:#fff;
	}
.thum09_ex figure{
	width: 740px;
    height: 350px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
	color:#fff;
	}

figure:after {
    position: absolute;
    content: "";
    display: block;
}
figcaption p,
figcaption h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all .2s ease-out .1s;

}
figcaption h3 {
    bottom: 60%;
    transform: translateY(-30px);
}
figcaption p {
    top: 45%;
    transform: translateY(30px);
}

figure:hover figcaption h3 {
    opacity: 1;
    transform: translateY(0);
	font-size:18px;
}
figure:hover figcaption p {
    opacity: 1;
    transform: translateY(0);
	font-size:14px;
}
figure img {
    transition: all 0.2s ease-out;
}
figure:hover img {
    opacity: .4;
    transform: scale(1.1);
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#content {
	min-width: 1200px;
	position: relative;
	letter-spacing:1px;
}

#head_cont {
	min-width:1200px;
	width: 100%;
	height: 90px;
	position: relative;
	background-color:#fff;
	z-index:5;
	font-size:12px;
}
#head_cont #h_news_area{
	position: absolute;
	left: 12px;
	top: 15px;
	height:15px;
	z-index: 9999;
	}
	
#head_cont #h_news_area li{
	vertical-align: bottom;
	display: inline-block;
	}

#head_cont #h_news_area .date{
	color:#ff64a6;
	font-weight:900;
	padding:0 4px 0 5px;
	}
#head_cont #h_news_area .newstx{
	color:#6c6c6c;
	font-weight:bold;
	}

#head_cont #sns_area {
	position: absolute;
	left: 12px;
	top: 45px;
	z-index: 9999;
	line-height: 0;
	height: 49px;
}
#head_cont #sns_area li {
	vertical-align: middle;
	display: inline-block;
	padding: 0 4px 0 4px;
}
#head_cont #global ul{
	text-align:center;
	padding:50px 0 0 0;
	}
	
#head_cont #global ul li{
	display:inline-block;
	vertical-align:middle;
	padding:0 16px 0 16px;
	}
#head_cont #global ul li a {
  padding: 0.5em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
}
#head_cont #global ul li a:before,
#head_cont #global ul li a:after {
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#head_cont #global ul li a:before {
  top: 0;
  display: block;
  height: 2px;
  width: 0%;
  content: "";
}
#head_cont #global ul .gl_00 a:before {
  background-color: #919191;
}
#head_cont #global ul .gl_01 a:before {
  background-color: #ef527d;
}
#head_cont #global ul .gl_02 a:before {
  background-color: #c44264;
}
#head_cont #global ul .gl_03 a:before {
  background-color: #b9d44a;
}
#head_cont #global ul .gl_04 a:before {
  background-color: #e9383d;
}
#head_cont #global ul .gl_05 a:before {
  background-color: #18abc9;
}
#head_cont #global ul .gl_06 a:before {
  background-color: #196add;
}
#head_cont #global ul .gl_07 a:before {
  background-color: #ebc949;
}
#head_cont #global ul .gl_08 a:before {
  background-color: #f19140;
}
#head_cont #global ul li a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
#head_cont #global ul li a:hover:before,
#head_cont #global ul li .current a:before {
  opacity: 1;
  width: 100%;
}
#head_cont #global ul li a:hover:after,
#head_cont #global ul li .current a:after {
  max-width: 100%;
}
#head_cont #global ul .gl_00 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_00_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_01 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_01_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_02 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_02_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_03 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_03_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_04 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_04_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_05 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_05_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_06 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_06_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_07 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_07_over.jpg) no-repeat;
  background-position:center top;
}
#head_cont #global ul .gl_08 {
  display: inline-block;
  background: url(/battlegirl-hs/assets/img/common/global_08_over.jpg) no-repeat;
  background-position:center top;
}
 
#head_cont #global ul li a img {
  vertical-align: bottom;
  transition: opacity 0.2s;
}
 
#head_cont #global ul li a:hover img {
  opacity: 0;
}
#head_cont #logo{
	position: absolute;
	right: 10px;
	top: 15px;
	background-image: url(/battlegirl-hs/assets/img/common/logo_02.png);
	background-repeat:no-repeat;
	background-position: center top;
	width:133px;
	height:60px;
	}
	
#head_cont #logo a{
	display:block;
	width:133px;
	height:60px;
	text-indent:-9999px;
	}

#head_cont #h_news_area {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
	overflow: hidden;
	z-index: 9999;
}
#h_news_area>li{
	position: absolute;
	top: 15px;
	left: 100%;
	width: 100%;
	height: 15px;
	will-change: transform;
	transform: translate(-50%, 0px);
	opacity: 0;
	
}
#h_news_area>li.now{
	opacity: 1;
	transform: translateX(-100%);
	transition: all 2000ms ease-out;
}
#h_news_area>li.end{
	opacity: 0;
	transform: translate(-100%, -30px);
	transition: all 1000ms ease-in;
	pointer-events: none;
}
#h_news_area>li>a,
#h_news_area>li.end>a{
	display: inline-block;
	pointer-events: none;
	cursor: none;
}
#h_news_area>li.now>a{
	pointer-events: auto;
	cursor: pointer;
}
#h_news_area>li>a:hover{
	background-color: #DD98D0;
}
#h_news_area>li>a>h2,
#h_news_area>li>a>p{
	display: inline-block;
}
#h_news_area>li:before{
	padding:0 0 0 1rem;
	content: '\002606';
}
#h_news_area>li.cat_anime:before{color: #e2383d;}
#h_news_area>li.cat_product:before{color: #3cabcb;}
#h_news_area>li.cat_book:before{color: #3661e4;}
#h_news_area>li.cat_special:before{color: #e9cd33;}
#h_news_area>li.cat_game:before{color: #c04066;}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
dw_area
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#dw_ct{
	width:100%;
	border-top:1px #d8d8d8 solid;
	border-bottom:1px #d8d8d8 solid;
	position:relative;
	padding:40px 0 40px 0;
	}
	
.dw_inner{
	width:1160px;
	margin:0 auto;
	position:relative;
	font-size:12px;
	color:#282828;
	padding:0 0 0 40px;
	}
#dw_ct >.dw_inner > li{
	vertical-align:top;
	display:inline-block;
}
#dw_ct .dw_inner li .dw_left li:first-child{
	padding:0 0 20px 0;
}
#dw_ct .dw_inner li .dw_left li:nth-child(2){
	padding:0 0 15px 0;
	line-height:18px;
	font-weight: 500;
}
#dw_ct .dw_inner li .dw_left li:nth-child(3){
	padding:0 0 30px 0;
}
#dw_ct .dw_inner li .dw_left li:nth-child(4){
	padding:0 0 15px 0;
}
#dw_ct > .dw_inner > li > .footer_nav{
	width:750px;
	padding:50px 0 0 100px;
}

#dw_ct > .dw_inner > li > .footer_nav > li{
	display:inline-block;
	vertical-align:middle;
	padding:0 15px 15px 0;
	width:167px;
	height:173px;
	word-break:break-all;
	text-align:center;
}

/* =================================
   @FOOTER
================================= */
footer {
	background-color:#fff;
	width: 100%;
	height: 130px;
	overflow:hidden;
}
footer .inner {
	width: 1200px;
	font-size: 10px !important;
	color: #282828 !important;
	margin: 0 auto;
	position: relative;
	padding:20px 0 20px 0;
}
footer .inner p{
		line-height:15px !important;
		font-size: 10px !important;
}
footer .inner .colopl {
	position: absolute;
	top: 20px;
	left: 40px;
}
footer .inner .footer_caut {
	position: absolute;
	top: 30px;
	left: 590px;
	color: #282828 !important;
	font-size: 10px !important;
}
footer .inner .project {
	position: absolute;
	top: 25px;
	left: 195px;
}
footer .inner .footer-navi {
	position: absolute;
	top: 30px;
	left: 240px;
	font-size: 10px !important;
}
footer .inner .footer-navi a {
	color: #282828 !important;
	text-decoration: none;
	font-size: 10px !important;
}
footer .inner .footer-navi a:hover {
	color: #282828;
	text-decoration: none;
}
footer .inner .copyright {
	position: absolute;
	top: 50px;
	left: 240px;
	font-size: 10px !important;
}

/* =================================
   @btn
================================= */
.btn01{
	background-image: url(/battlegirl-hs/assets/img/common/btn.png);
	background-repeat:no-repeat;
	background-position: center top;
	width:410px;
	height:70px;
	text-align:center;
	}
	
.btn01 a{
	display:block;
	width:410px;
	height:70px;
	text-align:center;
	font-size:22px;
	color:#fff;
		line-height:70px;
	}
	
#pageback{
	text-align:center;
	font-size:0;
	padding:0 0 60px 0;
	}

/* ==============
  TOP BTN
============== */
#pageTop {
	position: fixed;
	display: block;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}

/* ==============
new
============== */
#new{
	position:absolute;
	top:-66px;
	left:66px;
	background-image: url(/battlegirl-hs/assets/img/top/spe_bg.png);
	background-repeat:no-repeat;
	background-position: center top;
	width:133px;
	height:133px;
	text-align:center;
	line-height:133px;
	font-size:24px;
	letter-spacing:1px;
	color:#fff;
	z-index:9999;
	}
.new_point{
	position:relative;
	}