#Gnavi {
	display: none;
}

.sp_NaviWap {
	display: none;
}

.container {
	position: relative;
}

.homeNaviWap {
	width: 70%;
}

#homeNavi {
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	margin-top: 10vh;
	width: 100%;
	padding: 30px 30px 30px 0px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.wapLine {
	position: absolute;
   		top: 20px;
    	left: 20px;
    width: 100%;
    height: 100%;
	z-index: -1;
	border: solid 1px #000;
}

.homeNavi {

}

#homeNavi ul {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#homeNavi ul li{
	width: 60%;
	max-width: 330px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	text-align: right;
	letter-spacing: 0.5em;
	border-bottom: solid 1px #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
}


#homeNavi ul li a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

#homeNavi .fadeFromRight1 {
	transition-duration: 1s;
	opacity: 1;
/*	transform: translate(0%,0px); 
	-webkit-transform: translate(0%,0px); */
}

#homeNavi .fadeFromRight2 {
	transition-duration: 1.2s;
	opacity: 1;
	margin-left: 10%;
/*	transform: translate(10%,0px); 
	-webkit-transform: translate(10%,0px); */
}

#homeNavi .fadeFromRight3 {
	transition-duration: 1.4s;
	opacity: 1;
	margin-left: 15%;
/*	transform: translate(20%,0px); 
	-webkit-transform: translate(20%,0px); */
}

#homeNavi .fadeFromRight4 {
	transition-duration: 1.6s;
	opacity: 1;
	margin-left: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
/*	transform: translate(30%,0px); 
	-webkit-transform: translate(30%,0px); */
}

#homeNavi .fadeFromRight5 {
	transition-duration: 1.8s;
	opacity: 1;
	margin-left: 25%;
/*	transform: translate(40%,0px); 
	-webkit-transform: translate(40%,0px); */
}

#homeNavi .fadeFromRight6 {
	transition-duration: 2s;
	opacity: 1;
	margin-left: 30%;
/*	transform: translate(50%,0px); 
	-webkit-transform: translate(50%,0px); */
}

#homeNavi .fadeFromRight7 {
	transition-duration: 2.2s;
	opacity: 1;
	margin-left: 35%;
/*	transform: translate(60%,0px); 
	-webkit-transform: translate(60%,0px); */
}


@media handheld, only screen and (max-width: 767px) {
/*スマホ*/

	.homeNaviWap {
		width: 80%;
	}

	#homeNavi {
		position: relative;
		font-family: 'Montserrat', sans-serif;
		font-size: 11px;
		margin-top: 8vh;
		width: 100%;
		padding: 10px 10px 10px 0px;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.wapLine {
		position: absolute;
	   		top: 10px;
	    	left: 10px;
	    width: 100%;
	    height: 100%;
		z-index: -1;
		border: solid 1px #000;
	}

	#homeNavi ul li{
		width: 60%;
		max-width: 240px;
		padding-bottom: 10px;
		margin-bottom: 30px;
		text-align: right;
		letter-spacing: 0.3em;
		border-bottom: solid 1px #000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		opacity: 0;
	}

	#homeNavi .fadeFromRight1 {
		margin-top: 30px;
	}

	.pagetop {
		display: none;
	}

}