@charset "UTF-8";
/* CSS Document */

body{
	background: #000000;
}
body{
	font-family: Georgia, "Times New Roman", Times, "serif"
}

/*ヘッダー*/
*{
	margin: 0px 0px;
	
}
.nav{
	width: 0%;
}
.menu{
	display: flex;
	justify-content: center;
}
.menu li{
	list-style: none;
	font-size: 18px;
	
}
.link2, .link3{
	padding-left: 40%;
}

.menu li a,.menu li a:visited,.menu li a:hover,.menu a:active{
	-webkit-backface-visibility:hidden;
	        backface-visibility:hidden;
	position:relative;
	transition:0.5s color ease;
	text-decoration:none;
	color:white;
}
.menu li a:after{
	content: "";
	transition:0.5s all ease;
	-webkit-backface-visibility:hidden;
            backface-visibility:hidden;
	position:absolute;
	bottom:-0.25em;
	height:5px;
}
.menu li a:hover:after{
	width: 140%;
}
.menu li a:hover{
	color: #B8DC8D;/*メニューの文字色*/
}
.link1 a:after{
	left:50%;
	-webkit-transform:translateX(-50%);
            transform:translateX(-50%);
	background: #B8DC8D;/*メニューの下線*/
}
.link2 a:after{
	left:50%;
	-webkit-transform:translateX(-50%);
            transform:translateX(-50%);
	background:#B8DC8D;/*メニューの下線*/
}
.link3 a:after{
	left:50%;
	-webkit-transform:translateX(-50%);
            transform:translateX(-50%);
	background:#B8DC8D;/*メニューの下線*/
}
#main
{
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}
video
{
	width:100%;
	padding: 0% 0% 0% 0%;
}
/*フッター*/
footer{
	font-size: 20px;
	color: #FFFFFF;
	opacity: 1.0;
	text-align: center;
	background: #000;
}