@charset "utf-8";
/* CSS Document */

/*スライドショー*/
#slideshow {
   position: relative;
   width:  250px; /* 画像の横幅に合わせて記述 */
   height: 160.714px;  /*画像の高さに合わせて記述 */
   margin:auto ;

}
#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;
}



/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 481px) {
/*スライドショー*/
#slideshow {
   position: relative;
   width:  380px; /* 画像の横幅に合わせて記述 */
   height: 244.2854px;  /*画像の高さに合わせて記述 */
   margin:auto ;
}



}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 812px) {
/*スライドショー*/
#slideshow {
   position: relative;
   width:  500px; /* 画像の横幅に合わせて記述 */
   height: 321.428px;  /*画像の高さに合わせて記述 */
   margin:auto ;
}



}