@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background:url(../../sf5/images/background.png) top center repeat #000000;}


.contentswrapper{
	margin:0 auto;}



/*----vis----*/
.vis{
	position:relative;
	width:100%;
	height:1280px;
	margin:0;}
.vis h1{
	background:url(../../sf5/images/main_vis.png) top center repeat;
	height:1280px;
	text-indent:-9999px;}



/*----app_info----*/
.app_info{
	position:relative;
	background:url(../../sf5/images/app_info.png) top center no-repeat;
	width:966px;
	/*height:50px;*/
	margin:30px auto;
	padding:90px 0 10px 0;}
.app_info a{
	position:absolute;
	top:3px;
	display:block;
	height:68px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.app_info .appstore a{
	left:281px;
	width:227px;}
/*GooglePlay*/
.app_info .googleplay a{
	left:513px;
	width:224px;}
/*Android APK*/
.app_info .androidapk a{
	left:742px;
	width:224px;}
	
.app_info .spec{
	color:#FFF;
	font-size:12px;
	width:934px;
	margin:0 auto;
	text-indent:0;}



/*----event_link----*/
.event_lead{
	width:930px;
	margin:30px auto;}
.event_lead p a{
	display:block;
	background:url(../../sf5/images/btn_event_lead.png) top center no-repeat;
	width:930px;
	height:100px;
	text-indent:-9999px;}



/*----title----*/
h2{
	width:1000px;
	margin:60px auto 0;
	text-indent:-9999px;}
h2.title_game_info{
	background:url(../../sf5/images/title_game_info.png) top center no-repeat;
	height:101px;}
h2.title_character{
	background:url(../../sf5/images/title_character.png) top center no-repeat;
	height:100px;}
h2.title_hatcher{
	background:url(../../sf5/images/title_hatcher.png) top center no-repeat;
	height:100px;}
h2.title_evo{
	background:url(../../sf5/images/title_evo.png) top center no-repeat;
	height:100px;}
h2.title_quest{
	background:url(../../sf5/images/title_quest.png) top center no-repeat;
	height:100px;}
h2.title_achievement{
	background:url(../../sf5/images/title_achievement.png) top center no-repeat;
	height:100px;}
h2.title_event{
	background:url(../../sf5/images/title_event.png) top center no-repeat;
	height:100px;}



/*----game_info----*/
.game_info{
	width:980px;
	margin:30px auto;}
.game_info p.ss{
	background:url(../../sf5/images/game_info_ss.png) top center no-repeat;
	width:980px;
	height:560px;
	text-indent:-99999px;}
.game_info p.info{
	color:#fff;
	font-size:25px;
	line-height:170%;
	font-weight:bold;
	width:920px;
	margin:15px auto;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}
.game_info p.info_link a{
	display:block;
	background:url(../../sf5/images/btn_game_info_link.png) top center no-repeat;
	width:850px;
	height:100px;
	text-indent:-9999px;
	margin:15px auto;}



/*----character----*/
.character .characterinfo{
	background:url(../../sf5/images/character_bg.png) top center no-repeat;
	width:100%;
	height:950px;
	margin:0 auto 70px auto;
	padding:0;}
.character p.info_link{
	width:782px;
	height:94px;
	margin:15px auto;}
.character p.info_link a{
	display:block;
	background:url(../../sf5/images/btn_character_link.png) top center no-repeat;
	width:782px;
	height:94px;
	text-indent:-9999px;}
	
/*--CUSTOM_bxslider--*/
.characterinfo .chara_slidebox{
	position:relative;
	width:100%;
    height:930px;
    margin:0 auto;
    padding:0 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:320px;}
.characterinfo .chara_slidebox .bx-wrapper .bx-prev{
	background-image:url(../../sf5/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(../../sf5/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(../../sf5/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(../../sf5/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:930px;
	text-align:center;
	margin:0;
	padding:0;
	text-indent:-99999px;
	cursor:pointer;}
.characterinfo ul.chara li a{
	display:block;
	/*position:absolute;*/
	width:1000px;
	height:930px;
	margin:0 auto;
	/*top:0;*/}
.characterinfo ul.chara li.type_1{background-image:url("../../sf5/images/slide_1.png");}
.characterinfo ul.chara li.type_2{background-image:url("../../sf5/images/slide_2.png");}
.characterinfo ul.chara li.type_3{background-image:url("../../sf5/images/slide_3.png");}
.characterinfo ul.chara li.type_4{background-image:url("../../sf5/images/slide_4.png");}
.characterinfo ul.chara li.type_5{background-image:url("../../sf5/images/slide_5.png");}
.characterinfo ul.chara li.type_6{background-image:url("../../sf5/images/slide_6.png");}
.characterinfo ul.chara li.type_7{background-image:url("../../sf5/images/slide_7.png");}
.characterinfo ul.chara li.type_8{background-image:url("../../sf5/images/slide_8.png");}
.characterinfo ul.chara li.type_9{background-image:url("../../sf5/images/slide_9.png");}
.characterinfo ul.chara li.type_10{background-image:url("../../sf5/images/slide_10.png");}
.characterinfo ul.chara li.type_11{background-image:url("../../sf5/images/slide_11.png");}
.characterinfo ul.chara li.type_12{background-image:url("../../sf5/images/slide_12.png");}
.characterinfo ul.chara li.type_13{background-image:url("../../sf5/images/slide_13.png");}
.characterinfo ul.chara li.type_14{background-image:url("../../sf5/images/slide_14.png");}
.characterinfo ul.chara li.type_15{background-image:url("../../sf5/images/slide_15.png");}
.characterinfo ul.chara li.type_16{background-image:url("../../sf5/images/slide_16.png");}
.characterinfo ul.chara li.type_17{background-image:url("../../sf5/images/slide_17.png");}

/*nav*/
.characterinfo .chara_btn_list{
	position:relative;
	background:url(../../sf5/images/character_btn.png) top center no-repeat;
    width:873px;
    height:206px;
    margin:-150px auto 0 auto;
	padding:16px 21px 0 21px;
	overflow:hidden;}
.characterinfo .chara_btn_list ul{
	position:relative;
	left:50%;
	float:left;
	width:873px;}
.characterinfo .chara_btn_list li{
	position:relative;
	left:-50%;
	float:left;
    width:97px;
    height:85px;
	margin:0 0 4px;}
.characterinfo .chara_btn_list li:nth-child(10){
	margin:0 0 4px 49px !important;}
.characterinfo .chara_btn_list li a{
	display:block;
	width:97px;
	height:85px;
	text-indent:-99999px;
	cursor:pointer;}



/*----hatcher----*/
.hatcher{
	width:926px;
	margin:30px auto;}
.hatcher p.chara_list{
	background:url(../../sf5/images/hatcher_chara_list.png) top center no-repeat;
	width:926px;
	height:284px;}
.hatcher p.info{
	color:#fff;
	font-size:34px;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	width:920px;
	margin:15px auto;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}
.hatcher p.date{
	color:#fff;
	font-size:25px;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	width:920px;
	margin:15px auto;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}
.hatcher p.wakuwaku{
	color:#fff;
	font-size:25px;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	background:url(../../sf5/images/icon_arrow.png) center left no-repeat;
	width:400px;
	margin:15px auto;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}
.hatcher p.wakuwaku a{
	display:block;
	color:#fff;
	font-weight:bold;}



/*----evo----*/
.evo{
	width:100%;
	min-width:1000px;
	margin:30px auto;}
.evo p.ken{
	position:relative;
	background:url(../../sf5/images/evo_img_ken.png) top center no-repeat;
    width:100%;
    height:622px;
	text-indent:-99999px;}
.evo p.chunli{
	position:relative;
	background:url(../../sf5/images/evo_img_chunli.png) top center no-repeat;
    width:100%;
    height:640px;
	text-indent:-99999px;}
.evo p.guile{
	position:relative;
	background:url(../../sf5/images/evo_img_guile.png) top center no-repeat;
    width:100%;
    height:520px;
	text-indent:-99999px;}
.evo p.mbison{
	position:relative;
	background:url(../../sf5/images/evo_img_mbison.png) top center no-repeat;
    width:100%;
    height:540px;
	text-indent:-99999px;}



/*----quest----*/
.quest{
	width:880px;
	margin:30px auto;}
.quest p.orb{
	background:url(../../sf5/images/quest_banner_orb.png) top center no-repeat;
	width:880px;
	height:290px;
	margin:0 auto 35px auto;
	text-indent:-99999px;}
.quest ul{
	width:800px;
	margin:45px auto;}
.quest li{
	float:left;}
.quest li.stage_ss{
	width:350px;}
.quest li.stage_ss img{
	width:300px;
	height:504px;
	border:solid 1px #a8a8a8;}
.quest li.stage_info{
	color:#fff;
	width:450px;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}
.quest li.stage_info h4{
	font-size:25px;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	margin:10px auto 30px;
	padding:20px 0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;}
.quest li.stage_info dl{
	font-size:18px;
	line-height:170%;
	font-weight:bold;}
.quest li.stage_info dt{
	float:left;}
.quest li.stage_info dd{
	margin:0 0 8px 1.5em;}
/*karin*/
.quest .karin{
	width:800px;
	margin:50px auto;}
.quest .karin h3{
	background:url(../../sf5/images/ba_stage14160.png) top center no-repeat;
    width:640px;
    height:170px;
	margin:auto;
	text-indent:-99999px;}
/*nash*/
.quest .nash{
	width:800px;
	margin:50px auto;}
.quest .nash h3{
	background:url(../../sf5/images/ba_stage14140.png) top center no-repeat;
    width:640px;
    height:170px;
	margin:auto;
	text-indent:-99999px;}
/*nash*/
.quest .necalli{
	width:800px;
	margin:50px auto;}
.quest .necalli h3{
	background:url(../../sf5/images/ba_stage14150.png) top center no-repeat;
    width:640px;
    height:170px;
	margin:auto;
	text-indent:-99999px;}



/*----achievement----*/
.achievement{
	width:920px;
	margin:30px auto;}
.achievement dl,
.achievement dt,
.achievement dd{
	  margin:0;
	  padding:0;}
.achievement dl{
	width:920px;
	padding:0;
	/* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる */
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;}
.achievement dt,
.achievement dd{
	color:#fff;
	font-size:23px;
	font-weight:bold;
	padding:10px 0 10px 30px;}
.achievement dt{
	float:left;
	clear:both;
	width:516px;
	/* 上線のみ表示 */
	border-top:solid 1px #FFFFFF;}
.achievement dd{  
	/* dtの幅だけ横にずらす */
	margin-left : 516px;
	/* 上線と，dt・ddの左右間の区切り */
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;}
.achievement p.info{
	color:#fff;
	font-size:25px;
	line-height:170%;
	font-weight:bold;
	width:920px;
	margin:15px auto;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}



/*----event----*/
.event{
	width:1000px;
	margin:30px auto;}
.event p.kv{
	width:910px;
	margin:0 auto;}
.event p.kv img{
	width:910px;
	height:510px;}
.event p.info_day,
.event p.info_main,
.event p.info_sub{
	color:#fff;
	font-size:25px;
	line-height:170%;
	font-weight:bold;
	width:878px;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}
.event p.info_day{
	margin:25px auto 15px;}
.event p.info_main{
	margin:15px auto;}
.event p.info_sub{
	margin:15px auto 45px;}
.event dl{
	width:640px;
	margin:0 auto;}
.event dt{
	color:#fff;
	font-size:25px;
	font-weight:bold;
	text-align:center;}
.event dd{
	margin:10px 0 30px 0;}
.event p.info_link a{
	display:block;
	background:url(../../sf5/images/btn_event_link.png) top center no-repeat;
	width:690px;
	height:100px;
	text-indent:-9999px;
	margin:15px auto;}



/*----anime----*/
.anime{
	background:#141414;
	color:#bbbbbb;
	width:100%;
	padding:50px 0 50px 0;
	text-align:center;
	border-top:1px #acacac solid;}
.anime .anime_info{
	width:780px;
	margin:20px auto 0;}
.anime .anime_info p.bn{
	float:left;
	width:324px;
	height:102px;
	margin:0 20px 0 0;}
.anime .anime_info p.bn a{
	display:block;
	background:url(../../sf5/images/bn_anime.png) top center no-repeat;
	background-size:324px 102px;
	width:324px;
	height:102px;
	text-indent:-9999px;}
.anime .anime_info p.caption{
	color:#fff;
	font-size:14px;
	line-height:170%;
	font-weight:bold;
	text-align:left;
	padding:5px 0 0;}
.anime .anime_info p.caption a{
	color:#fff;
	text-decoration:underline;}



/*----movie----*/
.movie_if_pc {
	width:642px;
	height:362px;
	margin:0 auto;}
.movie_if_pc iframe{
	border:solid 1px #a8a8a8;}



/*----footer----*/
.footer{
	color:#bbbbbb;
	background:#000000;
	width:100%;
	padding:0 0 50px 0;
	text-align:center;
	border-top:1px #acacac solid;}
.socialcontents{
	background:#0f0f0f;
	width:100%;
	margin:0 auto;}
.footercontents{
	width:100%;
	margin:0 auto 0;
	border-top:1px #acacac solid;}

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

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



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