@charset "shift_jis";

/*   1.Main Visual
----------------------------------------------------------- */

#preloader{

  width:100%;
  height:100vh;
  margin:0;
  padding:0;
  background:#111;
  z-index:99999;
position:fixed;
top:0;
left:0;

transition-timing-function:ease-out;
  -webkit-animation: opacity 4s forwards;
          animation: opacity 4s forwards;
}
#preloader .item{
width:350px;
	height:148px;
	position: fixed;
	top:50%;
	left:50%;
	margin-left:-175px;
	margin-top:-103px;
	  background:url(../images/common/title.png);
	  text-indent:-9999999px;

  z-index:1000000;
}

@keyframes opacity {
  50%   { opacity: 1; }

  100%  { opacity:0; }
}


@media  (max-width: 900px) {
#preloader{

  width:100%;
  height:100vh;
  background:#111;
  z-index:99999;
position:fixed;
top:0;
left:0;

transition-timing-function:ease-out;
  -webkit-animation: opacity 8s forwards;
          animation: opacity 8s forwards;
}
#Header h1 {
width:210px;
	height:89px;
	position: fixed;
	top:50%;
	left:50%;
	margin-left:-105px;
	margin-top:-44px;

	  background:url(../images/common/title.png);
	    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	  text-indent:-9999999px;

}

#preloader .item{
width:210px;
	height:89px;
	position: fixed;
	top:50%;
	left:50%;
	margin-left:-105px;
	margin-top:-44px;
	  background:url(../images/common/title.png);
	    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	  text-indent:-9999999px;

  z-index:1000000;
}
footer #Address {
	font-weight:100;
	font-family: 'MuseoModerno', sans-serif;
	letter-spacing:1px;
	position:fixed;
	line-height:40px;
	height:40px;
	width:100%;
	text-align:center;
	bottom:0;
	color:#ffffff;
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
}


}