@charset "utf-8";
/* CSS Document */

/*ハンバーガーボタン*/
#menu{
	background:#52357e;/*メニューの色*/
	width:80px;
	height:80px;
	float:right;
	position:fixed;
	right:0;
	z-index:999;
	border-left:2px #ccc solid;
	border-bottom:2px #ccc solid;
	border-radius:0 0 0 15px;
	}
#menu:after {
  display: block;
  clear: both;
  content: "";
}

.el_humburger {
  /*position: fixed;*/
  width: 80px;
  height: 80px;
  padding: 24px 0 0;/*三本線の位置*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
  position: relative;
  z-index:999;
  }
 
.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 45px;
  display: inline-block; }
 
.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; }
  
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
  height: 4px;
  background: #fff;
  -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: #fff;
  }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(13px) rotate(-45deg);
  -ms-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) 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(-15px) rotate(45deg);
  -ms-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) 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;
  right: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  width: 0;
  z-index: 3;
  padding-top: 80px;
  -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;
  overflow: hidden;
	z-index:900;
}

.js_humburgerOpen .navi {
	width: 50%;
	opacity: 1;
	background-color: rgba( 0, 0, 0, 0.90 );
	overflow-y: auto;
	z-index:900;
}
	
.navi_item {
  font-size: 20px;
  white-space: nowrap;
  margin:0 4%;
  border-bottom:1px #888 dashed;
  }
  
.navi_item a{
	color:#FFF;
	display:block;
	padding:5px 0  5px 0.5em ;
}
.navi_item a:hover{
	color:#f7b52c;
	background-color: rgba( 0, 0, 0, 0.80 );
	}
.navi_item.op_innerLink {
  cursor: pointer;
}

.navi_item .navi_link{
	color:#FFF;
	display:block;
	padding:5px 0  5px 0.5em ;
}
.navi_item .navi_link:hover{
	color:#f7b52c;
	background-color: rgba( 0, 0, 0, 0.80 );
	}


@media screen and (max-width: 760px) {
#menu{
	width:60px;
	height:60px;
	float:right;
	position:fixed;
	right:0;
	z-index:999;
	}
#menu:after {
  display: block;
  clear: both;
  content: "";
}

.el_humburger {
  /*position: fixed;*/
  width: 60px;
  height: 60px;
  padding: 13px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
  position: relative;
  z-index:999;
  }
 
.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 35px;
  display: inline-block; }

.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(15px) rotate(-45deg);
  -ms-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) 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(-13px) rotate(45deg);
  -ms-transform: translateY(-13px) rotate(45deg);
  transform: translateY(-13px) rotate(45deg); }

.navi{
		padding-top:50px;
		}
	
.js_humburgerOpen .navi {
        width: 100%;
        padding: 50px 5% 0;}
			
    .navi_item {
      margin-left: 0;
      font-size: 18px;
	  line-height:1.4em;
	  border-bottom:1px #888 dashed;
	  }

}