@charset "UTF-8";

.anime_obj{
	position: absolute;
}

.crowd_obj{
	z-index: 4;
}

@keyframes updown_anime {
  0%  { transform: translate(0px, 0);}
  25% { transform: translate(0px, 6%);}
	50%  { transform: translate(0px, 0);}
  75% { transform: translate(0px, -6%);}
	100%  { transform: translate(0px, 0);}
}

.updown_anime{
  animation: updown_anime 2s linear infinite;
}

@keyframes rotate_anime {
  0%  { transform: rotate(-15deg);}
	50% { transform: rotate(15deg);}
  100% { transform: rotate(-15deg);}
}

.rotate_anime{
	transform-origin: 50% 50%;
	transform: rotate(0deg);
	animation: rotate_anime 2s linear infinite;
}

#top_anime img{
	width: 100%;
	vertical-align: bottom;
}

#top_anime{
	line-height: 0;
	position: relative;
	top: -1px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../img/top_anime_main_bg.jpg");
	overflow:  hidden;
	width: 100%;
}

#top_anime_block{
	height: 100%;
	position: relative;
	max-width: 960px;
	min-width: 960px;
	margin: 0 auto;
}

#top_anime_block_in{
	padding-bottom: 16.6666%;
}

#top_anime_block_content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#top_anime_shishimai_move01{
	/*width: 22.4%;*/
	width: 18%;
	top: 12.75%;
	z-index: 3;
	left: calc(100% + (100vw - 100%) / 2) ;
	transition: left 2.5s linear 0s;
}

.top_active #top_anime_shishimai_move01{
	left: calc( ((100vw - 100%) / 2 * -1) - 22.4%);
}


@media screen and (max-width: 960px ){
	#top_anime_shishimai_move01{
		left: 100%;
	}

	.top_active #top_anime_shishimai_move01{
		left: -22.4%;
	}
}


@media screen and (max-width: 667px ){
#top_anime_block{
	min-width: 100%;
}
}



#top_anime_present01{
	width: 9.166%;
	top: 8.75%;
	left: 45.47%;
	z-index: 1;
	opacity: 	0;
	transition: opacity 0s ease 1.25s,transform 0.2s ease 1.25s;
	transform: scale(0.2,0.2) translate(-100%,-100%);
}

.top_active #top_anime_present01{
	opacity: 1;
	transform: scale(0.6,0.6) translate(0%,0%);
}

/*#top_anime_mountain{
	width: 44%;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity 2s linear 2s;
    transition-delay: 2s;
	right: 0;
	margin: auto;
}

.top_active #top_anime_mountain{
	opacity: 1;
}*/
#top_anime_mountain01 {
    width: 49%;
    left: -22px;
    right: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
}
#top_anime_mountain02 {
    width: 49%;
    left: -22px;
    right: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
	opacity: 0.5;
}
#top_anime_sun{
	width: 34.27%;
	top: 6.25%;
	left: 18.64%;
	opacity: 0;
	transition: opacity 2s linear 2s;
}

.top_active #top_anime_sun{
	opacity: 1;
}

/* .top_active2  */

.top_active2{
	
}

.top_active2 #top_anime_shishimai_move01{
	display: none;
}

/*
.top_active2 #top_anime_present01{
	transition: transform 2s ease 0s;
	transform: scale(1,1) translate(0%,0%);
}*/


/* .top_active3  */

.top_active3 #top_anime_present01{
	transition: opacity 0s ease 0.6s;
	opacity: 0;
}

#top_anime_cloud01{
	top: 51%;
	left: 42%;
	width: 5.52%;
	z-index: 6;
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(0.8,0.8);
	transition: opacity 1s ease 0s,transform 1s ease 0s;
}

.top_active3 #top_anime_cloud01{
	opacity: 1;
	transform: scale(1,1);
}

#top_anime_cloud02{
	width: 9.53%;
	top: 33%;
	left: 48%;
	z-index: 5;
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(0.8,0.8);
	transition: opacity 1s ease 0.2s,transform 1s ease 0.2s;
}

.top_active3 #top_anime_cloud02{
	opacity: 1;
	transform: scale(1,1);
}

#top_anime_cloud03{
	top: 14%;
	left: 43.5%;
	width: 12.81%;
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(0.8,0.8);
	transition: opacity 1s ease 0.4s,transform 1s ease 0.4s;
}

.top_active3 #top_anime_cloud03{
	opacity: 1;
	transform: scale(1,1);
}

/* .top_active4  */


.top_active4 #top_anime_cloud01{
	opacity: 0;
	transition: opacity 0.4s ease 0s;
}

.top_active4 #top_anime_cloud02{
	opacity: 0;
	transition: opacity 0.4s ease 0s;
}

.top_active4 #top_anime_cloud03{
	opacity: 0;
	transition: opacity 0.4s ease 0s;
}

#top_anime_gyudon{
	width: 13.85%;
	top: 17.81%;
	left: 43.02%;
	z-index: 2;
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(0.6, 0.6);
	transition: opacity 0s ease 0.3s, transform 0.4s ease 0.3s;
}



.top_active4 #top_anime_gyudon{
	opacity: 1;
	transform: scale(1,1);
}

.product_flash{
	display: none;
}

/*
.product_flash{
	position: absolute;
	opacity: 0;
	width: 5.2%;
	transform-origin: 50% 50%;
	transition: opacity 0.2s ease 0s;
}

.flash_anime{
	opacity: 1 !important;
}

#product_flash01{
	top: 0%;
	left: 41%;
}

#product_flash02{
	top: 7%;
	left: 53%;
}

#product_flash03{
	top: 37%;
	left: 39%;
}

#product_flash04{
	top: 45%;
	left: 55%;
}

#product_flash05{
	top: 60%;
	left: 41%;
}

#product_flash06{
	top: 62%;
	left: 53%;
}*/

/* #top_anime_text01 */

.top_active3 #top_anime_cloud01,
.top_active3 #top_anime_cloud02,
.top_active3 #top_anime_cloud03{
	display: none;
}


#top_anime_text01{
	width: 10%;
	/*top: 29.16%;*/
	top: 32.16%;
	left: 1.56%;
	/*opacity: 0;*/
	transition: opacity 1s ease 0s;
	display: none;
}

.top_active5 #top_anime_text01{
	opacity: 1;
}

#top_anime_text02{
	width: 10%;
	top: 31.11%;
	left: 19.27%;
	/*opacity: 0;*/
	transition: opacity 1s ease 0.2s;
	display: none;
}

.top_active5 #top_anime_text02{
	opacity: 1;
}

#top_anime_text03{
	width: 10%;
	top: 31.11%;
	right: 19.27%;
	/*opacity: 0;*/
	transition: opacity 1s ease 0.4s;
	display: none;
}

.top_active5 #top_anime_text03{
	opacity: 1;
}

#top_anime_text04{
	width: 10%;
	top: 31.11%;
	right: 1.56%;
	/*opacity: 0;*/
	transition: opacity 1s ease 0.6s;
	display: none;
}
#top_anime_shimenawa {
    width: 14%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.top_active5 #top_anime_text04{
	opacity: 1;
}

#top_anime_tree{
	width: 11.56%;
	top: 100%;
	left: 47.29%;
	transition: left 0.4s ease 0s,top 0.4s ease 0s;
}

.top_active6 #top_anime_tree{
	top: 6.562%;
	left: 37.29%;
}

#top_anime_shishimai{
	width: 14.79%;
	top: 100%;
	left: 41.46%;
	transition: left 0.4s ease 0.2s,top 0.4s ease 0.2s;
}

.top_active6 #top_anime_shishimai{
	top: 5%;
	left: 51.46%;
}


#top_anime_mountain01{
	display: none;
}
#top_anime_mountain02{
	display: none;
}
#top_anime_shimenawa{
	display: none;
}