@charset="utf-8" ;

*, *:before, *:after {
	padding:0;
	margin:0;
}


body {
	margin:0 auto;
	text-align: center;
	width:100%;
	background-color: white;
	font-family: "BIZ UDPGothic",Meiryo,"Hiragino Sans",sans-serif;
	background-color: #e0f8ff;
}
header img{
	width:100%;
}

h1 {
	margin: 0 0;
	color: #000;
	line-height: 130%;
	text-align: center;
	font-size: min(18pt, 4vw);
	text-shadow: 1px 1px 3px #aaf;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
	word-break:keep-all;
}
h1 i{
	color:#f00;
	font-style: normal;
	margin-left:1em;
}

article{
	text-align:center;
	width:100%;
	font-size:110%;
	line-height: 200%;
}

section{
	max-width:1920px;	
	padding:1em 0;
	border:0px solid #ddd;
	width:100%;
	text-align:center;	
	background-color: #aaa;
	margin: 0.5em 0;
}
section a{
	display:inline-block;
	margin:0.5em;
	border:4px solid #ddd;
	box-shadow: 0 0 8px 2px #bbb;
	line-height: 0;
	background-color: #eee;
	text-decoration: none;
	color:black;
}
section a i{
	color:green;
}
section img{
	width:100%;
}

section a:hover{
	margin:0.5em;
	border-color:#f00;
	box-shadow: 0 0 8px 2px #ee8;
}


p {
	font-family:"BIZ UDPGothic", Meiryo,sans-serif;
 	text-indent: 1em;
	text-align: left;
	margin: 0.5em 1em 0.5em 1em;
}

figure{
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#a00;
	line-height:120%;
}
figure img{
	width:100%;

}a


hr{
	margin:1em 0;
	background-color:#def;
	opacity:0.3;
}

footer{

	line-height:200%;
	background-color: #ddd;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
}
footer a{
	word-break:keep-all;

	margin-left:1em;
	color:blue;
}
footer a:hover{
	color:red;
	text-shadow:3px 3px 3px #C9C9F8;
}

#戻る:after{
	content:"戻る";
	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:0.5em;
	opacity:0.2;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
	text-decoration:none;
	color:blue;
}

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

nav{

}
nav a{
	display:inline-block;
	font-size:16pt;
	margin:0.1em ;
	opacity:0.5;
	border:1px solid #00f;
	padding:0.2em;
	border-radius:0.2em;
	background-color:white;
	text-decoration: none;

}
nav a:hover{
	opacity:1;
	border-color:red;
	text-decoration: underline;
	box-shadow: 0 0 8px 2px #ffa;
}
#リスト a{
	display:inline-block;
	font-size:16pt;
	margin:0.1em ;
	border:1px solid #00f;
	padding:0.2em;
	border-radius:0.2em;
	background-color:white;
	text-decoration: none;
}