@charset "utf-8";

#loading {
  display:none;
  opacity:0;
  position:fixed;
  left:0;
  top:0;
  z-index:1001;
  width:100%;
  height:100%;
  background:rgb(255,255,255) url(images/home_bg_loading.jpg) center no-repeat;
  background-size:cover;
  font-size:16px;
  font-family:'Open Sans', '游ゴシック', 'YuGothic', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
  color:rgb(255,255,255);
}
#loading.active {display:table;}
#loading div.content {
  display:table-cell;
  vertical-align:middle;
  margin:0 auto;
  max-width:1080px;
  height:100%;
  text-align:center;
}
#home_load_logo, #home_load_message {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:90%;
  text-shadow:0 0 5px rgba(0,0,0,0.5);
  opacity:0;
}
#home_load_logo img {
  width:200px;
  height:auto;
}
#home_load_logo span {
  display:block;
  margin:1em 0 0;
  font-size:20px;
}
#home_load_message {
  font-size:20px;
  line-height:1.8;
  font-weight:normal;
}
#home_load_message strong {
  display:inline-block;
  margin:0.75em 0;
  font-size:200%;
  font-weight:bold;
}

#loading span.skip {
  position:absolute;
  left:50%;
  bottom:2em;
  margin-left:-3em;
  padding:0.5em 2em;
  background-color:rgba(0,0,0,0.1);
  border:1px solid rgb(255,255,255);
  border-radius:4px;
  font-size:1rem;
  line-height:1;
  font-family:'Open Sans', sans-serif;
  color:rgb(255,255,255);
  text-transform:uppercase;
  cursor:pointer;
}
#loading span.skip:hover {
  background-color:rgb(255,255,255);
  color:rgb(13,94,166);;
}

@media only screen and (max-width:768px) {
  #loading {background-image:url(images/mb_home_bg_loading.jpg);}
  #home_load_logo img {width:14em;}
  #home_load_message {font-size:3.8vw;}
  #home_load_message strong {font-family: 'HiraKakuProN-W6', 'Roboto', sans-serif;}
  #loading span.skip {
    bottom:1em;
    margin-left:-2em;
    padding:0.5em 1em;
    font-size:0.85rem;
  }
}