@charset "UTF-8";
/* CSS Document */

.loopBox, .loop {
	height: 300px;
}

.loopBox {
	border: #000000 solid 1px;
	width: 80%; /* 表示エリアの幅を調整 */
	margin: 0 auto;
	overflow: hidden; /* 親要素でオーバーフローを隠す */
	position: relative;
}

.loop {
	width: 100%; /* 表示エリアの幅を調整 */
	position: absolute;
	display: flex;
	left: 0; /* 初期位置 */
}

.loopList {
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.loopList .photo {
	background-size: cover;
	background-position: center center;
	height: 300px;
	margin: 0 auto;
	transition:  0.2s;
}

.loopList:hover .photo {
	transform: scale(1.2);
	transition:  0.2s;
}

/* ------------------------------------------------------ */
@media only screen and (max-width : 1336px) {
/* ------------------------------------------------------ */
}

/* ------------------------------------------------------ */
@media only screen and (max-width : 810px) {
/* ------------------------------------------------------ */
}

/* ------------------------------------------------------ */
@media only screen and (max-width : 600px) {
/* ------------------------------------------------------ */
}