@charset "utf-8";
/* CSS Document */

/*---------------------------------
		スロットおためしLP用
---------------------------------*/


/* 結果表示用 */
.roulette_img-kekka {
	-webkit-animation: kekka_hyouji 3.0s ease 0s;
	-moz-animation: kekka_hyouji 3.0s ease 0s;
	-o-animation: kekka_hyouji 3.0s ease 0s;
	animation: kekka_hyouji 3.0s ease 0s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

@-webkit-keyframes kekka_hyouji{
0%{opacity: 0;}
99%{opacity: 0;}
100%{opacity: 1;}
}
@-moz-keyframes kekka_hyouji{
0%{opacity: 0;}
99%{opacity: 0;}
100%{opacity: 1;}
}
@-o-keyframes kekka_hyouji{
0%{opacity: 0;}
99%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes kekka_hyouji{
0%{opacity: 0;}
99%{opacity: 0;}
100%{opacity: 1;}
}

/*デフォルト デザイン*/

.SlotBG{
	background:url(../img/1511/otms_main_slot1_a.jpg) no-repeat 0 0;
	background-size: 320px auto;
	width:320 px;
	height:345px;
	padding:110px 0px 0px 38px ;
	box-sizing:border-box;
	margin:0 auto;
	width:320px;
}

  /*FB用背景*/

.SlotBGfb{
	background:url(../img/1506/otms_fb_slot_bg.jpg) no-repeat 0 0;
	background-size: 320px auto;
	width:320 px;
	height:345px;
	padding:110px 0px 0px 38px ;
	box-sizing:border-box;
	margin:0 auto;
	width:320px;
}

  /*バレンタイン用背景*/

.SlotBGvd{
	background:url(../img/1506/otms_main_slot.jpg) no-repeat 0 0;
	background-size: 320px auto;
	width:320 px;
	height:345px;
	padding:110px 0px 0px 38px ;
	box-sizing:border-box;
	margin:0 auto;
	width:320px;
}


.SlotBG_Result{
	background:url(../img/1448/otms_main_slot2_2.jpg) no-repeat 0 0;
	background-size: 320px auto;
	width:320 px;
	height:233px;
	padding:69px 0px 0px 38px ;
	box-sizing:border-box;
	margin:0 auto;
	width:320px;
}

.SlotBGofBG{
	background-color: #fbd5e2;
	text-align:center;
}

.SlotBG_ResultofBG{
	background-color: #a2eaff;
	text-align:center;
}

.SlotBG img{
	width:100%;
}

.SlotStopBotton{
	width:227px;
	height:46px;
	margin:20px auto 0px auto;
		
}
.SlotBase{
    width:78px;
    height:139px;
	display:block;
	float:left;
	margin-right:5px;
	border:1px solid #9a9a9a;
	box-sizing:border-box;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px -15px 15px -5px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px -15px 15px -5px inset;
	-o-box-shadow:rgba(0, 0, 0, 0.6) 0px -15px 15px -5px inset;
	-ms-box-shadow:rgba(0, 0, 0, 0.6) 0px -15px 15px -5px inset;
	box-shadow:rgba(0, 0, 0, 0.6) 0px -15px 15px -5px inset;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

/*デフォルト回転*/

.Slot2012{
	background:url(../img/1447/SlotNumber_2012.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-moz-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-o-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-ms-animation: SlotMoveIni 0.4s linear 0s infinite both;
	animation: SlotMoveIni 0.4s linear 0s infinite both;
}

.Slot1201{
	background:url(../img/1447/SlotNumber_1201.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-moz-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-o-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-ms-animation: SlotMoveIni 0.4s linear 0s infinite both;
	animation: SlotMoveIni 0.4s linear 0s infinite both;
}

.Slot0120{
	background:url(../img/1447/SlotNumber_0120.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-moz-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-o-animation: SlotMoveIni 0.4s linear 0s infinite both;
	-ms-animation: SlotMoveIni 0.4s linear 0s infinite both;
	animation: SlotMoveIni 0.4s linear 0s infinite both;
}

@-webkit-keyframes SlotMoveIni{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -32px; }
}

@-moz-keyframes SlotMoveIni{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -32px; }
}

@-o-keyframes SlotMoveIni{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -32px; }
}

@-ms-keyframes SlotMoveIni{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -32px; }
}

@keyframes SlotMoveIni{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -32px; }
}

/*結果0 Stop*/
.Slot1201_R0{
	background:url(../img/1447/SlotNumber_1201.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove1 0.2s linear 0s both;
	-moz-animation: SlotMove1 0.2s linear 0s both;
	-o-animation: SlotMove1 0.2s linear 0s both;
	-ms-animation: SlotMove1 0.2s linear 0s both;
	animation: SlotMove1 0.2s linear 0s both;
}

.Slot2012_R0{
	background:url(../img/1447/SlotNumber_2012.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove2 0.4s linear 0s both;
	-moz-animation: SlotMove2 0.4s linear 0s both;
	-o-animation: SlotMove2 0.4s linear 0s both;
	-ms-animation: SlotMove2 0.4s linear 0s both;
	animation: SlotMove2 0.4s linear 0s both;
}



.Slot0120_R0{
	background:url(../img/1447/SlotNumber_0120.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove3 0.8s linear 0s both;
	-moz-animation: SlotMove3 0.8s linear 0s both;
	-o-animation: SlotMove3 0.8s linear 0s both;
	-ms-animation: SlotMove3 0.8s linear 0s both;
	animation: SlotMove3 0.8s linear 0s both;
}



/*結果1 Stop*/
.Slot2012_R1{
	background:url(../img/1447/SlotNumber_2012.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove1 0.2s linear 0s both;
	-moz-animation: SlotMove1 0.2s linear 0s both;
	-o-animation: SlotMove1 0.2s linear 0s both;
	-ms-animation: SlotMove1 0.2s linear 0s both;
	animation: SlotMove1 0.2s linear 0s both;
}

.Slot0120_R1{
	background:url(../img/1447/SlotNumber_0120.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove2 0.4s linear 0s both;
	-moz-animation: SlotMove2 0.4s linear 0s both;
	-o-animation: SlotMove2 0.4s linear 0s both;
	-ms-animation: SlotMove2 0.4s linear 0s both;
	animation: SlotMove2 0.4s linear 0s both;
}

.Slot1201_R1{
	background:url(../img/1447/SlotNumber_1201.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove3 0.8s linear 0s both;
	-moz-animation: SlotMove3 0.8s linear 0s both;
	-o-animation: SlotMove3 0.8s linear 0s both;
	-ms-animation: SlotMove3 0.8s linear 0s both;
	animation: SlotMove3 0.8s linear 0s both;
}

/*結果2 Stop*/

.Slot0120_R2{
	background:url(../img/1447/SlotNumber_0120.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove1 0.2s linear 0s both;
	-moz-animation: SlotMove1 0.2s linear 0s both;
	-o-animation: SlotMove1 0.2s linear 0s both;
	-ms-animation: SlotMove1 0.2s linear 0s both;
	animation: SlotMove1 0.2s linear 0s both;
}

.Slot1201_R2{
	background:url(../img/1447/SlotNumber_1201.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove2 0.4s linear 0s both;
	-moz-animation: SlotMove2 0.4s linear 0s both;
	-o-animation: SlotMove2 0.4s linear 0s both;
	-ms-animation: SlotMove2 0.4s linear 0s both;
	animation: SlotMove2 0.4s linear 0s both;
}

.Slot2012_R2{
	background:url(../img/1447/SlotNumber_2012.jpg) no-repeat 0 0;
	background-size: 78px 390px;
	-webkit-animation: SlotMove3 0.8s linear 0s both;
	-moz-animation: SlotMove3 0.8s linear 0s both;
	-o-animation: SlotMove3 0.8s linear 0s both;
	-ms-animation: SlotMove3 0.8s linear 0s both;
	animation: SlotMove3 0.8s linear 0s both;
}


/*1マス移動*/

@-webkit-keyframes SlotMove1{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -163px; }
}

@-moz-keyframes SlotMove1{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -163px; }
}

@-o-keyframes SlotMove1{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -163px; }
}

@-ms-keyframes SlotMove1{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -163px; }
}

@keyframes SlotMove1{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -163px; }
}


/*2マス移動*/

@-webkit-keyframes SlotMove2{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -99px; }
}

@-moz-keyframes SlotMove2{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -99px; }
}

@-o-keyframes SlotMove2{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -99px; }
}

@-ms-keyframes SlotMove2{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -99px; }
}

@keyframes SlotMove2{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -99px; }
}

/*3マス移動*/

@-webkit-keyframes SlotMove3{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -35px; }
}

@-moz-keyframes SlotMove3{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -35px; }
}

@-o-keyframes SlotMove3{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -35px; }
}

@-ms-keyframes SlotMove3{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -35px; }
}

@keyframes SlotMove3{
   0% { background-position: 0px -227px; }
   100% { background-position: 0px -35px; }
}