@charset="utf-8" ;
*, *:before, *:after {
	padding:0;
	margin:0;
}

body {
	margin:0 auto;
	line-height: 175%;
	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;
}
h1 i{
	font-size:80%;
	color:#082;
	font-style: normal;
}


article{
	text-align:center;
	width:100%;
}

section{
	vertical-align:top;
	display:inline-block;
	max-width:450px;
	width:100%;
	border:1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 0 8px 2px #bbb;
	margin:0.5em;
	padding:0.5em;
	text-align:left;
}
p {
	font-family:"BIZ UDPGothic", Meiryo,sans-serif;
 	text-indent: 1em;
	text-align: left;
	margin: 0 1em 0 1em;
}

section img{
	float:right;
	width:200px;
	margin:0 1em;
}
section#来賓の皆様 img{
	float:right;
	width:150px;
	margin:0 1em;
}
.司会{
	color:#804;
	margin-top:0.5em;
}

.司会 p{
	margin-left:1em;
}
.観客{
	color:#084;
	margin-left: 3em;
	text-indent:-2em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.発言者{
	margin:0.1em 0.5em;
	width:200px;
	max-width:50%;
	text-align:center;
	color:#066;
	line-height:120%;
} 


.来賓写真 img{
	width:100%;
}

hr{
	margin:1em 0;
	background-color:#def;
	opacity:0.3;
}
div.他来賓box{
	display:inline-block;
	vertical-align:top;
	width:350px;
	background-color: #fff;
	box-shadow: 0 0 8px 2px #bbb;
	margin:0.5em;
	padding:0.5em;
}

.来賓imgBox a{
	border:2px solid blue;
	display:inline-block;
	width:150px
	height:150px;
	line-height:0;
}

.来賓imgBox a:hover{
	border-color:red;
	box-shadow: 0 0 8px 2px #faf;
}

h2{
	margin: 0.5em 0;
	color:  #38c;
	text-align: center;
	font-size: 16pt;
	line-height : 130%;

}


footer{
	background-color: #f8f8f8;
	font-family:"HG明朝E",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
}
footer a{
	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;
}