@charset "UTF-8";
/* CSS Document */




@media screen and (min-width: 500px) {


.news_button {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	color: #F00;
	overflow: hidden;
}

.news_button::before,
.news_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.news_button,
.news_button::before,
.news_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.news_button:hover { color: #fff;}
.news_button::after { top: -100%; width: 100%; height: 100%;z-index: 10;}
.news_button:hover::after { top: 0; background-image:url(../img/news/push.png); background-position:center; background-size:cover; background-repeat:no-repeat; }


.news_button2 {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	color: #F00;
	overflow: hidden;
}

.news_button2::before,
.news_button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.news_button2,
.news_button2::before,
.news_button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.news_button2:hover { color: #fff;}
.news_button2::after { top: -100%; width: 100%; height: 100%;}
.news_button2:hover::after { top: 0; background-image:url(../img/news/push_s.png); background-position:center; background-size:cover; background-repeat:no-repeat; }

}



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


}