@charset "UTF-8";
html{
     	background-color:#cdd;
      margin:0px;
	padding:0px;
	font-family: "BIZ UDPGothic",Meiryo,"Hiragino Sans",sans-serif;
}
body {
	text-align: left;
	margin:0;
	padding: 0;
	width:100%;
}
main{
	background-color:#ddd;
	width:100%;
	max-width:750px;
	margin:0 auto;

}
header{
}

article {
	background-color:white;
	width:100%;
	padding-top:1em;
	padding-bottom:2em;
	margin:1em 0;
	text-align:left;
}
p{
	margin:0.5em 1em;
	margin-left:2em;
}
p a{
	text-decoration: none;
	color:black;
}
p a:hover{
	text-decoration: underline;
	color:blue;
	text-shadow:3px 3px 3px #C9C9F8;
}
p.center{
	text-align:center;
}
h1{
	margin-left:1em;
}
h1#img1::before{
	 content: "";
	 display: inline-block;
	 width: 1.25em;
	 height: 1.25em;
	 background-image: url("img/1.webp");
	 background-size: contain;
	 background-repeat: no-repeat;
	position:relative;
	top:10px;
	 margin-right: 8px;
}

h2{
	margin-left:2em;
}
#img2 {
	 display: block;
	margin-bottom:-15px;
}
#img2 img{
	width:100px;
	animation-name: key這う;
	animation-duration: 120s;
	animation-timing-function: linear;
	animation-delay: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: backwards;
}

@keyframes key這う {
  0% {
	margin-left:0%;
  }
  100% {
	margin-left:90%;
  }
}

#img3{
	width:80px;
	margin-left:80%;
	width:100px;
	animation-name: key這う3;
	animation-duration: 120s;
	animation-timing-function: linear;
	animation-delay: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: backwards;
}

@keyframes key這う3 {
  0% {
	margin-left:80%;
  }
  100% {
	margin-left:10%;
  }
}


h1#sub{  
	margin:0 1em;
	color: #000;
	padding:0.5em 3em;
	background-color:white;
	text-align:center;
	margin:0 1em;
	font-size:12pt;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
	text-shadow:3px 3px 3px #C9C9F8;
	word-break:keep-all;
	border:2px solid black;
}
h2{
	
}
hr{
	color:#ddd;
}


#戻る{
	position:fixed;
	top:0.1em;
	left:0.1em;
	font-size:20pt;
	padding:0.2em;
	width:3.5em;
	border:2px solid gray;
	text-align:center;
	border-radius:1em;
	opacity:0.3;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
	text-decoration: none;
}

#戻る:hover{
	opacity:1;
	border-color:red;
	background-color:white;
	text-shadow:3px 3px 3px #C9C9F8;
	color:red;
}

footer{
	text-align:center;
	padding:1em;
}
footer p{
	background-color:white;
	display:inline;
	padding:0.5em 1em;
}