@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:#028;
	font-style: normal;
	margin-left:1em;
	font-size:90%;
}


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

section{
	vertical-align:top;
	display:inline-block;
	max-width:480px;
	width:100%;
	border:0px solid #ddd;
	background-color: #fff;
	box-shadow: 0 0 8px 2px #bbb;
	text-align:left;
	margin: 0.5em 0.5em;
}
section img{
	width:100%;
}
section#画像領域{
	margin:0;
	padding:0;
	border:0px solid #ddd;
	max-width:1200px;	
	width:100%;
	text-align:center;	
	background-color: #eee;
	margin: 0.5em 0;
}



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

figure{
	display:inline-block;
	width:100%;
	height:calc(45% + 3em);
	text-align:center;
	line-height:80%;
	padding-bottom:0.5em;
	color:#800;
}
figure img{
	width:100%;
}
figcaption{
	margin-top:0.5em;
}
figure.wide50{
	float:right;
	width:50%;
	margin:0.5em;
}

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

footer{
	margin-top:1em;
	padding:1em 0;
	line-height:200%;
	background-color: #f8f8f8;
	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.4;
	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;
}