@import url('https://fonts.googleapis.com/css?family=Roboto:500');

.webfont,.webfont a {
	font-family: 'Roboto', sans-serif;
	text-transform: capitalize;
}

#navre li {
	margin: 0;
	padding: 0 24px 0 0px; 
	text-decoration: none;
	color:#ffffff;
	font-weight:normal;
}

#navre li a {
	text-decoration: none;
	color:#ffffff;
	font-weight:normal;
}

#navre li.fb img, #navre li.in img {
	margin-bottom: -2.5px;
	padding: 0; 
	width:18px;
	height:18px;
	padding: 0 0px 0 0px !important; 
}

.nav{
	display: block;
	top: 0px;
	left: 0;
	background-color:#000;
	text-align: center;
	position: fixed;
	z-index: 1000;
	width:100%;
}
#navre li ul.menuSub li a{
	color: #ccc;
}

.modal-open{
	cursor: pointer;
	cursor: hand;
}

/* PC（最小1000px） */
@media only screen and (min-width:1024px) {
	#navre li.home{
		background: url(../images/menu/routecommon_vol5.png);
		background-size: auto 40px;
		text-indent:-9999px;
		background-repeat: no-repeat;
		background-position: 15px center;
		width:415px;
	}
	#navre li.home a{
		display:block;
	}
	.naver-container {
		text-align:left;
		max-width: 1024px;
		display:block;
		margin:0 auto;
	}
	#navre li {
		font-size:16px;
		line-height:50px;
		display:block;
		float:left;
		position: relative;
	}
	#navre li.fb {
		padding: 0 15px 0 0px !important; 
	}
	#navre li.in {
		padding: 0 0px 0 0px !important; 
	}
	.nav{
		height:50px;
	}
	#back{
		display: none;
	}
	#menu-box{
		display:block;
	}
	#navre{
		padding:0px;
		margin:0;
	}
	/* #navre a.home{display:none;	} */
	.menuSub {
		position: absolute;
		margin: 1px -5px;
		padding: 0 5px;
		display: none;
		left:-30px;
	}
	
	#navre li ul.menuSub li a {
		padding: 5px 15px;
		margin: 0.5px;
		display: block;
		color: #fff;
		text-decoration: none;
		background: #000;
		height:20px;
		line-height:20px;
		width:80px;
		text-align:center;
	}
}

/* スマートフォン（最大999px） */
@media only screen and (max-width: 1023px) {
	#navre div.naver-container ul{
		padding: 0;
		margin: 0;
	}
	#navre li.home {font-size:0;}
	#navre li.home:before {font-size: 24px; content: "home";}
	#navre li.fb {width: 50%;margin: 0px;padding:0 ;text-align:right;}
	#navre li.in {width: 50%;margin: 0px;padding:0;text-align:left;}
	#navre li.fb img {margin-right: 10px;}
	#navre li.in img {margin-left: 10px;}
	#menu-box{
		margin: 0;
		padding: 0;
	}
	#title{
		display: none;
	}
	.naver-wrapper{
		background-color:rgba(0,0,0,0.8);	
	}
	#navre{
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: url(../images/menu/menu.png);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#navre li{
		display: inline;
		font-size:24px;
		width: 100%;
		text-align: center;
		margin: 0px;
		padding:0;
		border-top:1px solid #ccc;
		float: left;
		line-height:40px;
	}
	#navre li ul.menuSub li{
		font-size:20px;
		border-top:1px dotted #ccc;
		line-height:36px;
	}
	#navre li.home{
		border-top:1px solid #ccc;
	}
	.naver-handle{
		width: 100%;
		display: block;
		position: relative;
		padding: 0px;
		margin: 8px 15px;
		text-align: center;
		text-decoration: none;
		height:34px;
		background: url(../images/menu/routecommon_vol3.png);
		background-size:contain;
		text-indent:-9999px;
		background-repeat: no-repeat;
	}
	#back{
		position: fixed;
		bottom:35px;
		right:10px;
		z-index:104;
		display:block;
		width:40px;
		height:40px;
		background: url(../images/menu/back.png);
		 text-indent:-9999px;
		background-repeat: no-repeat;
	  }
}