@charset "utf-8";

#header > nav > section.cameras > h1 > a {border-color:#000000; color:#000000;}

#body {position:relative;}

#body > nav {min-height:80px; position:relative; margin:0 -1000px 60px; padding:0 1000px; border-bottom:1px solid #e5e5e5;}
#body > nav > h1 {position:absolute; left:50%; bottom:0; margin:0 0 0 -465px; padding:15px 0 14px 5px; background:#fff no-repeat; color:#000; font:bold 26px/1.2 serif;}
#body > nav > h1 > small {display:inline-block; font-size:14px;}
#body > nav > h1 > small + small {}
#body > nav > h1 > small + small:before {content:" | ";}
#body > nav > h1 > b {display:block; font-weight:inherit;}
#body > nav > ul {display:table; position:absolute; right:50%; bottom:-1px; margin:0 -460px 0 0; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#body > nav > ul > li {
	display:table-cell; background:#fff; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px; line-height:1.3; vertical-align:middle;}
#body > nav > ul > li > a, 
#body > nav > ul > li > span {display:table-cell; min-width:4em; height:36px; padding:7px 18px 4px; text-align:center; vertical-align:middle; text-decoration:none;}
#body > nav > ul > li > span {color: #ddd;cursor:default;}
#body > nav > ul > li > ul {display:none; position:absolute; right:0; bottom:-90px; z-index:200; margin:10px 0; border-right:1px solid #e5e5e5;}
#body > nav > ul > li > ul:after {display:block; clear:both; height:0; content:"";}
#body > nav > ul > li > ul > li {float:left; height:30px; border-left:1px solid #e5e5e5;}
#body > nav > ul > li.impression > ul > li {float:none; height:auto; border-left:none; text-align: center;}
#body > nav > ul > li > ul > li > * {
	display:block; margin:-10px 0; padding:10px 0 9px; border-bottom:1px solid transparent; 
	background:0 center no-repeat; text-indent:120%; white-space:nowrap; overflow:hidden;}
#body > nav > ul > li > ul > li > a:hover {opacity:0.5;}
#body > nav > ul > li > ul > li > span {filter:alpha(opacity=20); opacity:0.2;}
#body > nav > ul > li.share {position:absolute; right:0; bottom:-60px; z-index:201; padding:21px 0; border:none;}
#body > nav > ul > li.share > b {display:none;}
#body > nav > ul > li.share > ul {display:block; position:static; margin:0; border:none;}
#body > nav > ul > li.share > ul > li {height:auto; margin:0 0 0 8px; border-left:none;}
#body > nav > ul > li.share > ul > li > a {
	display:block; width:18px; height:18px; margin:0; padding:0; border-bottom:none; background:no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#body > nav > ul > li.share > ul > li.facebook > a {background-image:url(../images/icon_facebook.gif);}
#body > nav > ul > li.share > ul > li.twitter  > a {background-image:url(../images/icon_twitter.gif);}


@media screen and (max-width:480px) {

#header > nav > section.cameras > h1 > a {}

#body {overflow:visible;}

#body > nav {width:100%; min-width:320px; min-height:0; margin:0; padding:0; border-bottom:none; overflow:hidden;}
#body > nav > h1 {
	height:50px; position:relative; left:0; z-index:1; margin:0; padding:6px 50px 6px 20px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; 
	font-size:15px; overflow:hidden;}
#body > nav > h1 > small {font-size:7px;}
#body > nav > h1 > small + small {}
#body > nav > h1 > small + small:before {}
#body > nav > h1 > b {}
#body > nav > ul {display:block; position:static; margin:-1px 0 0; padding:0 20px; background:#fff; border-top:none; border-right:none; border-bottom:1px solid #e5e5e5;}
#body > nav > ul > li {display:block; border-left:none; border-bottom:none; border-top:1px solid #e5e5e5;}
#body > nav > ul > li br {display:none;}
#body > nav > ul > li > a, 
#body > nav > ul > li > span {
	display:block; min-width:0; height:auto; position:relative; margin:0 -20px; padding:15px 45px 15px 20px; 
	text-align:left; vertical-align:middle; text-decoration:none;}
#body > nav > ul > li > a:after	{display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
#body > nav > ul > li > span {}
#body > nav > ul > li > ul {width:auto; position:static; margin:-10px 0 0; padding:0 0 0 20px; text-align:left; letter-spacing:normal;}
#body > nav > ul > li > ul:after {}
#body > nav > ul > li > ul > li {display:block; padding:10px 0; border-right:none; border-top:1px solid #e5e5e5;}
#body > nav > ul > li.impression > ul > li {text-align: left;}
#body > nav > ul > li > ul > li > * {height:auto; position:relative; padding:10px 0 10px 15px; border-bottom:none; font-size:12px; line-height:1.2; text-decoration:none;}
#body > nav > ul > li > ul > li > a:after	{display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
#body > nav > ul > li.impression > ul > li > a:after {left:0px; font:12px/1 "icons";}
#body > nav > ul > li > ul > li > a:hover {}
#body > nav > ul > li > ul > li > span {}
#body > nav > ul > li.share {position:static; margin:-1px -20px 0; padding:20px; border-top:1px solid #e5e5e5;}
#body > nav > ul > li.share:after {display:block; clear:both; height:0; content:"";}
#body > nav > ul > li.share > b {display:block; float:left; font-size:12px; font-weight:bold;}
#body > nav > ul > li.share > ul {float:right; margin:-5px -5px -5px 0; padding:0;}
#body > nav > ul > li.share > ul > li {margin:0; padding:0; border:none;}
#body > nav > ul > li.share > ul > li > a {width:30px; height:30px; background-size:30px;}
#body > nav > ul > li.share > ul > li > a:after {display:none;}
#body > nav > ul > li.share > ul > li.facebook > a {background-image:url(../images/sp/icon_facebook.png);}
#body > nav > ul > li.share > ul > li.twitter  > a {background-image:url(../images/sp/icon_twitter.png);}

html.fac-js-enabled #body {padding-top:50px;}
html.fac-js-enabled #body > nav {height:50px; position:absolute; left:0; top:0; z-index:9800; box-sizing:border-box; overflow:visible;}
html.fac-js-enabled #body > nav > h1 {white-space:nowrap; cursor:pointer;}
html.fac-js-enabled #body > nav > h1:after {
	display:block; content:"\e906"; width:50px; position:absolute; right:0; top:50%; margin:-0.5em 0 0; 
	font:bold 35px/1 icons; text-align:center; transition:transform 0.2s ease-in-out 0s;}
html.fac-js-enabled #body > nav > ul {transform:translateY(-100%); transition-duration:0.3s;}

html.tab-show body > .mask {left:0; opacity:1;}
html.tab-show #body > nav > h1:after {transform:rotateZ(-180deg);}
html.tab-show #body > nav > ul {transform:translateY(0);}

html.tab-fixed #body > nav {position:fixed;}

html.css-sticky #body {padding-top:0;}
html.css-sticky #body > nav {position:-webkit-sticky; position:sticky;}

#body > footer > .sitemap .cameras > ul > li {display:block; margin:0 20px; border-top:1px solid #e5e5e5;}
#body > footer > .sitemap .cameras > ul > li > h3 {margin:0 -20px; font-weight:normal;}

}