@charset "UTF-8";


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　RESET
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html,body {
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
}

/*reset*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul,ol{
	list-style-type:none;
}
ul li img {
	vertical-align: top;
}

* { margin:0; padding:0; }
*:after { display:block; clear:both; }
article, aside, figure, footer, header,hgroup, nav, section { display:block; }

html,body {
	/*color:#333333;*/
	-webkit-text-size-adjust: none;
	width:100%;
	/*background:#000;*/
}

#wrap {
	width:100%;
	overflow:hidden;
	margin: 0 auto;
	position: relative;
	display:block;
	height:100%;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　MODULE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	background-image: url(http://i.colopl.co.jp/shironekoproject/special1609/sp/img/bg_wrap.png);
	background-size: 100% auto; 
	}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　CONTENTS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.contents {
	position:relative;
	z-index:10;
	/*display:none;*/
	}

.contents p {
	width:100%;
	line-height:0;
}
.contents a {
	line-height:0;
}
.contents p img {
	width:100%;
}



/*------------------------------ メインビジュル */

#sec_main {
	position:relative;
	z-index:0;
	}
	
#sec_main .gameevent {
	position:relative;
	z-index:0;
	}
#sec_main .gameevent .img {
	position:relative;
	z-index:0;
	}
#sec_main .gameevent .btn {
	z-index:10;
	text-align:center;
	position:absolute;
	top:49%;
	}
#sec_main .gameevent .btn img {
	width:60%;
	height:auto;
	}
	
#sec_main .realevent {
	position:relative;
	z-index:0;
	}
#sec_main .realevent .img {
	position:relative;
	z-index:0;
	}
#sec_main .realevent .btn {
	z-index:10;
	text-align:center;
	position:absolute;
	top:68%;
	}
#sec_main .realevent .btn img {
	width:60%;
	height:auto;
	}
	
	
	
/*------------------------------ SNS */

#sec_sns {
	position: relative;
	overflow: hidden;
	margin:20px 0;
	}
#sec_sns ul {
	position: relative;
	float: left;
	left: 50%;
	}
#sec_sns li {
	position: relative;
	float: left;
	left: -50%;
	margin:0 10px;
	}
#sec_sns li img {
	width: 50px;
	height: 50px;
	}
#sec_sns .youtube {
	padding-top: 13px;
	}
	
	
	
/*------------------------------ APP */

#sec_app {
	position:relative;
	z-index:0;
	margin-bottom:30px;
	}
	
#sec_app .img {
	position:relative;
	z-index:0;
	}
	
#sec_app ul {
	position:absolute;
	z-index:10;
	width:80%;
	margin-left:10%;
	top:53%;
	}
#sec_app ul li {
	width:33.33%;
	float:left;
	margin-bottom:5px;
	text-align:center;
	}
#sec_app ul li img {
	width:95%;
	height:auto;
	}
	
	
	
/*------------------------------ FOOT */

#sec_foot {
	font-size:12px;
	}
	
#sec_foot .link {
	text-align:center;
	line-height:1em;
	color:#fff;
	}
#sec_foot .link a {
	color:#fff;
	text-decoration:underline;
	}
	
#sec_foot .copy {
	text-align:center;
	line-height:1em;
	color:#fff;
	margin:10px 0 20px 0;
	}