@charset "UTF-8";

/* 画面の横幅が1000px以上　ＰＣ */
@media all {
	
	body {
	   background-color: #ffffff; /* ボックスの背景色 */
	
	
	}
	
	
	#slideshow {
	   position: relative; 
	   width:  100%; /* ボックスの横幅　画面に合わせる */
	   height: 900px; /* ボックスの高さ 写真の高さより大きく*/
	   background-color: black; /* ボックスの背景色(必須) */
	   margin: auto;
	}
	
	#slideshow p {
	   position: absolute; 
	   top:  60px; /* 写真の位置 */
	   left: 0;
	   color: #eeeeee;
	   text-align: center;
	   z-index: 8;
	   opacity: 0.0;
	   margin: 0; 
	   background-color: black; /* ボックスの背景色(必須) */
	   height: 80%; /* div slideshowの高さに合わせる */
	   width: 100%; /* div slideshowの幅に合わせる */
	}
	
	#slideshow p.active {
	   z-index: 10;
	   opacity: 1.0;
	}
	
	#slideshow p.last-active {
	   z-index: 9;
	}
	
	#slideshow p img {
		margin: auto; */autoで画像を真ん中に表示 */
	   width:  auto; /* 縦基準にするのでauto 画像の横幅 */
	   height: 500px; /* 画像の高さ */
	   display: block;
	   border: 0;
	   margin-bottom: 10px; /* 画像下部の余白 */
	}
	

	#setumei1 {
		color: #eeeeee;
		
	}
	
	#last {
	   position: relative; 
		bottom: 50px;	
	   color: #eeeeee;
	
	}
	
}