/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2023 | 05:14:42 */
/*オープニングアニメーション｜シャッター*/

div.sticky-container{
  position:relative;
}

#opening-animation{
  position:fixed;
  top:0;
  left:0;
  height:100vh;
  width:100vw;
  margin: 0 calc(50% - 50vw);
  background-color:#555;
  z-index:9999;
  animation: byeShutter 2.0s forwards;
}

#opening-animation::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  width: 0;
  height: 1px;
  animation: shutterOpen 2.0s forwards;
}

@keyframes byeShutter {
  70%  {opacity: 1;}
 100% {opacity: 0; display: none; z-index: -1;}
}

@keyframes shutterOpen {
  0% {opacity:0.3; width: 0; height: 1px;}
  25% {opacity:1; height: 1px;}
  50% {opacity:0.3; width: 100%; height: 1px;}
  90% {width: 100%; height: 100%;}
  100% {width: 100%; height: 100%;}
}