@charset "UTF-8";

body{
	margin:auto;
	padding:0px;
	font-family:'メイリオ'
	background-color:#000000;
	
	}
.animemv{height:650px;
		width:80%;
		position:relative;
		text-align:center;
		}

.popcoon{
		height:650px;
		width:80%;
		position:relative;
		text-align:center;
		}		

.foreginmv{height:650px;
		width:80%;
		position:relative;
		text-align:center;
		}

		
.image{
		position:absolute;
		top:0;
		left:120px;
		bottom:0;
		right:-120px;
		opacity:0;
		background-size:cover;
		background-position:center center;
		animation:image-switch-animation 20s infinite;
}

.src12{
	background-image:url(../img/kyoto-2315428_1920.jpg);
	}
.src23{
	background-image:url(../img/teapot-6123746_1280.jpg);
	}
.src35{
	background-image:url(../img/shinjuku-2568144_1280.jpg);
	}
.src36{
	background-image:url(../img/egret-5937499_1920.jpg);
	}

.src1{
	background-image:url(../img/fantasy-4816528_1280.jpg);
	}
.src2{
	background-image:url(../img/rain-2538429_1280.jpg);
	}
.src3{
	background-image:url(../img/fantasy-2543658_1920.jpg);
	}
.src4{
	background-image:url(../img/girl-1357485_1280.jpg);
	}

.src51{
	background-image:url(../img/street-7550171_1920.jpg);
	}
.src52{
	background-image:url(../img/cobblestones-393455_1280.jpg);
	}
.src55{
	background-image:url(../img/man-7044425_19202.jpg);
	}
.src56{
	background-image:url(../img/skateboard-1869727_1280.jpg);
	}

.src7{
	background-image:url(../img/coffee-1869820_1280.jpg);
	}
.src8{
	background-image:url(../img/person-6076771_1280.jpg);
	}
.src9{
	background-image:url(../img/people-2572105_1280.jpg);
	}
.src10{
	background-image:url(../img/holiday-4369987_1280.jpg);
	}



@keyframes image-switch-animation{
	0%{opacity:0;}
	5%{opacity:1;}
	25%{opacity:1;}
	30%{opacity:0;}
	100%{opacity:0;}
	}

.image:nth-of-type(1){
	animation-delay:0s;
}
.image:nth-of-type(2){
	animation-delay:5s;
}
.image:nth-of-type(3){
	animation-delay:10s;
}
.image:nth-of-type(4){
	animation-delay:15s;
}

.mastercat{text-align:center;



		}





.movieup{
		opacity:0;
		animation-name:anime;
		animation-duration:0.5s;
		animation-delay:1s;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
		}
		@keyframes animation{
			0%{
			opacity:0;
			transform:translateY(30px);
			}
			100%{
			opacity:1;
			transform:translateY(0);
		}
		}
		

p{color:#ffffff;}



article p a:hover {
	color:#fff;
	background-color:#ffd700;}
	
nav a:hover {
	color:#000;
	background-color:#eee;}



h1 {
  	
	font-size:48px;
	font-family:"Impact";
	padding-top:20px;
	height:60px;
	vertical-align:middle;
	color:#1e90ff;
		}

.titleh{
		font-size:15px;
	font-family:"";
	padding:0px;
	border:none;
		}		

.anime-left{
animation-duration: 2s;
  animation-name: RightToLeft;
}

.anime-leftnami{
animation-duration: 5s;
  animation-name: RightToLeft;
  animation-iteration-count: infinite;
}


main {
		width:100%;
	 background-color:#000000;
  height: 500%;
 
  min-width:;
  background-image:url(../img/film.png);
 	background-repeat:repeat-Y;
	background-position:30%; 
	background-size:17%;
	opacity:0.8;
	
	 min-width:850px;
}

main h1 {
  text-align: center;
  font-weight: 500;
}

main h2 {
  text-align: center;
  font-weight: 500;
}

main p {
  text-align: center;
}


.choice[overflow:hidden;
		width:100%;
		]

.menu {float:left;
		width:40%;
		height:400px;
		margin-left:;
		padding:10px;
		}
		
		
.menu li {text-decoration:none;
			list-style-type:none;
			text-align:;
			font-size:15px;
			}

.menu ul {text-decoration:none;
			list-style-type:none;
			text-align:;
			font-size:15px;
			margin-top:5px;
			margin-bottom:-3px;

			}

.movie{width:40%;
		margin:0 auto;
		padding:10px;
		float:right;
		margin-top:-500px;
		padding-right:80px;
		}



.fon p{
			font-size:1px;
			}

.youtb img{	width:125%;
		height:170px;	
		text-align: center;
		}
.artist{text-align:left;
		width:;
		margin-bottom:;
		margin-light:;
		float:left;
}
.artist a {
		text-decoration:none;
		}


.copyrightm{background-color:rgba(0, 0, 0, 0.5);
		padding:10px;
		text-align:center;
		clear:both;
		width:90%;
		height:auto;
		}

.copyrightm p{margin:0;
		color:#ffffff;
		font-size:14px;
		line-height:2.5;
		}

footer		{clear:both;
			font-size:15px;
			background-color:#808080;
			width:100%;
			margin:auto;
			height:100%;
			}

footer hr	{height:10px;
			width:100%;
			text-align:center;
			color:#ffffff;
			}
a{color:#00ced1;}




.artist{text-align:left;
		width:;
		margin-bottom:;
		margin-light:;
		
}
.artist a {
		text-decoration:none;
		}



h3{font-size:18px;
			border:none;
			text-align:center;
			margin-bottom:5px;
			color:#808080;
			}

.shopmovie{
		background-image:url(../img/film.png);
 	   background-repeat:repeat-Y;
	   background-position:30%; 
	   background-size:30%;
		margin-bottom:;
		margin-right:;
		margin-left:;
		}
		
.shopnm{background-color:#000000;
		padding-top:5px;
		padding-bottom:5px;
		margin-top:20px;
		margin-bottom:20px;
		opacity:0.9;}
		
		
.shop a{text-decoration:none;
		font-size:100%;
		}

.artsh{
		margin-bottom:50px;
		width:;
		text-align:center;
		margin-left:10px;
		}


h2{color:#ffffff;

	}
	
	



.youtb{	width:80%;
		height:auto;	
		opacity:0.7;
		text-align: center;
		}
.artist{text-align:left;
		width:;
		margin-bottom:;
		margin-light:;
		float:left;
}
.artist a {
		text-decoration:none;
		}

.yutbtle{margin-left:-80px;
		}


.yutbtle h5{font-size:18px;
			text-align:;
			border:none;
			padding:5px;
			color:#ffffff;
			margin-right:-30px;

}



@media(max-width:300px;){
.overlay.open {
width:100%;
  height:100%;
}
body{width:100%;
	height:auto;	
	}

article h2{font-size:15px;}
article p{font-size:10px;
	margin-bottom:2px;
}
.anime-leftnami img{
height:auto}
.article{
height:auto;}
.youtb{width:100%;}
}



@media(min-width:1200px){
.overlay.open {
width: 100%;
  height: 100%;
}
header{padding-top:0px;}
body{width:100%;}
article h2{font-size:24px;}
article p{font-size:15px;}
height:auto;}

article{height:auto;}
}
}