@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;
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:#000;
color:#555;
/*font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Kaku Gothic ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;*/
/* メイリオ系 font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif; */
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
font-size:15px;
font-size:1.5rem;
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%;
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
width:100%;
height:100%;
}

/******************/
/******************/
/* layout *********/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}

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

#branding {
background-color:#141419;
background-image:url("data/lights.gif");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:fixed;
width:100%; min-width: 100%; height:100%;
overflow: hidden;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
padding:0;
z-index:-1;
}
#branding.mobile {background-image:url("data/lights.gif");}

#branding .inner {max-width:100%; min-width:100%; width:100%; height:100%; margin:0; padding:0; overflow:hidden; position:relative;}

#video-box {position:absolute; min-width:100%; min-height:100%; height:100%; /* 固定横幅を指定しないことがポイント */
margin:0;
top:0; left:0; right:0; bottom:0;}

#bg-video {min-width:100%; min-height:100%;}

#bg-video.bgwidth {width:100%;}
#bg-video.bgheight {min-height:110%; min-height:100%;}

#branding:before {
position:absolute;
width:100%; min-width:100%; height:100%; min-height:100%;
content:""; clear:both; display:block;
background:url("images/mask.png") center center repeat;
	-webkit-background-size:3px 3px;
	-moz-background-size:3px 3px;
	-ms-background-size:3px 3px;
	-o-background-size:3px 3px;
	background-size:3px 3px;
z-index:8;
}

#branding:after {position:absolute; width:100%; height:100%; content:""; display:block; background:rgba(0,0,0,0.4);}

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

#error {
width:100%;
text-align:center;
height:auto;
display:block;
position:relative;
top:20%;
/*left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);*/
padding:0 20px 0.1em 20px;
line-height:1.6;
}

#error h1 {margin:0 auto 12px;}
#error h2 {margin:0 auto 20px;}

#error h3 {font-size:15px; font-size:1.5rem; margin:0 0 20px 0; color:#fff;}
#error h3 i {display:block; font-size:25px; font-size:2.5rem; font-weight:bold; color:#fff;}
#error p {margin:0 0 20px 0;}

.message {max-width:760px; margin:0 auto 120px; border:2px solid #1eb4b4; padding:20px 20px 0.1em; color:#fff; font-size:13px; font-size:1.3rem;}

.message a {color:#fff;}
.message a:hover {color:#1eb4b4;}

.message .btn {color:#1eb4b4;}
.message .btn:hover {color:#fff;1}


.btn {
display:inline-block;
padding:12px 24px;
margin:0;
line-height:1;
text-align:center;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
border:1px solid transparent;
border:1px solid #1ebeb4;
border-radius:4px;
}

.btn:hover {background-color:#1ebeb4; cursor:pointer; color:#fff;}


/* end ************/
/******************/
/******************/