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

    
 .label {
  position:absolute;
  color:white;
  padding:5px 15px; 
  margin-bottom: 10px;
}


.label-left-bottom {
  left:0px;
  bottom:0px;
}     

/*slideshow*/
#slideshow,
#slideshow02{
   position: relative;
   width:  100%; /* ボックスの横幅 640*/
   height: auto; /* ボックスの高さ 300*/
}
    
 
/*浮く対策 追加*/
#slideshow:before,
#slideshow02:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}
    
#slideshow p,
#slideshow02 p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: auto; /* ボックスの高さ 300*/
   width: 100%;/*浮く対策  追加*/
}

#slideshow p.active,
#slideshow02 p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active,
#slideshow02 p.last-active {
   z-index: 9;
}

#slideshow p img,
#slideshow02 p img {
   width:  100%; /* ボックスの横幅 640*/
   height: auto; /* ボックスの高さ 300*/
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}