/*! responsive-nav.js 1.0.32 by @viljamis */


header #logMenu .headerSlideMenu {
	position: absolute;
	top: 0;
	z-index: 10;
	width: 100%;
}


/* 
	開閉ボタン部分
	
================================================================================ */

header #logMenu .headerSlideMenu .nav-toggle {
	width: 112px;
	height: 30px;
	display: block;
	background: url('/img/sp/icon1.gif') no-repeat 0 center;
	background-size:  13px 20px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 20px;
	font-size: 12px;
	float: left;
}


/* =================================================

	開いているときのボタンCSS
  
================================================= */

header #logMenu .headerSlideMenu .active {/* アニメーションの都合で画像非表示 */
	position: absolute;
	top: 0px;/* .closeBtnImgの位置にポジションを指定（メニューの高さ+ボタン.closeBtnImgの高さ） */

}

.closeBtnImg {
	width: 122px;
	height: 40px;
	display: block;
	background: url('/img/sp/slideBtn.png') no-repeat 0 0;
	background-size:  122px 40px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background-color:#ffa1b0;
}



/* 
	メニュー部分
	
================================================================================ */


.nav-collapse .slideMenuBlock {
	margin: 0;
	padding: 20px 0 10px;
	width: 100%;
	display: block;
	list-style: none;
	background: #00DBEB;
}

.nav-collapse .slideMenuBlock ul {
	width: 320px;
	margin: 0 auto;
}

.nav-collapse .slideMenuBlock ul li {
	width: 25%;
	display: block;
	height: 80px;
	text-align: center;
	float: left;
}

.nav-collapse .slideMenuBlock ul li a {
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
	float: none!important;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url("http://d3oy1kzlbm5c94.cloudfront.net/img/sp/icon.png") no-repeat 0 0;
	background-size:  320px 320px;
	display: block;
}
	.nav-collapse .slideMenuBlock ul li:nth-child(1) a {/* Notice */
		background-position: -0px -0px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(2) a {/* Media */
		background-position: -80px -0px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(3) a {/* News */
		background-position: -160px -0px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(4) a {/* Profile */
		background-position: -240px -0px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(5) a {/* Disco Graphy */
		background-position: -0px -80px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(6) a {/* Mail Magazine */
		background-position: -80px -80px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(7) a {/* Shop */
		background-position: -160px -80px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(8) a {/* Staff Blog */
		background-position: -240px -80px;
	}
	
	.nav-collapse .slideMenuBlock ul li:nth-child(9) a {/* Video */
		background-position: -0px -160px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(10) a {/* Q&A */
		background-position: -80px -160px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(11) a {/* From Apink */
		background-position: -160px -160px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(12) a {/* Wallpaper */
		background-position: -240px -160px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(13) a { /* Ticket */
		background-position: 0px -240px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(14) a {/* ファンクラブ限定コンテンツ */
		background-position: -80px -240px;
	}
	.nav-collapse .slideMenuBlock ul li:nth-child(15) a {/* Top */
		background-position: -160px -240px;
	}
	

.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}

.nav-collapse.opened {
	max-height: 9999px;
	width: 100%;
	top: 40px;
	border-top: 1px solid #fff;
}

.disable-pointer-events {
	pointer-events: none !important;
}

.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}