@charset "UTF-8";
/* CSS Document */
/*
=======================================
	HOME-STYLE CSS
=======================================
*/
/*メニュー現在のページ*/
.nav li:first-child{
	background:#fff;
}

/*ロゴ フェイドイン*/
h1{
	animation: fadeIn 4s ease-in 0s 1 normal;
	-webkit-animation: fadeIn 4s ease-in 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


header{
	width:100%;
	height:100%;
	margin-top:40px;
	padding-top:5%;
	padding-bottom:49%;
	background:url(img/bg_head.jpg)center no-repeat;
	background-size:cover;
/*写真 フェイドイン*/
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


#fadeposter{
	width:30%;
	position:fixed;
	top:12%;
	left:35%;
/*ポスター回転*/
	animation: rotate-anime 0.2s linear 4s 8.02 both;
	-webkit-animation: rotate-anime 0.2s linear 4s 8.02 both;
}
@keyframes rotate-anime {
	0%  {transform: rotate(0);}
	100%  {transform: rotate(360deg);}
}	
@-webkit-keyframes rotate-anime {
	0%  {transform: rotate(0);}
	100%  {transform: rotate(360deg);}
}
/*ポスター フェイドイン*/
#poster{
	animation: fadeIn 3s ease 4s 1 both;
	-webkit-animation: fadeIn 3s ease 4s 1 both;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


/*メディアクエリ　瓦版サイズ変更*/
@media screen and (max-width:640px){
	#poster{
		width:75%;
		position:fixed;
		top:30%;
		left:20%;

	}
}