@charset "utf-8";

@import "layout.css";
	
/*-------------------------------------------------------------------------
	title
/*-----------------------------------------------------------------------*/	

#title {
}

	.sp #title img {
		width:100%;
		height:auto;
	}
	
	.sp #title .movie {
		position:relative;
	}
	
		.sp #title .movie span.day {
			position:absolute;
			top:0;
			left:65%;
			width:17%;
		}
		
			.sp #title .movie span.day img {
			}


/*-------------------------------------------------------------------------
	menu
/*-----------------------------------------------------------------------*/

#menu_top {
	background:url(../img/index/menu/bg.jpg) 0 0 no-repeat;
	background-size:cover;
}

	#menu_top img {
		width:100%;
		height:auto;
	}

	#menu_top ul {
		text-align:center;
		padding:16% 0 20.8% 0;
		
	}
	
		.sp #menu_top ul li a {
			text-align:center;
		}

/*-------------------------------------------------------------------------
	footer
/*-----------------------------------------------------------------------*/

#footer {
	padding:0 0 20px 0;
}

	#footer ul.btn {
		padding:0 0 5% 0;
	}
	
		#footer ul.btn img {
			width:100%;
			height:auto;
		}

	#footer .icon {
		float: left;
		padding:0 0 0 20px;
		width:280px;
	}
	
		#footer .icon img {
		}
		
		#footer .icon li {
			float: left
		}
		
		#footer .icon .package {
			margin-right: 9px;
		}
		
		#footer .icon .soft {
			margin: 0 7px 0 1px;
		}
		
		#footer .icon .amiibo {
			margin: 5px 7px 0 0;
		}
		
		#footer .icon .network {
			margin-top: 5px;
		}
		
		@media screen and (max-width: 480px) {
		#footer .icon {
			float: left;
			padding:0 0 0 20px;
			width:45%;
		}
		
		#footer .icon img {
			width:100%;
			height:auto;
		}
		
		#footer .icon li {
			float: left
		}
		
		#footer .icon .package {
			width:53%;
			margin:0 5px 20px 0;
		}

		#footer .icon .soft {
			width:22%;
			margin: 0 5px 0 0;
		}

		
		#footer .icon .cero {
			width:18%;
		}

		
		#footer .icon .amiibo {
			width:22%;
			margin:6px 5px 0 0;
		}

		
		#footer .icon .network {
			width:18%;
			margin:6px 0 0 0;
		}

		}
		
	#footer .txt {
		float: right;
		padding:0 20px 0 0;
		margin:0 0 4% 0;
	}
	
		#footer .txt img {
		}
		
		#footer .txt li {
			line-height:1.2;
			margin:1% 0 0 0;
		}
	
	#footer p.reservation {
		color:#FFF;
		font-size:160%;
		clear:both;
		padding:4% 0 0 20px;
	}
	
	#footer p.reservation a {
		padding:4% 0 0 0;
		text-decoration:underline;
		color:#FFF;
	}
	
	#footer #btn_goods {
		margin: 4% 0 4% 0;
		text-align:center;
	}
	
		#footer #btn_goods img {
			height: auto;
			width: 75%;
		}
	
	#footer #update {
		margin: 4% 0 0 20px;
	}
		#footer #update img {
			height: auto;
			width: 94%;
		}

		
	#footer ul.link_sub {
		clear:both;
		margin:0 0 0 9%;
		font-size:160%;
	}
	
	@media screen and (max-width: 480px) {
	#footer ul.link_sub {
		font-size:12px;
	}
	}
	
		#footer ul.link_sub li {
			float:left;
		}
		
			#footer ul.link_sub li.left {
				margin:0 8% 0 0;
			}
		
		#footer ul.link_sub li a {
			color:#FFF;
		}
		
	@media screen and (max-width: 480px) {
	#footer p.reservation {
		color:#FFF;
		font-size:12px;
		clear:both;
		padding:0 0 0 20px;
	}
	
	#footer .txt {
		width:40%;
		margin:0 0 0 0;
	}
	
	#footer .txt img {
		width:100%;
		height:auto;
	}
	}