@charset "utf-8";


/* Reset */
html{font-size:10px; font-size:3.125vw}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block}
html,body{height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body,input,select,textarea,button{font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px}
fieldset,li,img{border:0;vertical-align:top}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
input[type=radio],input[type=checkbox],textarea,button,select{border:0 none;border-radius:0;-webkit-appearance:none;appearance:none;-webkit-text-size-adjust:none;-webkit-border-radius:0}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
body{background-color:#000000;-webkit-text-size-adjust:none}
.blind,caption span,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}

img{width:100%;height:auto}

body{ background: #ffeedd;}
.wrap{ background: url(../img/bg-1.jpg) top center no-repeat; height: auto;}
.header{ height: 980px; display: block; min-width: 1200px; display: block; margin: 0 auto; position: relative;}
.sp_header{ display: none;}
.header .homepage_btn{ display: block; width: 242px; height: 89px; position: absolute; top: 50px; right: 10px;}
.header .twitter_btn{display: block; width: 242px; height: 89px;  position: absolute; top: 150px; right: 10px;}
.header .main_btn{ display: block; width: 518px; height: 140px;  position: absolute; top: 600px; right: 50%; margin-right: -259px;}
.header .a img{ display: block;}
@media only screen and (min-width: 0px) and (max-width: 1450px) {
	.header .homepage_btn{ top: 450px;}
	.header .twitter_btn{ top: 550px;}
}


.section{ width: 1200px; margin: 0 auto; position: relative;}
.section img{ max-width: 1200px; display: block;}
.tips{ display: none;}
.section4 .twitter_btn{ width: 242px; height: 89px; display: block; position: absolute; top: 20px; left: 50%; margin-left: -80px;}
.twitter_con{ width: 400px; height: 380px; position: absolute; top: 302px; left: 157px;}

footer{ background: #FFFFFF;}
.footer_con{max-width: 1000px; height: 200px; display: block; margin: 0 auto; overflow: hidden; box-sizing: border-box; padding-top: 30px;}
.ingame_logo{  display: block; width: 176px; margin: 0 auto;}
.footer_con p{ font-size: 12px;  color: #555; text-align: center;}
.footer_con p a{ font-size: 12px;  color: #555; text-align: center; cursor: pointer; color: #08b9ff; }
.sp_twitterlink{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}

.end_header{ height: 800px; display: block; min-width: 1200px; display: block; margin: 0 auto; position: relative; background: url(../img/bg-1.jpg)top center no-repeat;}
.text{ position: absolute; top: 620px; width: 100%; max-width: 772px; left: 50%; margin-left: -380px;}

.end_btns{ display: block; overflow: hidden; width: 500px; margin: 0 auto; margin-bottom: 40px;}
.end_btns a{ width: 46%; }
.end_btns .back_btn{ float: left;}
.end_btns .twitter_btn{ float: right;}

.end_sp_header{ display: block; position: relative; /* min-height: 800px; background: url(../img/sqsp1.jpg) top center no-repeat; background-size: cover;*/ display: none;}
.logolink{ position: absolute; top: 361px; left: 50%; margin-left: -200px; display: block; width: 400px; height: 251px;}
.tishi{ width: 750px; display: block; margin: 0 auto;}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.header { display: none;}
	.end_header{ display: none;}
	.end_sp_header{ display: block;}
	.sp_header{ display: block; position: relative;S}
	.sp_header .header_btn{ position: absolute; bottom: 0px;  width: 100%; }
	.sp_header .header_btn .header_btn_top{ width: 60%; margin: 0 auto; max-width: 518px;}
	.sp_header .homepage_btn{ display: block; width: 50%; float: left;}
	/*.sp_header .twitter_btn{display: block; width: 50%;  float: right;}*/
	.sp_header .twitter_btn{display: block; width: 50%; float: inherit; margin: 0 auto;}
	.sp_header .main_btn{ display: block; width: 100%; }
	
	.section{ width: 100%;}
	.sp_twitterlink{ display: block;}
	
	.section4{ display: none;}
	/*.section5{ display: none;}*/
	.tips{ display: none; width: 100%; height: auto; box-sizing: border-box; padding: 20px; font-size: 0.71vw; color: #333333; background-color: rgba(255,255,255,0.7);}
	.tips span{ font-weight: bold; color: #FF0000;}
	.wrap{ background: none;}
	.tishi{ width: 100%; display: block; margin: 0 auto;}
}
@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.text{ width: 100%; top: initial; bottom: 0; left: 0; margin: 0 auto; padding: 20px; box-sizing: border-box;}
	.end_btns{ display: block; overflow: hidden; width: 80%; margin: 0 auto; margin-bottom: 40px;}
}