@charset "UTF-8";






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



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



/*----vis----*/
.vis{
	position:relative;
	width:100%;
	height:510px;}
.vis h1{
	background:url(../../ms-tos2/images/sp_tos2_vis.png) top center no-repeat;
	background-size:640px 510px;
	height:510px;
	text-indent:-9999px;}
.vis .movie a{
	display:block;
	position:absolute;
	top:362px;
	left:50%;
	background:url(../../ms-tos2/images/sp_tos2_movie.png) top center no-repeat;
	background-size:234px 136px;
	width:234px;
	height:136px;
	margin:0 0 0 -117px;
	text-indent:-9999px;}



/*----app_info----*/
.app_info{
	position:relative;
	background:#000000 url(../../ms-tos2/images/sp_tos2_app_info.png) top center no-repeat;
	background-size:304px 78px;
	width:320px;
	margin:15px auto;
	padding:90px 0 5px 0;}
.app_info a{
	position:absolute;
	top:45px;
	display:block;
	height:33px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.app_info .appstore a{
	left:8px;
	width:108px;}
/*GooglePlay*/
.app_info .googleplay a{
	left:121px;
	width:109px;}
/*Android APK*/
.app_info .androidapk a{
	left:235px;
	width:76px;}
	
.app_info .spec{
	color:#FFF;
	font-size:0.8rem;
	width:290px;
	margin:0 auto;
	text-indent:0;}



/*----title----*/
.hatcher,.tower,.quest,.sns{
	background:url(../../ms-tos2/images/tos2_title_bg.png) top center repeat-x;
	background-size:512px 36px;
	/*height:72px;*/
	margin:0 auto;
	padding:0;}
.hatcher h2{
	background:url(../../ms-tos2/images/sp_tos2_title_hatcher.png) top center no-repeat;
	background-size:440px 36px;
	width:100%;
	height:36px;
	margin:0 auto;
	padding:0;}
.tower h2{
	background:url(../../ms-tos2/images/sp_tos2_title_tower.png) top center no-repeat;
	background-size:440px 36px;
	width:100%;
	height:36px;
	margin:0 auto;
	padding:0;}
.quest h2{
	background:url(../../ms-tos2/images/sp_tos2_title_quest.png) top center no-repeat;
	background-size:440px 36px;
	width:100%;
	height:36px;
	margin:0 auto;
	padding:0;}
.sns h2{
	background:url(../../ms-tos2/images/sp_tos2_title_sns.png) top center no-repeat;
	background-size:440px 36px;
	width:100%;
	height:36px;
	margin:0 auto;
	padding:0;}



/*----hatcher----*/
.hatcher{}
.hatcher .characterinfo{
	background:url(../../ms-tos2/images/sp_tos2_hatcher_slide_bg.png) top center no-repeat;
	background-size:640px 330px;
	width:100%;
	height:330px;
	margin:0 auto;
	padding:0;}
.hatcher p.info{
	background:url(../../ms-tos2/images/sp_tos2_hatcher_info.png) top center no-repeat;
	background-size:640px 155px;
	width:100%;
	height:155px;
	margin:0 auto;
	padding:0;}



/*--CUSTOM_bxslider--*/
.characterinfo .chara_slidebox{
    width:320px;
    height:255px;
    margin:0 auto;
    padding:15px 0 0 0 !important;}
.characterinfo .chara_slidebox .bx-viewport{
	background-color:transparent !important;
	border:none !important;
	box-shadow:none !important;}
.characterinfo .chara_slidebox .bx-wrapper .bx-prev {
	display:none;}
.characterinfo .chara_slidebox .bx-wrapper .bx-next{
	display:none;}
/*left&right_overflowShadow*/
.characterinfo .hideobj_left,
.characterinfo .hideobj_right{
	display:none;}
/*chara*/
.characterinfo ul.chara{
	margin:0 auto;
	position:absolute;}
.characterinfo ul.chara li{
	position:relative;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:253px 255px !important;
	width:320px;
	height:255px;
	text-align:center;
	margin:0 auto 0 5px;
	padding:0;
	text-indent:-99999px;
	cursor:pointer;}
.characterinfo ul.chara li a{
	display:block;
	position:absolute;
	width:320px;
	height:255px;
	top:0;
	left:50%;
	margin:0 0 0 -160px;}
.characterinfo ul.chara li.type_1{background-image:url("../../ms-tos2/images/slide_1_sp.png");}
.characterinfo ul.chara li.type_2{background-image:url("../../ms-tos2/images/slide_2_sp.png");}
.characterinfo ul.chara li.type_3{background-image:url("../../ms-tos2/images/slide_3_sp.png");}
.characterinfo ul.chara li.type_4{background-image:url("../../ms-tos2/images/slide_4_sp.png");}
.characterinfo ul.chara li.type_5{background-image:url("../../ms-tos2/images/slide_5_sp.png");}
.characterinfo ul.chara li.type_6{background-image:url("../../ms-tos2/images/slide_6_sp.png");}
.characterinfo ul.chara li.type_7{background-image:url("../../ms-tos2/images/slide_7_sp.png");}

/*nav*/
.characterinfo .chara_btn_list{
    width:280px;
    height:40px;
    margin:20px auto;}
.characterinfo .chara_btn_list li{
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:40px 40px !important;
    width:40px;
    height:40px;
	margin:0px;}
.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:40px;
	height:40px;
	text-indent:-99999px;
	cursor:pointer;}



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



/*----quest----*/
.quest{}
/*micha_luci*/
p.micha_luci{
	background:url(../../ms-tos2/images/sp_tos2_micha_luci.png) top center no-repeat;
	background-size:640px 430px;
	width:100%;
	height:430px;
	margin:0 auto;
	padding:0;}
/*odin*/
p.odin{
	background:url(../../ms-tos2/images/sp_tos2_odin.png) top center no-repeat;
	background-size:640px 330px;
	width:100%;
	height:330px;
	margin:0 auto;
	padding:0;}
/*himeshi*/
p.himeshi{
	background:url(../../ms-tos2/images/sp_tos2_himeshi.png) top center no-repeat;
	background-size:640px 335px;
	width:100%;
	height:335px;
	margin:0 auto;
	padding:0;}



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



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



/*----footer----*/
.footer{
	background:#000000;
	color:#bbbbbb;
	width:100%;
	padding:10px 0 20px 0;
	text-align:center;}
.footercontents{
	width:100%;
	margin:0 auto;}

/*links*/
.footercontents ul.links{
	width:100%;
	margin:0 auto;
	text-align:center;}
.footercontents ul.links li{
	display:inline-block;
	margin:20px 0.5em 2em 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:240px;
	margin:0 auto;
	text-align:center;}
.footercontents ul.banner li{
	width:240px;
	height:74px !important;
	margin:0 0 20px 0;
	padding:0 !important;}
.footercontents ul.banner li:last-child{
	padding-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: 70px;
    height: 81px;
    margin: 25px auto 15px auto;
    text-indent: -9999px;}
	
/*logo*/
.footercontents p.logo{
	background:#2d2d2d url(../../ms-tos2/images/footer.png) top center no-repeat;
	background-size:380px 40px;
	width:100%;
	height:40px;
	margin:0 auto 2em auto;
	text-indent:-9999px;}
	
/*address*/
.footercontents address{
	line-height:1.4rem;
	font-size:1rem;}



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






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PluginOverride_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*---Fancybox_start---*/
#fancybox-outer{
	background:#000000 !important;}
#fancybox-content{
	border-color:#000000 !important;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/