@charset "UTF-8";
/* * * * * * * * * * * * * * * * * *
 navi.css
* * * * * * * * * * * * * * * * * */

/* common
--------------------------------- */
.menu_p:after {
	content: "P";
	color: #FFF;
	background: #FFB804;
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 12px;
}



/* PC Only */
@media screen and (min-width: 769px) {

	.menu_p:after {
		display: none;
	}

	nav.nav {
		background: #465A65;
		width: 100%;
		text-align: center;
	}
	#header nav.nav,
	#home.fixed #main nav.nav {
		position: fixed;
		left: 0;
		top: 80px;
		z-index: 999;
	}

	nav.nav .inner:before,
	ul.gNavi li:after {
		content: "";
		display: block;
		width: 1px;
		height: 30px;
		background: #4C7891;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -15px;
	}
	ul.gNavi li:after {
		left: auto;
		right: 0;
	}

	ul.gNavi {
		display: table;
		width: 100%;
		table-layout: fixed;
		position: relative;
	}
	ul.gNavi li {
		display: table-cell;
		position: relative;
	}

	ul.gNavi li a {
		display: block;
		color: #FFF;
		height: 50px;
		line-height: 50px;
	}
	#home ul.gNavi li a {
		height: 80px;
		line-height: 80px;
	}
	#home.fixed #main ul.gNavi li a {
		height: 50px;
		line-height: 50px;
	}
	ul.gNavi li a p.page {
		font-size: 18px;
	}
	#home.fixed #main ul.gNavi li a p.page {
		font-size: 15px;
	}
	ul.gNavi li a p.sub {
		display: none;
	}


	ul.gNavi li a:hover {
		text-decoration: none;
	}
	ul.gNavi li a:hover,
	body#news ul.gNavi li.nav1 a,
	body#monthly ul.gNavi li.nav2 a,
	body#pickup ul.gNavi li.nav3 a,
	body#journal ul.gNavi li.nav4 a,
	body#special ul.gNavi li.nav5 a,
	body#backnumber ul.gNavi li.nav6 a,
	body#omikuji ul.gNavi li.nav7 a,
	body#about ul.gNavi li.nav8 a {
		background: #2B8EC4;
	}

	#footer nav.nav ul.gNavi li a {
		height: 60px;
		line-height: 60px;
		color: #114B5F;
	}
	#footer nav.nav ul.gNavi li a:hover {
		color: #FFF;
	}
	#footer nav.nav .inner:before,
	#footer ul.gNavi li:after {
		background: #114b60;
		height: 20px;
		margin-top: -10px;
	}
	#footer nav.nav ul.gNavi li a p.page {
		font-size: 16px;
	}
	
	ul.gNavi li.nav5 a:hover p.page {
		display: none;
	}
	ul.gNavi li a:hover p.coming {
		display: inline-block;
		font-size: 18px;
	}
	#home.fixed #main ul.gNavi li a:hover p.coming {
		font-size: 15px;
	}
	#footer nav.nav ul.gNavi li a:hover p.coming ,
	body.naka #header ul.gNavi li a:hover p.coming {
		font-size: 16px;
	}
	

}