/*--------------------------------------
 　カードシャッフル
---------------------------------------*/
#container{
margin: 0 auto;
position:relative;
width: 900px;
height:900px;
text-align:center;
}


#frame{
margin: 0 auto;
width: 880px;
height:880px;
z-index:996;
text-align:center;
position: absolute;
}


#kira{
margin: 0 auto;
width: 880px;
height:880px;
z-index:995;
text-align:center;
position: absolute;
}

img.k01{
width: 100px;
height:100px;
margin:50px 0 0 680px;
position: absolute;
}

img.k02{
width: 100px;
height:100px;
margin:80px 0 0 30px;
position: absolute;
}

img.k03{
width: 100px;
height:100px;
margin:220px 0 0 760px;
position: absolute;
}

img.k04{
width: 100px;
height:100px;
margin:320px 0 0 50px;
position: absolute;
}

img.k05{
width: 100px;
height:100px;
margin:420px 0 0 740px;
position: absolute;
}

img.k06{
width: 100px;
height:100px;
margin:720px 0 0 120px;
position: absolute;
position: absolute;
}

img.k07{
width: 100px;
height:100px;
margin:720px 0 0 680px;
position: absolute;
}

#grd{
margin: 0 auto;
background-color:rgba(0,0,0,0.5);
position: absolute;
z-index:994;
width: 880px;
height:880px;
/* border-radius */
border-radius:21px 21px 21px 21px;
-webkit-border-radius:21px 21px 21px 21px;
-moz-border-radius:21px 21px 21px 21px;
}



#bg_img{
z-index:993;
margin: 0 auto;
position: absolute;
background-image: url(../element/ele_bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position:center;
width: 880px;
height:880px;
}


#main{
margin: 0 auto;
z-index:998;
position: absolute;
width: 880px;
height:880px;
overflow:hidden;
text-align:center;
}


/*---------------------------------
contents
---------------------------------*/
#c_title{
width: 100%;
margin: 0 auto;
position: absolute;
z-index: 5;
}

#card_cycle{
position: relative;
margin:300px auto 0 300px;
width: 300px;
height: 300px;
z-index: 999;
}


#c1{
position:absolute;
margin:50px auto 0 auto;
width: 100%;
height: 50px;
z-index: 1000;
}


#c2{
position:absolute;
margin:50px auto 0 auto;
width: 100%;
height: 50px;
z-index: 1001;
}


div.stop{
position: absolute;
width: 300px;
top: 50%;
left: 35%;
z-index: 999;
}

img.card_l{
position: absolute;
z-index: 998;
width: 100%;
}

img.card0{
position: absolute;
z-index: 998;
width: 200px;
}

div.card01{
position: absolute;
top: 500px;
left: 50px;
z-index: 6;
width: 120px;
}


div.card02{
position: absolute;
top: -300px;
left: 150px;
z-index: 998;
width: 120px;
}

div.card03{
position: absolute;
top: 150px;
left: -80px;
z-index: 998;
width: 120px;
}


div.card04{
position: absolute;
top: -90px;
left: 150px;
z-index: 998;
width: 120px;
}



img.card5{
position: absolute;
top: 160px;
left: 190px;
z-index: 6;
width: 120px;
height: 170px;
}


img.card6{
position: absolute;
top: -200px;
left: -250px;
z-index: 8;
width: 120px;
height: 170px;
}

img.card7{
position: absolute;
top: 250px;
left: 130px;
z-index: 10;
width: 120px;
height: 170px;
}


img.card8{
position: absolute;
top:300px;
left: 210px;
z-index: 10;
width: 120px;
height: 170px;
}



img.card9{
position: absolute;
top: 180px;
left: 50px;
z-index: 6;
width: 120px;
height: 170px;
}


img.card10{
position: absolute;
top: 130px;
left: 320px;
z-index: 8;
width: 120px;
height: 170px;
}

img.card11{
position: absolute;
top: 80;
left: -200;
z-index: 10;
width: 120px;
height: 170px;
}


img.card12{
position: absolute;
top: 90px;
left: -50px;
z-index: 10;
width: 120px;
height: 170px;
}


img.card13{
position: absolute;
top: 30px;
left: -80px;
z-index: 10;
width: 120px;
height: 170px;
}



img.card14{
position: absolute;
top: 150px;
left: -50px;
z-index: 10;
width: 120px;
height: 170px;
}



img.card15{
position: absolute;
top: 90px;
left: -50px;
z-index: 10;
width: 120px;
height: 170px;
}



img.card16{
position: absolute;
top: 150px;
left: 60px;
z-index: 10;
width: 120px;
height: 170px;
}







/*---------------------------------
setsumei
---------------------------------*/
#c_text{
text-align: center;
margin-top:-180px;
padding-top: 50%;
position: relative;
width: 100%;
background-image: url(../element/ex_back04.png);
background-size: contain;
background-position: bottom;
background-repeat:no-repeat;
z-index: 980;
}

.c2_text{
text-align: center;
position: relative;
width: 100%;
}