@charset "utf-8";
/* ===================== open ==== */
body.page--open #splash img {
  opacity: 0;
  filter: blur(5px);
}
body.page--open #splash {
  opacity: 0;
  filter: blur(5px);
}
body.page--open2 #splash {
  pointer-events: none;
  visibility: hidden;
}
body#page_front .list_mainNav a, body .slide_link .link_text {
  opacity: 0;
  transform: translateY(-30px);
  transition: all 1.2s;
}
body .slide_link .link_text {
  transition: all 1.2s ease .3s;
}
body#page_front.page--open2 .list_mainNav a, body.page--open2 .slide_link .link_text {
  opacity: 1;
  transform: translateY(0);
}
body#page_front.page--open2 .list_mainNav .hov--off, body.page--open2 .slide_link .link_text .hov--off {
  -webkit-animation: link--off 1s ease 0s;
  animation: link--off 1s ease 0s;
}
body#page_front.page--open2 .list_mainNav a::after, body.page--open2 .slide_link .link_text  a::after {
  -webkit-animation: link--on 1s ease 0s;
  animation: link--on 1s ease 0s;
}
body.page--open2 .list_mainNav li:nth-child(1) span {
  animation-delay: .1s;
}
body.page--open2 .list_mainNav li:nth-child(2) span {
  animation-delay: .2s;
}
body.page--open2 .list_mainNav li:nth-child(3) span {
  animation-delay: .3s;
}
body.page--open2 .list_mainNav li:nth-child(4) span {
  animation-delay: .4s;
}
body.page--open2 .list_mainNav li:nth-child(5) span {
  animation-delay: .5s;
}
body.page--open2 .list_mainNav li:nth-child(6) span {
  animation-delay: .6s;
}
body.page--open2 .slide_link .link_text .hov--off, body.page--open2 .slide_link .link_text .hov--on {
  animation-delay: .6s;
}
/**/
.block_frontSlide {
  opacity: 0;
  transform: scale(1.05) rotateZ(-1deg);
  transition: all 2.5s ease .7s;
}
body.page--open .block_frontSlide {
  opacity: 1;
  transform: scale(1) rotateZ(0);
}
body#page_front header .h_logo img {
  transform: translateY(-40px);
  transition: all 1.5s;
}
body#page_front.page--open2 header .h_logo img {
  transform: translateY(0);
}
/* ===================== animation ==== */
.touch--anime {
  transition: opacity .3s;
}
@media all and (min-width:768px) {
  .touch--anime:not(.nopacity):hover {
    opacity: .7;
  }
}
@media all and (max-width:767px) {
  .touch--anime:not(.nopacity).touch--start {
    opacity: .7;
  }
}
.scroll--anime {
  transition: all 1s ease .1s;
}
.scroll--anime.fuwa {
  opacity: 0;
  transform: scale(.95);
}
.scroll--anime.fuwa.scroll--start {
  opacity: 1;
  transform: scale(1)
}
.scroll--anime.fuwa--up {
  transform: translateY(30px);
  opacity: 0;
}
.scroll--anime.fuwa--up.scroll--start {
  transform: translateY(0px);
  opacity: 1;
}
.scroll--anime.fuwa--down {
  transform: translateY(-30px);
  opacity: 0;
}
.scroll--anime.fuwa--down.scroll--start {
  transform: translateY(0px);
  opacity: 1;
}
.scroll--anime.fuwa--right {
  transform: translateX(-30px);
  opacity: 0;
}
.scroll--anime.fuwa--right.scroll--start {
  transform: translateX(0px);
  opacity: 1;
}
.scroll--anime.fuwa--left {
  transform: translateX(30px);
  opacity: 0;
}
.scroll--anime.fuwa--left.scroll--start {
  transform: translateX(0px);
  opacity: 1;
}
.scroll--filter {
  position: relative;
  overflow: hidden;
}
.scroll--filter::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 2s ease .3s;
  z-index: 10;
}
.scroll--filter.filter--left.scroll--start::before {
  left: -110%;
}
.scroll--filter.filter--right.scroll--start::before {
  left: 110%;
}
.scroll--filter.filter--up.scroll--start::before {
  top: -110%;
}
.scroll--filter.filter--down.scroll--start::before {
  top: 110%;
}
@-webkit-keyframes scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes diffusion {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0;
  }
  55% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes diffusion {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0;
  }
  55% {
    transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes diffusion2 {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0;
  }
  55% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes diffusion2 {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0;
  }
  55% {
    transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes link--off {
  0% {
    transform: translateY(0em);
    opacity: 1;
  }
  100% {
    transform: translateY(1em);
    opacity: 0;
  }
}
@keyframes link--off {
  0% {
    transform: translateY(0em);
    opacity: 1;
  }
  100% {
    transform: translateY(1em);
    opacity: 0;
  }
}
@-webkit-keyframes link--on {
  0% {
    transform: translateY(-1em);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes link--on {
  0% {
    transform: translateY(-1em);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes bokashi {
  0% {
    transform: scale(1.05) rotateZ(-1deg);
  }
  100% {
    transform: rotateZ(0);
  }
}
@keyframes bokashi {
  0% {
    transform: scale(1.05) rotateZ(-1deg);
  }
  100% {
    transform: rotateZ(0);
  }
}
@-webkit-keyframes uSplash {
0% {
	opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes uSplash {
0% {
	opacity: 1;
  }
  100% {
    opacity: 0;
  }
}