@charset "UTF-8";


/*================================================
 *  一般・共通設定
 ================================================*/
 
.xslider_wrap {
	display: flex;
	overflow: hidden;
	width: 750px;
	background: #f7f7f7;
	box-shadow: 0 2px 5px #fff;
}

.xslider1 , .xslider2 {
	display: inline-flex;
	flex: none;
	animation: xslider 15s 2s linear infinite;
}

.xslider_wrap:hover div {
	animation-play-state: paused!important;
}

.xslider1 div , .xslider2 div {
	flex: none;
	padding: 10px;
}

.xslider1 div:hover , .xslider2 div:hover {
	transform: translateY(-5px);
}

@keyframes xslider {
	0% {
	transform: translateX(0);
	}
	100% {
	transform: translateX(-100%);
	}


}



/* オーバーレイ */
.overlay {
	position: relative;
}
.overlay::after{
	background: rgba(0,0,0,.0);
	content: "　";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .3s ease-out;
	pointer-events: none;
}
.overlay:hover::after {
	background: rgba(0,100,300,.1);
	transition: all .3s ease-out;
}
.overlay img {
	margin-bottom: 0;
}