@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Radley');
nav h2{
	width: 100%;
	display:block;

	border-bottom: #9596a6 4px solid;
	padding: 0.5em 1em;
	padding-right: 2em;
/*	transform: rotateZ( -2deg );
*/	font-size: 15px;
	top:0;
	position: relative;
	margin-bottom: 5px;
	font-weight: bold;
}
nav h2 .small{
	font-size: 11px;
	padding-left: 0.5em;
}

nav{
	background-color: #fcfbf8;
	position: relative;
	padding: 5px 0 1em;
	padding-right: 1em;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
nav a{
	font-size: 16px;
	color: #2d3354;
	display: block;
	padding: 1em 0.5em;
	padding-right: 0;
	border-bottom: #2d3354 1px dashed;
	position: relative;
	line-height: 1.5em;
	font-weight: bold;
}
nav a:hover{
	color: #2d3354;
	background-color: #e8d9c8;
	
}
.navBox nav a.selected,#smpNavi nav a.selected{

	background-image: url(../img/bg_stripe.png);
	text-shadow: 0 0 5px #e8d9c8;
}
nav a .txt{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}
nav a.non .txt{
	opacity: 0.3;
	font-weight: normal;

}
nav a.non, nav a.non:hover{
	color: #2d3354;
	background-color: transparent;
}

 nav a .new{
	display: inline-block;
	vertical-align: middle;
	 margin-left: 3px;
	/* position: absolute;
	 top:0;
	 left:0;*/
	 padding: 0 0.5em;
	 line-height: 1.5em;
	 font-size: 11px;
}
nav a .soon{
	width: 100%;
	position: absolute;
	top:33%;
	left:0;
	text-align: center;
	transform: rotateZ( -2deg );
	color: #2e3255;
	text-shadow: 0 0 5px #fcfbf8;
	font-weight: bold;
}
/*スマホ*/
#smpNaviBt{
	display:none;
}
#smpNavi{
	display: none;
}

/*グッズ下部ボタン*/
.bottomNavi h2{
	display: none;
}
.bottomNavi nav{
	border-radius: 0;
	padding: 0;
	margin-top: 3%;
	border-top: 2px solid #e3d6c8;
	border-bottom: 4px solid #2e3255;
}
.bottomNavi nav a{
	width: 33.3%;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	text-align: center;
	border-bottom: none;
	margin: 0;
	border-left: #2e3255 1px solid;

}


@media (max-width: 1366px) {
	nav h2{
		font-size: 14px;
	}
	.navBox nav a{
		font-size: 14px;
	}

}

@media (max-width: 786px) {
	.navBox{
		display: none;
	}
	nav{
		border-radius: 6px;
	}
	/*スマホ*/
	#smpNaviBt{
		width: 15%;
		max-width: 100px;
		position: absolute;
		z-index: 999;
		top:0;
		reght:0;
		left:85%;
		display: block;
	}
	#smpNaviOverlay{
		display:block;
		position:fixed;
		background-color: #2e3255;
		width: 100%;
		top:0;
		z-index: 900;
	}
	#mdWindow{
		display: block;
		position: absolute;
		width: 90%;
		margin: 0 5%;
		top:0;
		z-index: 950;
		padding: 5% 0;
	}
	#smpNavi a.topBt{
		width: 50%;
		max-width: 250px;
		margin: 0 auto 5px;
		display: block;
	}
	#smpNavi a.topBt:hover{
		background-color: transparent;
	}
	.bottomNavi nav{
		padding-bottom: 2px;
	}
	.bottomNavi nav a{
		width: 100%;
		display: block;
		margin: 0.5em 0;
		border: 0;
		border-bottom:  #2e3255 1px dashed;
	}

}
@media (max-width: 480px) {
	nav h2{
		font-size: 12px;
	}

	nav a{
	font-size: 12px;
	}
}