@charset "utf-8";

html, body { 
  width:100%;
	background-image: url(../img/background.jpg); 
}


#contents{
  position: relative;
  width:100%;
  height: 95%;
  text-align: center;
}
#main{
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.lp img{
  width:80%;
}


.topslide{
padding-left: 3px;
padding-top: 3px;
position: fixed;
z-index: 20;
}
@media (max-width: 1000px) {
.topslide{
padding-left: 0px;
padding-top: 0px;
width:50px;
}
}

.topslide a img{
height:70px;
margin-right: 10px;
}	
@media (max-width: 1000px) {
   /* 横幅が320px以下の場合に適用するスタイル */
   .topslide a img{
	height:40px;
	margin-right: 5px;
	}
}