@charset "utf-8";
header {
		width: auto;
		margin: 0 3%;
		background-color: transparent;
		padding-bottom: 2vw;
}
.logo {background-color: transparent;
	   font-family: 'Bitter', serif;
	   text-align: center;
}
.logo h1 {color: #ff7062; text-shadow: 1px 1px 1px #333333; line-height: 1.2;}
.logo img {width: 14vw; height: 7.5vw; vertical-align: bottom; margin-top: 5vw;}
.logo span {font-size: 5vw;}
.logo strong {display: block; font-size: 7.5vw;}
footer {
	color: #ffffff;
	margin: 0 auto;
	text-align: center;
	background-color: #767671;
	clear: both;
}
nav {width: auto;
	margin: 0 3%;
	background-color: #30216a;
		}
nav ul li{
			list-style-type: none;
			display: inline-block;
			width: 31%;
			border-right: 1px solid #ffffff;
			text-align: center;
		}
nav ul li+li+li {border-right: none}
nav ul li+li+li a{font-size: 3.4vw;}		
nav ul {width: 100%;padding: 2vw 5%;}
nav ul li a{color: #ffffff; display: block;}
nav ul li a:visited{color: #ffffff;}
#wrap {width: auto;
		margin: 0 3%;}
		
div#menucomment>h1{font-family: 'Bitter', serif;
					line-height: 1;
					margin-top: 2vw;
					font-size: 6vw;
}
video{margin: 5vw auto;}
#totop {text-align: right; cursor: pointer;}
#toiawase ul li{padding:0 15vw; list-style-type: none; height: 40px;line-height: 40px;background-color: #e6d1ff;background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#c4c4ff)); -webkit-border-radius:8px;border-radius:8px;margin-bottom: 3px;}
#toiawase ul li a{display: block; font-weight: bold;}
#menulink ul li{padding: 0 15vw; list-style-type: none; height: 40px;line-height: 40px;background-color: #c2ffd4;background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#cfffcf)); -webkit-border-radius:8px;border-radius:8px;margin-bottom: 3px;}
#menulink ul li a{display: block;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;text-shadow:0 1px green;}
details {width: auto;}
summary {color: blue;}
summary:hover {color: #6162ff;}
em {display: block;}
#cb {margin: 15px; font-size: 4vw; text-decoration: underline;}	
#footlink {width: auto; margin: 0 5%;}
#footlink ul li{
			list-style-type: none;
			display: inline-block;
			text-align: center;
			margin-right: 10%;
		}
#footlink ul li a{display: block; font-size: 3.2vw; text-decoration: underline;}