@charset "utf-8";

/*------------------------------------------
  カードアニメーション
-------------------------------------------*/


.flash_box {
    min-height: 883px;
    margin: 0 auto 40px auto;
    position: relative;
    background: url(../img/anime_bg.png) no-repeat center top;
	width: 868px;
//	height: 913px;
}

.flash_box .startbtn{
	position: absolute;
	top:740px;
	left:223px;
	display: block;
	z-index: 9999;
}

.flash_box .endbtn{
	position: absolute;
	top:740px;
	left:223px;
	display: none;
	z-index: 9999;
}

.flash_box .somepaybtn{
	position: absolute;
	top:750px;
	left:22px;
	z-index: 9999;
}

.flash_box .paybtn,
.flash_box .member_freebtn{
	position: absolute;
	top:750px;
	left:430px;
	z-index: 9999;
}



.flash_box .btnArea {
	display: none;	
	position: absolute;
	top: 0;
	left: 0;
}

.flash_box .startbtn a,
.flash_box .endbtn a,
.flash_box .somepaybtn a,
.flash_box .paybtn a{
	outline:none;
}
.flash_box ul{
	list-style: none;
	left:0px;
}
.flash_box ul li{
	width: 169px;
	height: 137px;
	/* opacity: 0;*/
	position: relative;
}
.flash_box ul li img{
	position: absolute;
}

.flash_box .allfreebtn{
	margin: 0 auto;
    position: absolute;
    top: 707px;
    left: 265px;
}

.flash_box .startbtn{
	position: absolute;
	top:707px;
	left:273px;
	display: block;
}

.flash_box .endbtn{
	position: absolute;
	top:707px;
	left:273px;
	display: none;
}

.flash_box .somepaybtn{
	position: absolute;
	top:707px;
	left:89px;
	
}

.flash_box .paybtn{
	position: absolute;
	top:707px;
	left:443px;
	
}

.flash_box .startbtn a,
.flash_box .endbtn a,
.flash_box .somepaybtn a,
.flash_box .paybtn a{
	outline:none;
}


.flash_box ul{
	list-style: none;
	left:-5px;
  z-index: 200;
  top:-30px;
}

.flash_box ul li{
	width: 74px;
	height: 137px;
	/* opacity: 0;*/
	position: relative;
}
.flash_box ul .sufflecard{
	opacity: 0;
	opacity: 1\9;
}
@media all and (-ms-high-contrast:none){
.flash_box ul .sufflecard{
	opacity: 0;
}
}

.flash_box ul li img{
	/*display: none;*/
	position: absolute;
  z-index: 500;
}

.flash_box ul li .card1 {
	top: 0;
	left: 0;
}

.flash_box ul li .card2 {
	top: 0;
	left: 0;
	display: none;
}

.flash_box ul li .card3 {
	top: 0;
	left: 0;
	display: none;
}

.flash_box ul li .card4 {
	top: 0;
	left: 0;
	display: none;
}