@charset "UTF-8";


.world-block{
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center top;
	padding-bottom:7%;
}

#main-hyw{
	padding-top:31%;
	margin-top:20px;
	background-image:url(../images/world/hyw/main.jpg);
}
#chara1-hyw{
	padding-top:20%;
	background-image:url(../images/world/hyw/character1.jpg);
}

#chara2-hyw{
	padding-top:15%;
	padding-bottom:13%;
	background-image:url(../images/world/hyw/character2.jpg);
	
	background-image:url(../images/world/hyw/character2.png);
	margin-top:-5%;
}


#main-nightmare{
	padding-top:31%;
	margin-top:20px;
	padding-bottom:0;
	background-image:url(../images/world/nightmare/main.jpg);
}

#chara-nightmare{
	padding-top:24%;
	margin-top:40px;
	padding-bottom:10%;
	background-image:url(../images/world/nightmare/character.jpg);
}

.world-block .text-body{
	width:64%;
	margin:0 auto;
	text-shadow:1px 1px 3px rgba(0,0,0,0.4),-1px -1px 3px rgba(0,0,0,0.4),-1px 1px 3px rgba(0,0,0,0.4),1px -1px 3px rgba(0,0,0,0.4);
	
	position:relative;
}

#content-inner .section{
	margin-top:0;
	margin-bottom:40px;
}
.content-article{
	background-color:rgba(155,155,155,0.28);
	box-shadow:1px 1px 7px rgba(0,0,0,0.3) inset,-1px -1px 7px rgba(0,0,0,0.3) inset,-1px 1px 7px rgba(0,0,0,0.3) inset,1px -1px 7px rgba(0,0,0,0.3) inset;
	margin-top:0;
}

.chara_zoom img{
	width:160px;
	position:absolute;
	bottom:-30px;
	right:0;
}


.images{
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}


/*----Media Query----*/


@media screen and (max-width:1000px){
	#main-hyw,
	#main-nightmare{
		padding-top:39%;
	}
	
	#chara-nightmare{
		padding-top:30%;
	}

	#chara1-hyw{
		padding-top:26%;
		padding-bottom:3%;
	}

	#chara2-hyw{
		padding-top:20%;
		margin-top:0%;
	}
	
	.world-block{
		background-size:125% auto;
	}

	#content-inner .section{
		width:80%;
	}	
	.world-block .text-body{
		width:80%;
	}

}

@media screen and (max-width:640px){
	#main-hyw,
	#main-nightmare{
		padding-top:46%;
	}
	
	#chara-nightmare{
		padding-top:34%;
	}

	#chara1-hyw{
		padding-top:29%;
		padding-bottom:3%;
	}

	#chara2-hyw{
		padding-top:22%;

		margin-top:0%;
	}
	
	.world-block{
		background-size:150% auto;
		padding-bottom:12%;
	}

	#content-inner{
		background-size:140% auto;
		padding-top:15%;
	}

	#content-inner .section{
		width:95%;
	}	
	.content-article{
		width:90%;
		padding-top:12%;
	}
	.content-article .article-h2{
		width:40%;
	}

	.world-block .text-body{
		width:95%;
	}
	.chara_zoom img{
		width:30%;
		bottom:0;
	}
}
@media screen and (max-width:480px){
	#chara2-hyw{
		padding-bottom:5%;
	}
	.content-article{
		background-image:none !important;
		padding-top:15%;
	}
	.content-article .article-h2{
		width:55%;
	}

	table.image-box tr.caption td{
		padding:0px 10px;
	}
}