@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:600');
/*----------------------------------------------------------------
グローバルナビ
-----------------------------------------------------------------*/
nav{
	height:47px;
	width:100%;
	max-width:1300px;
	margin:0 auto;
	overflow:hidden;
}

nav ul#gNavi{
	width:100%;
}

nav li{
	width:auto;
	display:inline-block;
	vertical-align:top;
	font-family: 'Josefin Sans', sans-serif;
	font-size:14px;
	margin:0 0.5ch;
}

nav li a{
	width:auto;
	line-height:47px;
	color:#fff;
	display:block;
	position:relative;
}

nav li a:hover{
	width:100%;
	color:#fff;
	text-decoration:none;
	background-image:url(../img/second/subnavi_hover.jpg);

}
nav li a .box{
	width:auto;
	height:47px;
	display:block;
	padding:0 1.5ch;
	text-align:center;
}

nav li a .japanese{
}


nav li .naviNew{
	width:80%;
	position:absolute;
	bottom:3px;
	left:10%;
	background-image:url(../img/bg_black70.png);
	color:#fe1557;
	text-shadow:none;
	font-size:12px;
	line-height:12px;
	padding:0px 3px;
	margin-right:5px;
	vertical-align:middle;
	text-align:center;
	letter-spacing:1px;
}


/* ALT
nav li .naviNew{
	width:30%;
	position:absolute;
	bottom:-43px;
	left:10%;
	background-image:url(../img/bg_black70.png);
	color:#fe1557;
	text-shadow:none;
	font-size:12px;
	line-height:12px;
	padding:0px 3px;
	margin-right:5px;
	vertical-align:middle;
	text-align:center;
	letter-spacing:1px;
}
*/

nav li.selected a,nav li.selected a:hover{
	background-image:url(../img/gnavi_select.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

nav li.selected a .box,nav li.selected a:hover .box{
}


nav li a:hover .box{
}


nav li a.non,nav li a.non:hover{
    cursor:default;
    color:#222;
    text-decoration:none;
	background-image:none;
    
}

#buyNav {
	margin-left:20px;
}


#buyNav .box {
	background-image: url(../img/second/subnavi_selected.jpg); border: none;
	min-width: 170px;
	/*float:right;*/
}

/*----------------------------------------------------------------
max-width: 960px
-----------------------------------------------------------------*/

@media (max-width: 1080px) {
	#buyNav .box {
		min-width: 60px;
	}

	/*
	nav li .naviNew {
		width:80%;
		bottom:3px;
		left:10%;
	}*/
}

@media (max-width: 960px) {

}
/*----------------------------------------------------------------
max-width: 786px
-----------------------------------------------------------------*/

@media (max-width: 786px) {
	nav{
		height:auto;
	}
	nav li{
		width:32.3%;
		margin:0 0.5%;
	}
}

/*----------------------------------------------------------------
max-width: 480px
-----------------------------------------------------------------*/

@media (max-width: 480px) {
	nav li{
		width:33.3%;
		margin:0 0;
		font-size:10px;
	}
	nav li a .box{
		padding:0;
	}
}