@charset "utf-8";
/* opacity
-------------------------------------------------------------------------------*/
/* flex display
-------------------------------------------------------------------------------*/
/* a button
-------------------------------------------------------------------------------*/
/* hover
-------------------------------------------------------------------------------*/
/* a current
-------------------------------------------------------------------------------*/
/* setPosCenter
-------------------------------------------------------------------------------*/
/* clearfix
-------------------------------------------------------------------------------*/
/* easing
-------------------------------------------------------------------------------*/
html, body { width: 100%; height: 100%; background-color: #000; }

body.noAudio .video { overflow: hidden; }
body.noAudio .requid-image { display: block; }

/* main container
-------------------------------------------------------------------------------*/
#main-container { width: 100%; min-width: 960px; max-height: 600px; }

/* container
-------------------------------------------------------------------------------*/
#container { width: 100%; min-width: 960px; height: 100%; position: relative; }

/* header
-------------------------------------------------------------------------------*/
#header { width: 100%; min-width: 960px; padding-top: 10px; zoom: 1; top: 40px; z-index: 20; }
#header:before, #header:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#header:after { clear: both; }
#header #header-nintendo { position: absolute; top: 10px; left: 10px; }
#header #header-wiiu { position: absolute; top: 10px; right: 10px; z-index: 50;}

/* content
-------------------------------------------------------------------------------*/
.main { width: 100%; height: 100%; position: relative; }
.main.hide { display: none; }
.main .content-inner { width: 960px; height: 600px; position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -480px; z-index: 10; display: none; }
.main .content-inner.show { display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
.main .content-inner.legacy { display: block; }
.main .content-inner.noVideo { display: block; }

.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.video.highlight { z-index: 9999; }
.video .requid-image { width: 100%; height: auto; min-width: 960px; min-height: 100%; position: absolute; top: 0; left: 0; display: none; }

/* footer
-------------------------------------------------------------------------------*/
#footer { width: 100%; min-width: 960px; padding-bottom: 9px; zoom: 1; position: fixed; bottom: 0; z-index: 10; }
#footer:before, #footer:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#footer:after { clear: both; }
#footer #footer-left { float: left; margin-left: 10px; zoom: 1; }
#footer #footer-left:before, #footer #footer-left:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#footer #footer-left:after { clear: both; }
#footer #footer-left #footer-volume { width: 167px; height: 21px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#footer #footer-left #footer-volume.show { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; }
#footer #footer-left #footer-copylight { margin-top: 9px; }
#footer #footer-right { position: absolute; right: 15px; bottom: 5px; }
#footer #footer-right #button-to-pagetop { cursor: pointer; }
#footer #footer-right #button-to-pagetop.anim { display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }

/* colorbox
-----------------------------------------------------------------------------*/
#colorbox-background { width: 100%; height: 100%; position: fixed; background-color: #000; top: 0; left: 0; z-index: 9999; display: none; }
#colorbox-background.show { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")"; filter: alpha(opacity=80); zoom: 1; display: block; }
#colorbox-background.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; display: block; }

#colorbox { position: fixed; top: 50%; left: 50%; z-index: 9999; display: none; }
#colorbox.show { display: block; }
#colorbox.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; display: block; }
#colorbox #colorbox-inner { position: relative; }
#colorbox #colorbox-inner iframe { width: 100%; height: 100%; }

.new-icon { display: inline-block; width: 29px; height: 52px; background: url(../../../assets/images/shared/new-icon.png) no-repeat; }

/* active
-----------------------------------------------------------------------------*/
/*#active {
	width: 100%;
	height: 100%;
	background-color: #000;
	@include opacity(0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;

	&.show {
		display: block;
	}
}*/