@charset "utf-8";

.lnav { position: relative; padding-bottom: 0.5em; border-bottom: 1px solid transparent; box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.lnav header { border-bottom: 2px solid transparent;
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, rgba(255,255,255,0.4)), color-stop(0.8, rgba(255,255,255,0)) );
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 80%);
	background-image: linear-gradient(to top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 80%);
}

.lnav header h1 { font-size: 1.2em; padding: 0.8em; }
.lnav header h1 span { color: inherit; }

.lnav ul { margin: 0.5em 1em 0; }
.lnav ul li { position: relative; margin-top: 0.5em; line-height: 1.2; padding: 0.8em 0.5em 0.3em; border-top: 1px dashed #d6d6d6; }
.lnav ul li:first-child { border-top: none; }
.lnav li strong,
.lnav li a { display: block; width: 100%; height: 100%; margin-left: 1em; text-indent: 0; }
.lnav li strong { color: #606060; }
.lnav li a { color: #3b94cc; text-decoration: none; }
.lnav li a:hover { color: #00c0ff !important; text-decoration: underline; }
.lnav li a:hover:before,
.lnav li strong:hover:before  { color: #00c0ff !important; }
.lnav ul li > a:before,
.lnav ul li > strong:before { content: '\e812'; position: absolute; left: 0; font-family: 'lacitta-pc'; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 1em; text-align: center; opacity: 0.7; line-height: 1em; }


body.della .lnav { background-color: #f3fae4; border-color: #002d24; }
body.della .lnav header { background-color: #00120e; border-color: #a4ba0f; }
body.della .lnav header h1 { color: #fff; }
body.della .lnav ul li > a:before,
body.della .lnav ul li > strong:before { color: #014a36; }

body.cine .lnav { background-color: #fff; border-color: #ffd55b; }
body.cine .lnav header { background-color: #e9bb36; border-color: #f4f0e8; }
body.cine .lnav header h1 { color: #fe6714; }
body.cine .lnav ul li > a:before,
body.cine .lnav ul li > strong:before { color: #ff1f00; }

body.club .lnav { background-color: #fff; border-color: #04bbf4; }
body.club .lnav header { background-color: #15a3d2; border-color: #8690a9; }
body.club .lnav header h1 { color: #fff; }
body.club .lnav ul li > a:before,
body.club .lnav ul li > strong:before { color: #0ebbf4; }

body.wedding .lnav { background-color: #fff6f8; border-color: #fdb3c4; }
body.wedding .lnav header { background-color: #f69eb2; border-color: #ad855e; }
body.wedding .lnav header h1 { color: #fff; }
body.wedding .lnav ul li > a:before,
body.wedding .lnav ul li > strong:before { color: #ad855e; }

/*  Not PC & Tablet Portrait */
@media screen and ( max-width: 767px ){
	html:not(.pc) .lnav ul { margin: 0 0.3em 0 1em; padding: 0.5em 0;  }
	html:not(.pc) .lnav ul li { display: inline-block; min-width: 5em; padding-right: 0.5em; border: none; }
	html:not(.pc) .lnav ul li > a:before,
	html:not(.pc) .lnav ul li > storng:before { margin-right: 0; }
}