* {
		margin: 0;
		padding: 0;
		}
@-ms-viewport {
  width: device-width;
}
li {
		list-style: none;

		}

img {
		border: 0;

		}
a{ text-decoration: none;}		
		
body {
	font-size: 16px;
	background-color: rgba(255,255,255,1.00); 
		 font-family:'Meiryo';
}
#container {
	margin: 0 auto;
	text-align: center;
		}


#slideshow {
   position: relative;
   width:  1000px; /* 画像の横幅に合わせて記述 */
   height: 880px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}



#spslideshow {
   position: relative;
   width:  360px; /* 画像の横幅に合わせて記述 */
   height: 648px; /* 画像の高さに合わせて記述 */
}
#spslideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#spslideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#spslideshow img.last-active {
   z-index: 9;
}



/*.bg-slider {
	width: 100%;
	height: 200vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.spbg-slider {
	width: 100%;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
*/





/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1245px) {
.pc { display: none !important; }
.sp { display: block !important; }
}