@charset "utf-8";

/*		Contents
---------------------------------------------------------------------------

	Common（共通部分）

	TOP										[ / ]
	特徴									[ /feature/ ]
	ゲームフロー							[ /flow/ ]
	7大ウキウキ演出							[ /production/ ]
	スペック								[ /spec/ ]
	おもしろ動画							[ /movie/ ]

------------------------------------------------------------------------ */


/* ========================================================================
	Common（共通部分）
======================================================================== */
body{
	background:url(../../img/common/bg.png) no-repeat center top;
}


/* ----------------------------------------
	contents
---------------------------------------- */
#contents{
	overflow:hidden;
	background:url(../../img/top/bg.png) no-repeat center top;
}

#contents .inner{
	position:relative;
	width:960px;
	height:1000px;
	margin:0 auto;
}

/* 特徴 */
#feature #contents{ background-image:url(../../img/feature/bg.png); }
#feature .inner{ height:1184px; }

/* ゲームフロー */
#flow{ background-image:url(../../img/flow/bg.png); }
#flow #contents{ background:none; }
#flow .inner{ height:auto; }

/* 7大ウキウキ演出 */
#production{ background-image:url(../../img/production/bg.png); }
#production #contents{ background:none; }
#production .inner{ height:auto; }

/* スペック */
#spec #contents{ background-image:url(../../img/spec/bg.png); }
#spec .inner{ height:1064px; }

/* おもしろ動画 */
#movie #contents{ background-image:url(../../img/movie/bg.png); }
#movie .inner{ height:1016px; }


/* navi
---------------------------------------- */
#contents .navi{
	position:absolute;
	top:14px;
	right:10px;
	width:489px;
	text-align:center;
	font-size:0;
	z-index:1;
}

#contents .navi li{
	display:inline-block;
	padding:0 2px 4px;
}


/* ========================================================================
	TOP										[ / ]
======================================================================== */
#top h1{
	position:absolute;
	bottom:8px;
	left:6px;
}

#top p{
	position:absolute;
	top:0;
	right:-280px;
}

#top p.catchcopy{
	top:265px;
	right:5px;
}

#top p.qr{
	top:inherit;
	bottom:8px;
	right:7px;
}


/* ----------------------------------------
	slider
---------------------------------------- */
#slider{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}

#slider p{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	margin:-100px 0 0 0;
	font-size:2.4rem;
	font-weight:bold;
	line-height:2;
}

#slider p:nth-of-type(2){ margin-top:-160px; }
#slider p:nth-of-type(3){ margin-top:-145px; }


/* ----------------------------------------
	btn
---------------------------------------- */
#btn{
	position:absolute;
	bottom:30px;
	right:35px;
}

#btn li{
	float:left;
	padding:0 0 0 10px;
}

#btn li button{
	background:none;
	border:none;
}


/* ========================================================================
	特徴									[ /feature/ ]
======================================================================== */
#feature h1{
	position:absolute;
	bottom:153px;
	right:2px;
	z-index:1;
}

#feature h2{
	padding:0 0 48px 27px;
}

#feature p{
	padding:0 0 5px 14px;
}

#feature section ul{
	padding:0 0 0 10px;
}


/* ========================================================================
	ゲームフロー							[ /flow/ ]
======================================================================== */
#flow h1{
	position:absolute;
	top:120px;
	right:6px;
}

#flow h2{
	position:absolute;
	top:295px;
	right:49px;
}

#flow section ol{
	padding:120px 0 0 35px;
}


/* ========================================================================
	7大ウキウキ演出							[ /production/ ]
======================================================================== */
#production h1{
	padding:20px 0 12px 104px;
}

#production h2{
	padding:0 0 6px 66px;
}

#production section ul{
	overflow:visible;
	text-align:center;
}

#production section ul li:last-child{
	margin:0 -88px 0 0;
}


/* ========================================================================
	スペック								[ /spec/ ]
======================================================================== */
#spec h1{
	position:absolute;
	bottom:72px;
	left:6px;
	z-index:1;
}

#spec figure{
	position:absolute;
	top:336px;
	left:15px;
}

#spec h2{
	position:absolute;
	top:339px;
	right:20px;
}

#spec p{
	position:absolute;
	top:415px;
	right:-68px;
}


/* ========================================================================
	おもしろ動画							[ /movie/ ]
======================================================================== */
#movie h1{
	position:absolute;
	top:24px;
	left:12px;
}

#movie h2{
	position:absolute;
	top:120px;
	left:322px;
}

#movie section ul{
	position:absolute;
	top:420px;
	left:0;
}

#movie section ul li{
	float:left;
	width:470px;
	margin:0 20px 20px 0;
}

#movie section ul li:nth-child(2n){
	margin-right:0;
}