@charset "utf-8";

/* =======================================

	CommonElements

======================================= */


.viewer {
	margin: 0 auto;
	width:1200px;
	height: 500px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 1200px;
	height: 500px;
	text-align: left;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding:0;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 1200px;
	height: 500px;
	display: none;
	position: absolute;
	margin: 0;
	padding:0;
}


	

/*SPの場合のスタイル*/	

@media only screen and (max-width:420px) {
	
.viewer {
	margin: 0 auto;
	width: 300px;
	height:140px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 300px;
	height:140px;
	text-align: left;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding:0;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 300px;
	height:140px;
	display: none;
	position: absolute;
	margin: 0;
	padding:0;
}