/* スライドショー全体のスタイル */
.slide {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 980px;
	font-size: 0;
}

.slide img {
	max-width: 100%;
	height: 300px;
}

.slide a {
	border: 0;
}

/* 画像の配置 */
.slide-container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.slide-container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}

.slide-container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}

/* スライドショーのボタン */
.slide-nav {
	display: block;
	width: 100%;
	text-align: center;
	padding: 5px 0 0;
}

.slide-nav a {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #ccc;
	margin: 0 7px;
}

.slide-nav a:hover, .slide-nav a:focus, .slide-nav a.current {
	background-color: #eee;
}

.sr-only {
	display: none;
}