@charset "UTF-8";
/*------------------------------------*
		NEWS
*------------------------------------*/

/* # contents-midori-area
----------------------------------- */
.contents-midori-area .bg-midorichan {
	position: relative;
	background-image: url(/japanese/myslot/midorichan/news/img/bg_midorichan_news.png);
	background-position: 50% -36px;
	background-repeat: no-repeat;
	background-size: 1932px 1751px;
}

.contents-midori-area .wrp-intro-area {
	overflow: hidden;
	position: relative;
	padding: 10px 0 30px;
	background-color: #fff;
	z-index: 10;
}

.contents-midori-area .wrp-intro-area .ttl {
	margin-left: -55px;
}

.contents-midori-area .wrp-main-area {
	padding-top: 20px;
}

@media only screen and (max-width: 768px) {
	.contents-midori-area {
		background-image: none;
	}

	.contents-midori-area .bg-midorichan {
		background-image: url(/japanese/myslot/midorichan/news/img/sp/bg_midorichan_news_sp.png);
		background-position: 50% -6px;
		background-repeat: no-repeat;
		background-size: 699px 683.5px;
	}

	.contents-midori-area .wrp-intro-area {
		position: relative;
		padding: 15px 0 30px;
		z-index: 10;
	}

	.contents-midori-area .wrp-intro-area::before {
	}

	.contents-midori-area .wrp-intro-area .ttl {
		margin-left: 0px;
	}

	.contents-midori-area .wrp-intro-area .ttl img {
		width: 100%;
		height: auto;
	}

	.contents-midori-area .wrp-main-area {
		padding-top: 10px;
	}
}

/* # wrp-news-area
----------------------------------- */
.wrp-news-area {
	margin-bottom: 40px;
	border-top: 4px solid #a6ed4f;
	background-color: #fff;
}

.wrp-news-area .wrp-news-clm:first-child {
	background-image: none;
}

.wrp-news-clm .news-img{
	text-align: center;
	margin: 20px 0;
}

.wrp-news-btn {
	padding: 20px 0;
	background-image: url(/japanese/myslot/midorichan/common/img/line_dotted_gray01.png);
	background-position: 1px 0;
	background-repeat: repeat-x;
	text-align: center;
}

.wrp-news-btn > p {
	display: inline-block;
	margin: 0 10px;
}

.wrp-news-btn .mod-btn {
	box-sizing: border-box;
	display: inline-block;
	width: 170px;
	height: 26px;
	border-radius: 26px;
	background-color: #e4ff00;
	color: #000;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
}

.wrp-news-btn .mod-btn.btn-prev {
	padding: 0 40px 0 45px;
	background-image: url(/japanese/myslot/midorichan/common/img/icn_arrow02.png);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}

.wrp-news-btn .mod-btn.btn-next {
	padding: 0 45px 0 40px;
	background-image: url(/japanese/myslot/midorichan/common/img/icn_arrow01.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}



@media only screen and (max-width: 768px) {
	.wrp-news-btn .mod-btn {
		display: block;
		border-radius: 15px;
		width: auto;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}

	.wrp-news-btn .mod-btn.btn-prev {
		background-position: 8% 50%;
	}

	.wrp-news-btn .mod-btn.btn-next {
		background-position: 92% 50%;
		color: #000;
	}
}