/*****************************
▼PCのみ表示
******************************/
@media only screen and (min-width: 768px) {
/* ========== ▼1階層 ========== */
header nav {
	position: absolute;
	top:110px;
	z-index:10;
	width:100%;
	background:#17194c;
        border-bottom: solid #d3c782 3px;
}
header nav #global_nav_area {
	width:100%;
	max-width:980px;
	margin:0 auto;
}
ul#global_nav_menu > li {
        float: left;
/*        width: 16.63%;*/
        width: 11.11%;
        text-align: center;
        box-sizing: border-box;
}
ul#global_nav_menu > li:hover {
	background:#393a71;
}
ul#global_nav_menu > li > a {
        display: block;
        color: #fff;
        padding: 13px 0;
	font-weight:bold !important;
        border-left: solid #848484 1px;
}
ul#global_nav_menu li:last-child {
        border-right: solid #848484 1px;
}
/* ========== ▲1階層 ========== */
/* ▼2階層以下のリンク */
ul#global_nav_menu li a {
    display:block;
	width:100%;
	text-decoration:none;
	position:relative;
	font-weight:normal;
	color:#fff;
}
ul#global_nav_menu li a:hover {
	color:#fff;
}
/* ▼2階層以下の表示 */
ul#global_nav_menu li > ul.global_nav_menu_sub {
    position:absolute;
	display:none;
}
ul#global_nav_menu li ul.global_nav_menu_sub li {
	float:none;
	text-align:left;
	padding:10px;
	position:relative;
	width:200px;/*横幅設定①*/
	z-index:1000;
	background: #fff;/*背景色*/
}
ul#global_nav_menu li ul.global_nav_menu_sub li:hover {
	background: #393a71;
}
ul#global_nav_menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
/* ▼3階層以下 */
ul.global_nav_menu_sub li ul.global_nav_menu_sub{
	position:relative;
	width:100%;
	z-index:1000;
	top:0;
	left:140px; /*横幅設定②　左右のpaddingを足した値*/
}

/*▼プルダウンのボックス全体共通デザイン*/
ul.global_nav_menu_sub {
	background: #FFF;
	border:#ccc 1px solid;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */ 
}
/* ▼ナビゲーション */
#fixed{
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	padding:0 0 0;
	background:rgba(23,25,76,0.9);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
#fixed div{
	width:auto;
	margin:0 auto;
}
}

@media only screen and (max-width: 767px) {
	header nav {
		position: absolute;
		top:50px;
		z-index:10;
		width:100%;
		background:#17194c;
	        border-bottom: solid #d3c782 3px;
	}
	header nav #global_nav_area {
		width:100%;
		margin:0 auto;
	}
	ul#global_nav_menu li {
	        float: left;
	        width: 33.0%;
	        height: 30px;
	        line-height: 30px;
	        text-align: center;
	        border-right: 1px solid #484871;
	        border-bottom: 1px solid #484871;
	        transition: all 0.5s ease;
	        -webkit-transition: all 0.5s ease;
	        -moz-transition: all 0.5s ease;
	        -o-transition: all 0.5s ease;
	}
	ul#global_nav_menu li:nth-child(3){
	        border-right: none;
	}
	ul#global_nav_menu li a {
	        color: #fff;
	}
}