@charset "UTF-8";

/* 画面の横幅が1000px以下　スマホ */
@media screen and (max-width:1000px){

	body {
	   background-color: #ffffff; /* ボックスの背景色 */
		font-size: 24pt; 
	
	
	}
	
	
	#slideshow {
	   position: relative; 
	   width:  1000px; /* ボックスの横幅　画面に合わせる */
	   height: 1000px; /* ボックスの高さ 写真の高さより大きく*/
	   background-color: black; /* ボックスの背景色(必須) */
/*	   margin: auto;	*/
	}
	
	#slideshow p {
	   position: absolute; 
	   top:  200px; /* 写真の位置 */
	   left: 0;
	   
	   color: #eeeeee;
/*	   text-align: center; */
	   z-index: 8;
	   opacity: 0.0;
	   margin: 0; 
	   background-color: black; /* ボックスの背景色(必須) */
	   height: 70%; /* 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:  700px; /* 画像の横幅 */ 
	   height: auto; /* 画像の高さ */
	   display: block;
	   border: 0;
	   margin-bottom: 10px; /* 画像下部の余白 */
	}

	#button {
		margin: auto;
		font-size: 34pt;
		width: 960px; 
		height: 80px; 
	}
	

	#setumei1 {
		color: #eeeeee;
		margin-top: 3px;
	}
		
	#last {
	   position: relative; 
		bottom: 100px;	
	   color: #eeeeee;
	   background-color: #777777;
	
	}
	
		
		
}