@charset "utf-8";
/* CSS Document */
.hammenu{
	display:none;
}

.hammenu-2{
	display:none;
}


.activeblock{
	display:block !important;
}

/*携帯用*/
.mb_block{
	display:none;
}

.mb_main{
	position:absolute;
	width:100%;
	height:auto;
	min-height:100vh;
	opacity:0;
	background-color:#000;
	padding-top:2em;
	z-index:0;
}

.mb_main_ul_li{
	padding:1em;
	border-bottom:1px solid #fff;
}

.mb_main_ul_li_a{
	display:block;
	font-weight:bold;
	font-family:"kozgo";
	text-decoration:none;
	color:#fff;
	font-weight:400;
}

.mb_main{
	display:none;
}

.ham_ul{
	display:none;
}

.ham_li{
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

.ham-width{
	width:90%;
	padding-left:5%;
	padding-right:5%;	
}

@media(max-width:800px){
	/*ハンバーガ*/
	.hammenu{
		position:relative;
		display:block;
		width:8%;
		height:auto;
		left:0%;
		top:0;
		text-align:center;
		color:#000;
		z-index:10000;
		padding:0.5em 0;
	}
	
	.hammenu-2{
		display:block;
		position:relative;
		left: 1em;
		width: 70%;
		height:1em;
		background-image:url(../img/menu_open.svg);
		background-position:center left;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.ham_p-close{
		position:relative;
		top:0;
		left: 1em;
		width: 75%;
		background-image:url(../img/menu_close.svg);
		background-repeat:no-repeat;
		background-position:center left;
		background-size:contain;		
	}
	
	.ham_p_img{
		position:absolute;
		top:50%;
		left:0;
		transform:translateY(-50%);
	}
	
	.mbmenu,
	.mbmenu span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.mbmenu {
	  position: relative;
	  margin-top:8px;
	  width:100%;
	  height: 30px;
	}
	.mbmenu span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background-color: #fff;
	  border-radius: 4px;
	}
	.mbmenu span:nth-of-type(1) {
	  top: 2px;
	}
	.mbmenu span:nth-of-type(2) {
	  top: 9px;
	}
	.mbmenu span:nth-of-type(3) {
	  top:16px;
	}
	
	.mbmenu.active span:nth-of-type(1) {
	  -webkit-transform: translateY(7px) rotate(-45deg);
	  transform: translateY(7px) rotate(-45deg);
	}
	.mbmenu.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.mbmenu.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-7px) rotate(45deg);
	  transform: translateY(-7px) rotate(45deg);
	}
}

@media(max-width:480px){
	.mb_block{
		display:block !important;	
	}

}