@charset "utf-8";

/*===========================================================================*/
/*アニメーション設定*/


.a0{ opacity: 0; }
.alpha0_blur{ opacity: 0; }


.fv_h1 h1{
	-webkit-animation: alpha_start 1s forwards;
	animation: alpha_start 1s forward;
}
.fv_h1 .location_images,
.fv_h1 .thumb{
	-webkit-animation: left_start 1s forwards .5s;
	animation: left_start 1s forward .5s;
}

.title_block_anime .title_block{
	-webkit-animation: right_start 1s forwards;
	animation: right_start 1s forward;
}

.main_photo_block_anime{
	-webkit-animation: left_start 1s forwards;
	animation: left_start 1s forward;
}

.photoitem_anime{
	-webkit-animation: bottom_start 1s forwards;
	animation: bottom_start 1s forward;
}

.ltp_anime .inner{
	-webkit-animation: bottom_start 1s forwards;
	animation: bottom_start 1s forward;
}



/*透明度*/

@keyframes alpha_start {
	100% {opacity: 1; }
}


/*透明スタート　右から出てくる*/

@keyframes left_start {
	0% {transform: translate(20px, 0px); }
	100% {transform: translate(0px, 0px); opacity: 1; }
}


/*透明スタート　左から出てくる*/

@keyframes right_start {
	0% {transform: translate(-20px, 0px); }
	100% {transform: translate(0px, 0px); opacity: 1; }
}


/*透明スタート　下から出てくる*/

@keyframes bottom_start {
	0% {transform: translate(0px, 20px); }
	100% {transform: translate(0px, 0px); opacity: 1; }
}



/*画像切り替えで使う*/

.change_thisimage_alpha{ opacity: .4; }

.change_image_alpha{
opacity: 0.5;
	-webkit-animation: change_image_anime 1s forwards;
	animation: change_image_anime 1s forward;
}

@keyframes change_image_anime {
	100% {opacity: 1; }
}