
.toggle-button {
display:none;
}  

@media screen and (max-width: 667px) {
      
.overlay {
    position: fixed;
    background-color: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    z-index: 99999;
}
    
/*----------------------------------------------------------------*/
/*#toggleをクリックで.overlayに追加するクラス*/
.nav-active {
	opacity: .96;
	visibility: visible;
	overflow: auto;
	height: 100%;/*max-height: 340px;*/
}
/*ハンバーガーメニュー*/
#navToggle {
	position: fixed;
	width: 50px;
	height: 50px;
	background: url(../../_img/nav_menu.png) no-repeat center top /100% auto;
	margin: 0;
	padding: 0;
	top: 5px;
	/*fixedで親要素を起点にする場合はleftを指定しない*/
	right: 5px;
	z-index: 102;
	text-indent: -99999px;
	cursor: pointer;
}
#navToggle.toggle-active {
	background: url(../../_img/nav_menu_close.png) no-repeat center top /100% auto;
	z-index: 100000;
}

nav .nav_splogo{width:70%; margin:0 15% 5%;}
nav#navi_fortnite {width:100%; height:100%;background: url("../../_img/nav_bg_sp.jpg");background-size: 100% auto;}
nav#navi_fortnite ul#navigation {width:90%; margin: auto; display:flex;flex-wrap:wrap;}
nav#navi_fortnite ul#navigation li{width:46%; margin:1% 2%;}


@media screen and (min-width:668px) {
/*　PC用 画面サイズが668pxからはここを読み込む　*/
.overlay {
	visibility: visible;
	position: relative;
	background: none;
	padding: 0;
	opacity: 1;
}
#navToggle {
	display: none;
}
/*--------------------------------------------------------end@media*/
}



