@charset "UTF-8";






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



.contentswrapper{
	margin:0 auto;}



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



/*----app_info----*/
.app_info{
	position:relative;
	background:#000000 url(../../sf5/images/sp_app_info.png) top center no-repeat;
	background-size:292px 77px;
	width:292px;
	margin:15px auto;
	padding:90px 0 5px 0;}
.app_info a{
	position:absolute;
	top:47px;
	display:block;
	height:29px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.app_info .appstore a{
	left:1px;
	width:95.5px;}
/*GooglePlay*/
.app_info .googleplay a{
	left:98px;
	width:94.5px;}
/*Android APK*/
.app_info .androidapk a{
	left:194.5px;
	width:94.5px;}
	
.app_info .spec{
	color:#FFF;
	font-size:0.8rem;
	width:290px;
	margin:0 auto;
	text-indent:0;}



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



/*----title----*/
h2{
	width:320px;
	height:50px;
	margin:30px auto 0;
	text-indent:-9999px;}
h2.title_game_info{
	background:url(../../sf5/images/sp_title_game_info.png) top center no-repeat;
	background-size:320px 50px;}
h2.title_character{
	background:url(../../sf5/images/sp_title_character.png) top center no-repeat;
	background-size:320px 50px;}
h2.title_hatcher{
	background:url(../../sf5/images/sp_title_hatcher.png) top center no-repeat;
	background-size:320px 50px;}
h2.title_evo{
	background:url(../../sf5/images/sp_title_evo.png) top center no-repeat;
	background-size:320px 50px;}
h2.title_quest{
	background:url(../../sf5/images/sp_title_quest.png) top center no-repeat;
	background-size:320px 50px;}
h2.title_achievement{
	background:url(../../sf5/images/sp_title_achievement.png) top center no-repeat;
	background-size:320px 50px;}
h2.title_event{
	background:url(../../sf5/images/sp_title_event.png) top center no-repeat;
	background-size:320px 50px;}



/*----game_info----*/
.game_info{
	width:300px;
	margin:30px auto;}
.game_info p.ss{
	background:url(../../sf5/images/game_info_ss.png) top center no-repeat;
	background-size:300px 171px;
	width:300px;
	height:171px;
	text-indent:-99999px;}
.game_info p.info{
	color:#fff;
	font-size:1.2rem;
	line-height:170%;
	/*font-weight:bold;*/
	width:300px;
	margin:15px auto;
	/*shadow*/
	-moz-text-shadow: 0px 0px 10px #00c0ff;
	-webkit-text-shadow: 0px 0px 10px #00c0ff;
	text-shadow: 0px 0px 10px #00c0ff;}



/*----character----*/
.character .characterinfo{
	background:url(../../sf5/images/character_bg.png) top center no-repeat;
	background-size:480px 308px;
	width:100%;
	height:400px;
	margin:0 auto 0px auto;
	padding:0;}
.character p.info_link{
	width:281px;
	height:47px;
	margin:15px auto;}
.character p.info_link a{
	display:block;
	background:url(../../sf5/images/sp_btn_character_link.png) top center no-repeat;
	background-size:281px 47px;
	width:281px;
	height:47px;
	text-indent:-9999px;}

/*--CUSTOM_bxslider--*/
.characterinfo .chara_slidebox{
    width:320px;
    height:255px;
    margin:0 auto;
    padding:10px 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:298px;
	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:298px;
	top:0;
	left:50%;
	margin:0 0 0 -160px;}
.characterinfo ul.chara li.type_1{background-image:url("../../sf5/images/slide_1.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_2{background-image:url("../../sf5/images/slide_2.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_3{background-image:url("../../sf5/images/slide_3.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_4{background-image:url("../../sf5/images/slide_4.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_5{background-image:url("../../sf5/images/slide_5.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_6{background-image:url("../../sf5/images/slide_6.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_7{background-image:url("../../sf5/images/slide_7.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_8{background-image:url("../../sf5/images/slide_8.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_9{background-image:url("../../sf5/images/slide_9.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_10{background-image:url("../../sf5/images/slide_10.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_11{background-image:url("../../sf5/images/slide_11.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_12{background-image:url("../../sf5/images/slide_12.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_13{background-image:url("../../sf5/images/slide_13.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_14{background-image:url("../../sf5/images/slide_14.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_15{background-image:url("../../sf5/images/slide_15.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_16{background-image:url("../../sf5/images/slide_16.png"); background-size:320px 298px;}
.characterinfo ul.chara li.type_17{background-image:url("../../sf5/images/slide_17.png"); background-size:320px 298px;}

/*nav*/
.characterinfo .chara_btn_list{
	position:relative;
	background:url(../../sf5/images/sp_character_btn.png) top center no-repeat;
	background-size:279.5px 192px;
    width:279.5px;
    height:192x;
    margin:-50px auto 0 auto;
	padding:8px 10.5px 0 10.5px;
	overflow:hidden;}
.characterinfo .chara_btn_list ul{
	position:relative;
	left:50%;
	float:left;
	width:279.5x;}
.characterinfo .chara_btn_list li{
	position:relative;
	left:-50%;
	float:left;
    width:48.5px;
    height:42.5px;
	margin:0 0 2px;}
.characterinfo .chara_btn_list li:nth-child(1){
	margin:0 0 2px 27px !important;}
.characterinfo .chara_btn_list li:nth-child(6){
	margin:0 0 2px 67px !important;}
.characterinfo .chara_btn_list li:nth-child(10){
	margin:0 0 2px 11px !important;}
.characterinfo .chara_btn_list li:nth-child(14){
	margin:0 0 2px 52px !important;}
.characterinfo .chara_btn_list li a{
	display:block;
	width:48.5px;
	height:42.5px;
	text-indent:-99999px;
	cursor:pointer;}



/*----hatcher----*/
.hatcher{
	width:320px;
	margin:30px auto;}
.hatcher p.chara_list{
	background:url(../../sf5/images/hatcher_chara_list.png) top center no-repeat;
	background-size:320px 98px;
	width:320px;
	height:98px;}
.hatcher p.info{
	color:#fff;
	font-size:1.7rem;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	width:300px;
	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:1.2rem;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	width:320px;
	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:1.5rem;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	background:url(../../sf5/images/icon_arrow.png) center left no-repeat;
	background-size:14px 14px;
	width:240px;
	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:320px;
	margin:30px auto;}
.evo p.ken{
	position:relative;
	background:url(../../sf5/images/sp_evo_img_ken.png) top center no-repeat;
	background-size:500px 384.5px;
    width:100%;
    height:384.5px;
	text-indent:-99999px;}
.evo p.chunli{
	position:relative;
	background:url(../../sf5/images/sp_evo_img_chunli.png) top center no-repeat;
	background-size:500px 312px;
    width:100%;
    height:312px;
	text-indent:-99999px;}
.evo p.guile{
	position:relative;
	background:url(../../sf5/images/sp_evo_img_guile.png) top center no-repeat;
	background-size:500px 269px;
    width:100%;
    height:269px;
	text-indent:-99999px;}
.evo p.mbison{
	position:relative;
	background:url(../../sf5/images/sp_evo_img_mbison.png) top center no-repeat;
	background-size:500px 275px;
    width:100%;
    height:275px;
	text-indent:-99999px;}



/*----quest----*/
.quest{
	width:320px;
	margin:30px auto;}
.quest p.orb{
	background:url(../../sf5/images/quest_banner_orb.png) top center no-repeat;
	background-size:300px 99px;
	width:300px;
	height:99px;
	margin:0 auto 20px auto;
	text-indent:-99999px;}
.quest ul{
	width:286px;
	margin:25px auto 45px;}
.quest li{}
.quest li.stage_ss{
	width:286px;
	text-align:center;}
.quest li.stage_ss img{
	width:180px;
	height:303px;
	border:solid 1px #a8a8a8;}
.quest li.stage_info{
	color:#fff;
	width:286px;
	/*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:1.3rem;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	margin:10px auto 15px;
	padding:10px 0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;}
.quest li.stage_info dl{
	font-size:1.1rem;
	line-height:170%;}
.quest li.stage_info dt{
	float:left;}
.quest li.stage_info dd{
	margin:0 0 8px 1.5em;}
/*karin*/
.quest .karin{
	width:286px;
	margin:25px auto;}
.quest .karin h3{
	background:url(../../sf5/images/ba_stage14160.png) top center no-repeat;
	background-size:286px 76px;
    width:286px;
    height:76px;
	margin:0 auto;
	text-indent:-99999px;}
/*nash*/
.quest .nash{
	width:286px;
	margin:25px auto;}
.quest .nash h3{
	background:url(../../sf5/images/ba_stage14140.png) top center no-repeat;
	background-size:286px 76px;
    width:286px;
    height:76px;
	margin:auto;
	text-indent:-99999px;}
/*nash*/
.quest .necalli{
	width:286px;
	margin:25px auto;}
.quest .necalli h3{
	background:url(../../sf5/images/ba_stage14150.png) top center no-repeat;
	background-size:286px 76px;
    width:286px;
    height:76px;
	margin:auto;
	text-indent:-99999px;}



/*----achievement----*/
.achievement{
	width:300px;
	margin:30px auto;}
.achievement dl,
.achievement dt,
.achievement dd{
	  margin:0;
	  padding:0;}
.achievement dl{
	width:300px;
	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:1.0rem;
	/*font-weight:bold;*/
	padding:5px;}
.achievement dt{
	float:left;
	clear:both;
	width:190px;
	/* 上線のみ表示 */
	border-top:solid 1px #FFFFFF;}
.achievement dd{  
	/* dtの幅だけ横にずらす */
	margin-left : 200px;
	/* 上線と，dt・ddの左右間の区切り */
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;}
.achievement p.info{
	color:#fff;
	font-size:1.2rem;
	line-height:170%;
	/*font-weight:bold;*/
	width:300px;
	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:320px;
	margin:30px auto;}
.event p.kv{
	width:300px;
	margin:0 auto;}
.event p.kv img{
	width:300px;
	height:168px;}
.event p.info_day,
.event p.info_main,
.event p.info_sub{
	color:#fff;
	font-size:1.2rem;
	line-height:170%;
	width:300px;
	/*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:280px;
	margin:0 auto;}
.event dt{
	color:#fff;
	font-size:1.3rem;
	font-weight:bold;
	text-align:center;}
.event dd{
	margin:10px 0 30px 0;}
.event dd img{
	width:280px;
	height:74px;}
.event p.info_link a{
	display:block;
	background:url(../../sf5/images/sp_btn_event_link.png) top center no-repeat;
	background-size:231px 47px;
	width:231px;
	height:47px;
	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:280px;
	margin:20px auto 0;}
.anime .anime_info p.bn{
	width:280px;
	height:88px;
	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:280px 88px;
	width:280px;
	height:188px;
	text-indent:-9999px;}
.anime .anime_info p.caption{
	color:#fff;
	font-size:1.0rem;
	line-height:170%;
	text-align:left;
	padding:5px 0 0;}
.anime .anime_info p.caption a{
	color:#fff;
	text-decoration:underline;}



/*----movie----*/
.movie_if_pc {
	width:282px;
	height:142px;
	margin:0 auto;}
.movie_if_pc iframe{
	width:280px;
	height:140px;
	border:solid 1px #a8a8a8;}



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

/*banner*/
.socialcontents ul.banner{
	width:240px;
	margin:0 auto;
	text-align:center;}
.socialcontents ul.banner li{
	width:240px;
	height:74px !important;
	margin:0 0 20px 0;
	padding:0 !important;}
.socialcontents ul.banner li:last-child{
	padding-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;
	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;}
	
/*xflag*/
.footercontents p.xflag a{
	display:block;
	background:url(//xflag.com/tw/common/images/promotion_logo_xflag.png) top center no-repeat;
	background-size:66px 76px;
	width:66px;
	height:77px;
	margin:0 auto 10px auto;
	text-indent:-9999px;}
	
/*logo*/
.footercontents p.logo{
	background:#2d2d2d url(../../sf5/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:14px;
	font-size:1rem;}



/*----hz----*/
hr{
	border:none;}
.hz_nomal{
	background:url(../../sf5/images/hz_nomal_ex.png) top center repeat-x;
	background-size:256px 4px;
	width:100%;
	height:4px;
	margin:0 auto;}
.hz_bold{
	background:url(../../sf5/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
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/