@charset "UTF-8";
/*
 *
 * $reset
 *
 *
*/
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, input{margin:0;padding:0;}
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select{font-size:100%;}
a, ins{text-decoration:none;}
address, em, cite, dfn, var{font-style:normal;}
input, textarea{/*font-family:sans-serif;*/font-weight:normal;}
img{vertical-align:baseline;}
a img{border:none;margin:0;}
* html body{ /* for IE6 */font-size:small;}
*:first-child+html body{ /* for IE7 */font-size:small;}
ul{list-style-position:outside;list-style-type:none;}
ol{list-style-position:outside;margin-left:20px;}
table{border-collapse:collapse;/*word-break: break-word;*/}
legend{	color: #333;}
div, pre{word-wrap: break-word}
pre{white-space: pre-wrap;}
iframe{border:0;padding:0;}
a.colorbox{outline:none;}
/*
 *
 * $html
 *
 *
*/
html{margin:0;padding:0;}
body{
	font-family:'ヒラギノ角ゴ Pro W3',Osaka,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-seri;
	background:url(../img/bg_r.jpg) repeat;
}
p{font-size:14px;line-height:130%;}
.serif{font-family: 'Times New Roman', Times, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;}
/*
 *
 * $body
 *
 *
*/
.sprite{
	
}
.hide{display:none;}
h1{height:0;}
/*
 *
 * $wrap
 *
 *
*/
#wrap{
	width:320px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background:#dcdcdc;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
}

/*
 *
 * $mv
 *
 *
*/
#mv{
	width:320px;
	height:326px;
	background:url(../img/mv.jpg) no-repeat;
	background-size:320px 326px;
	position:absolute;
	top:0;
	left:0;
}
/*
 *
 * $header
 *
 *
*/
#header{
	width:320px;
	height:326px;
	background:url(../img/mv.jpg) no-repeat;
	background-size:320px 326px;
	overflow: hidden;
}
	#header nav{
	}
		#header nav p#logo{
			position:absolute;
			top:7px;
			left:7px;
			z-index:10;
		}
		#header nav p#menuBtn{
			width:22px;
			height:19px;
			position:absolute;
			top:10px;
			right:10px;
			z-index:11;
			text-indent:-9999px;
			background:url(../img/menu_open.png) no-repeat left top;
			background-size:22px 19px;
		}
			#header nav p#menuBtn.close{
				background:url(../img/menu_close.png) no-repeat left top;
				background-size:22px 19px;
			}
		#header nav ul{
			height:160px;
			position:absolute;
			top:0px;
			left:0;
			background:url(../img/menu_bg.png) no-repeat;
			background-size:320px auto;
			width:100%;
		}
			#header nav ul li{
				display:none;
			}
			#header nav ul li#mm1{
				position:absolute;
				top:56px;
				left:15px;
			}
			#header nav ul li#mm2{
				position:absolute;
				top:56px;
				left:115px;
			}
			#header nav ul li#mm3{
				position:absolute;
				top:56px;
				left:215px;
			}
			#header nav ul li#mm4{
				position:absolute;
				top:92px;
				left:2px;
			}
			#header nav ul li#mm5{
				position:absolute;
				top:92px;
				left:85px;
			}
			#header nav ul li#mm6{
				position:absolute;
				top:92px;
				left:165px;
			}
			#header nav ul li#mm7{
				position:absolute;
				top:92px;
				left:245px;
			}
		
		#header nav ul.close{
			top:-95px;
		}

	#header ul#sns {
		float:left;
		left:50%;
		position:absolute;
		top:287px;
	}
		#header ul#sns li{
			width:35px;
			height:35px;
			padding:0 2px;
			float:right;
			left:-50%;
			position:relative;
		}
		
		#header ul#sns li a{
			width:35px;
			height:35px;
			display:block;
			background:url(../img/sns.png) no-repeat;
			background-size:107px 35px;
		}
		
		#header ul#sns li.line a{background-position:-72px 0;}
		#header ul#sns li.facebook a{background-position:-36px 0;}
		#header ul#sns li.twitter a{background-position:0 0;}
/*
 *
 * $ice
 *
 *
*/
#ice{
	width:320px;
	height:870px;
	background:url(../img/ice.jpg) no-repeat bottom center;
	background-size:320px 870px;
}

/*
 *
 * $pari
 *
 *
*/
#pari{
	width:320px;
	height:330px;
	background:url(../img/pari.jpg) no-repeat bottom center;
	background-size:320px 330px;
}
/*
 *
 * $jin
 *
 *
*/
#jin{
	width:320px;
	height:584px;
	background:url(../img/jin.jpg) no-repeat;
	background-size:320px 584px;
}
	#jin .movie{
		width:302px;
		padding:350px 0 0;
		margin:0 auto;
	}
/*
 *
 * $armor
 *
 *
*/
#armor{
}
	#armor .armor01{
		width:320px;
		height:1246px;
		background:url(../img/armor01.jpg) no-repeat bottom center;
		background-size:320px 1246px;
	}
	
	#armor .armor02{
		width:320px;
		height:750px;
		background:url(../img/armor02.jpg) no-repeat bottom center;
		background-size:320px 750px;
	}
	
	
	#armor .armor03{
		width:320px;
		height:732px;
		background:url(../img/armor03.jpg) no-repeat bottom center;
		background-size:320px 732px;
	}
	#armor .armor04{
		width:320px;
		height:284px;
		background:url(../img/armor04.jpg) no-repeat bottom center;
		background-size:320px 284px;
	}
	#armor .armor05{
		width:320px;
		height:547px;
		background:url(../img/armor05.jpg) no-repeat bottom center;
		background-size:320px 547px;
	}
/*
 *
 * $gankin
 *
 *
*/
#gankin{
}
	#gankin .gankin01{
		width:320px;
		height:706px;
		background:url(../img/gankin01.jpg) no-repeat bottom center;
		background-size:320px 706px;
	}
	
	#gankin .gankin02{
		width:320px;
		height:285px;
		background:url(../img/gankin02.jpg) no-repeat bottom center;
		background-size:320px 285px;
	}
	
	
	#gankin .gankin03{
		width:320px;
		height:227px;
		background:url(../img/gankin03.jpg) no-repeat bottom center;
		background-size:320px 227px;
	}
/*
 *
 * $monster
 *
 *
*/
#monster{
	width:320px;
	height:75px;
	background:url(../img/monster.jpg) no-repeat;
	background-size:320px 75px;
}
/*
 *
 * $refine
 *
 *
*/
#refine{
}
	#refine .refine01{
		width:320px;
		height:347px;
		background:url(../img/refine01.jpg) no-repeat bottom center;
		background-size:320px auto;
	}
	#refine .refine02{
		width:320px;
		height:248px;
		background:url(../img/refine02.jpg) no-repeat bottom center;
		background-size:320px auto;
	}
	#refine .refine03{
		width:320px;
		height:211px;
		background:url(../img/refine03.jpg) no-repeat bottom center;
		background-size:320px auto;
	}
	#refine .refine04{
		width:320px;
		height:261px;
		background:url(../img/refine04.jpg) no-repeat bottom center;
		background-size:320px auto;
	}
	#refine .refine05{
		width:320px;
		height:600px;
		background:url(../img/refine05.jpg) no-repeat bottom center;
		background-size:320px auto;
	}
	#refine .refine06{
		width:320px;
		height:597px;
		background:url(../img/refine06.jpg) no-repeat bottom center;
		background-size:320px auto;
	}
	#refine .refine07{
		width:320px;
		height:588px;
		background:url(../img/refine07.jpg) no-repeat bottom center;
		background-size:320px auto;
	}

/*
 *
 * $notice
 *
 *
*/
#notice{
	width:320px;
	height:246px;
	background:url(../img/notice.jpg) no-repeat;
	background-size:320px 246px;
}

/*
 *
 * $footer
 *
 *
*/
#footer{
	background:#000;
	padding:10px 5px 0;
}
	#footer li{
		line-height:100%;
		font-size:0;
		margin:0 0 5px;
	}
	#footer li a{
		display:block;
	}

	.ftBanner{
		margin:10px 0px;
	}