@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
body{
	width: 80%;
	min-width: 960px;
	margin: 0 auto;
	background: #F9F9F9;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", HiraKakuPro-W3, sans-serif;
	color: #B3B3B3;
	text-align: center;
}
a{
	color: #B3B3B3;
	text-decoration: none;
	
	-webkit-transition: all 0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
	-moz-transition: all 0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
	-o-transition: all 0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
	transition: all  0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
}
a img{
	-webkit-transition: all 0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
	-moz-transition: all 0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
	-o-transition: all 0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
	transition: all  0.1s cubic-bezier(0.000, 0.6, 0.5, 1);
}

header{
	margin: 150px 0 250px 0;
}
header h1{
	width: 600px;
	height: 449px;
	margin: 0 auto;
}

section{
	margin: 0 0 300px 0;
	font-size: 72px;
	font-weight: bold;
}
section h2{
	font-size: 72px;
	color: #000;
}
section ul{
	list-style: none outside;
}
section ul li{
	margin: 20px 0 30px 0;
}
section a:hover{
	color: #1A1A1A;
}

footer{
	margin: 0 0 60px 0;
}
footer div.sns{
	width: 560px;
	height: 80px;
	margin: 0 auto 35px auto;
}
footer div.sns a{
	position: relative;
	display: block;
	float: left;
	margin: 0 10px;
}
footer div.sns a:hover img{
	opacity: 0;
}
footer div.sns a.tm{
	width: 80px;
	height: 80px;
	background-image: url("img/tumblr_over.png");
	background-size: 80px 80px;
}
footer div.sns a.sc{
	width: 80px;
	height: 80px;
	background-image: url("img/soundcloud_over.png");
	background-size: 80px 80px;
}
footer div.sns a.tw{
	width: 80px;
	height: 80px;
	background-image: url("img/twitter_over.png");
	background-size: 80px 80px;
}
footer div.sns a.fb{
	width: 80px;
	height: 80px;
	background-image: url("img/facebook_over.png");
	background-size: 80px 80px;
}
footer div.sns a.latr{
	width: 140px;
	height: 80px;
	background-image: url("img/laatry_over.png");
	background-size: 140px 80px;
}
footer p{
	font-size: 10px;
}




body.black{
	background: #1A1A1A;
	color: #666666;
}
body.black a{
	color: #666666;
}
body.black a:hover{
	color: #FFFFFF;
}
body.black section h2{
	color: #FFF;
}
body.black footer div.sns a:hover{
	filter:	brightness(0.5);
	-webkit-filter: brightness(0.5);
	-moz-filter: brightness(0.5);
	-o-filter: brightness(0.5);
	-ms-filter: brightness(0.5);
}