.mb--bubble {
	position:absolute;
	bottom:0;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	background-size:100% 100%
}
@-webkit-keyframes mbBubbleRise {
	0% {
		bottom:0;
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	5% {
		bottom:0;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	100% {
		bottom:100%;
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
}
@keyframes mbBubbleRise {
	0% {
		bottom:0;
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	5% {
		bottom:0;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	100% {
		bottom:100%;
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
}
@-webkit-keyframes bubbleExpolre {
	to {
		-webkit-transform:scale(3);
		transform:scale(3);
		opacity:.2
	}
}
@keyframes bubbleExpolre {
	to {
		-webkit-transform:scale(3);
		transform:scale(3);
		opacity:.2
	}
}
.mb--bubble01 {
	background-image:url(./mb_icon/bubble01.png)
}
.mb--bubble02 {
	background-image:url(./mb_icon/bubble02.png)
}
.mb--balloon01 {
	background-image:url(./mb_icon/balloon01.png)
}
.mb--blinkStar {
	position:absolute;
	background-color:#b6cbd4;
	border-radius:50%;
	-webkit-transform:rotate(0deg) scale(0.08);
	-ms-transform:rotate(0deg) scale(0.08);
	transform:rotate(0deg) scale(0.08)
}
.star--child {
	width:100%;
	height:100%;
	border-radius:50%;
	-webkit-transform:rotate(45deg) scale(0.75);
	-ms-transform:rotate(45deg) scale(0.75);
	transform:rotate(45deg) scale(0.75)
}
.mb--blinkStar .star--child:before,.mb--blinkStar:before {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.mb--blinkStar .star--child:after,.mb--blinkStar .star--child:before,.mb--blinkStar:after,.mb--blinkStar:before {
	content:'';
	position:absolute;
	top:-350%;
	left:45%;
	height:800%;
	width:1px;
	border-radius:50%;
	background:-webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.1) 100%);
	background:linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.1) 100%);
	z-index:1;
	box-shadow:0 0 25px #fff
}
.mb--blinkStar.blue-star:after,.mb--blinkStar.blue-star:before {
	box-shadow:0 0 10px #blue
}
.mb--blinkStar.blue-star .star--child {
	box-shadow:0 0 2px 8px rgba(0,0,255,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(0,0,255,.1),0 0 2px 16px rgba(255,255,255,.1)
}
.mb--blinkStar.lightskyblue-star:after,.mb--blinkStar.lightskyblue-star:before {
	box-shadow:0 0 10px #lightskyblue
}
.mb--blinkStar.lightskyblue-star .star--child {
	box-shadow:0 0 2px 8px rgba(135,206,250,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(135,206,250,.1),0 0 2px 16px rgba(255,255,255,.1)
}
.mb--blinkStar.white-star:after,.mb--blinkStar.white-star:before {
	box-shadow:0 0 10px #white
}
.mb--blinkStar.white-star .star--child {
	box-shadow:0 0 2px 8px rgba(255,255,255,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(255,255,255,.1),0 0 2px 16px rgba(255,255,255,.1)
}
.mb--blinkStar.lightyellow-star:after,.mb--blinkStar.lightyellow-star:before {
	box-shadow:0 0 10px #lightyellow
}
.mb--blinkStar.lightyellow-star .star--child {
	box-shadow:0 0 2px 8px rgba(255,255,224,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(255,255,224,.1),0 0 2px 16px rgba(255,255,255,.1)
}
.mb--blinkStar.yellow-star:after,.mb--blinkStar.yellow-star:before {
	box-shadow:0 0 10px #yellow
}
.mb--blinkStar.yellow-star .star--child {
	box-shadow:0 0 2px 8px rgba(255,255,0,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(255,255,0,.1),0 0 2px 16px rgba(255,255,255,.1)
}
.mb--blinkStar.orange-star:after,.mb--blinkStar.orange-star:before {
	box-shadow:0 0 10px #orange
}
.mb--blinkStar.orange-star .star--child {
	box-shadow:0 0 2px 8px rgba(255,165,0,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(255,165,0,.1),0 0 2px 16px rgba(255,255,255,.1)
}
.mb--blinkStar.orangered-star:after,.mb--blinkStar.orangered-star:before {
	box-shadow:0 0 10px #orangered
}
.mb--blinkStar.orangered-star .star--child {
	box-shadow:0 0 2px 8px rgba(255,69,0,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(255,69,0,.1),0 0 2px 16px rgba(255,255,255,.1)
}
.mb--blinkStar.red-star:after,.mb--blinkStar.red-star:before {
	box-shadow:0 0 10px #red
}
.mb--blinkStar.red-star .star--child {
	box-shadow:0 0 2px 8px rgba(255,0,0,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(255,0,0,.1),0 0 2px 16px rgba(255,255,255,.1)
}
@-webkit-keyframes mbStarBlink {
	0% {
		-webkit-transform:rotate(0deg) scale(0.08);
		transform:rotate(0deg) scale(0.08)
	}
	12% {
		-webkit-transform:rotate(-20deg) scale(0.9);
		transform:rotate(-20deg) scale(0.9)
	}
	24%,60% {
		-webkit-transform:rotate(-40deg) scale(0.08);
		transform:rotate(-40deg) scale(0.08)
	}
	66% {
		-webkit-transform:rotate(-50deg) scale(0.3);
		transform:rotate(-50deg) scale(0.3)
	}
	72% {
		-webkit-transform:rotate(-60deg) scale(0.08);
		transform:rotate(-60deg) scale(0.08)
	}
	100% {
		-webkit-transform:rotate(0deg) scale(0.08);
		transform:rotate(0deg) scale(0.08)
	}
}
@keyframes mbStarBlink {
	0% {
		-webkit-transform:rotate(0deg) scale(0.08);
		transform:rotate(0deg) scale(0.08)
	}
	12% {
		-webkit-transform:rotate(-20deg) scale(0.9);
		transform:rotate(-20deg) scale(0.9)
	}
	24%,60% {
		-webkit-transform:rotate(-40deg) scale(0.08);
		transform:rotate(-40deg) scale(0.08)
	}
	66% {
		-webkit-transform:rotate(-50deg) scale(0.3);
		transform:rotate(-50deg) scale(0.3)
	}
	72% {
		-webkit-transform:rotate(-60deg) scale(0.08);
		transform:rotate(-60deg) scale(0.08)
	}
	100% {
		-webkit-transform:rotate(0deg) scale(0.08);
		transform:rotate(0deg) scale(0.08)
	}
}
.mb--heart02 {
	position:absolute;
	background-image:url(./mb_icon/heart01.png);
	width:32px;
	height:32px;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-animation:mb-heart02 5s infinite ease-out;
	animation:mb-heart02 5s infinite ease-out
}
@-webkit-keyframes mb-heart02 {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	12% {
		-webkit-transform:scale(0.9);
		transform:scale(0.9)
	}
	24%,60% {
		-webkit-transform:scale(0.08);
		transform:scale(0.08)
	}
	66% {
		-webkit-transform:scale(0.3);
		transform:scale(0.3)
	}
	100%,72% {
		-webkit-transform:scale(0.08);
		transform:scale(0.08)
	}
}
@keyframes mb-heart02 {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	12% {
		-webkit-transform:scale(0.9);
		transform:scale(0.9)
	}
	24%,60% {
		-webkit-transform:scale(0.08);
		transform:scale(0.08)
	}
	66% {
		-webkit-transform:scale(0.3);
		transform:scale(0.3)
	}
	100%,72% {
		-webkit-transform:scale(0.08);
		transform:scale(0.08)
	}
}
.mb--canvas {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.mb--sunshine {
	opacity:0;
	-webkit-animation:mbSunshine 3s infinite linear alternate;
	animation:mbSunshine 3s infinite linear alternate
}
.mb--sunshine-delay {
	opacity:0;
	-webkit-animation:mbSunshine 3s 3s infinite linear alternate;
	animation:mbSunshine 3s 3s infinite linear alternate
}
@-webkit-keyframes mbSunshine {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes mbSunshine {
	0% {
		opacity:0
	}
	100% {
		opacity: 1
	}
}