@charset "UTF-8";

#myContainer { width: 800px; height: 550px; margin: 0 auto; }

@media only screen and (max-width: 760px) and (orientation: landscape)　{
	#myContainer { width: 600px; height: 275px; margin: 0 auto; }
}

@media only screen and (max-width: 569px) and (orientation: landscape)　{
	#myContainer { width: 540px; height: 300px; margin: 0 auto; }
}

@media only screen and (max-width: 479px) {
	#myContainer { width: 470px; height: 275px; margin: 0 auto; }
}

@media only screen and (max-width: 375px) and (orientation: portrait) {
	#myContainer { width: 360px; height: 248px; margin: 0 auto; }
}

@media only screen and (max-width: 320px) and (orientation: portrait) {
	#myContainer { width: 305px; height: 209px; margin: 0 auto; }
}