/* リバリーモーダル内 YouTube サムネ */
.livery-yt-modal-link {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #000;
}
.livery-yt-modal-link img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 中央再生ボタン */
.livery-yt-play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	/*border: 1px solid rgba(255,255,255,.25);*/
	border: none;
	background:
		rgba(0, 0, 0, .65) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6,4 20,12 6,20 6,4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition:
		transform .15s ease, background-color .2s ease;
	pointer-events: auto;
}
/* ボタンにだけホバーした時 */
.livery-yt-play-btn:hover {
	background-color: rgba(255, 255, 255, .10);
	transform: translate(-50%, -50%) scale(1.06);
	cursor: pointer;
}
.livery-yt-modal-link {
	-webkit-tap-highlight-color: transparent;
}
.livery-yt-modal-link:focus, .livery-yt-modal-link:focus-visible, .livery-yt-modal-link:active {
	outline: none !important;
	box-shadow: none !important;
}