@charset "utf-8";
/* CSS Document */



  



body{
	width: 80%;
	margin: 0 auto;
	
	/* 画像ファイルの指定 */
  background-image: url("../img/bg1.jpg");
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #FDE1FF;
	

}

#main{
	
	width: 50%;
	margin: 100px auto;
background-color: rgba(255,255,255,0.80)

	
}


h1   {
	
	text-align: center;
	color: #A52323;
	text-shadow: 1px 1px 2px silver;
	margin-top: 20px;
	margin-left: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
	
}

img#logo  {

	width: 40%;
	height:  40%;
	padding-left: 30%;
	
}

img.b{
	width: 40%;
	height: 40%;

}

p {
	text-align: auto;
	margin: 10px 10px 10px 10px;
}

#enter {
	float: left;
	margin:10px 100px 10px 10px;
　   
}


#exit{
	text-align: 10 right;
	margin:10px 10px 10px auto;
	
}

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

@media screen and ( max-width:969px )
{
	#body{max-width:100vw;
		font-size: 10vp;
		hight:auto;}
	img#enter{width:  80vw}
	img#exit{width: 80vw}
	overflow-x: scroll;
    -webkit-overflow-scrolling: touch;

}