/*-----------
		YouTube button
-----------*/
.movie-button { position: relative; padding: 0; vertical-align: bottom; }
.movie-button::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 43px; height: 43px; background: url("../img/icon_play.svg") no-repeat center/contain; content: ""; z-index: 10; }

@media screen and (min-width: 681px) {
	.movie-button { transition: .4s; }
	.movie-button:hover { opacity: .7; }
	.movie-button::before { width: 76px; height: 76px; }
}

/*-----------
		YouTube せぶりこPV
-----------*/
.yt-seburiko-pv { display: flex; justify-content: center; margin: 38px auto 0; }

@media screen and (max-width: 680px) {
	.yt-seburiko-pv { width: 330px; }
}
@media screen and (min-width: 681px) {
	.yt-seburiko-pv { margin-top: 60px; }
}
/*-----------
		YouTube
-----------*/
.ytmodal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); display: none; z-index: 5000; pointer-events: auto; }
.ytmodal__inner { width: 100%; height: 100%; overflow: auto; }
.ytmodal__inner--center { display: flex; align-items: center; justify-content: center; }
.ytmodal__content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.ytmodal__close { position: absolute; top: 0; right: -2px; border: none; width: 60px; height: 60px; background: none; padding: 0; display: flex; align-items: center; justify-content: center; }
.ytmodal__close img { width: 25%; position: relative; display: block; }
.youtube-wrap { position: relative; }
.youtube-wrap iframe { display: none; }
.youtube-wrap iframe.is-playing { display: block; }

@media screen and (min-width: 681px) {
	.ytmodal { }
	.ytmodal__inner { }
	.ytmodal__content { }
	.ytmodal__content--wide { max-width: 100%; }
	.ytmodal__close { top: 22px; right: 20px; }
	.ytmodal__close img { width: 38%; }
	.youtube-wrap { width: 750px; }
}