@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background:#030303;}



.contentswrapper{
	margin:0 auto;
	text-indent:-9999px;}



/*----vis----*/
.vis{
	position:relative;
	width:100%;
	height:973px;
	margin:0;}
.vis h1{
	background:url(../../ms-tos2/images/tos2_vis.jpg) top center no-repeat;
	height:973px;
	text-indent:-9999px;}
.vis .movie a{
	display:block;
	position:absolute;
	top:822px;
	left:50%;
	background:url(../../ms-tos2/images/tos2_movie.png) top center no-repeat;
	width:244px;
	height:145px;
	margin:0 0 0 256px;
	text-indent:-9999px;}



/*----app_info----*/
.app_info{
	position:relative;
	background:#000000 url(../../ms-tos2/images/tos2_app_info.png) top center no-repeat;
	width:906px;
	/*height:50px;*/
	margin:30px auto;
	padding:90px 0 10px 0;}
.app_info a{
	position:absolute;
	top:4px;
	display:block;
	height:67px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.app_info .appstore a{
	left:278px;
	width:217px;}
/*GooglePlay*/
.app_info .googleplay a{
	left:506px;
	width:218px;}
/*Android APK*/
.app_info .androidapk a{
	left:733px;
	width:174px;}
	
.app_info .spec{
	color:#FFF;
	font-size:10px;
	width:880px;
	margin:0 auto;
	text-indent:0;}



/*----title----*/
.hatcher,.tower,.quest,.sns{
	background:url(../../ms-tos2/images/tos2_title_bg.png) top center repeat-x;
	width:100%;
	/*height:72px;*/
	margin:0 auto;
	padding:0;}
.hatcher h2{
	background:url(../../ms-tos2/images/tos2_title_hatcher.png) top center no-repeat;
	width:100%;
	height:72px;
	margin:0 auto;
	padding:0;}
.tower h2{
	background:url(../../ms-tos2/images/tos2_title_tower.png) top center no-repeat;
	width:100%;
	height:72px;
	margin:0 auto;
	padding:0;}
.quest h2{
	background:url(../../ms-tos2/images/tos2_title_quest.png) top center no-repeat;
	width:100%;
	height:72px;
	margin:0 auto;
	padding:0;}
.sns h2{
	background:url(../../ms-tos2/images/tos2_title_sns.png) top center no-repeat;
	width:100%;
	height:72px;
	margin:0 auto;
	padding:0;}



/*----hatcher----*/
.hatcher{}
.hatcher .characterinfo{
	background:url(../../ms-tos2/images/tos2_hatcher_slide_bg.jpg) top center no-repeat;
	width:100%;
	height:960px;
	margin:0 auto;
	padding:0;}
.hatcher p.info{
	background:url(../../ms-tos2/images/tos2_hatcher_info.png) top center no-repeat;
	width:100%;
	height:280px;
	margin:0 auto;
	padding:0;}



/*--CUSTOM_bxslider--*/
.characterinfo .chara_slidebox{
	position:relative;
	width:100%;
    height:760px;
    margin:0 auto;
    padding:40px 0 10px;
    overflow:hidden;}
.characterinfo .chara_slidebox .bx-viewport{
	background-color:transparent !important;}
.characterinfo .chara_slidebox .bx-wrapper .bx-prev,
.characterinfo .chara_slidebox .bx-wrapper .bx-next{
	top:250px;}
.characterinfo .chara_slidebox .bx-wrapper .bx-prev{
	background-image:url(../../ms-tos2/images/arrow_prev.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:81px;
	height:159px;
	left:50%;
	margin:0 0 0 -496px;}
.characterinfo .chara_slidebox .bx-wrapper .bx-next{
	background-image:url(../../ms-tos2/images/arrow_next.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:81px;
	height:159px;
	left:50%;
	margin:0 0 0 415px}
/*left&right_overflowShadow*/
.characterinfo .hideobj_left,
.characterinfo .hideobj_right{
	position:absolute;
	width:50%;
	height:800px;
	top:0;
	z-index:20;}
.characterinfo .hideobj_left{
	background-image:url(../../ms-tos2/images/chara_side_left.png);
	background-position:right top;
	background-repeat:no-repeat;
	right:50%;
	margin:0 395px 0 0}
.characterinfo .hideobj_right{
	background-image:url(../../ms-tos2/images/chara_side_right.png);
	background-position:left top;
	background-repeat:no-repeat;
	left:50%;
	margin:0 0 0 395px}
/*chara*/
.characterinfo ul.chara{
	left:50%;
	margin:0 0 0 -50%;}
.characterinfo ul.chara li{
	position:relative;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:760px;
	text-align:center;
	margin:0;
	padding:0;
	text-indent:-99999px;
	cursor:pointer;}
.characterinfo ul.chara li a{
	display:block;
	position:absolute;
	width:790px;
	height:760px;
	top:0;}
.characterinfo ul.chara li.type_1{background-image:url("../../ms-tos2/images/slide_1.png");}
.characterinfo ul.chara li.type_2{background-image:url("../../ms-tos2/images/slide_2.png");}
.characterinfo ul.chara li.type_3{background-image:url("../../ms-tos2/images/slide_3.png");}
.characterinfo ul.chara li.type_4{background-image:url("../../ms-tos2/images/slide_4.png");}
.characterinfo ul.chara li.type_5{background-image:url("../../ms-tos2/images/slide_5.png");}
.characterinfo ul.chara li.type_6{background-image:url("../../ms-tos2/images/slide_6.png");}
.characterinfo ul.chara li.type_7{background-image:url("../../ms-tos2/images/slide_7.png");}

/*nav*/
.characterinfo .chara_btn_list{
    width:812px;
    height:110px;
    margin:20px auto;}
.characterinfo .chara_btn_list li{
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
    width:110px;
    height:110px;
	margin:3px;}
.characterinfo .chara_btn_list li.chara_btn_1{background-image:url("../../ms-tos2/images/button_1.png");}
.characterinfo .chara_btn_list li.chara_btn_2{background-image:url("../../ms-tos2/images/button_2.png");}
.characterinfo .chara_btn_list li.chara_btn_3{background-image:url("../../ms-tos2/images/button_3.png");}
.characterinfo .chara_btn_list li.chara_btn_4{background-image:url("../../ms-tos2/images/button_4.png");}
.characterinfo .chara_btn_list li.chara_btn_5{background-image:url("../../ms-tos2/images/button_5.png");}
.characterinfo .chara_btn_list li.chara_btn_6{background-image:url("../../ms-tos2/images/button_6.png");}
.characterinfo .chara_btn_list li.chara_btn_7{background-image:url("../../ms-tos2/images/button_7.png");}
.characterinfo .chara_btn_list a{
	display:block;
	width:110px;
	height:110px;
	text-indent:-99999px;
	cursor:pointer;}




/*----tower----*/
.tower{}
.tower p{
	background:url(../../ms-tos2/images/tos2_tower.png) top center no-repeat;
	width:100%;
	height:900px;
	margin:0 auto;
	padding:0;}



/*----quest----*/
.quest{}
/*micha_luci*/
p.micha_luci{
	background:url(../../ms-tos2/images/tos2_micha_luci.png) top center no-repeat;
	width:100%;
	height:750px;
	margin:0 auto;
	padding:0;}
/*odin*/
p.odin{
	background:url(../../ms-tos2/images/tos2_odin.png) top center no-repeat;
	width:100%;
	height:530px;
	margin:0 auto;
	padding:0;}
/*himeshi*/
p.himeshi{
	background:url(../../ms-tos2/images/tos2_himeshi.png) top center no-repeat;
	width:100%;
	height:610px;
	margin:0 auto;
	padding:0;}



/*----sns----*/
.sns{}
.sns p{
	background:url(../../ms-tos2/images/tos2_sns.png) top center no-repeat;
	width:100%;
	height:640px;
	margin:0 auto;
	padding:0;}



/*----collaboinfo----*/
.detailinformation{
	background:url(../../ms-tos2/images/collaboinfo_bg.jpg) top center repeat-x;
	width:100%;
	height:127px;}
.detailinformation p a{
	display:block;
	text-indent:-9999px;
	background-image:url(../../ms-tos2/images/collaboinfo_button.png);
	background-position:center 0px;
	background-repeat:no-repeat;
	width:426px;
	height:127px;
	margin:0 auto;}
.detailinformation a:hover{
	background-position:center 2px;}



/*----footer----*/
.footer{
	background:#000000;
	color:#bbbbbb;
	width:100%;
	padding:50px 0 50px 0;
	text-align:center;
	border-top:1px #333333 solid;}
.footercontents{
	width:100%;
	margin:0 auto;}
	
/*links*/
.footercontents ul.links{
	width:100%;
	margin:0 auto !important;
	padding:0;
	text-align:center;}
.footercontents ul.links li{
	display:inline-block;
	margin:0 0.5em 0 0.5em;
	padding-right:1em;
	border-right:1px #bbbbbb solid;}
.footercontents ul.links li:last-child{
	padding-right:0;
	border-right:none;}
.footercontents ul.links li a{
	color:#bbbbbb;
	text-decoration:underline;}

/*banner*/
.footercontents ul.banner{
	width:820px;
	margin:0 auto;
	text-align:center;
	list-style-type:none;}
.footercontents ul.banner li{
	float:left;
	width:240px;
	height:74px !important;
	margin:30px 50px 30px 0;
	padding:0 !important;}
.footercontents ul.banner li:last-child{
	margin-right:0;}
.footercontents ul.banner li a{
	display:block;
	width:240px;
	height:74px !important;
	text-indent:-9999px;}
.footercontents ul.banner li.official{
	background:url(../../ms-tos2/images/bn_offcial.png) top center no-repeat;}
.footercontents ul.banner li.youtube{
	background:url(../../ms-tos2/images/bn_youtube.png) top center no-repeat;}
.footercontents ul.banner li.facebook{
	background:url(../../ms-tos2/images/bn_facebook.png) top center no-repeat;}
	
/*xflag*/
.footercontents p.xflag a{
	display:block;
    background: url(//xflag.com/tw/common/images/promotion_logo_xflag.png) top center no-repeat;
    background-size: 100%;
    width: 100px;
    height: 115px;
    margin: 40px auto 30px auto;
    text-indent: -9999px;}

/*logo*/
.footercontents p.logo{
	background:#2d2d2d url(../../ms-tos2/images/footer.png) top center no-repeat;
	width:100%;
	height:80px;
	margin:0 auto 30px auto;
	text-indent:-9999px;}
	
/*address*/
.footercontents address{
	line-height:1.4em;
	font-size:1em;}



/*----hz----*/
hr{
	border:none;}
.hz_nomal{
	background:url(../../ms-tos2/images/hz_nomal.png) top center repeat-x;
	width:100%;
	height:7px;
	margin:0 auto;}
.hz_bold{
	background:url(../../ms-tos2/images/hz_bold.png) top center repeat-x;
	width:100%;
	height:12px;
	margin:0 auto;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/