@charset "utf-8";
    html,body{
     height:100%;
     position: relative;
   }
    #anime_area{
      top:0;
      width:100%;
      height: 100%;
      z-index: 8888;

   }
    .blockthree{
      top:0;
      position: fixed;
      width:100%;
      height: 100%;
      z-index: 9999;
    }
    .blockone {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit- transform: translateY(-50%) translateX(-50%);
    }

    .blocktwo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit- transform: translateY(-50%) translateX(-50%);
      height:100%;    
	margin-top:40px;
    }


    .blockone img {
      width: 100%;
    }
    .blocktwo img {
      width: 100%;
      
    }
    .logo2_1,
    .logo2_2 {
    }
    .logo2_3 {
      text-align: left;
    }
  .display_none{
     display: none;
  }
    #skip {
      position: absolute;
      right: 5%;
      bottom: 5%;
    }
  .mainSite,#suntoryCommonFooter {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
  -ms-animation: fadeIn 3s ease 0s 1 normal;
}
.sp{display: none;}

@media screen and (max-width:768px) { 
  .sp{display: initial;}
  .pc{display: none;}
  #anime_area{width: 100%;margin: 0 auto;}
  .blockone {
      width: 70%;
    }
    .blocktwo  {
      width: 95%;
    }
  #skip {
      width: 15%;
    }
    .logo2_3{
      margin-left:-3%; 
    }
}