body {
    overflow:hidden;
}
#sysmenu-wrap {
   position:relative;
   overflow:hidden;
   width:138rem;
   height:108rem;
}

#createMenuArea {
	width:80rem;
	height:108rem;
}

#sysmenu-navi {
    width:38rem;
    height:108rem;
    position:absolute;
    top:0;
    -webkit-padding-start:2rem;
    -webkit-padding-end:0rem;
}

#sysmenu-navi-back {
    top:0;
    left:38rem;          /* TODO */
    position:absolute;
    width:1rem;
    height:108rem;
}

#sysmenu-help {
    position:fixed;
    top:0;
    opacity:0;
    width:-webkit-calc(192rem - 142rem - 2.5rem);
    /*-webkit-margin-start:-webkit-calc(138rem + 2rem);*/
    -webkit-margin-start:0.5rem;
    padding:1.2rem;
    padding-top:1.4rem;
    padding-bottom:1.4rem;
}

#sysmenu-help.sysmenu-help-hide-soon {
    opacity:0;
}
.sysmenu-help-hide {
  -webkit-animation-duration: .4s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-name: sysmenu-help-popout;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);

}
#sysmenu-help.sysmenu-help-show-soon {
    opacity:1;
    -webkit-transform: scale(1);
}
.sysmenu-help-show {
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-name: sysmenu-help-popin;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@-webkit-keyframes sysmenu-help-popout {
    from {
    opacity:1;
    -webkit-transform: scale(1);
    }
    50% {
    opacity:0;
    -webkit-transform: scale(0);
    }
}
@-webkit-keyframes sysmenu-help-popin {
    50% {
    -webkit-transform: scale(0);
    opacity:0;
    }
    to {
    opacity:1;
    -webkit-transform: scale(1);
    }
}

#sysmenu-menu-wrap {
    position:absolute;
    top:0;
    display:flex;
    display: -webkit-flex;
    align-items:flex-start;
    -webkit-align-items:flex-start;
    /*-webkit-justify-content:flex-start;*/
}

#sysmenu-menu-wrap .fdp-focus{
    z-index:1;
}

#sysmenu-navi.show {
    -webkit-animation:navi-show .3s ease-out 0 1;
    /*-webkit-animation-fill-mode: forwards;*/
}
#sysmenu-navi.show-rtl {
    -webkit-animation:navi-show-rtl .3s ease-out 0 1;
    /*-webkit-animation-fill-mode: forwards;*/
}
@-webkit-keyframes navi-show {
    0% {
	opacity: .5;
	/*-webkit-transform: translateX(-50rem);*/
    }
    100% {
	opacity: 1;
	/*-webkit-transform: translateX(0rem);*/
    }
}
@-webkit-keyframes navi-show-rtl {
    0% {
	opacity: .5;
	/*-webkit-transform: translateX(50rem);*/
    }
    100% {
	opacity: 1;
	/*-webkit-transform: translateX(0rem);*/
    }
}
#sysmenu-menu-wrap.show {
    -webkit-animation:menu-show .3s ease-out 0 1;
    -webkit-animation-fill-mode: both;
}
@-webkit-keyframes menu-show {
    0% {
	opacity: 0;
	/*-webkit-transform: translateY(-50rem);*/
    }   
    1% {
	opacity: 0.5;
    }
    100% {
	opacity: 1;
	/*-webkit-transform: translateY(0rem);*/
    }
}

.sysmenu-move {
    -webkit-transition: left .4s ease-out;
}
.sysmenu-move-rtl {
    -webkit-transition: right .4s ease-out;
}
.sysmenu-menu {
    width:98rem;
    height:1080rem;    
}

#error-panel-sys-frame {
  font-size:40px;		/* tentative */
}

.econavi_guide_base {
    position:absolute;
    top:10%;
    left:65%;
    height:100%;
}

.econavi_guide_logo {
    position:relative;
    left:30%;
    height:15rem;
}
.econavi_guide_image {
    position:relative;
    left:30%;
}
.confirm-panel-back {
    position:absolute;
    background-color:black;
    opacity:0.5;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.direct_banner_text {
    position: relative;
    vertical-align: middle;
    display: table-cell;
    left: 1.0rem;
}

.direct_banner_frame {
    position: absolute;
    display: table;
    height: 5.2rem;
    width: 55rem;
    bottom: 0%;
    right: 0%;
}
