@charset "utf-8";

/* widget-basic-post-video */
.widget-basic-post-video { }
.widget-basic-post-video .apms-autowrap { 
	margin:0px !important; 
	max-width:100% !important; 
}


.video-wrap { 
	display: grid; 
	grid-template-columns: repeat(3,1fr);
	gap:2rem;
	
	.video_link {
		overflow: hidden;
		display: block;
		position: relative;
		padding-bottom: 56.25%;
		text-align: center;		
		img {
			position: absolute;
			left: 50%; top: 50%;
			transform: translate(-50%, -50%);
		}
		&:after {
			content: "";
			display: block;
			position: absolute;
			left: 50%; top: 50%;
			transform: translate(-50%, -50%);
			z-index: 10;
			width: 5rem; height: 5rem;
			background: url(/img/ico_video.png);
		}
	}
	@media(width<=768px){
		gap:1rem;
	}
	@media(width<=600px){
		grid-template-columns: 1fr;
		gap:2rem;
	}
}
.video-wrap img {
	max-width: 100%;	
}