@charset "UTF-8";

@charset "utf-8";
/*----------------ファーストビュー動き--------------------*/
body:not(.edit_view) #mv_outer::before{
	animation: mvText 1.5s 1.5s both;
}
body:not(.edit_view) #mv_outer::after{
	animation: mvText 1.5s 2s both;
}
@keyframes mvText{
 0% {
  opacity:0;
	transform: translateY(20px);
 }
 100% {
  opacity:1;
	transform: translateY(0px);
 }
}
body:not(.edit_view) #mv .mv_img{
	animation: mvImg 1.5s 2.5s both;
}
@keyframes mvImg {
 0% {
	opacity:0;
	transform: translateX(50px);
 }
 100% {
	opacity:1;
	transform: translateX(0px);
 }
}
/*----------------top動き--------------------*/
#top_text+section.show .heading,
#top_text+section.show .inner_item_txt,
#top_photo1+div.show,
#top_text+section.show::before,
#top_3col+div .inner_item.show,
#top_chara+section.show .inner_item_img img,
#top_more+div .inner_item.show ,
#top_more+div .block_header_6.show,
#top_2col+div .inner_item.show,
#top_access+section.show .inner_item_img,
#top_access+section.show .inner_item_txt{
	opacity: 0;
}
#top_text+section.showActive .heading{
    animation: poyoyon 1.5s ease 1.5s forwards 1 normal;
}
@keyframes poyoyon {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
	  opacity: 1;
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
#top_photo1+div.showActive{
	animation: showFromRight 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s forwards;
	transform-origin: right center;
}
@keyframes showFromRight {
 0% {
	opacity:0;
	transform: scale(0.1, 1);
 }
 100% {
	opacity:1;
	transform: scale(1, 1);
 }
}
#top_text+section.showActive .inner_item_txt{
	animation: showFromBottom 0.5s 1.5s forwards;
}
@keyframes showFromBottom {
 0% {
	opacity:0;
	transform: translateY(50px);
 }
 100% {
	opacity:1;
	transform: translateY(0px);
 }
}
#top_text + section.showActive::before{
   animation: step01 2s ease-in-out 2s forwards;
}
@keyframes step01 {
	0% {
		opacity: 0;
		transform: translate(0, 0);
	}
	25% {
		opacity: 1;

		transform: translate(-6px, -12px) rotate(-2deg);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	75% {
		opacity: 1;
		transform: translate(6px, -12px) rotate(2deg);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
#top_3col+div .inner_item.showActive,
#top_more+div .inner_item.showActive{
	animation: fadeIn01 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
#top_3col+div .inner_item.showActive:nth-of-type(1){
	animation-delay: 1s;
}
#top_3col+div .inner_item.showActive:nth-of-type(2){
	animation-delay: 1.3s;
}
#top_3col+div .inner_item.showActive:nth-of-type(3){
	animation-delay: 1.6s;
}
@media screen and (max-width: 500px){
	#top_3col+div .inner_item.showActive:nth-of-type(1){
	animation-delay: 0.5s;
	}
	#top_3col+div .inner_item.showActive:nth-of-type(2){
		animation-delay: 0.8s;
	}
	#top_3col+div .inner_item.showActive:nth-of-type(3){
		animation-delay: 1.1s;
	}
}
#top_more+div .inner_item.showActive:nth-of-type(1){
	animation-delay: 1.7s;
}
#top_more+div .inner_item.showActive:nth-of-type(2){
	animation-delay: 2.0s;
}
#top_more+div .inner_item.showActive:nth-of-type(3){
	animation-delay: 2.3s;
}
@keyframes fadeIn01 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 60px) rotate(15deg);
            transform: translate3d(0, 30px, 60px) rotate(15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

#top_chara+section.showActive .inner_item_img img{
	animation: fadeIn02 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s forwards, poyoyon 1.5s ease 2s forwards 1 normal;
}
@keyframes fadeIn02{
  0% {
    opacity: 0;
	transform: scale(0, 0);
  }
  100% {
    opacity: 1;
	transform: scale(1, 1) 
  }
}
#top_more+div .block_header_6.showActive{
	animation: showFromBottom 1s ease 0.5s forwards;
}
#top_2col+div .wrapper_item{
	justify-content: center;
}

#top_2col+div .inner_item.showActive{
	animation: showFromBottom 1s ease 1s forwards;
}
#top_2col+div .inner_item.showActive:nth-of-type(2){
	animation-delay: 1.5s;
}
#top_2col+div .inner_item.empty.showActive:nth-of-type(2){
	display: none;
}
/*------------------------------------*/
#top_access+section.showActive .inner_item_img,
#top_access+section.showActive .inner_item_txt{
	animation: showFromLeft 0.8s ease 1s forwards;
}
#top_access+section.showActive .inner_item_txt{
	animation-delay: 2.1s;
}
@keyframes showFromLeft {
 0% {
	opacity:0;
	transform: translateX(-50px);
 }
 100% {
	opacity:1;
	transform: translateX(0px);
 }
}

