@charset "UTF-8";

/* Loading animation */
.Wrapper_initialLoading .LoadingIcon {
  width: 18px;
  height: 18px;
  position: relative;
}

.Wrapper_initialLoading .Loading {
  position: absolute;
  background-color: #FFF;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  -webkit-animation-name: Wrapper_initialLoading_Loading_animation;
  animation-name: Wrapper_initialLoading_Loading_animation;
  -webkit-animation-duration: 1.04s;
  animation-duration: 1.04s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  animation-direction: linear;
}
.Wrapper_initialLoading .Loading_1 {
  left: 0;
  top: 7px;
  -webkit-animation-delay: 0.39s;
  animation-delay: 0.39s;
}
.Wrapper_initialLoading .Loading_2 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.52s;
  animation-delay: 0.52s;
}
.Wrapper_initialLoading .Loading_3 {
  top: 0;
  left: 7px;
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.Wrapper_initialLoading .Loading_4 {
  left: 12px;
  top: 2px;
  -webkit-animation-delay: 0.78s;
  animation-delay: 0.78s;
}
.Wrapper_initialLoading .Loading_5 {
  left: 14px;
  top: 7px;
  -webkit-animation-delay: 0.9099999999999999s;
  animation-delay: 0.9099999999999999s;
}
.Wrapper_initialLoading .Loading_6 {
  left: 12px;
  top: 12px;
  -webkit-animation-delay: 1.04s;
  animation-delay: 1.04s;
}
.Wrapper_initialLoading .Loading_7 {
  left: 7px;
  top: 14px;
  -webkit-animation-delay: 1.1700000000000002s;
  animation-delay: 1.1700000000000002s;
}
.Wrapper_initialLoading .Loading_8 {
  left: 2px;
  top: 12px;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

@-webkit-keyframes Wrapper_initialLoading_Loading_animation {
  0% {-webkit-transform: scale(1);}
  40% {-webkit-transform: scale(0.8);}
  100% {-webkit-transform: scale(0.3);}
}
@keyframes Wrapper_initialLoading_Loading_animation {
  0% {transform: scale(1);}
  40% {transform: scale(0.8);}
  100% {transform: scale(0.3);}
}

.Wrapper_initialLoading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* bodyにposition: static;
   .Wrapper_initialLoadingと同要素に.Overlay.Pisiotionが必要
   (.Wrapper_initialLoading.Overlay.Position) */

.Wrapper_initialLoading {
  text-align: center;
  background-color: #F5F5F5;
  color: #999;
  pointer-events: none;
}
@supports (touch-action: none) {
  .Wrapper_initialLoading {
    touch-action: none;
    pointer-events: auto;
  }
}
.Wrapper_initialLoading .LoadingIcon {
  display: inline-block;
}
.Wrapper_initialLoading .Loading {
  background-color: #BBB;
}
/*
 * JSが動く前から真ん中に表示されないといけない
 */
body:not([data-support-flexbox-property]) .Wrapper_initialLoading{
  display: flex;/* css3 */
  align-items: center;
  justify-content: center;
}

.Wrapper_initialLoading .Store_Logo {
  width: 160px;
}
.SplashScreen_Center > * {
  margin-top: 10px;
}