@charset "utf-8";#header_navigation{padding-top:7.8125%;background:url(../images/top/header_floor_background.png) left top no-repeat;background-size:100% 100%;position:relative;font-size:0;line-height:0}#header_navigation .wrap{top:0;width:62.5%}#header_navigation .wrap li{display:inline-block}#header_navigation .wrap li a,#header_navigation .wrap li a span{display:inline-block;background-position:left top;background-repeat:no-repeat;background-size:100% 100%}#header_navigation .wrap li{position:relative;width:24.16666666%;padding-top:12.3333333%;margin-top:-3.5%;margin-right:1.0833333%}#header_navigation .wrap li:last-child{margin-right:0}#header_navigation .wrap li a{position:absolute;top:0;width:100%;height:100%;-webkit-transition-property:transform;-webkit-transition-duration:.16s;-moz-transition-property:transform;-moz-transition-duration:.16s;-ms-transition-property:transform;-ms-transition-duration:.16s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.16s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition-timing-function:cubic-bezier(.11,1.05,.63,1.43)}body:not(.smartphone):not(.device_ipad) #header_navigation .wrap li:hover a{-webkit-transform:translateY(-4%);transform:translateY(-4%)}#header_navigation .wrap li.nav_system a{background-image:url(../images/nav/navbutton_system.png)}#header_navigation .wrap li.nav_world a{background-image:url(../images/nav/navbutton_world.png)}#header_navigation .wrap li.nav_character a{background-image:url(../images/nav/navbutton_character.png)}#header_navigation .wrap li.nav_movie a{background-image:url(../images/nav/navbutton_movie.png)}#header_navigation .wrap li a span{position:absolute;top:0;width:100%;height:100%;text-indent:-9999px;overflow:hidden;opacity:0;-webkit-transition-property:opacity;-webkit-transition-duration:.04s;-webkit-transition-timing-function:ease-out;-moz-transition-property:opacity;-moz-transition-duration:.04s;-moz-transition-timing-function:ease-out;-ms-transition-property:opacity;-ms-transition-duration:.04s;-ms-transition-timing-function:ease-out;transition-property:opacity;transition-duration:.04s;transition-timing-function:ease-out}body:not(.smartphone):not(.device_ipad) #header_navigation .wrap li:hover a span{opacity:1}#header_navigation .wrap li.nav_system a span{background-image:url(../images/nav/navbutton_system_hover.png)}#header_navigation .wrap li.nav_world a span{background-image:url(../images/nav/navbutton_world_hover.png)}#header_navigation .wrap li.nav_character a span{background-image:url(../images/nav/navbutton_character_hover.png)}#header_navigation .wrap li.nav_movie a span{background-image:url(../images/nav/navbutton_movie_hover.png)}@media only screen and (max-width:1000px){#header_navigation{padding-top:11%;background:url(../images/top/header_floor_background.png) center top no-repeat;background-size:auto 100%}#header_navigation .wrap{width:92%}}@media only screen and (max-width:950px){#header_navigation{margin-top:10%;padding-top:56.5625%;background:url(../images/footernav/background.png) left bottom no-repeat;background-size:100% auto;position:relative;font-size:0;line-height:0;width:100%}#header_navigation .wrap{bottom:0;margin-bottom:8.59375%;width:91.5625%}#header_navigation .wrap li{display:inline-block}#header_navigation .wrap li a,#header_navigation .wrap li a span{display:inline-block;background-position:left top;background-repeat:no-repeat;background-size:100% 100%}#header_navigation .wrap li{position:relative;width:49.3174%;padding-top:25.085324232%;margin-right:1.365%}#header_navigation .wrap li:nth-child(even){margin-right:0}#header_navigation .wrap li:nth-child(n+2){margin-top:1.8771331%}#header_navigation .wrap li a{position:absolute;top:0;width:100%;height:100%;-webkit-transition-property:transform;-webkit-transition-duration:.16s;-moz-transition-property:transform;-moz-transition-duration:.16s;-ms-transition-property:transform;-ms-transition-duration:.16s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.16s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition-timing-function:cubic-bezier(.11,1.05,.63,1.43)}body:not(.smartphone):not(.device_ipad) #header_navigation .wrap li:hover a{-webkit-transform:translateY(-4%);transform:translateY(-4%)}#header_navigation .wrap li.nav_system a{background-image:url(../images/nav/navbutton_system.png)}#header_navigation .wrap li.nav_world a{background-image:url(../images/nav/navbutton_world.png)}#header_navigation .wrap li.nav_character a{background-image:url(../images/nav/navbutton_character.png)}#header_navigation .wrap li.nav_movie a{background-image:url(../images/nav/navbutton_movie.png)}#header_navigation .wrap li a span{position:absolute;top:0;width:100%;height:100%;text-indent:-9999px;overflow:hidden;opacity:0;-webkit-transition-property:opacity;-webkit-transition-duration:.04s;-webkit-transition-timing-function:ease-out;-moz-transition-property:opacity;-moz-transition-duration:.04s;-moz-transition-timing-function:ease-out;-ms-transition-property:opacity;-ms-transition-duration:.04s;-ms-transition-timing-function:ease-out;transition-property:opacity;transition-duration:.04s;transition-timing-function:ease-out}body:not(.smartphone):not(.device_ipad) #header_navigation .wrap li:hover a span{opacity:1}#header_navigation .wrap li.nav_system a span{background-image:url(../images/nav/navbutton_system_hover.png)}#header_navigation .wrap li.nav_world a span{background-image:url(../images/nav/navbutton_world_hover.png)}#header_navigation .wrap li.nav_character a span{background-image:url(../images/nav/navbutton_character_hover.png)}#header_navigation .wrap li.nav_movie a span{background-image:url(../images/nav/navbutton_movie_hover.png)}}