@charset: utf-8;


#slide{
	position: fixed;
	padding: 0;
	margin: 0;
	width: 100vw;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
}
#slide ul{
	margin: 0;
	padding: 0;
}
#slide ul li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	text-align: center;
	margin: auto;
	padding: 0;
	z-index: 8;
	overflow: hidden;
}

#slide ul li.active{
	z-index: 10;
}
#slide ul li.last-active{
	z-index: 9;
}

/* ===== 画面の縦横による切り分け ===== */

/* == 横 == */
@media screen and (orientation: landscape) {
	#slide ul li img{
		display: none;
		width: 100%;
	}
}

/* == 縦 == */
@media screen and (orientation: portrait) {
	#slide ul li img{
		display: none;
		height: 100%;
	}
}