.mainView{
 margin:0px;padding:0px;
 	width: 100%;
 	height: 100%;
 }
 /*ハンバーガーボタン*/
 .el_humburger {
   position: fixed;
   top: 50px;
   right: 23px;
   width: 80px;
   height: 40px;
   padding-top: 1px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-top: 0px;
   z-index: 20;
   cursor: pointer;
   pointer-events: auto;
   color: #000;
   text-align: center;
 border:0px solid #000000;
}

 @media screen and (max-width: 840px) {
   .el_humburger {
     display: block;
     right: 0;
     top: 0;
     padding-top: 25px;
     width: 50px;
     height: 70px;}
     #factory .el_humburger {
       display: none; } }

 .el_humburger_wrapper {
   margin-bottom: 5px;
   width: 70px;
   display: inline-block; }

 @media screen and (max-width: 840px) {
   .el_humburger_wrapper {
     margin-bottom: 5px;
     width: 30px; } }

 .el_humburger_text {
   font-size: 12px;
   letter-spacing: 0.1em;
   font-family: "游ゴシック Medium", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }

 .js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
   display: none; }

 .el_humburger_text.el_humburger_text__close {
   display: none; }

 .js_humburgerOpen .el_humburger_text.el_humburger_text__close {
   display: block; }

 @media screen and (max-width: 840px) {
   .el_humburger_text {
     font-size: 10px;
     padding-top: 2px; } }

 @media screen and (max-width: 840px) {
   .el_humburger_text svg path {
     -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
     -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
     transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
     fill: #000; } }

 @media screen and (max-width: 840px) {
   .js_humburgerOpen .el_humburger_text svg path {
     fill: #000; } }

 .el_humburger span.el_humburger_bar {
   display: block;
   width: 100%;
   margin: 0 auto 9px;
   height: 3px;
   background: #333;
   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out; }

 .el_humburger span.el_humburger_bar:last-child {
   margin-bottom: 0; }

 .js_humburgerOpen .el_humburger span.el_humburger_bar {
   background: #000; }

 @media screen and (max-width: 840px) {
   .el_humburger span.el_humburger_bar {
     left: 0;
     top: 0;
   box-shadow:0px 0px 0px 0px rgba(255,255,255,0.8);
     background: #333; } }

 .js_humburgerOpen .el_humburger span.el_humburger_bar.top {
   -webkit-transform: translateY(11px) rotate(-45deg);
   -ms-transform: translateY(11px) rotate(-45deg);
   transform: translateY(11px) rotate(-45deg); }

 .js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
   opacity: 0; }

 .js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
   -webkit-transform: translateY(-12px) rotate(45deg);
   -ms-transform: translateY(-12px) rotate(45deg);
   transform: translateY(-12px) rotate(45deg); }

 .el_humburgerButton.el_humburgerButton__close {
   top: 2%;
   right: 2%; }

 .el_humburgerButton__close span.el_humburger_bar {
   display: block;
   width: 35px;
   margin: 0 auto;
   height: 4px;
   background: #000; }

 .el_humburgerButton__close span.el_humburger_bar.top {
   -webkit-transform: translateY(5px) rotate(-45deg);
   -ms-transform: translateY(5px) rotate(-45deg);
   transform: translateY(5px) rotate(-45deg); }

 .el_humburgerButton__close span.el_humburger_bar.bottom {
   -webkit-transform: translateY(-6px) rotate(45deg);
   -ms-transform: translateY(-6px) rotate(45deg);
   transform: translateY(-6px) rotate(45deg); }

 .navi {
   position: fixed;
   will-change: transform;
   right:0;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.9);
   width: 0px;
   z-index: 18;
   margin-right:-10px;
   padding-top: 100px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all 600ms ease-out;
   -o-transition: all 600ms ease-out;
   transition: all 600ms ease-out;21:55 2024/04/12
   transform:translateZ(0) translateX(0%);
   overflow: auto; 
   border-left:10px solid #3B2213;
}
.js_humburgerOpen .navi {
   width: 300px;
   z-index: 18;
    /*transform:translateZ(0) translateX(0%);*/ }
@media screen and (max-width: 840px) {
	.navi {
         padding: 100px 0% 0; }
       .js_humburgerOpen .navi {
		padding: 100px 0% 0;
         	width: 70%;} }

@media screen and (max-width: 840px){
.navi_inner{
padding: 0 0px 0;
}
}



.elmenu{
   position: fixed;
   top: 80px;
   right: 26px;
   width: 70px;
   height: 25px;
 margin:0px auto;
 line-height:-10em;
 font-size:15px;color:#333;
 text-align:center;1px 10px;
}
.js_humburgerOpen .elmenu {
   opacity: 0; }

 @media screen and (max-width: 840px) {
   .elmenu {
     opacity: 0; } }