@charset "utf-8";
/* opacity
-------------------------------------------------------------------------------*/
/* flex display
-------------------------------------------------------------------------------*/
/* a button
-------------------------------------------------------------------------------*/
/* hover
-------------------------------------------------------------------------------*/
/* a current
-------------------------------------------------------------------------------*/
/* setPosCenter
-------------------------------------------------------------------------------*/
/* clearfix
-------------------------------------------------------------------------------*/
/* easing
-------------------------------------------------------------------------------*/
/* header
-----------------------------------------------------------------------------*/
#header { z-index: 30; }

/* content
-----------------------------------------------------------------------------*/
#content { width: 100%; height: 100%; position: relative; }

.video-filter { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../../../assets/images/shared/filter.png) repeat; z-index: 5; }

#story .content-inner #story-title { position: absolute; top: 35px; right: 80px; }
#story .content-inner #story-title.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#story .content-inner .story-texts { height: 400px; position: absolute; top: 119px; }
#story .content-inner .story-texts .story-texts-anim { position: relative; zoom: 1; }
#story .content-inner .story-texts .story-texts-anim:before, #story .content-inner .story-texts .story-texts-anim:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#story .content-inner .story-texts .story-texts-anim:after { clear: both; }
#story .content-inner .story-texts .story-texts-anim.anim { height: 0%; overflow: hidden; }
#story .content-inner .story-texts .story-texts-anim p { position: relative; display: inline-block; vertical-align: top; overflow: hidden; width: 30px; }
#story .content-inner .story-texts .story-texts-anim p:first-child { margin-right: 0; }
#story .content-inner .story-texts .story-texts-anim p.anim img { margin-left: -10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#story .content-inner .story-texts#story-tradition { right: 235px; }
#story .content-inner .story-texts#story-trouble { right: 550px; }
#story .content-inner .story-texts#story-prologue { right: 680px; }
#story .content-inner .name-clickarea { position: absolute; display: inline-block; width: 30px; }
#story .content-inner #to-yuri { top: 0; right: -3px; height: 112px; background: transparent url(../../../assets/images/shared/transparent.png) 0 0 repeat; }
#story .content-inner #to-yuri:hover { background: url(../../../assets/images/story/yuri-o.png) -3px 0 no-repeat; }
#story .content-inner #to-ren { top: 1px; right: -3px; height: 75px; background: transparent url(../../../assets/images/shared/transparent.png) 0 0 repeat; }
#story .content-inner #to-ren:hover { background: url(../../../assets/images/story/ren-o.png) -3px -1px no-repeat; }
#story .content-inner #to-miu { top: 3px; right: -3px; height: 92px; background: transparent url(../../../assets/images/shared/transparent.png) 0 0 repeat; }
#story .content-inner #to-miu:hover { background: url(../../../assets/images/story/miu-o.png) -3px -3px no-repeat; }

/* footer
-----------------------------------------------------------------------------*/
#footer { display: none; }