@charset "utf-8";

/*---------------------------------------------------------------------------------
nav slide
---------------------------------------------------------------------------------*/
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /*position: absolute;*/
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.menu_trigger {
    display: inline-block;
    width: 36px;
    height: 35px;
    vertical-align: middle;
    cursor: pointer;
    position: fixed;
    right: 20px;
    z-index: 2000;
}
.menu_trigger span {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	width: 100%;
	height: 2px;
	background-color: #c1ab05;
	transition: all .5s;
}
.menu_trigger.active span {background-color: #c1ab05;}
.menu_trigger span:nth-of-type(1) {top: 4px;}
.menu_trigger span:nth-of-type(2) {top: 17px;}
.menu_trigger span:nth-of-type(3) {bottom: 3px;}
.menu_trigger.active span:nth-of-type(1) {transform: translateY(13px) rotate(-45deg);}
.menu_trigger.active span:nth-of-type(2) {opacity: 0;}
.menu_trigger.active span:nth-of-type(3) {transform: translateY(-13px) rotate(45deg);}

nav.slide_menu {
	width: 315px;
	height: 120%;
    border-left: 1px solid #c1ab05;
	padding-top: 100px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1002;
	transform: translate(316px);
	transition: all .5s;
	-webkit-overflow-scrolling: touch;
	background-color: #000000;
}
nav.slide_menu a img {
	width: 50%;
	height: auto;
	margin: -80px auto 20px 25px;
}

nav.slide_menu.open {
	transform: translateZ(0);
}
nav.slide_menu ul {
	width: auto;
	height: auto;
	overflow-y: scroll;
	-ms-overflow-style:none;
	padding: 0 15px;
}
nav.slide_menu ul::-webkit-scrollbar {
	display:none;
}
nav.slide_menu ul li {
	color: #ffffff;
	padding: 0;
	list-style: none;
	font-weight: 500;
	font-size: 16px;
}
nav.slide_menu ul li a{
	display: block;
	padding: 5px;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
}

nav.slide_menu ul li a:hover{
	opacity: 0.5;
	-webkit-transition: .3s;
	transition: .3s;
}

nav.slide_menu ul li a img{
	display: block;
	width: 75%;
	height: auto;
	margin: 0 auto;
}

nav.slide_menu ul.main_menu{

}
nav.slide_menu ul.main_menu li{
	border-bottom: dotted 1px #c1ab05;
}
nav.slide_menu ul.main_menu li a{
	font-weight: bold;
	text-align: left;
	padding: 15px 10px 15px 10px;
}

nav.slide_menu ul.sub{
	border-bottom: dotted 1px #c1ab05;
	padding-top: 20px;
    padding-bottom: 20px;
	margin-bottom: 15px;
}
nav.slide_menu ul.sub li{

}
nav.slide_menu ul.sub li a{
	text-align: left;
	padding: 4px 10px 4px 10px;
	font-size: 16px;
}