html{font-size:62.5%;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.sans-serif{
     font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
body{
	margin:0;
	background-color:black;
	color:white;
	
}
#wrapper{
	position:relative;
	height:auto;
	margin:0 auto;
	overflow-x:hidden;

}
#anime{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}

#anime>img{
	display:inline-block;
	position:absolute;
	top:0;
	margin:0 auto;
}	
#anime>img:nth-of-type(1){
	width:5%;
	left:40%;
	animation: sway2 4s ease-in-out infinite alternate,
		fall 40s linear infinite;
		  animation-delay: 0s;
	z-index:1;
}
#anime>img:nth-of-type(2){
	width:10%;
	left:0%;
	animation: sway1 3s ease-in-out infinite alternate,
		fall 50s linear infinite;
	animation-delay: 0s;
	z-index:2;
}
#anime>img:nth-of-type(3){
	width:5%;
	left:20%;
	animation: sway2 4s ease-in-out infinite alternate,
		fall 40s linear infinite;
		  animation-delay: 3.5s;
	z-index:1;
}
#anime>img:nth-of-type(4){
	width:15%;
	left:60%;
	animation: sway2 3s ease-in-out infinite alternate,
		fall 60s linear infinite;
	animation-delay: 0s;
	z-index:3;
}
#anime>img:nth-of-type(5){
	width:5%;
	left:0%;
	animation: sway2 4s ease-in-out infinite alternate,
		fall 40s linear infinite;
		  animation-delay: 7s;
	z-index:1;
}
#anime>img:nth-of-type(6){
	width:10%;
	left:40%;
	animation: sway1 3s ease-in-out infinite alternate,
		fall 50s linear infinite;
	animation-delay: 10.5s;
	z-index:2;
}
#anime>img:nth-of-type(7){
	width:15%;
	left:60%;
	animation: sway2 3s ease-in-out infinite alternate,
		fall 60s linear infinite;
	animation-delay: 14s;
	z-index:3;
}
#anime>img:nth-of-type(8){
	width:5%;
	left:50%;
	animation: sway1 4s ease-in-out infinite alternate,
		fall 40s linear infinite;
		  animation-delay: 17.5s;
	z-index:1;
}
#anime>img:nth-of-type(9){
	width:5%;
	left:20%;
	animation: sway2 3s ease-in-out infinite alternate,
		fall 40s linear infinite;
		  animation-delay: 21s;
	z-index:1;
}
#anime>img:nth-of-type(10){
	width:15%;
	left:60%;
	animation: sway2 4s ease-in-out infinite alternate,
		fall 60s linear infinite;
	animation-delay: 24.5s;
	z-index:3;
}
#anime>img:nth-of-type(11){
	width:15%;
	left:10%;
	animation: sway2 3s ease-in-out infinite alternate,
		fall 60s linear infinite;
	animation-delay: 28s;
	z-index:3;
}
#anime>img:nth-of-type(12){
	width:5%;
	left:50%;
	animation: sway1 4s ease-in-out infinite alternate,
		fall 40s linear infinite;
		  animation-delay: 31.5s;
}
#anime>img:nth-of-type(13){
	width:15%;
	left:25%;
	animation: sway2 3s ease-in-out infinite alternate,
		fall 60s linear infinite;
	animation-delay: 35s;
}
#anime>img:nth-of-type(14){
	width:10%;
	left:50%;
	animation: sway1 3s ease-in-out infinite alternate,
		fall 50s linear infinite;
	animation-delay: 38.5s;
}
@keyframes fall {
  to {
    top: 90%;
  }
}

@keyframes sway1 {
  from {
    transform: translateX(0px) rotate(0deg);
  }
  to {
    transform: translateX(200px) rotate(-45deg);
  }
}

@keyframes sway2 {
  from {
    transform: translateX(200px) rotate(-45deg);
  }
  to {
    transform: translateX(0px) rotate(0deg);
  }
}



#flier{
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:4;
}
#video{
	position:relative;
	width:100%;
	background-color:black;
	z-index:4;

}
iframe{
	display:block;
	position:relative;
	margin:0 auto;
	z-index:4;
}
#contents{
	position:relative;
	z-index:4;
}

header{
	position:relative;
	width:100%;
	margin:0 auto;
}
#crown{
	font-size:2rem;
}
#title{
	display:inline-block;
	position: relative;
	width:100%;
	margin:0 auto;
	padding-bottom: 1em;
	padding-top: 1em;
	text-align:center;
}
#main{
	position:relative;
	font-size:4rem;
	color:white;
	text-shadow:1px 1px 1px #FFCC00,1px -1px 1px #FFCC00,
		-1px 1px 1px #FFCC00,-1px -1px 1px #FFCC00;
	padding-bottom: 0em;
	padding-top: 0em;
}
#sub{
	font-size:2rem;
	margin-left:4rem;
}
#date{
	position:relative;
	width:95%;
	text-align:right;
	padding-right:1em;
}

#contents{
	position:relative;
	width:100%;
	align-items:center;
	font-size:1.5rem;
}
article{
	padding-right:4rem;
	padding-left:4rem;
	padding-bottom:5rem;
}

#text1{
	font-size:0.8em
}
h2{
	position:relative;
	left:0;
	right:0;
	margin:auto;
	width:fit-content;
	height:auto;
	color:white;
	font-size:2rem;
	z-index:2;
	display:block;
	position:relative;
	opacity:1;
	margin-top:1em;}
h3{
	position:relative;
	padding-top:0.5rem;
	left:2em;
	width:fit-content;
	height:auto;
	color:white;
	font-size:1.5rem;
	z-index:2;
	display:block;
	position:relative;
	opacity:1;
}

#produce>div{
	font-size:1.7rem;
	padding-top:0.5em;
	}

#okiticke{width:2rem;}

#map{
	width: 80%;
}

#map img{
	margin-top:4rem;
	width: 100%;
	}
nav>a>img{width: 4rem;position: fixed;top:0;z-index: 5;}

#snsButton{
	position:fixed;
	bottom:1.5rem;
	text-align:left;
	width: 50%;
	opacity:1;
	z-index:5;
}


#snsButton>div{display:inline-block;}
				
#snsButton .fb_iframe_widget>span{vertical-align: baseline !important;}

footer{
	display: block;
	width:100%;
	right:0;
	bottom:0;
	padding-top: 3rem;
	background-color:black;
	color: #30b3c1;
	text-align:right;
	z-index:7;
}