/* 写真スライド・ブロック */
#photo_slide {
	margin-top: 15px;
	margin-bottom: 10px;
}

.photo_slide {
	width: 85%;
	height: 20vw;
	margin: 0 auto;
	position: relative; /* 親要素にrelativeを指定 */
}
 
.photo_slide img {
	width: 100%;
	position: absolute; /* absoluteで画像を重ねる */
	opacity: 0;
	transition: 1s; /* フェードの時間(秒) */
}

.photo_slide .show {
	opacity: 1;
	z-index: 1;
}

@media (max-width: 480px) {
.photo_slide {
	width: 100%;
	height: 24vw;
}
}