@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {
	height:100%;
	width:100%;
}

body {
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

#bgimg {
	z-index: 0;
	top                     :0;
	left                    :0;
	right                   :0;
	bottom                  :0;
	margin: 0px;
	padding: 0px;
	position: absolute;
}
#title {
	z-index: 2;
	position: relative;
	right: 10px;
}
.bghack {
	z-index                 :-2;
	background-position     :center top;
	background-repeat       :no-repeat;
	-moz-background-size    :cover;
	background-size         :cover;
	position                :fixed;
	top                     :0;
	left                    :0;
	right                   :0;
	bottom                  :0;
	margin: 0px;
	padding: 0px;
	height: auto;
	width:100%;
	
}
#randomimg2 img {
	z-index                 :-2;
	background-repeat       :no-repeat;
	-moz-background-size    :cover;
	background-size         :cover;
	position                :fixed;
	top                     :0;
	left                    :0;
	right                   :0;
	bottom                  :0;
	margin: 0px;
	padding: 0px;
	height: auto;
	width:100%;
	
	}


#main_text {
	text-align: right;
	font-size: 24px;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	color: #FFFFFF;
	font-weight: 300;
	letter-spacing: 4px;
	padding-top: 360px;
	margin-bottom: 0px;
	padding-right: 10px;
	z-index: 1;
}

#works_text {
	text-align: right;
	font-size: 24px;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	color: #FFFFFF;
	font-weight: 300;
	letter-spacing: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	position: absolute;
	right: 10px;
	bottom: 15%;
	z-index: 1;
	float: right;
	width: 400px;
	background-color: rgba( 0, 0, 0, 0.2 );
}
#projects_text {
	text-align: right;
	font-size: 24px;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	color: #FFFFFF;
	font-weight: 300;
	letter-spacing: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	position: absolute;
	right: 10px;
	bottom: 15%;
	z-index: 1;
	float: right;
	width: 400px;
	background-color: rgba( 0, 0, 0, 0.2 );
}

#sub_text {
	text-align: right;
	font-size: 24px;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	color: #FFFFFF;
	font-weight: 300;
	letter-spacing: 4px;
	margin-bottom: 0px;
	padding-top: 0px;
		z-index: 1;
}


img.preload{
	display:none;
}

.works-info{
	font-size:18px;
	text-align: left;
	
}
#copyright {
	text-align: right;
	font-size: 18px;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	color: #FFFFFF;
	font-weight: 300;
	letter-spacing: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	position: absolute;
	right: 10px;
	bottom: 5%;
	z-index: 1;
	float: right;
	background-color: rgba( 0, 0, 0, 0.2 );
}
.copyright {
	text-align: right;
	font-size: 18px;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	color: #FFFFFF;
	font-weight: 300;
	float: right;
}


.works_text2 {
	font-size: 14px;
	float: right;
	text-align: left;
} 
.titleword {
	font-weight: 700;
}