@charset "UTF-8";
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html{
       background-color:#cef;
	padding:0;
	margin:0;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
}

body {

}

#戻る{
	position:fixed;
	top:0.5em;
	left:0.5em;
}
#校庭{
	position:fixed;
	top:0.5em;
	right:8em;
}

header nav a{
	text-decoration:none;
	position:fixed;
	font-size:2vw;
	top:0.1em;
	background-color:#fff;
	padding:0.3em;
	border-radius:0.5em;
	border:1px solid white;
	opacity:0.3;
}

header nav a:hover{
	color:blue;
	border:1px solid red;
	opacity:1;
}

header{
	width:100%;
	text-align:center;
	font-size:1vw;
}

header a{
	background-color:#fff;
	text-decoration:none;
	padding:0.5em 1em;
	border:1px solid tranceparent;
	border-radius:1em;
}
header a:hover{
	border:1px solid red;
	background-color:white;
	text-decoration:none;
	text-shadow:3px 3px 3px #C9C9F8;

}

h1{ 
	color: #000;
	font-size:2vw;
	text-shadow:3px 3px 3px #C9C9F8;
}


#list {
	padding:2vh 0;
	text-align:center;
	line-height:200%;
	background-color:#272;	
}


#list div{
   display: inline-block;
	width:200px;
	height:125px;
	overflow: hidden;
	 cursor: pointer;
	line-height:100%;
	background-color:white;
	color:black;

}
#list  img{
  width: 100%;
}

#list a:hover img{
  transform: scale(1.5);
  transition-duration: 0.5s;
}	
#list a{
   display: inline-block;
}
}
#list a:hover{
	background-color: #ffe;
	color:red;
}

footer{
	background-color: #cef;	
	text-align:center;
	padding:1em;
}