@charset "UTF-8";

/* Base */
html { font-family: "Ropa Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 32px; line-height: 1.8; }
body { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
h1, h2, h3, p, ul { margin: 0; }
ul { padding-left: 0; }
ul li { list-style-type: none; }
a { color: #fff; text-decoration: none; cursor: pointer; }
a:focus, *:focus { outline:none; }
a:hover { color: #fff; text-decoration: none; }
img { vertical-align: middle; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
}

html, body{
	width: 100%;
}

header {
	position: relative;
	z-index: 4;
	width: 100%;
	margin: 0;
}
header > * {
    display: table-cell;
    vertical-align: middle;
}	
	header div {
		position: fixed;
		width: 100%;
		margin: 0;
		padding: 12px 0;
		background-color: #fff; 
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	header div > * {
		display: table-cell;
		vertical-align: middle;
	}
		header div h1 {
			float: left;
			margin: 0 0 0 12px;;
			padding: 0;
			line-height: 0;
			font-size: 0;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex: 1;
			-ms-flex: 1;
			flex: 1;
			}	
		header div h1 img {
			width: 118px;
			margin: 0;
			padding: 0;
			line-height: 0;
			font-size: 0;
		}	
		header div h1 a {
		}

#main {
	width: 100%;
	margin: 0;
	background: #ff0000;
}

.showcase {
	position: relative;
	margin: 0;
	padding-top: 47px;
}
	.showcase p {
	}
	.showcase p img {
		width: 100%;
		height: auto;
	}

ul.download {
	width: 88%;
	margin: -12% auto 0;
	font-size: 0;
	text-align: center;
}
	ul.download li {
		display: inline-block;
		width: 50%;
		margin: 0;
	}
	ul.download li img {
		max-width: 90%;
	}
	ul.download li:last-child {
		margin: 0; 
	}

.contents {
	width: 100%; 
}
	.contents img {
		width: 100%; 
	}
	ul.cont {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
		ul.cont li {
			margin: 0; 
		}
		ul.cont li img {
			max-width: 100%;
		}

.movie {
	position: relative;
	top: 0;
	margin: 0;
	text-align: center;
	font-size: 0;
}
	.movie img {
		width: 100%; 
	}
	.movie-pic {
		position: absolute;
		top: 12%;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		z-index: 2;
	}
	.movie-pic img {
		max-width: 77%;
		margin: 0 auto;
	}
	.movie-bg {
	}
	.movie-bg img {
		max-width: 100%;
	}

#page-top p {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index: 10;
}
#page-top p a {
	display: block;
	width: 50px;
	height: 50px;
}
#page-top p img {
	width: 90%;
	height: auto;
}

footer {
	text-align: center;
	background: #000;
}
	footer p {
		margin: 0;
	}
	footer p img {
		width: 30%;
		font-size: 0;
	}
	footer address {
		margin-bottom: 10px;
		font-size: 20%;
		font-style: normal;
	}