body {
	background-color: #eff5f8;
}

.container {
	opacity: 0;
	position: relative;
	width: 100%;
	background: url(../img/top/bg.jpg) no-repeat 0 0 transparent;
	background-size: 100% auto;

    -webkit-animation-name: op;
    -webkit-animation-duration: 2s;
}

main {
	display: block;
	width: 100%;
	background-color: transparent;
}

.open {
	opacity: 0;
}

.lead {
	position: absolute;
	top: 1.5%;
	left: 5.33%;
	width: 94%;
}

.lead .list {
	font-size: 0;
}

.lead .list .item {
	opacity: 0;
	display: inline-block;
}

.lead .list .lead01 {width: 7.73%;}
.lead .list .lead02 {width: 6.13%;}
.lead .list .lead03 {width: 6.53%;}
.lead .list .lead04 {width: 4.93%;}
.lead .list .lead05 {width: 6%;}
.lead .list .lead06 {width: 7.2%;}
.lead .list .lead07 {width: 6.8%;}
.lead .list .lead08 {width: 6.8%;}
.lead .list .lead09 {width: 1.2%;}

main .logo {
	opacity: 0;
	position: absolute;
	top: 7.5%;
	right: 9.33%;
	width: 23.33%;
}

.youtube {
	width: 100%;
	margin: 0 auto;
	padding: 154% 5.33% 0;
}

.twitter {
	width: 89.33%;
	margin: 9% auto 0;
}

footer {
	width: 100%;
	margin: 0 auto 0;
	z-index: -1;
}

footer .share-area .share {
	position: relative;
	width: 230px;
	margin: 0 auto;
	padding-top: 8%;
	overflow: hidden;
	z-index: 10;
}

footer .share-area .share .item {
	float: left;
	margin-right: 20px;
}

footer .share-area .share .item:last-child {
	margin-right: 0;
}

footer .copyright  {
	font-size: 9px;
	margin: 9% auto 0;
	padding-bottom: 9%;
	text-align: center;
}

/*
footer {
	width: 100%;
}

footer .copyright  {
	font-size: 9px;
	font-size: 2vw;
	margin: 8% auto 0;
	padding-bottom: 8%;
	text-align: center;
}
*/