@charset "utf-8";

/*
 *
 * $reset
 *
 *
*/
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin:0;padding:0;}
body {margin: 0;}
* html body{font-size:small;}
*:first-child+html body{font-size:small;}
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;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
a, ins{text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border:0;vertical-align:baseline;}
a img{border:none;margin:0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre { overflow: auto;}
code,kbd,pre,samp { font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
utton,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
blockquote { margin: 0;}
ul{list-style-position:outside;list-style-type:none;}
div, pre{word-wrap: break-word}
pre{white-space: pre-wrap;}
li{list-style-type:none;}


/*
 *
 * $html
 *
 *
*/
body{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:10px;
	line-height:140%;
	background:#000;
}
html{
	margin:0;
	padding:0;
	text-align:center;
}
p{color:#000;}
a{color:#fff;}
h1{display:none;}


/*
 *
 * top & common
 *
 *
*/

.mv{height:475px; background:url(../img/top/mv.jpg) no-repeat center top; background-size:640px 475px; }
.share{text-align:center; overflow:hidden; }
.share div{position:relative; left:50%; float:left;}
.share div a{position:relative; left:-50%; float:left; display:block; width:35px; height:35px; background:url(../img/common/share.jpg) no-repeat 0px 0px; background-size:105px 35px; margin:0 5px 10px;
		-moz-box-shadow: 3px 3px 5px #000000;
		-webkit-box-shadow: 3px 3px 5px #000000;
		box-shadow: 3px 3px 5px #000000;}
.share div a.fb{background-position:-35px 0;}
.share div a.ln{background-position:-70px 0;}

.yt{margin-bottom:4px; text-align:center;}

a#pkg{display:block; width:310px; height:130px; margin:0 auto 10px; background:url(../img/common/bnr_g9pkg.jpg) repeat-y center top; background-size:310px 130px;
		-moz-box-shadow: 0px 0px 5px #000000;
		-webkit-box-shadow: 0px 0px 5px #000000;
		box-shadow: 0px 0px 5px #000000;}


/*
 *
 * $wrapper
 *
 *
*/
#wrapper{
	width:100%;
	min-width:320px;
	background:url(../img/common/bg.jpg) no-repeat center top #000;
	-moz-background-size:640px auto;
	background-size:640px auto;
	-o-background-size:640px auto;
	-ms-background-size:640px auto;
	overflow:hidden;
}
	.wrapper-inr{
		width:320px;
		margin:0 auto;

	}

.pv{ width:318px; height:180px; margin:10px auto; }

.next{ width:320px; height:320px; margin:0 auto; }

/*
 *
 * $header
 *
 *
*/
#header{
	width:100%;
	overflow:hidden;
}
	#header br{
		display:none;
	}
	#header_nav{
		color:#fff;
	}
	#header_nav span{
		display:block;
	}
	.header-logo{
		position:absolute;
		top:6px;
		left:5px;
		z-index:101;
	}
	
	#header li{
		border:1px solid #000;
		border-width:0 1px 0 0;
		padding:0 15px;
		float:left;
	}
	#header li a{
		font-size:16px;
		color:#fff;
		text-decoration:none;
	}
	
	#header dt{
		font-size:18px;
		text-align:right;
		cursor:pointer;
	}
		#header dt span{
			padding:0 45px 0 0;
		}
	
	#header dt{
		width:100%;
		height:30px;
		background: #4c4c4c; /* Old browsers */
		background: -moz-linear-gradient(top,  #3d3c3c 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3c3c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3d3c3c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3d3c3c 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3d3c3c 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3d3c3c 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3c3c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		border:1px solid #333;
		border-width:0 0 1px 0;
		overflow:hidden;
		padding:11px 0 0;
		position:relative;
	}
		#header dt img{
			position:absolute;
			top:8px;
			right:15px;
		}
	
	#header dd{
		width:100%;
		border:1px solid #333;
		border-width:0 0 1px 0;
		font-size:14px;
		display:none;
		background:#1c1c1c;
		text-align:left;
	}
	
	#header dd span{
		width:100%;
	}
	#header dd a{
		padding:9px 15px;
		display:block;
	}
	
	#header dd span.a_blank{
		padding:9px 15px;
		display:block;
		color:#888;
	}
	
	
	.header_nav_inr{
		padding:2px 0;
		background:url(../img/common/icon_list.png) no-repeat center right;
		background-size:18px 18px;
		-webkit-background-size:18px 18px;
		-moz-background-size:18px 18px;
		-o-background-size:18px 18px;
		-ms-background-size:18px 18px;
		line-height:120%;
	}
	.header_nav_inr_sub{
		padding:2px 0;
	}
	
	#header dd.road{
		/*background:#323131;*/
	}
	
	#header dd a{
		font-size:14px;
		color:#fff;
		text-decoration:none;
	}
	#header dd a.armor_menu{
		font-size:12px;
	}
	
	#submenu dl span.new,
	#header dl span.new{
		padding:1px;
		font-size:12px;
		background:#fa026b;
		color:#fff;
		margin:0 5px 0 0;
		padding:3px 5px;
	}
	
	#footer__logo{
		width:320px;
		margin:0 auto;
		overflow:hidden;
		padding:5px 0;
	}
	#footer__logo ul{
		position: relative;
		left: 50%;
		float: left;
	}
	#footer__logo ul li{
		padding:0 5px;
		position: relative;
		left: -50%;
		float: left;
	}
	
	.update{
		padding:1px;
		font-size:12px;
		background:#9a0443;
		color:#fff;
		margin:0 5px;
	}

#btn_package{
	padding:10px 0 0;
	display:block;
}
#main{
	font-size:0;
	line-height:100%;
}
	
	
/*
 *
 * $ingame_event
 *
 *
*/	
#ingame_event{display:block; margin:5px auto 10px; width:257px; position:relative; overflow:hidden; border-radius:6px;}
#ingame_event img{display:block; position:relative;}
/*
 *
 * $footer
 *
 *
*/
footer{width:320px; margin:0 auto; }
footer a, footer img{ display:block; margin:5px auto;}



/*
 *
 * lavi
 *
 *
*/

#story_title{ height:50px; background:url(../img/ravi/02story_title.png) no-repeat center bottom; background-size:540px 44px; }
.story_img01{ width:320px; height:395px; margin:0 auto; background:url(../img/ravi/02story_img01.jpg) no-repeat center top; background-size:320px 395px; position:relative;}
.story_img02{ width:320px; height:385px; margin:0 auto; background:url(../img/ravi/02story_img02.jpg) no-repeat center top; background-size:320px 385px; position:relative;}
.story_img03{ width:320px; height:513px; margin:0 auto; background:url(../img/ravi/02story_img03.jpg) no-repeat center top; background-size:320px 505px; position:relative;}
.story_img03 a{width:284px;height:50px;display:block;position:absolute;top:453px;left:0;right:0;margin:0 auto;}


#laviente_title{display:none;}
.laviente_img01{width:100%; height:1025px; margin:0 auto; background:url(../img/ravi/03laviente_img01.jpg) no-repeat center top; background-size:640px 1025px; position:relative;}
.laviente_img02{width:100%; height:935px; margin:0 auto; background:url(../img/ravi/03laviente_img02.jpg) no-repeat center top; background-size:480px 935px; position:relative;}
.laviente_img03{width:320px; height:445px; margin:0 auto; background:url(../img/ravi/03laviente_img03.jpg) no-repeat center top; background-size:320px 445px; position:relative;}


#evo_weapon_title{ height:60px; background:url(../img/ravi/01evo_weapon_title.png) no-repeat center bottom; background-size:540px 51px; }
.evo_weapon_btn{ margin:0 auto; position:relative; top:340px; }
.evo_weapon_btn a{ margin:0 5px; }

.evo_weapon_img01{ width:320px; height:735px; margin:0 auto; background:url(../img/ravi/01evo_weapon_img01.jpg) no-repeat center top; background-size:320px 735px; position:relative; }
.evo_weapon_img02{ width:320px; height:421px; margin:0 auto; background:url(../img/ravi/01evo_weapon_img02bg.jpg) no-repeat center top; background-size:320px 421px; position:relative; }
.evo_weapon_img02_img01, .evo_weapon_img02_img02, .evo_weapon_img02_img03, .evo_weapon_img02_img04{
	width:271px; height:313px; position:absolute; left:25px; top:22px; background:url(../img/ravi/01evo_weapon_img02_01.png) no-repeat center top; background-size:271px 313px; display:none; }
.evo_weapon_img02_img02{ background-image:url(../img/ravi/01evo_weapon_img02_02.png); }
.evo_weapon_img02_img03{ background-image:url(../img/ravi/01evo_weapon_img02_03.png); }
.evo_weapon_img02_img04{ background-image:url(../img/ravi/01evo_weapon_img02_04.png); display:block; }
.evo_weapon_img03{ width:320px; height:421px; margin:0 auto; background:url(../img/ravi/01evo_weapon_img03bg.jpg) no-repeat center top; background-size:320px 421px; position:relative; }
.evo_weapon_img03_img01, .evo_weapon_img03_img02, .evo_weapon_img03_img03, .evo_weapon_img03_img04{
	width:297px; height:300px; position:absolute; left:25px; top:32px; background:url(../img/ravi/01evo_weapon_img03_01.png) no-repeat center top; background-size:297px 300px; display:none; }
.evo_weapon_img03_img02{ background-image:url(../img/ravi/01evo_weapon_img03_02.png); }
.evo_weapon_img03_img03{ background-image:url(../img/ravi/01evo_weapon_img03_03.png); }
.evo_weapon_img03_img04{ background-image:url(../img/ravi/01evo_weapon_img03_04.png); display:block; }
.evo_weapon_img04{ width:320px; height:590px; margin:0 auto; background:url(../img/ravi/01evo_weapon_img04bg.jpg) no-repeat center top; background-size:320px 580px; position:relative; }
.evo_weapon_img04_img01, .evo_weapon_img04_img02, .evo_weapon_img04_img03, .evo_weapon_img04_img04{
	width:301px; height:335px; position:absolute; left:19px; top:43px; background:url(../img/ravi/01evo_weapon_img04_01.png) no-repeat center top; background-size:301px 335px; display:none; }
.evo_weapon_img04_img02{ background-image:url(../img/ravi/01evo_weapon_img04_02.png); }
.evo_weapon_img04_img03{ background-image:url(../img/ravi/01evo_weapon_img04_03.png); }
.evo_weapon_img04_img04{ background-image:url(../img/ravi/01evo_weapon_img04_04.png); display:block; }


#lavi_arm_title{ height:432px; margin:0 auto; background:url(../img/ravi/05lavi_arm_title.jpg) no-repeat center top; background-size:640px 432px; }
.lavi_arm_img01{ height:295px; margin:0 auto; background:url(../img/ravi/05lavi_arm_img01.jpg) no-repeat center top; background-size:410px 295px; }
.lavi_arm_img02{ height:337px; margin:0 auto; background:url(../img/ravi/05lavi_arm_img02.jpg) no-repeat center top; background-size:410px 337px; }
.lavi_arm_img03{ height:622px; margin:0 auto 10px; background:url(../img/ravi/05lavi_arm_img03.jpg) no-repeat center top; background-size:320px 622px; }


.pallone_img01{width:100%; height:495px; margin:0 auto; background:url(../img/ravi/04pallone_img01.jpg) no-repeat center top; background-size:640px 495px; position:relative;}
.pallone_img02{width:100%; height:470px; margin:0 auto; background:url(../img/ravi/04pallone_img02.jpg) no-repeat center top; background-size:320px 470px; position:relative;}
.pallone_img03{width:100%; height:657px; margin:0 auto; background:url(../img/ravi/04pallone_img03.jpg) no-repeat center top; background-size:320px 657px; position:relative;}
.pallone_img04{width:100%; height:464px; margin:0 auto; background:url(../img/ravi/04pallone_img04.jpg) no-repeat center top; background-size:480px 464px; position:relative;}
.pallone_img02 a{width:284px;height:50px;display:block;position:absolute;top:422px;left:0;right:0;margin:0 auto;}
.pallone_img03 a{width:284px;height:50px;display:block;position:absolute;top:608px;left:0;right:0;margin:0 auto;}

#lavi_event_title{ height:254px; margin:0 auto; background:url(../img/ravi/06lavi_event_title.jpg) no-repeat center top; background-size:480px 430px; padding-top:176px; }
.lavi_event_img01{ height:652px; margin:0 auto; background:url(../img/ravi/06lavi_event_img01.jpg) no-repeat center top; background-size:320px 652px; }
.lavi_event_img02{ height:420px; margin:0 auto 10px; background:url(../img/ravi/06lavi_event_img02.jpg) no-repeat center top; background-size:320px 420px; }



/*
 *
 * monster
 *
 *
*/

.toridcless_img01{ height:375px; background:url(../img/monster/01tridcless_img01.jpg) no-repeat center top; background-size:480px 375px; }
.toridcless_img02{ width:320px; height:540px; background:url(../img/monster/01tridcless_img02.jpg) no-repeat center top; background-size:320px 540px; margin:0 auto; }
.toridcless_img03{ height:650px; background:url(../img/monster/01tridcless_img03.jpg) no-repeat center top; background-size:480px 650px; }
.toridcless_img04{ height:410px; background:url(../img/monster/01tridcless_img04.jpg) no-repeat center top; background-size:480px 410px; }
.toridcless_img05{ width:320px; height:290px; background:url(../img/monster/01tridcless_img05.jpg) no-repeat center top; background-size:320px 290px; margin:0 auto; }
.toridcless_img06{ width:320px; height:465px; background:url(../img/monster/01tridcless_img06.jpg) no-repeat center top; background-size:320px 465px; margin:0 auto; }
.toridcless_img07{ width:320px; height:420px; background:url(../img/monster/01tridcless_img07.jpg) no-repeat center top; background-size:320px 413px; margin:0 auto; }


#monster_title{ height:72px; margin:0 auto; background:url(../img/monster/02monster_title.jpg) no-repeat center top; background-size:480px 72px; }
.monster_img01{ height:685px; margin:0 auto; background:url(../img/monster/02monster_img01.jpg) no-repeat center top; background-size:480px 685px; }
.monster_img02{ height:705px; margin:0 auto; background:url(../img/monster/02monster_img02.jpg) no-repeat center top; background-size:480px 705px; }
.monster_img03{ height:760px; margin:0 auto 10px; background:url(../img/monster/02monster_img03.jpg) no-repeat center top; background-size:526px 760px; }

#barioth_title{ height:440px; margin:0 auto; background:url(../img/monster/03barioth_title.jpg) no-repeat center top; background-size:640px 440px; }
.barioth_img01{ height:615px; margin:0 auto; background:url(../img/monster/03barioth_img01.jpg) no-repeat center top; background-size:320px 615px; }
.barioth_img02{ height:448px; margin:0 auto; background:url(../img/monster/03barioth_img02.jpg) no-repeat center top; background-size:320px 448px; }
.barioth_img03{ height:637px; margin:0 auto; background:url(../img/monster/03barioth_img03.jpg) no-repeat center top; background-size:320px 637px; }
.barioth_img04{ height:717px; margin:0 auto 10px; background:url(../img/monster/03barioth_img04.jpg) no-repeat center top; background-size:320px 717px; }


/*
 *
 * $event
 *
 *
*/
.event_img01{width:100%; height:522.5px; margin:0 auto; background:url(../img/event/01event_img01.jpg) no-repeat center top; background-size:640px 522.5px; position:relative;}
.event_img02{width:100%; height:380px; margin:0 auto; background:url(../img/event/01event_img02.jpg) no-repeat center top; background-size:320px 380px; position:relative;}
.event_img03{width:100%; height:336px; margin:0 auto; background:url(../img/event/01event_img03.jpg) no-repeat center top; background-size:480px 336px; position:relative;}
.event_img04{width:100%; height:383px; margin:0 auto; background:url(../img/event/01event_img04.jpg) no-repeat center top; background-size:480px 383px; position:relative;}



/*
 *
 * refine
 *
 *
*/

.refine_img01{ height:420px; background:url(../img/refine/01refine_img01.jpg) no-repeat center top; background-size:480px 420px; }
.refine_img02{ width:320px; height:356px; background:url(../img/refine/01refine_img02.jpg) no-repeat center top; background-size:320px 356px; margin:0 auto; }
.refine_img03{ width:320px; height:331px; background:url(../img/refine/01refine_img03.jpg) no-repeat center top; background-size:320px 331px; margin:0 auto; }
.refine_img04{ width:320px; height:337px; background:url(../img/refine/01refine_img04.jpg) no-repeat center top; background-size:320px 337px; margin:0 auto; }
.refine_img05{ width:320px; height:300px; background:url(../img/refine/01refine_img05.jpg) no-repeat center top; background-size:320px 295px; margin:0 auto; }


#refine02_title{ height:55px; margin:0 auto; background:url(../img/refine/02refine_title.jpg) no-repeat center top; background-size:480px 55px; }
.refine02_img01{ height:325px; margin:0 auto; background:url(../img/refine/02refine_img01.jpg) no-repeat center top; background-size:320px 325px; }
.refine02_img02{ height:356px; margin:0 auto; background:url(../img/refine/02refine_img02.jpg) no-repeat center top; background-size:320px 356px; }
.refine02_img03{ height:381px; margin:0 auto 10px; background:url(../img/refine/02refine_img03.jpg) no-repeat center top; background-size:320px 381px; }

/*
 *
 * armor
 *
 *
*/

#armor_title{ height:432px; margin:0 auto; background:url(../img/armor/01armor_title.jpg) no-repeat center top; background-size:480px 432px; }
.armor_img01{ height:588px; margin:0 auto; background:url(../img/armor/01armor_img01.jpg) no-repeat center top; background-size:320px 588px; }
.armor_img02{ height:355px; margin:0 auto; background:url(../img/armor/01armor_img02.jpg) no-repeat center top; background-size:320px 355px; }


/*
 *
 * next
 *
 *
*/

.next_img01{ width:320px; height:370px; background:url(../img/common/next01.jpg) no-repeat center top; background-size:320px 370px; margin:0 auto 10px; cursor:pointer; }
.next_img02{ width:320px; height:370px; background:url(../img/common/next02.jpg) no-repeat center top; background-size:320px 370px; margin:0 auto 10px; cursor:pointer; }
.next_img03{ width:320px; height:370px; background:url(../img/common/next03.jpg) no-repeat center top; background-size:320px 370px; margin:0 auto 10px; cursor:pointer; }
.next_img04{ width:320px; height:735px; background:url(../img/common/next04.jpg) no-repeat center top; background-size:320px 735px; margin:0 auto 10px; cursor:pointer; }