/*ハンバーガーボタン*/
.el_humburger {
  width: 42px;
  height: 23px;
  /* padding-top: 4px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
  position: relative;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
 

/*.org-left-line::before,
.org-side-link2::before{
    position: absolute;
    top: 16px;
    left: -15px;
    width: 5px;
    height: 1px;
    content: "";
    background-color: #595757;
}*/

.org-side-link2::before{
	top: 14px;
	left: 5px;
}

/*add full screen*/
.o-navi-link-b{
	width: 100%;
	/* max-width: 210px; */
	margin: 0 auto;
	padding-bottom: 70px;
}

.o-navi-link-b .navi_item{
	margin-left: 0;
}
 
@media screen and (max-width: 840px) {
  /*.el_humburger {
	position: relative;
    display: block;
    right: 0;
    top: 0;
    width: 41px;
    height: 41px;
	display: flex;
    align-items: center;
    justify-content: center;
}*/
	
#factory .el_humburger {
      display: none; }
}
 
.el_humburger_wrapper {
	/*margin-top: 9px;
	margin-bottom: 5px;*/
	width: 40px;
	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 5px;
  height: 4px;
  background: #036eb8;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 10px;
}
 
.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;
    /*background: #e50011;*/ } }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(9px) rotate(-45deg);
  -ms-transform: translateY(9px) rotate(-45deg);
  transform: translateY(7px) 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(-4px) rotate(45deg);
  -ms-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-10px) 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 {
	opacity: 0;
	position: fixed;
	/*top: -2%;*/
	top: 53px;
	right: 0;
	height: 102%;
	background-color: rgba(255, 255, 255, 1);
	/* background-color: rgba(0,0,0,1); */
	/*width: 450px;*/
	width: 100%;
	z-index: 3;
	padding-top: 100px;
	padding-bottom: 50px;
	-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;
	/*transform:translateZ(0) translateX(100%);*/
	transform: translateZ(0) translatey(-3%);
	overflow: auto;
	height: 100vh;
	visibility: hidden;
	padding: 60px 20px 0 20px;
}
  
.js_humburgerOpen .navi {
	opacity: 1;
    transform:translateZ(0) translatey(0); 
	visibility:visible;
}

	
/*@media screen and (max-width: 840px) {
.navi {
  padding: 100px 20px 0 20px;
}

 .js_humburgerOpen .navi {
        width: 100%;}
}*/

	
@media screen and (min-width: 768px) {
.navi {
  padding: 100px 20px 0 20px;
}

 .js_humburgerOpen .navi {
        width: 100%;}
}
 
.navi_item {
  position:relative;
  margin-bottom: 28px;
  font-size: 20px;
  /*font-family: "Marcellus", serif !important;*/
  white-space: nowrap;
  margin-left: 90px; }
  .navi_item.op_innerLink {
    cursor: pointer; }
  @media screen and (max-width: 840px) {
    .navi_item {
      margin-left: 0;
      font-size: 18px; } }
 
 
 
.el_spChildNavOpen {
  position: absolute;
  top: -6px;
  left: 80%;
  z-index: 20;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  padding: 10px; }
 
.js_openParent.js_fire > .el_spChildNavOpen {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }
  .js_openParent.js_fire > .el_spChildNavOpen > .el_spChildNavOpen_wrapper:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
 
.el_spChildNavOpen_wrapper {
  position: relative;
  width: 15px;
  height: 15px;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }
  .el_spChildNavOpen_wrapper:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,.9);
    position: absolute;
    top: calc(50% - 1px);
    }
  .el_spChildNavOpen_wrapper:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    position: absolute;
    left: calc(50% - 1px);
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    }
 
 
.nav_child{
  padding-top:20px;
}
 
.nav_child_item{
  position: relative;
  font-size:16px;
  padding-left:20px;
  margin-bottom:30px;
}
 
.nav_child_item > a{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  z-index: 10;
}
 
.nav_child_item:last-child{
  margin-bottom:0px;
}
 
.js_openSwitch {
  cursor: pointer; }
 
.js_openTarget {
  display: none; }
  
  
  
@media (min-width: 768px){
.navi{
	top: 90px;
}
}