/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html {
	background: #4f2c5c;
	color: #fff;
	font-family: Georgia;
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

.js body {
	opacity: 0;
	transition: opacity .5s linear;
}

.loaded body {
	opacity: 1;
}

img {
	max-width: 100%;
}

.band-inner {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 32px;
	padding-right: 32px;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.logo {
	background: #72567d url(img/bg.png);
	width: 368px;
	height: 578px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -289px 0 0 -184px;
	animation: pan 2.5s linear infinite;
}

@keyframes pan {
	from {
		background-position: 0% center;
	}
	to {
		background-position: -200% center;
	}
}

.sprite {
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

h1 {
	width: 100%;
	height: 100%;
	background: url(img/logo.png) no-repeat center;
}

.js-scroll {
	display: block;
	width: 32px;
	height: 32px;
	background: url(img/arrow-down.png) no-repeat center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -16px;
}

h2 {
	font-size: 1.75em;
	margin-top: 4em;
	margin-bottom: 1em;
}

.content {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	text-align: center;
}

.signup {
	background: #eceae7;
	color: #4f2c5c;
	padding-top: 68px;
	padding-bottom: 90px;
}

.grid:before,
.grid:after {
	content: " ";
	display: table;
}

.grid:after {
	clear: both;
}

.grid {
	*zoom: 1;
	margin-left: -32px;
	margin-right: -32px;
}

.grid > * {
	float: left;
	width: 33.33333%;
	padding-left: 32px;
	padding-right: 32px;
}

.footer {
	background: #b1b0ad;
	padding-top: 46px;
	padding-bottom: 46px;
}

.mv, .dtc {
	display: inline-block;
	margin-left: 28px;
	margin-right: 28px;
	vertical-align: middle;
}

.mv {
	width: 202px;
	height: 58px;
	background: url(img/mv.png) no-repeat center;
}

.dtc {
	width: 48px;
	height: 50px;
	background: url(img/dtc.png) no-repeat center;
}

form {
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}

label {
	position: absolute;
	top: -999em;
	left: -999em;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: none;
	border-radius: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 16px;
	outline: none;
	background: #fff;
	color: #afaaa5;
}

.input {
	position: relative;
	background: #f00;
}

#email {
	padding: 16px 20px;
	padding-right: 70px;
}

.submit {

}

.submit input {
	background: #4f2c5c url(img/arrow-right.png) no-repeat center;
	color: #fff;
	text-indent: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 54px;
	height: 100%;
	cursor: pointer;
	transition: background-color .125s linear;
}

.submit input:hover {
	background-color: #72567d;
}

@media (max-width: 480px) {

	.grid > * {
		width: 100%;
		margin-bottom: 30px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.footer a {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.mv {
		margin-bottom: 1em;
	}

}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.js-scroll {
		background-image: url(img/arrow-down@2x.png);
		background-size: 16px;
	}

	.submit input {
		background-image: url(img/arrow-right@2x.png);
		background-size: 9px;
	}

	.mv {
		background-image: url(img/mv@2x.png);
		background-size: 202px;
	}

	.dtc {
		background-image: url(img/dtc@2x.png);
		background-size: 48px;
	}

}

h2 a {
	text-decoration: none;
	color: inherit;
}

.footer .band-inner {
	position: relative;
}

.dtc-link {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 0.875em;
	float: right;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	bottom: 0;
	right: 32px;
}

.dtc-link a {
	text-decoration: none;
	color: inherit;
}