/* TOPページスライドショー */
@media (min-width: 768px) {
	.mainTopBox {
		padding-left: 100px;
	}
}
.mainImg {
	position: relative;
}

#mainTop .mainTop_wrapper {
	position: relative;
	height: 60vh;
}

/* ▼ 背景 ▼ */
.vegas-container {
	height: 60vh !important; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
	height: calc(var(--vh, 1vh) * 60)!important;
}
/* ▲ 背景 ▲ */

@media (min-width: 768px) {
	#mainTop .mainTop_wrapper {
		position: relative;
		height: 75vh;
	}

	/* ▼ 背景 ▼ */
	.vegas-container {
		height: 75vh !important; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
		height: calc(var(--vh, 1vh) * 75)!important;
	}
	/* ▲ 背景 ▲ */
}

.mainImg .mainTop_navi {
	position: absolute;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	text-align: right;
	z-index: 99;
}

.mainImg .mainTop_navi a {
	padding: 5px 15px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	display: inline-block;
}

#mainTop .mainTop_link a {
	display: block;
	text-decoration: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.thumbs-container-wrapper {
	background-color: #141414;
	padding-left: 10px;
}

.mainTop_thumbs::-webkit-scrollbar-track {
	background-color: #141414;
	box-shadow: inset 0 0 1px #ddd;
}

.mainTop_thumbs::-webkit-scrollbar-thumb {
	background-color: #ddd;
}

.mainTop_thumbs {
	scrollbar-color: #ddd #141414;
	scrollbar-width: thin;
}

.mainTop_thumbs .thumb-wrap {
	margin: 10px;
	cursor: pointer;
	position: relative;
	height: 100px;
	opacity: 0.5;
}

@media (min-width: 1400px) {
	.mainTop_thumbs .thumb-wrap {
		width: 12%;
	}
}

.mainTop_thumbs .thumb-wrap.active {
	opacity: 1;
}

.mainTop_thumbs .thumb-wrap img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.thumbs-scroll-notice {
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
	display: none;
	pointer-events: none;
}

.mainTop_pagination button {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #ddd;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0 5px;
}

.mainTop_pagination button.active {
	background-color: #141414;
}

#mainTop .mainTop_movie_text{
	position: absolute;
	color: #fff;
	max-width:50%;
	}

#mainTop .mainTop_movie_text a {
	color: #fff;
	}

#mainTop .mainTop_movie_text h1,
#mainTop .mainTop_movie_text h2,
#mainTop .mainTop_movie_text h3,
#mainTop .mainTop_movie_text h4,
#mainTop .mainTop_movie_text h5,
#mainTop .mainTop_movie_text h6,
#mainTop .mainTop_movie_text p {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.5;
}

.topLeft,.topCenter,.topRight {
	top: 10%;
}

.topCenter,.centerCenter,.bottomCenter{
	left: calc(50% + 2.75rem);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.bottomLeft,.bottomCenter,.bottomRight {
	bottom: 26%;
}

.topLeft{
	left: 0;
	margin-left: 7.275rem;
}
.topRight{
	right: 2%;
}
.centerLeft{
	top: 50%;
	left: 0;
	margin-left: 8rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.centerCenter{
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.centerRight{
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.bottomLeft{
	left: 0;
	margin-left: 8rem;
}
.bottomRight{
	right: 2%;
}

@media (max-width:991px) {
	#mainTop .mainTop_movie_text {
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		text-orientation: upright;
		-webkit-text-orientation: upright;
		width:auto;
		height: 70%;
	}
	.topLeft,.centerLeft,.bottomLeft{
		top: 0;
		left: 0;
		bottom: 0;
		margin-top: 6.5rem;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	.topCenter,.centerCenter,.bottomCenter{
		top: 15%;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.topRight,.centerRight,.bottomRight{
		top: 15%;
		right: 2%;
		bottom: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}

@media (max-width:768px) {
	.topLeft,.centerLeft,.bottomLeft{
		margin-left: .5rem;
	}
}

@media (max-width:576px) {
	#mainTop .mainTop_movie_text h1,
	#mainTop .mainTop_movie_text h2,
	#mainTop .mainTop_movie_text h3,
	#mainTop .mainTop_movie_text h4,
	#mainTop .mainTop_movie_text h5,
	#mainTop .mainTop_movie_text h6,
	#mainTop .mainTop_movie_text p {
		font-size: 2rem;
	}
	.centerLeft{
		margin-left: 1rem;
		margin-bottom: 7rem;
	}
}

@media (max-width:320px) {
	#mainTop .mainTop_movie_text h1,
	#mainTop .mainTop_movie_text h2,
	#mainTop .mainTop_movie_text h3,
	#mainTop .mainTop_movie_text h4,
	#mainTop .mainTop_movie_text h5,
	#mainTop .mainTop_movie_text h6,
	#mainTop .mainTop_movie_text p {
		font-size: 1.75rem;
	}
}