/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

.wrap{
	justify-content:center;
}
.inner{
	max-width:1000px;
	margin-inline:auto;
}
.dib{
	display:inline-block;
}

.nowrap{
	white-space:nowrap;
}

/*ハンバーガーメニュー*/
.vk-mobile-nav-menu-btn {
   border: none;
   background-image: url("https://elastin.alphatest0421.com/wp-content/uploads/2023/06/humb.png");
	background-size: cover;
	background-color:transparent;
}
.vk-mobile-nav-menu-btn.menu-open {
	border: none;
	background-image: url("https://elastin.alphatest0421.com/wp-content/uploads/2023/06/humb-open.png");
	background-size: cover;
	background-color:transparent;
}

/*動き*/

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 左から */

.fadeLeft{
	animation-name:fadeLeftAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}