@charset "utf-8";
.btnHamburger{ width: 40px;height:40px;cursor:pointer;z-index:99;position:relative;display: block;letter-spacing: normal; }
.btnHamburger .bhline1{ top:6px; }
.btnHamburger .bhline2{ top:18px; }
.btnHamburger .bhline3{ top:30px; }
.btnHamburger .bhline1,.bhline2,.bhline3{ width:40px;height:4px; background-color:#505050; position:absolute;transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out; }
.btnHamburger .menuclick1{ top:18px;width:40px;-moz-transform: rotate(215deg);-webkit-transform: rotate(215deg);-o-transform: rotate(215deg);-ms-transform: rotate(215deg);transform: rotate(215deg); }
.btnHamburger .menuclick2{ opacity:0; }
.btnHamburger .menuclick3{ width:40px;top:18px;-moz-transform: rotate(-215deg);-webkit-transform: rotate(-215deg);-o-transform: rotate(-215deg);-ms-transform: rotate(-215deg);transform: rotate(-215deg); }
#menuTitleOpen{ width: 40px;margin:10px auto;text-align:center; }
#menuTitleClose{ width: 40px;margin:10px auto;text-align:center;display:none; }
.imgMenuBtn{ cursor:pointer;background:url(../images/icon_menu.png) no-repeat center center;width:48px;height:48px;border:solid 1px #DFDFDF;background-size:50px 50px;display: inline-block; }
.imgCloseBtn{background:url(../images/icon_menuclose.png) no-repeat center center;width:48px;height:48px;background-size:50px 50px; }
.textMenuBtn{ cursor:pointer; }
@media print,screen and (min-width : 501px) {
}
@media screen and (max-width : 500px) {
.fade{ display:none; }
.fullview{ display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;overflow-y: scroll;width:100%;height:100%; }
.verticalSlide{ display:none; }
.verticalSlide #menu-scroll { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
.lateralSlideRight { position: fixed;right:0;top:0;z-index: 99;overflow: hidden;-moz-transform: translateX(340px);-ms-transform: translateX(340px);-webkit-transform: translateX(340px);transform: translateX(340px);-moz-transition: -moz-transform 200ms ease;-o-transition: -o-transform 200ms ease;-webkit-transition: -webkit-transform 200ms ease;transition: transform 200ms ease;width: 320px;height: 100%;min-width:320px;box-shadow: 1px 1px 4px #8C8C8C;background-color:#FFF; }
.lateralSlideRight.open { -moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0); }
.lateralSlideRight #menu-scroll { box-sizing: border-box;position: relative;width: 340px;height: 100%;overflow-y: scroll;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
.lateralSlideLeft { width: 320px;height: 100%;min-width:320px;position: fixed;left:0;top:0;z-index: 99;overflow: hidden;-moz-transform: translateX(0px);-ms-transform: translateX(340px);-webkit-transform: translateX(340px);transform: translateX(-340px);-moz-transition: -moz-transform 200ms ease;-o-transition: -o-transform 200ms ease;-webkit-transition: -webkit-transform 200ms ease;transition: transform 200ms ease;box-shadow: 1px 1px 4px #8C8C8C;background-color:#FFF; }
.lateralSlideLeft.open { -moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0); }
.lateralSlideLeft #menu-scroll {box-sizing: border-box;width: 320px;height: 100%;overflow-y: scroll;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
}