/* World map CSS */

/* World map
----------------------------------------------------------------*/
.world-map {
	width: 320px;
	height: 402px;
	position: relative;
	top: 78px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 404px;
}

	.world-map-clear.mbgaui-widget-anchors,
	.world-map-clear.mbgaui-active {
		width: 52px;
		height: 38px;
		position: absolute;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}

	.world-map-clear.mbgaui-widget-anchors { background-position: -96px -680px; }
	.world-map-clear.mbgaui-active { background-position: -152px -680px; }

	.world-map-lock {
		width: 34px;
		height: 43px;
		position: absolute;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		background-position: -57px -681px;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}

	.world-map-block.mbgaui-widget-anchors,
	.world-map-block.mbgaui-active {
		width: 61px;
		height: 66px;
		position: absolute;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}
	
	.world-map-block.mbgaui-widget-anchors { background-position: -104px -824px; }
	.world-map-block.mbgaui-active { background-position: -168px -824px; }
	
	.world-map-block0.mbgaui-widget-anchors,
	.world-map-block0.mbgaui-active {
		width: 60px;
		height: 66px;
		position: absolute;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 60px 66px;
		z-index: 4;
	}
	
	.world-map-block0.mbgaui-widget-anchors { background-image: url("../i/common/map_icon_startboss_n.png"); }
	.world-map-block0.mbgaui-active { background-image: url("../i/common/map_icon_startboss_p.png"); }

/* Map1 */
.world-map1 { background-image: url("../i/worldmap/bg/map_bg1.png"); }

	.world-map1-route2-1,
	.world-map1-route2-2 {
		width: 90px;
		height: 126px;
		position: absolute;
		top: 162px;
		left: 65px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 90px 126px;
		z-index: 3;
	}
	
	.world-map1-route2-1 { background-image: url("../i/worldmap/map_load1_1.png"); }
	.world-map1-route2-2 { background-image: url("../i/worldmap/map_load1_2.png"); }
	
	.world-map1-route3-1,
	.world-map1-route3-2 {
		width: 70px;
		height: 79px;
		position: absolute;
		top: 97px;
		left: 31px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 70px 79px;
		z-index: 3;
	}
	
	.world-map1-route3-1 { background-image: url("../i/worldmap/map_load2_1.png"); }
	.world-map1-route3-2 { background-image: url("../i/worldmap/map_load2_2.png"); }
	
	.world-map1-route4-1,
	.world-map1-route4-2 {
		width: 212px;
		height: 81px;
		position: absolute;
		top: 92px;
		left: 72px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 212px 81px;
		z-index: 3;
	}
	
	.world-map1-route4-1 { background-image: url("../i/worldmap/map_load3_1.png"); }
	.world-map1-route4-2 { background-image: url("../i/worldmap/map_load3_2.png"); }

	.world-map1-route5-1,
	.world-map1-route5-2 {
		width: 56px;
		height: 59px;
		position: absolute;
		top: 62px;
		left: 197px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 56px 59px;
		z-index: 3;
	}
	
	.world-map1-route5-1 { background-image: url("../i/worldmap/map_load4_1.png"); }
	.world-map1-route5-2 { background-image: url("../i/worldmap/map_load4_2.png"); }
	
	.world-map1-clear1 {
		top: 252px;
		left: 130px;
	}
	
	.world-map1-clear2 {
		top: 132px;
		left: 72px;
	}
	
	.world-map1-clear3 {
		top: 61px;
		left: 43px;
	}
	
	.world-map1-clear4 {
		top: 82px;
		left: 268px;
	}
	
	.world-map1-clear5 {
		top: 32px;
		left: 214px;
	}
	
	.world-map1-lock0 {
		top: 237px;
		left: 24px;
	}
	
	.world-map1-lock1 {
		top: 248px;
		left: 138px;
	}
	
	.world-map1-lock2 {
		top: 135px;
		left: 79px;
	}
	
	.world-map1-lock3 {
		top: 64px;
		left: 51px;
	}
	
	.world-map1-lock4 {
		top: 85px;
		left: 277px;
	}
	
	.world-map1-lock5 {
		top: 34px;
		left: 219px;
	}
	
	.world-map1-block1 {
		top: 210px;
		left: 123px;
	}

	.world-map1-block0 {
		top: 197px;
		left: 12px;
	}
	
	.world-map1-block2 {
		top: 92px;
		left: 64px;
	}
	
	.world-map1-block3 {
		top: 24px;
		left: 36px;
	}
	
	.world-map1-block4 {
		top: 42px;
		left: 259px;
	}
	
	.world-map1-block5 {
		top: -2px;
		left: 204px;
	}

/* Map2 */
.world-map2 { background-image: url("../i/worldmap/bg/map_bg2.png"); }
	
	.world-map2-clear6 {
		top: 291px;
		left: 40px;
	}
	
	.world-map2-clear7 {
		top: 247px;
		left: 140px;
	}
	
	.world-map2-clear8 {
		top: 177px;
		left: 195px;
	}
	
	.world-map2-clear9 {
		top: 78px;
		left: 150px;
	}
	
	.world-map2-clear10 {
		top: 24px;
		left: 62px;
	}
	
	.world-map2-lock6 {
		top: 301px;
		left: 51px;
	}
	
	.world-map2-lock7 {
		top: 257px;
		left: 150px;
	}
	
	.world-map2-lock8 {
		top: 187px;
		left: 205px;
	}
	
	.world-map2-lock9 {
		top: 83px;
		left: 160px;
	}
	
	.world-map2-lock10 {
		top: 34px;
		left: 72px;
	}
	
	.world-map2-block6 {
		top: 272px;
		left: 35px;
	}
	
	.world-map2-block7 {
		top: 230px;
		left: 134px;
	}
	
	.world-map2-block8 {
		top: 158px;
		left: 189px;
	}
	
	.world-map2-block9 {
		top: 55px;
		left: 144px;
	}
	
	.world-map2-block10 {
		top: 5px;
		left: 57px;
	}

/* Map3 */
.world-map3 { background-image: url("../i/worldmap/bg/map_bg3.png"); }
	
	.world-map3-clear11 {
		top: 282px;
		left: 60px;
	}
	
	.world-map3-clear12 {
		top: 215px;
		left: 201px;
	}
	
	.world-map3-clear13 {
		top: 135px;
		left: 48px;
	}
	
	.world-map3-clear14 {
		top: 37px;
		left: 243px;
	}
	
	.world-map3-clear15 {
		top: 24px;
		left: 92px;
	}
	
	.world-map3-lock11 {
		top: 292px;
		left: 70px;
	}
	
	.world-map3-lock12 {
		top: 225px;
		left: 211px;
	}
	
	.world-map3-lock13 {
		top: 145px;
		left: 58px;
	}
	
	.world-map3-lock14 {
		top: 42px;
		left: 253px;
	}
	
	.world-map3-lock15 {
		top: 34px;
		left: 102px;
	}
	
	.world-map3-block11 {
		top: 263px;
		left: 55px;
	}
	
	.world-map3-block12 {
		top: 198px;
		left: 195px;
	}
	
	.world-map3-block13 {
		top: 117px;
		left: 42px;
	}
	
	.world-map3-block14 {
		top: 14px;
		left: 237px;
	}
	
	.world-map3-block15 {
		top: 6px;
		left: 87px;
	}

/* Map4 */
.world-map4 { background-image: url("../i/worldmap/bg/map_bg4.png"); }
	
	.world-map4-clear16 {
		top: 276px;
		left: 64px;
	}
	
	.world-map4-clear17 {
		top: 216px;
		left: 163px;
	}
	
	.world-map4-clear18 {
		top: 136px;
		left: 238px;
	}
	
	.world-map4-clear19 {
		top: 101px;
		left: 128px;
	}
	
	.world-map4-clear20 {
		top: 32px;
		left: 37px;
	}
	
	.world-map4-lock16 {
		top: 286px;
		left: 74px;
	}
	
	.world-map4-lock17 {
		top: 226px;
		left: 173px;
	}
	
	.world-map4-lock18 {
		top: 146px;
		left: 248px;
	}
	
	.world-map4-lock19 {
		top: 106px;
		left: 138px;
	}
	
	.world-map4-lock20 {
		top: 42px;
		left: 48px;
	}
	
	.world-map4-block16 {
		top: 257px;
		left: 58px;
	}
	
	.world-map4-block17 {
		top: 199px;
		left: 157px;
	}
	
	.world-map4-block18 {
		top: 118px;
		left: 232px;
	}
	
	.world-map4-block19 {
		top: 78px;
		left: 122px;
	}
	
	.world-map4-block20 {
		top: 14px;
		left: 33px;
	}

/* Map5 */
.world-map5 { background-image: url("../i/worldmap/bg/map_bg5.png"); }
	
	.world-map5-clear21 {
		top: 281px;
		left: 79px;
	}
	
	.world-map5-clear22 {
		top: 211px;
		left: 223px;
	}
	
	.world-map5-clear23 {
		top: 138px;
		left: 177px;
	}
	
	.world-map5-clear24 {
		top: 76px;
		left: 114px;
	}
	
	.world-map5-clear25 {
		top: 37px;
		left: 31px;
	}
	
	.world-map5-lock21 {
		top: 291px;
		left: 89px;
	}
	
	.world-map5-lock22 {
		top: 221px;
		left: 233px;
	}
	
	.world-map5-lock23 {
		top: 144px;
		left: 183px;
	}
	
	.world-map5-lock24 {
		top: 81px;
		left: 124px;
	}
	
	.world-map5-lock25 {
		top: 47px;
		left: 41px;
	}
	
	.world-map5-block21 {
		top: 262px;
		left: 74px;
	}
	
	.world-map5-block22 {
		top: 194px;
		left: 217px;
	}
	
	.world-map5-block23 {
		top: 116px;
		left: 167px;
	}
	
	.world-map5-block24 {
		top: 53px;
		left: 108px;
	}
	
	.world-map5-block25 {
		top: 19px;
		left: 26px;
	}

.current {
	-webkit-animation-name: current;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes current {
	from {
		-webkit-transform:translate(0px,0px);
	}
	45%{
		-webkit-transform:translate(0px,10px);
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px);
	}
}

.current-block2 {
	-webkit-animation-name: current-block2;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes current-block2 {
	from {
		-webkit-transform:translate(0px,0px);
	}
	45%{
		-webkit-transform:translate(0px,-5px);
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px);
	}
}

.coming-soon {
	padding: 0 6px 0 0;
	width: 200px;
	height: 18px;
	font-size: 1.2rem;
	color: rgba(255,255,255,0.7);
	font-weight: bold;
	line-height: 18px;
	text-align: right;
	position: absolute;
	top: 7px;
	right: 6px;
	-webkit-border-radius: 3px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
	-webkit-animation-name: coming-soon;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes coming-soon {
	from {
		opacity:0.9;
	}
	99.9%,to {
		opacity:0.3;
	}
}