/*
 ヒーローイメージに重ねるバナースライド用スタイル
*/
.Hero .ReplayButton {
	bottom: 68% !important;
}
.Hero .HeroMovie {
	z-index: 0 !important;
}
.p-hero-banner {
	position: relative;
	margin: 0 15px;
	padding: 16px 0;
	overflow: hidden;
}

.p-hero-banner__slider img {
	width: 100%;
	height: auto;
}

.p-hero-banner__slider--pagination {
	text-align: center;
	margin: 0;
}

.p-hero-banner__slider--pagination .swiper-pagination-bullet {
	background-color: #f1f1f1;
	opacity: 0.8;
	vertical-align: middle;
}

.p-hero-banner__slider--pagination .swiper-pagination-bullet-active {
	background-color: #00bdce;
	opacity: 1;
}

@media (min-width: 992px) {
	.p-hero-banner {
		margin: 0;
		position: absolute;
		right: 20px;
		bottom: 10px;
		padding: 0 !important;
		width: 540px;
	}

	.p-hero-banner__slider {
		border: 5px solid #fff;
		overflow: hidden;
	}

	.p-hero-banner__slider--pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

}