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

/*アニメーション*/

/*=============================================
    可視画面に入ってからゆっくりフェイドイン(animation.js)
===============================================*/
.effect div {
  margin: auto;
  transition: .5s;
  transition-delay: .5s;
}


/*=================================================
    画像切り替え(animation.js)
===================================================*/
/*---大画面---*/
#photoshow_01 { /*id名追加したときはanimation.jsにも追加する*/
    position:relative;
	height: 275px;
}
@media only screen and (max-width:849px) {/*小画面*/
	#photoshow_01 { /*id名追加したときはanimation.jsにも追加する*/
	    margin: 0 auto 300px;
	}
}

#photoshow_01 img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
@media only screen and (max-width:849px) {/*小画面*/
	#photoshow_01 img {
		top: 0;
		left: 50%;
		-ms-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		 margin:0;
		 padding:0;
	}
}

#photoshow_01 img.active {
    z-index:10;
}

#photoshow_01 img.last-active {
    z-index:9;
}