@charset "utf-8";


/******************/
/******************/

* {
border:0;
margin:0;
outline:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
background:transparent;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}

html {font-size:62.5%; width:100%; height:100%;}

body {
background:transparent;
color:#fff;
font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
font-size:14px;
font-size:1.4rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
width:100%;
height:100%;
}

/******************/

a {color:inherit;}

#demo,
#main {position:fixed; text-align:center; width:100%; height:100%; margin:0; padding:0; top:0; left:0; right:0; bottom:0;}

#text {
position:fixed;
left:50%; top:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	-moz-transform:translate3d(-50%,-50%,0);
	-ms-transform:translate3d(-50%,-50%,0);
	-o-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
color:#888;
font-family:Menlo,"Courier New";
font-size:60px; text-align:center;
margin:0; padding:0;
z-index:1;
	-webkit-animation:1s title ease-out;
	-moz-animation:1s title ease-out;
	-ms-animation:1s title ease-out;
	-o-animation:1s title ease-out;
	animation:1s title ease-out;
display:block;
}
#text span {color:#ddd; display:block; font-family: 'Chonburi', cursive; font-size:180px; line-height:1;font-weight:bold;}
#text a {display:block;}
#text a.btn {
display: inline-block;
font-size:20px; padding:12px 20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
#text a.btn:hover {border:1px solid #fff; color:#fff;}

/******************/

@-webkit-keyframes title {
	from{opacity:0;-webkit-transform:translate3d(-50%,-50%,-1200px);}
	to{opacity:1;-webkit-transform:translate3d(-50%,-50%,0);}
}
@-moz-keyframes title {
	from{opacity:0;-moz-transform:translate3d(-50%,-50%,-1200px);}
	to{opacity:1;-moz-transform:translate3d(-50%,-50%,0);}
}
@-ms-keyframes title {
	from{opacity:0;-ms-transform:translate3d(-50%,-50%,-1200px);}
	to{opacity:1;-ms-transform:translate3d(-50%,-50%,0);}
}
@-o-keyframes title {
	from{opacity:0;-o-transform:translate3d(-50%,-50%,-1200px);}
	to{opacity:1;-o-transform:translate3d(-50%,-50%,0);}
}
@keyframes title {
	from{opacity:0;transform:translate3d(-50%,-50%,-1200px);}
	to{opacity:1;transform:translate3d(-50%,-50%,0);}
}

/******************/
/******************/