#bpc_bg {
	position:			absolute;
	top:				0;
	left:				0;
	width:				300px;
	height:				300px;
	z-index:			1;
}
#bpc_bg img {
	width:				300px;
	height:				300px;
}
#roulette {
	position:			absolute;
	top:				0;
	left:				0;
	width:				300px;
	height:				300px;
	z-index:			2;
}
#roulette img {
	width:				300px;
	height:				300px;
	z-index:			2;
}
#treasure_box {
	position:			absolute;
	top:				0;
	left:				0;
	width:				300px;
	height:				300px;
	z-index:			2;
}
#treasure_box img {
	width:				100%;
	height:				auto;
	z-index:			2;
}
#flash {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				300px;
	height:				300px;
	z-index:			2;
}
#flash img {
	width:				300px;
	height:				300px;
	z-index:			2;
}
#roulette_cover {
	position:			absolute;
	top:				0;
	left:				0;
	width:				300px;
	height:				300px;
	z-index:			3;
}
#roulette_cover img {
	width:				300px;
	height:				300px;
	z-index:			3;
}

#cutin {
	position:			absolute;
	top:				0;
	left:				0;
	width:				300px;
	height:				300px;
	z-index:			3;
}
#cutin img {
	width:				300px;
	height:				300px;
	z-index:			4;
}

#win_item {
	position:			absolute;
	top:				0;
	left:				0;
	width:				300px;
	height:				300px;
	z-index:			5;
}
#win_item img {
	width:				300px;
	height:				auto;
	z-index:			5;
	padding:			120px;
}



#flash {
	position:			absolute;
	top:				0;
	left:				0;
	width:				300px;
	height:				300px;
	z-index:			5;
}
#flash img {
	width:				300px;
	height:				300px;
	z-index:			5;
}


#item {
	z-index:			2;
	top:				250px;
	left:				440px;
	position:			absolute;
	display: none;
}


.entry_down {
	animation: entry_down 500ms linear 1;
	animation-fill-mode: forwards;
}

@keyframes entry_down{
	0%  {transform: translate(0px, -300px);}
	100%  {transform: translate(0px, 0px);}
}

.flip-container {
	perspective: 1000;
	position: absolute;
	top: 250px;
	left: 440px;
	z-index: 3;
	display: none;
}

.flip-container, .front, .back {
	width: 200px;
	height: 265px;
	background-size: 200px 265px !important;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
	animation: coins2 7s ease-out forwards;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
}
.back {
	transform: rotateY(180deg);
}
@keyframes coins2 {
0% {
	transform: rotateY(0deg) translate(0,0) ;
	transform-origin:50% 200px;
}
3% {
	transform: rotateY(0deg);
	transform-origin:50% 200px;
}
6% {
	transform: rotateY(0deg);
	transform-origin:50% 200px;
}
9% {
	transform: rotateY(0deg);
	transform-origin:50% 200px;
}
30% { transform: rotateY(0deg); }
60% { transform: rotateY(-30deg); }
98% { transform: rotateY(-60deg); }
100% { transform: rotateY(-180deg);}
}


.flash_bg1 {
	-webkit-animation: image_flash1 150ms linear infinite;
	animation: image_flash1 150ms linear infinite;
}

@-webkit-keyframes image_flash1{
	0% {opacity:1;}
	100% {opacity:0;}
}

.bgFadeIn {
	animation:bgFadeIn 500ms linear forwards;
}

@keyframes bgFadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}


/*jackpot*/


.fadein{

}
.jackpot_wrap{
	border: 6px #00000054 solid;
    display: table;
	margin: 10px auto;
    border-radius: 86px;
	background: rgb(0 0 0 / 80%);
}
.jackpot_wrap small{
    font-size: 50%;
}
.jackpot{
	font-family: "Teko", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
    font-style: normal;
}
.jackpot span{
	font-family: "Teko", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .02em;
	font-size: 30px;
}
.jackpot_inner strong{
	margin: 0;
    font-size: 55px;
    display: inline-block;
    line-height: 1;
    height: 45px;
    background: linear-gradient(180deg, #ffffff 55%, #ffdb28 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cut_01{
	width: 600px;
    display: block;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
.btn_m {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	color: #1c1c1c;
	font-size: 18px;
	border-radius: 60px;
	width: 260px;
	height: 50px;
	font-weight: bold;
	border: 3px solid #ffffff;
	transition: 0.3s;
	box-shadow: 0px 6px 0px -2px #000;
	background-color: #ffdb28;
	margin: 10px auto;
	padding:10px;
	width: 260px;
}
.btn_m small{
	font-size: 80%;
}
.btn_m:hover {
	box-shadow: 0 0 #000;
	transform: translateY(1px);
	text-decoration: none;
	color: #1c1c1c;
	background-color: #fcf068;
}
.date_wrap{
	margin: 10px auto;
    background: rgb(0 0 0 / 80%);
    display: block;
    padding: 10px 40px;
    border-radius: 300px;
    color: #fff;
    width: 400px;
}
.jackpot_status_wrap{
	margin: 0 auto -5px auto;
    background: rgb(0 0 0 / 80%);
    display: block;
	padding: 20px 0 10px 0;
    border-radius: 80px 80px 0 0;
    color: #fff;
    width: 600px;
    text-align: center;
	position: relative;
}
.jackpot_status_wrap p{
	margin: 20px;
	margin-top: 5px;
	background: #eeeeee17;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 60px;
}
.jackpot_status_wrap_btn{
	margin: -40px auto 0 auto;
    /* background: rgb(0 0 0 / 80%); */
    padding: 30px 40px 20px 40px;
    border-radius: 0 0 80px 80px;
    color: #fff;
    width: 600px;
}
.section_wrap{
	margin: 0px auto;
    /* background: rgb(0 0 0 / 80%); */
    display: block;
    padding: 50px 0;
    border-radius: 60px;
    color: #fff;
    display: table;
    font-size: 16px;
    width: 600px;
}
.section_wrap h3{
	margin: 5px;
    background: #eeeeee17;
    display: inline-block;
    padding: 5px 30px 0 30px;
    border-radius: 60px;
}
.section_wrap span{
    font-size: 22px;
    margin: 0;
    display: inline-block;
    line-height: normal;
    font-weight: bold;
    color: #ffcb5a;
    background: none;
}
.btn_section_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	color: #1c1c1c;
	font-size: 18px;
	border-radius: 60px;
	width: 260px;
	height: 50px;
	font-weight: bold;
	border: 3px solid #ffffff;
	transition: 0.3s;
	box-shadow: 0px 6px 0px -2px rgb(99 0 16);
	background-color: #fff044;
	margin: 10px auto;
	text-align: center;
	padding:10px 0;
}
.btn_section_wrap small{
	font-size: 80%;
}
.finish{
	background-color: #8a8a8a;
    box-shadow: none;
	border: 3px solid #a9a9a9;
}
.unfinifh{

}
.falling {
-webkit-animation: falling 2000ms linear both;
animation: falling 2000ms linear both;
}
.bg-img .btn_bottom_back {
    position: fixed;
    right: 20px;
    bottom: 15px;
}
/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A2000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A-250%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A3%2Cb%3A4%7D%5D%7D */

@-webkit-keyframes falling { 
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -250, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -250, 0, 1); }
4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -121.432, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -121.432, 0, 1); }
8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30.354, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30.354, 0, 1); }
12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.069, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.069, 0, 1); }
17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.334, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.334, 0, 1); }
28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.157, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.157, 0, 1); }
39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.558, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.558, 0, 1); }
61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.104, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.104, 0, 1); }
83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes falling { 
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -250, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -250, 0, 1); }
4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -121.432, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -121.432, 0, 1); }
8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30.354, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30.354, 0, 1); }
12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.069, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.069, 0, 1); }
17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.334, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.334, 0, 1); }
28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.157, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.157, 0, 1); }
39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.558, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.558, 0, 1); }
61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.104, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.104, 0, 1); }
83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.shakeYinfinite {
	animation: shakeYinfinite 200ms infinite;
}

@keyframes shakeYinfinite {
	0% {transform: translate(0px, 0px) rotateZ(0deg)}
	100% {transform: translate(0px, 10px) rotateZ(0deg)}
}

.shakeXinfinite {
	animation: shakeXinfinite 400ms infinite;
}

@keyframes shakeXinfinite {
	0% {transform: translate(0px, 0px) rotateZ(0deg)}
	25% {transform: translate(-10px, 10px) rotateZ(0deg)}
	50% {transform: translate(10px, -10px) rotateZ(0deg)}
	75% {transform: translate(-10px, -20px) rotateZ(0deg)}
	100% {transform: translate(10px, 20px) rotateZ(0deg)}
}

.completeFadeIn {
	/* ƒAƒjƒ[ƒVƒ‡ƒ“‚Ì’·‚³ */
	animation:completeFadeIn 500ms linear forwards;
}

@keyframes completeFadeIn{
	0% {filter:brightness(100%);opacity:0;}
	100% {filter:brightness(100%);opacity:1;}
}
.completeFadeOut {
	/* ƒAƒjƒ[ƒVƒ‡ƒ“‚Ì’·‚³ */
	animation:completeFadeOut 500ms linear forwards;
}

@keyframes completeFadeOut{
	0% {filter:brightness(100%);opacity:1;}
	100% {filter:brightness(100%);opacity:0;}
}

.scatterZoom {
	animation: scatterZoom 500ms ease-in forwards;
}

@keyframes scatterZoom {
	0%		{ -webkit-transform: scale(1.3); transform: scale(1.8); }
	20%		{ -webkit-transform: scale(1); transform: scale(1); }
	40%		{ -webkit-transform: scale(1.3); transform: scale(1.3); }
	60%		{ -webkit-transform: scale(1); transform: scale(1); }
	80%		{ -webkit-transform: scale(1.3); transform: scale(1.3); }
	100%	{ -webkit-transform: scale(1.5); transform: scale(1.5); }
}

.entry_zoom {
	animation: entry_zoom 400ms linear 1;
	animation-fill-mode: forwards;
}

@keyframes entry_zoom{
	0%  {transform: scale(0);}
	90%  {transform: scale(1.5);}
	100%  {transform: scale(1);}
}

.selectedPanel {
	animation: selectedPanel 4000ms forwards;
}
@keyframes selectedPanel {
	0%		{ opacity: 100; transform:scale(0.6) translate(0px, 0px); }
	1.25%		{ opacity: 100; transform:scale(1.0) translate(-1px, -1px); }
	2.5%		{ opacity: 100; transform:scale(1.0) translate(-2px, 2px); }
	3.75%		{ opacity: 100; transform:scale(1.0) translate(3px, -1px); }
	5%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
	70%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
	80%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
	100%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
}

.fullCutInA {
	animation: fullCutInA 5500ms linear forwards;
}
@keyframes fullCutInA {
	0%		{ opacity: 100; transform:translate(10px, -2px); }
	5%		{ opacity: 100; transform:translate(5px, -1px); }
	90%		{ opacity: 100; transform:translate(-10px, 2px); }
	100%		{ opacity: 0; transform:translate(-10px, 2px); }
}

.fullCutInB {
	animation: fullCutInB 4000ms linear forwards;
}
@keyframes fullCutInB {
	0%		{ opacity: 100; transform:translate(-10px, -2px); }
	10%		{ opacity: 100; transform:translate(-5px, -1px); }
	85%		{ opacity: 100; transform:translate(10px, 2px); }
	100%		{ opacity: 0; transform:translate(10px, 2px); }
}

.hexagonRoulette {
	animation: hexagonRoulette 200ms linear infinite;
}

@keyframes hexagonRoulette {
	0%		{ clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); }
	24.999%		{ clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%); }
	25%		{ clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 0 100%, 0 0, 50% 0); }
	49.999%		{ clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 0 100%, 0 0, 50% 0); }
	50%		{ clip-path: polygon(100% 50%, 50% 50%, 50% 100%, 0 100%, 0 0, 100% 0); }
	74.999%		{ clip-path: polygon(100% 50%, 50% 50%, 50% 100%, 0 100%, 0 0, 100% 0); }
	75%		{ clip-path: polygon(100% 100%, 50% 100%, 50% 50%, 0 50%, 0 0, 100% 0); }
	100%		{ clip-path: polygon(100% 100%, 50% 100%, 50% 50%, 0 50%, 0 0, 100% 0); }
}

.selectedPanel {
	animation: selectedPanel 4000ms forwards;
}
@keyframes selectedPanel {
	0%		{ opacity: 100; transform:scale(0.6) translate(0px, 0px); }
	1.25%		{ opacity: 100; transform:scale(1.0) translate(-1px, -1px); }
	2.5%		{ opacity: 100; transform:scale(1.0) translate(-2px, 2px); }
	3.75%		{ opacity: 100; transform:scale(1.0) translate(3px, -1px); }
	5%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
	70%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
	80%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
	100%		{ opacity: 100; transform:scale(1.0) translate(0px, 0px); }
}

.lastCutIn {
	animation: lastCutIn 1500ms linear forwards;
}

@keyframes lastCutIn {
	0%		{ transform:scale(1.0) translate(272px, 0px) rotateZ(0deg); }
	10%		{ transform:scale(1.0) translate(10px, 0px) rotateZ(0deg); }
	90%		{ transform:scale(1.0) translate(-10px, 0px) rotateZ(0deg); }
	100%		{ transform:scale(1.0) translate(-272px, 0px) rotateZ(0deg); }

	0%		{ opacity: 0; }
	10%		{ opacity: 1; }
	90%		{ opacity: 1; }
	100%		{ opacity: 0; }
}

/*--------------------------------------------
15th
--------------------------------------------*/
.buruburu {
    animation: buruburu 350ms  infinite;
}

@keyframes buruburu {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0px, -2px) rotateZ(-2deg)}
    50% {transform: translate(0px, 0px) rotateZ(0deg)}
    75% {transform: translate(0px, -2px) rotateZ(2deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.boundOne {
	animation:
		boundOne 1500ms ease-out;
}
@keyframes boundOne {
	0%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	10%		{ transform: scale(1.3, 0.7) translate(0%, 30%); }
	20%		{ transform: scale(0.7, 1.3) translate(0%, -120%); }
	30%		{ transform: scale(1.0, 1.4) translate(0%, -15%); }
	40%		{ transform: scale(1.3, 0.7) translate(0%, 30%); }
	50%		{ transform: scale(1.0, 1.0);  translate(0%, 0%);}
	100%		{ transform: scale(1.0, 1.0);  translate(0%, 0%);}
}




@keyframes chakuchi {
	0%		{ transform: scale(1.0, 1.0) translate(0%, -60%); }
	25%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	50%		{ transform: scale(1.0, 1.0) translate(0%, -10%); }
	75%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	100%	{ transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.effect_big_piyo {
	animation:
		effect_big_piyo 3000ms ease-out;
		/*effect_big_piyo_up 2000ms ease-in 6000ms forwards;*/
}
@keyframes effect_big_piyo {
	0%		{ transform: scale(1.0, 1.4) translate(0%, -300%); }
	10%		{ transform: scale(1.0, 1.4) translate(0%, -15%); }
	20%		{ transform: scale(1.4, 0.6) translate(0%, 30%); }
	30%		{ transform: scale(1.0, 1.1) translate(0%, -10%); }
	40%		{ transform: scale(1.0, 1.2) translate(0%, -30%); }
	50%		{ transform: scale(1.0, 1.2) translate(0%, -10%); }
	60%		{ transform: scale(1.1, 0.9) translate(0%, 5%); }
	70%		{ transform: scale(1.0, 1.2) translate(0%, -10%); }
	80%		{ transform: scale(1.1, 0.9) translate(0%, 5%); }
	90%		{ transform: scale(1.0, 1.0) translate(0%, -5%); }
	95%		{ transform: scale(1.0, 1.0) translate(0%, 0%); }
	100%	{ transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes effect_big_piyo_up {
	95%		{ transform: translateY(-35%); }
	100%	{ transform: translateY(-100%); }
}

.conLine {
	animation:conLine 500ms linear infinite;
}

@keyframes conLine{
	0% {filter:brightness(100%);opacity:0;}
	50% {filter:brightness(200%);opacity:1;}
	100% {filter:brightness(100%);opacity:0;}
}

.mochi {
	animation: mochimochi 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes mochimochi {
	0% {
		transform: translateY(-5%);
	}
	100% {
		transform: translateY(5%);
	}
}
.btn001,
.btn002{
    padding: 10px 30px;
    margin: 30px auto;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    outline: none;
	border: 0;
    border-radius: 60px;
    color: #fff !important;
    background: #dc143c;
    text-decoration: none;
    text-align: center;
    width: 300px;
    font-size: 16px;
}
a.btn001,
a.btn002{
    padding: 10px 30px;
	margin: 0 auto 30px auto;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    outline: none;
    border-radius: 60px;
    color: #fff !important;
    background: #dc143c;
    text-decoration: none;
    text-align: center;
    width: 300px;
    font-size: 16px;
}
.btn001:hover,
.btn002:hover {
    background: #da4866;
}
.meter_wrap{
    position: absolute;
    bottom: 20px;
    right: -66px;
    background: hsl(0deg 0% 0% / 80%);
    padding: 5px;
    display: flex;
    flex-direction: column;
    width: 67px;
    text-align: center;
    border-radius: 0 10px 10px 0;
}
.meter_inner{
    padding: 0;
    background: url(/images/event/jackpot/bg_ren.jpg) no-repeat;
    background-size: cover;
    margin-top: 5px;
    border-radius: 3px;
    font-family: "Teko", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
    color: #000;
}
.meter_inner p{
	margin: 0;
	border-bottom: 1px solid #0000001f;
}
.gray_out{
	background: #000000a8;
}

.ren_wrap{
	display: flex;
    align-items: center;
    margin: auto;
	position: relative;
	transform: rotate(351deg);
	background: url(/images/event/jackpot/bg_result.png) 50% 50% no-repeat;
    background-size: contain;
	padding: 0 30px;
}

.ren_wrap img{
	z-index: auto !important;
    width: 300px;
}
.ren_wrap h1{
	font-size: 80px;
    margin: 0;
    margin-top: -6px;
    margin-right: 10px;
    font-family: "Teko", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
    padding-top: 10px;
    color: hsl(50.8deg 100% 50%);
    line-height: 0;
    display: block;
    text-shadow: -2px -3px hsl(0deg 100% 29.8%), 5px 5px hsl(0deg 100% 21.21%);
    filter: drop-shadow(1px 3px 0px hsl(242, 54%, 10%)) drop-shadow(1px 3px 0px hsl(242, 54%, 15%)) drop-shadow(1px 3px 0px hsl(242, 54%, 20%)) drop-shadow(1px 3px 0px hsl(242, 54%, 25%)) drop-shadow(1px 3px 0px hsl(242, 54%, 30%)) drop-shadow(0px 0px 10px rgba(16, 16, 16, 0.4));
}
.ren_inner{
	display: flex;
    align-items: center;
    margin: auto;
}
.result_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(351deg);
}
.pt_finish p{
	font-size: 60px;
    line-height: 1;
    display: block;
    margin: 0;
	font-family: "Teko", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	
	color: hsl(50.8deg 100% 50%);
	text-shadow: -2px -3px hsl(0deg 100% 29.8%), 5px 5px hsl(0deg 100% 21.21%);
}


#bpc_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    z-index: -1;
}

.notes {
    clear: both;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px;
}
.notes ul {
    padding: 0 1em;
    font-size: 14px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
#effect_wrap{
	display: flex;
	position: unset;
    margin-top: auto;
    width: 300px;
    height: auto;
    overflow: hidden;
}

#effect_area {
    width: fit-content;
    height: auto;
    display: flex;
	flex-direction: column;
}

.pt_finish{
    display: flex;
	flex-direction: column;
    text-align: center;
	width: 300px;
    font-size: 20px;
    color: #fff;
    z-index:10;
	background: url(/images/event/jackpot/bg_result.png) 50% 50% no-repeat;
    background-size: contain;
}

.notes li {
    margin-bottom: 0.4em;
    list-style: disc;
    font-size: 12px;
    width: 100%;
    padding: 0;
}

.event_wrap{
	color: #fff;
}
h4{
    font-size: 13px;
    margin: auto;
    background: rgb(0 0 0 / 79%);
    display: inline-block;
    text-align: center;
    padding: 5px 20px;
    border-radius: 30px;
    color: #fff;
}
h5 {
	text-align: center;
	font-size: 20px;
	color: #C8A03C;
}
.header_text{
	font-size: 14px;
	font-weight: normal;
	background: rgb(0 0 0 / 80%);
	color: #fff;
	display: inline-block;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
	text-align: left;
	width: 800px;
}
.bg-img{
	margin: 0;
}
.bg-img::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background: #000 url(/images/event/jackpot/lottery/bg.jpg) center center no-repeat !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}


#pagetop{
	cursor:pointer;
}
p.btn_regist {
	margin: auto;
	max-width: 370px;
	text-align:center;
	position:relative;
	margin:auto;
	background:transparent;
}
table tr:hover {
	background: #c8a03d;
}
.btn_regist a {
	color:#000;
	background: #c8a03d;
	border-width:6px;
	border-style: solid;
	border-color: #000;
	position:relative;
	margin:1em 0;
	display:inline-block;
	padding:0.5em 1em;
	transition:all 0.3s ease-in-out;
	text-align:center;
	font-size: 30px;
	font-weight:bold
}
.btn_regist a:before, .btn_regist a:after {
	content:'';display:block;
	position:absolute;
	border-color:#454545;
	box-sizing:border-box;
	border-style:solid;
	width:1em;height:1em;
	transition:all 0.3s ease-in-out
}
.btn_regist a:before {
	top: -16px;
	left: -16px;
	border-width: 4px 0 0 4px;
	z-index: 5;
}
.btn_regist a:after {
	bottom: -16px;
	right: -16px;
	border-width: 0 4px 4px 0;
}
.btn_regist a:hover:before, .btn_regist a:hover:after {
	width:calc(100% + 12px);
	height:calc(100% + 12px);
	border-color:#fff
}
.btn_regist a:hover {
	color:#fff;
	background-color:#d00;
	border-color:#d00
}
a {
	color:#000;
	border-color:#000
}
.btn_regist a:before, .btn_regist a:after {
	border-color:#000
}
.btn_regist a:hover:before, .btn_regist a:hover:after {
	border-color:#d00;
}
.btn_regist a:hover {
	color:#fff;
	background-color:#d00;
	border-color:#d00;
}
.panel {
	max-width: 370px;
	text-align:center;
	position:relative;
	margin:auto;
}
#win_item_text {
	padding: 5px 10px 10px 10px;
	font-size: 2.5em;
	line-height: 0.95em;
	color: #d00 !important;
	text-shadow: 0.04em 0.02em 0 #b0bec5, 0.08em 0.05em 0 rgb(0 0 0 / 80%);
	font-family: 'Dela Gothic One';
	background: rgb(0 0 0 / 65%);
	display: none;
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	width: 80%;
	border-radius: 6px;
}
.btn-primary{
	border-radius: 5px;
	background: #c8a03d;
	color: #000;
	padding: 10px;
	display: block;
	margin: 50px auto 50px auto;
}
.btn-none{
	border-radius: 0;
	background: #ff2a5b;
	color: #000;
	display: inline-block;
	margin: 10px auto;
	padding: 10px;
	font-size: 18px;
}
#win_item img {
	width: 100%;
	height: auto;
	z-index: 5;
	padding: 0 50px;
	filter: drop-shadow(0 0 5px rgba(251,242,151,0.9)) drop-shadow(0 0 29px #ffffff);
}
.selection-group{
	width: 500px;
    margin: auto;
}
.selection-group input[type="radio"] {
	display: none;
}
.selection-group img , .selection-group label img {
	width: 120px;
}

.selection-group input[type="radio"] + label img {
	opacity: 1;
}
.selection-group input[type="radio"]:checked + label img {
	opacity: 1;
	filter: drop-shadow(-5px 3px 0px  gold) drop-shadow(1px -5px 0px  yellow) drop-shadow(1px 3px 0px  gold);
}
.select_b{
	filter: drop-shadow(-5px 3px 0px  gold) drop-shadow(1px -5px 0px  yellow) drop-shadow(1px 3px 0px  gold);
}
.fh5co-cards .fh5co-card .fh5co-card-body {
	padding: 10px;
	-webkit-border-radius: 50px;
	border-radius: 10px;
	margin: 10px auto;
	max-width: 800px;
	background: rgb(0 0 0 / 80%) !important;
}



.t_r1,.t_r2,.t_r3,.t_r4,.t_r5,.t_r6,.t_r7,.t_r8,.t_r9,.t_r10,.t_r11,.t_r12,.t_r13 {
	opacity: 0;
	z-index:1
}
.t_r1 {
	animation: rotation1 .2s ease-in 1 forwards;
}
.t_r2 {
	animation: rotation2 .2s ease-in 0.2s 1 forwards;
}
.t_r3 {
	animation: rotation3 .2s ease-in 0.4s 1 forwards;
}
.t_r4 {
	animation: rotation4 .2s ease-in 0.6s 1 forwards;
}
.t_r5 {
	animation: rotation5 .2s ease-in 0.8s 1 forwards;
}
.t_r6 {
	animation: rotation6 .3s ease-in 1.5s 1 forwards;
}
.t_r7 {
	animation: rotation7 .3s ease-in 2.2s 1 forwards;
}
.t_r8 {
	animation: rotation8 .4s ease-in 3.4s 1 forwards;
}
.t_r9 {
	animation: rotation9 .2s ease-out 1.6s 1 forwards;
}
.t_r10 {
	animation: rotation10 .2s ease-out 1.8s 1 forwards;
}
.t_r11 {
	animation: rotation11 .2s ease-out 2s 1 forwards;
}
.t_r12 {
	animation: rotation12 .2s ease-out 2.5s 1 forwards;
}
.t_r13 {
	animation: rotation13 3s ease-out 5s 1 forwards;
}
@keyframes rotation1 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1) rotate(3deg);opacity: 1;}
}
@keyframes rotation2 {
  0% {transform: scale(10) rotate(0deg);}
  100% {transform: scale(1) rotate(0deg);opacity: 1;}
}
@keyframes rotation3 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1) rotate(4deg);opacity: 1;}
}
@keyframes rotation4 {
  0% {transform: scale(10) rotate(0deg);}
  100% {transform: scale(1) rotate(0deg);opacity: 1;}
}
@keyframes rotation5 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1) rotate(3deg);opacity: 1;}
}
@keyframes rotation6 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1) rotate(1deg);opacity: 1;}
}
@keyframes rotation7 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1) rotate(3deg);opacity: 1;}
}
@keyframes rotation8 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1.1) rotate(-5deg);opacity: 1;}
}
@keyframes rotation9 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1) rotate(1deg);opacity: 1;}
}
@keyframes rotation10 {
  0% {transform: scale(10) rotate(-80deg);}
  100% {transform: scale(1) rotate(-3deg);opacity: 1;}
}
@keyframes rotation11 {
  0% {transform: scale(10) rotate(0deg);}
  100% {transform: scale(1) rotate(0deg);opacity: 1;}
}
@keyframes rotation12 {
  0% {transform: scale(10) rotate(-360deg);}
  100% {transform: scale(1) rotate(0deg);opacity: 1;}
}
@keyframes rotation13 {
  0% {transform: scale(10) rotate(0deg);}
  100% {transform: scale(1) rotate(0deg);opacity: 1;}
}
.shake {
    display: block;
    animation: shake .2s  infinite;
    margin: 0 auto;
    width: 60%;
}

@keyframes shake {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(4px, 4px) rotateZ(1deg)}
    50% {transform: translate(0px, 4px) rotateZ(0deg)}
    75% {transform: translate(4px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.shake2 {
    display: block;
    animation: shake2 .2s  infinite;
    margin: 0 auto;
    width: 60%;
    margin-top: -15%;
}

@keyframes shake2 {
    0% {transform: translate(6px, 4px) rotateZ(0deg)}
    25% {transform: translate(6px, 4px) rotateZ(1deg)}
    50% {transform: translate(4px, 0px) rotateZ(0deg)}
    75% {transform: translate(6px, 4px) rotateZ(-1deg)}
    100% {transform: translate(6px, 0px) rotateZ(0deg)}
}
.bg_egg{
	background: none !important;
}
.egg_img{
	clear: both;
	width: 60%;
	height: auto;
	display: block;
	margin: 0 auto;
	position:relative;
	z-index:10 !important;
}

.comp17 {
	width: 440px;
    position: absolute;
    z-index: 1;
	top: 212px;
    left: 20px;
    right: 0;
}