@charset "utf-8";

/* top */
#news .stage .inner {
	position: relative;
}

#news h1 {
	width: 42.1428571428571%;
	padding-top: 7%;
	margin: 0 auto 2%;
}

#news .stage {
	background-image: url(/wp-content/themes/ikemen/title/live/original/images/news/news_bg.jpg);
	background-size: cover;
}

#news .newsInner {
	padding: 5px 0 6.5625%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}


.category {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
	padding-left: 2%;
}

.categoryList li {
	display: inline-block;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 165px;
}

.categoryList li a {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #e4e8f7;
	position: relative;
	text-align: center;
	display: block;
	border-radius: 16px;
	color: #4e4e4e;
	font-weight: bold;
	font-size: 1.7rem;
}

.categoryList .game {
	color: #f07d9a;
}

.categoryList .media {
	color: #8181ef;
}

.categoryList .event {
	color: #f0a47f;
}

.categoryList .goods {
	color: #db7df0;
}

.categoryList li a {
	transition: opacity 0.5s ease;
}

.categoryList li a:hover {
	opacity: 0.8;
}

.categoryList li a.current {
	/*    box-shadow: inset -5px -5px 12px 0 #00000060;*/
}

.categoryList li a.all.current {
	color: #e4e8f7;
	background-color: #4e4e4e;
}

.categoryList li a.game.current {
	color: #e4e8f7;
	background-color: #f07d9a;
}

.categoryList li a.media.current {
	color: #e4e8f7;
	background-color: #8181ef;
}

.categoryList li a.event.current {
	color: #e4e8f7;
	background-color: #f0a47f;
}

.categoryList li a.goods.current {
	color: #e4e8f7;
	background-color: #db7df0;
}


@media screen and (max-width: 999px) {
	.category {
		max-width: 700px;
	}
}


/* SP */
@media screen and (max-width: 767px) {

	/* news */
	#news h1 {
		width: 92.1875%;
		padding-top: 2%;
		margin: 0 auto 2%;
	}

	#news .stage {
		background-size: cover;
	}

	#news .newsInner {
		width: 100%;
		padding: 5px 0 15%;
	}

	.categoryList li {
		width: 31%;
	}

	.categoryList li a {
		height: 25px;
		line-height: 25px;
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 529px) {}