@charset "UTF-8";
/*
Grid
------------------------------------------------*/
.Loading{
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  font-size: 0;
}
.Loading.-start .Loading-body{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: opacity 1s ease;
}
.Loading-body{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Loading-grid{
  width: 100%;
  height: 100%;
}
.Loading-grid.-hidden{
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}
.Loading .block{
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 769px){
  .Loading .block{
    width: 240px;
    height: 240px;
  }
}
@media screen and (max-width: 768px){
  .Loading .block{
    width: 198px;
    height: 198px;
  }
}
.Loading .obj{
  position: relative;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}
@media screen and (min-width: 769px){
  .Loading .obj{
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 768px){
  .Loading .obj{
    width: 50px;
    height: 50px;
    margin: 8px;
  }
}
.Loading .obj.-hidden{
  transition-duration: 1.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.Loading .obj.-show:before{
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: 1s ease;
}
.Loading .obj.-obj1.-show:before{
  transition-duration: 3s;
}
.Loading .obj.-obj2.-show:before{
  transition-duration: 2.7s;
}
.Loading .obj.-obj3.-show:before{
  transition-duration: 2.4s;
}
.Loading .obj.-obj4.-show:before{
  transition-duration: 2.1s;
}
.Loading .obj.-obj5.-show:before{
  transition-duration: 1.8s;
}
.Loading .obj.-obj6.-show:before{
  transition-duration: 1.5s;
}
.Loading .obj.-obj7.-show:before{
  transition-duration: 1.2s;
}
.Loading .obj.-obj8.-show:before{
  transition-duration: 1.1s;
}
.Loading .obj.-obj9.-show:before{
  transition-duration: 1s;
}
.Loading .obj:before , .Loading .obj:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.Loading .obj:before{
  content: "";
  background: #f6f7f7;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Loading .obj:after{
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
.Loading .obj.-obj1:after , .Loading .obj.-obj4:after , .Loading .obj.-obj7:after{
  background-image: url("../images/loading/mark_1.png");
}
.Loading .obj.-obj2:after , .Loading .obj.-obj5:after , .Loading .obj.-obj8:after{
  background-image: url("../images/loading/mark_2.png");
}
.Loading .obj.-obj3:after , .Loading .obj.-obj6:after , .Loading .obj.-obj9:after{
  background-image: url("../images/loading/mark_3.png");
}
.Loading .obj.-small{
  width: 45px;
  height: 45px;
  margin-top: -30px;
  margin-bottom: 0;
}
@media screen and (min-width: 769px){
  .Loading .obj.-small{
    transition-duration: 1s;
    margin-right: 8px;
    margin-left: 8px;
  }
}
@media screen and (max-width: 768px){
  .Loading .obj.-small{
    transition-duration: .8s;
    margin-right: 5px;
    margin-left: 5px;
  }
}
.Loading-catchcopy{
  width: 165px;
  margin: -80px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 768px){
  .Loading-catchcopy{
    margin-top: -65px;
  }
}
.Loading-catchcopy.-show{
  transition: 2.5s ease;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Edge12+（IE, Edge全て） */
_:-ms-lang(x) , .Loading .obj.-hidden{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

_:-ms-lang(x) , .Loading .obj.-hidden:before , .Loading .obj.-hidden:after{
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.2s;
}

_:-ms-lang(x) , .Loading-grid.-hidden{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

_:-ms-lang(x) , .Loading-grid.-hidden .obj{
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.2s;
}

/* tablet ちらつき対策 */
.-tablet .Loading .obj:after{
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.-tablet .Loading .obj.-show:after{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}