@charset "UTF-8";
/* ***********************************************************************
    Ko Hosokawa Photograph Office - <Nav>
*********************************************************************** */
/*
    1 : Global Nav
    2 : Local Nav
*/

/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
/* SP */
#globalNav {
	display: none;
}
@media (min-width:896px) {
/* PC */
	#globalNav {
		float     : right;
		display   : block;
		width     : auto;
		height    : 56px;
		margin    : 12px 26px 12px 0;
		text-align: right;
	}
	/** 親:第1階層(normal時) **/
	#globalNav ul.parent {
		position    : relative;
		display     : block;
		width       : auto;
		height      : 56px;
		margin-right: 0;
	}
	#globalNav ul.parent li {
		float  : left;
		display: block;
		width  : auto;
		height : 56px;
	}
	#globalNav ul.parent li a {
		display       : block;
		width         : auto;
		height        : 56px;
		padding       : 0 34px;
		font-family   : 'Montserrat Medium', sans-serif;
		font-family   : 'Roboto Medium', sans-serif;
		font-size     : 12px;
		transform     : scale(1.1, 1);
		letter-spacing: 1px;
		line-height   : 56px;
		text-align    : left;
		color         : black;
		transition-property       : color;
		transition-duration       : 0.3s;
		transition-timing-function: ease;
		transition-delay          : 0s;
	}
	#globalNav ul.parent li a:hover {
		text-decoration      : none;
		text-decoration-color: transparent;
		color                : indianRed;
	}
	/** 子:第2階層(normal時) **/
	#globalNav ul.parent li ul.child {
		display         : none;
		background-color: rgba(255,255,255,0.8);!important
		width           : 120px;
		height          : auto;
		padding         : 8px 0 12px;
		text-align      : center;
		border-radius   : 8px;
	}
	#globalNav ul.parent li ul.child li {
		float  : none;
		display: block;
		width  : 120px;
		height : 32px;
	}
	#globalNav ul.parent li ul.child li a {
		display    : block;
		width      : 120px;
		height     : 32px;
		line-height: 32px;
		text-align : center;
	}
	#globalNav ul.parent li ul.child li a:hover {
		opacity: 1.0;
		filter : alpha(opacity=100);
	}
	/***/
	#gn00, 
	#gn00 a,
	#gn00 a img {
		display: none;
	}
}



/* ***********************************************************************
    2 : Local Nav
*********************************************************************** */
/* SP */
#works main #iBox #localNav {
	display   : block;
	width     : 100%;
	text-align: center;
	border-top: solid 1px #fff;
}
#works main #iBox #localNav ul {
	width : 90%;
	height: auto;
	margin: 0 auto 32px;
}
#works main #iBox #localNav ul li {
	float          : left;
	background     : url(../images/bg_localMenu.png) left center no-repeat;
	background-size: 6px 40px;
	min-width      : 1px;
	width          : auto;
	height         : 40px;
	padding-left   : 6px;
}
#works main #iBox #localNav ul li:nth-child(4n+1) {
	background  : none;
	padding-left: 0;
	clear       : both;
}
#works main #iBox #localNav ul li a {
	display       : block;
	min-width     : 1px;
	width         : auto;
	height        : 40px;
	padding       : 0 14px;
	color         : #000;
	text-align    : center;
	font-family   : 'Roboto Condensed', sans-serif;
	line-height   : 40px;
	font-size     : 15px;
	letter-spacing: normal;
}
@media (min-width:896px) {
/* PC */
	#works main #iBox #localNav ul {
		width : 72%;
		margin: 40px auto 56px;
	}
	#works main #iBox #localNav ul li:nth-child(4n+1) {
		clear          : none;
		background     : url(../images/bg_localMenu.png) left center no-repeat;
		background-size: 6px 40px;
		padding-left   : 6px;
	}
	#works main #iBox #localNav ul li:first-child {
		background  : none;
		padding-left: 0;
	}
	#works main #iBox #localNav ul li a {
		padding       : 0 30px;
		font-size     : 17px;
		letter-spacing: 0.1em;
	}
	#works main #iBox #localNav ul li a:hover {
		text-decoration: none;
		opacity        : 0.4;
		filter         : alpha(opacity=40);
	}
}