@charset "utf-8";
body>nav {
	position:fixed;
	top:calc(5% + 70px);
	left: 50%;
	transform: translateX(-50%);
	height:35px;
	padding:0 30px;
	line-height:34px;
	background:url(w2.png);
	text-align:center;
	white-space:nowrap;
	z-index:99;
	}
body>nav a {
	display:inline-block;
	padding:0 20px;
	font-size:25px;
	color:#333;
	text-decoration:none;
	transition:.3s;
	background:url(k6.png);
	padding:7px;
	margin:0 5px;
	opacity: .4;
}
body>nav a:hover, body>nav a.act {
	color:#111;
	opacity: 1;
}

#bottom {
	position:absolute;
	top:100%;
	width:100%;
	background:url(k2.png);
	z-index:50;
	text-align:center;
}
#bottom h2 {
	text-align:left;
	margin:0 10%;
	font-size:40px;
	line-height:60px;
	font-weight:lighter;
	color:#fff;
}
#prev, #next, #up { 
	position: fixed;
	padding:15px;
	top: 45%;
	cursor: pointer;
	z-index: 99;
	background:url(k2.png);
	opacity: .4;
	transition:0.3s;
	}
#prev { 
	left: 0;
	}
#next { 
	right: 0; 
	}
#up { 
	position: absolute;
	top: -45px; 
	left: 50%;
	transform: translateX(-50%);
	}
#up.off { 
	opacity: 0; 
	}
#prev:hover, #next:hover, #up:hover { 
	opacity: 1; 
	}


#maximage {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	transition: opacity 1s ease-in-out;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}