@charset "UTF-8";
/* CSS Document */

/*------------------------------

navi

------------------------------*/
#navi {
	width: 100%;
	max-width: 600px;
	height: 60px;
	margin: 0 auto;
	z-index: 100;
}

#navi ul {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 0 auto;
}

#navi ul li {
	margin: 0 18px 0 0;
	text-shadow: 1px 1px 0 #a5a5a5;
}


#navi ul li:last-child {
	margin: 0;
}

.top-page #navi ul li.wrap-item {
	margin: 0;
}

#navi ul li p {
	font-family: 'Port Lligat Slab', serif;
	font-size: 20px;
	color: #da76c7;
	line-height: 60px;
	letter-spacing: 1px;
}

#navi li p {
	cursor: pointer;
}

#navi ul li.close p{
	opacity: .5;
	cursor: inherit;
}

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}