@charset "UTF-8";/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html{}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;}

table{
	border-collapse:collapse;
	border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;}

q:before,q:after{content:"";}

abbr,acronym{
	border:0;
	font-variant:normal;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;}

input,textarea,select{
	*font-size:100%;}

legend{color:#000000;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMONlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*----basicsetting_start----*/
html{
    font-size:62.5%;}
body{
	background:#fff;
	color:#333;
    font-size:1.4rem; /*default14px*/
	line-height:2.3rem;
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif; /*ゴシックセット*/
	/*font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;*/ /*明朝セット*/
	text-align:left;
	-webkit-text-size-adjust:100%; /*viewport*/}
body{
	font-size:1.2rem; /*defaultOverRide*/
	line-height:1.8rem;
	word-wrap:break-word;
	word-break:break-all;}
/*----basicsetting_end----*/



/*----clear_start----*/
/*--clearfix--*/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
.clearfix {
	min-height:1px;}
* html .clearfix {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}
/*--clear--*/
.cf{
	clear:both;
	height:0;}
/*----clear_end----*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　COMMONlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html,body{
	width:100%;
	height:100%;
	background:#000;}



.contentswrapper{
	/*width:320px;*/
	background:#fe0000;
	margin:0 auto;
	overflow:hidden;}
	

/*-----main_vis-----*/
.main_vis{
	background:#fe0000 url(../../kfc/images/sp_kfc_main_vis.png) top center no-repeat;
	background-size:640px 470px;
	height:470px;}
	
.main_vis h1,
.main_vis p{
	text-indent:-9999px;}
	
.main_vis .download{
    width: 275px;
    height: 28px;
    margin: 329px auto 0;
    position: relative;}
.main_vis .download li{
	display:block;
	height:28px;
	position:absolute;}
.main_vis .download li.appstore{
	background:url(../../kfc/images/download_appstore.png) top center no-repeat;
	background-size:100%;
	width: 94px;
    top: 0;
    left: -8px;}
.main_vis .download li.googleplay{
	background:url(../../kfc/images/download_googleplay.png) top center no-repeat;
	background-size:100%;
	width: 94px;
    top: 0;
    left: 89px;}
.main_vis .download li.androidapk{
	background:url(../../kfc/images/download_androidapk.png) top center no-repeat;
	background-size:100%;
	width: 94px;
    top: 0;
    left: 186px;}
	
.main_vis .download li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;}
/*-----/main_vis-----*/



/*-----contents_detail-----*/
.contents_detail{
	width:auto;
	margin:12px auto;}
.contents_detail h2{
	text-indent:-9999px;
	background:url(../../kfc/images/sp_kfc_contents_detail_title.png) top center no-repeat;
	background-size:640px 81px;
	height:81px;}
.contents_detail p{
	color:#ffffff;
	font-weight:bold;
	width:280px;
	margin:12px auto;}
.contents_detail p span.picup{
	color:#ffff00;}

/*-----/contents_detail-----*/



/*-----contents_step-----*/
.contents_step{
	width:auto;
	margin:12px auto;}
.contents_step .about{
	padding:12px 0;}
.contents_step ul{
	display:block;
	background:url(../../kfc/images/sp_kfc_contents_step_bottom.png) bottom center no-repeat;
	background-size:640px 25px;
	width:260px;
	margin:0 auto;
	padding:0 0 25px;}
.contents_step ul.step_5{
	background:url(../../kfc/images/sp_kfc_contents_step_bottom_2.png) bottom center no-repeat;
	background-size:640px 19px;
	padding:0 0 19px;}
.contents_step ul li{
	display:block;
	background:url(../../kfc/images/sp_kfc_contents_step_body.png) center repeat-y;
	background-size:640px 7.5px;
	padding:12px;}
.contents_step ul li h3{
	font-size:108%;
	font-weight:bold;
	text-align:center;
	padding:0 0 10px;}
	
.contents_step ul li.step_num{
	display:block;
	text-indent:-9999px;
	background:url(../../kfc/images/sp_kfc_contents_step_top.png) top center no-repeat;
	background-size:640px 34px;
	height:34px;
	padding:0;}
.contents_step ul.step_1 li.step_num p{
	background:url(../../kfc/images/kfc_step_1.png) center 12px no-repeat;
	background-size:55px 16px;
	height:34px;}
.contents_step ul.step_2 li.step_num p{
	background:url(../../kfc/images/kfc_step_2.png) center 12px no-repeat;
	background-size:55px 16px;
	height:34px;}
.contents_step ul.step_3 li.step_num p{
	background:url(../../kfc/images/kfc_step_3.png) center 12px no-repeat;
	background-size:55px 16px;
	height:34px;}
.contents_step ul.step_4 li.step_num p{
	background:url(../../kfc/images/kfc_step_4.png) center 12px no-repeat;
	background-size:55px 16px;
	height:34px;}
.contents_step ul.step_5 li.step_num p{
	background:url(../../kfc/images/kfc_step_5.png) center 12px no-repeat;
	background-size:55px 16px;
	height:34px;}
	
.contents_step ul li p.order{
	background:url(../../kfc/images/sp_kfc_contents_step_2_banner.png) bottom center no-repeat;
	background-size:228px 128px;
	padding:0 0 140px;}
.contents_step ul.step_1 li p.notice_0708{
	background:#fdffe2;
	color:#FF0004;
	margin:10px 0 0;
	padding:8px;
	border-radius:4px;}
.contents_step ul.step_1 li p.notice_0708 span{
	font-weight:bold;}
.contents_step ul.step_3 li p.image{
	text-indent: -9999px;
    background: url(../../kfc/images/sp_kfc_contents_step_3_image.jpg) center 0px no-repeat;
    background-size: 228px 106px;
    padding: 0 0 89px;}
.contents_step ul.step_5 li p.image{
	text-indent: -9999px;
    background: url(../../kfc/images/sp_kfc_contents_step_5_image.png) center 0px no-repeat;
    background-size: 640px 274px;
    padding: 0 0 242px;}
.contents_step ul li p span.picup{
	color:#103289;
	font-weight:bold;}
.contents_step ul li p span.notice{
	color:#ff0000;}
.contents_step ul li p a{
	color:#00a9ff;
	text-decoration:underline;
	font-weight:bold;}

/*-----contents_step-----*/



/*-----iframe-----*/
.iframe_sp{
	background:#ffffff;
	/* width:280px; */
	margin: 10px auto 0px;
	padding: 8px;
	/* border-radius:3px; */
	/* font-weight: bold; */
	/* color: red; */
	background: #fdffe2;
	}
.iframe_pc{
	display:none;}
/*-----/iframe-----*/



/*-----character_detail-----*/	
.character_detail{
	background:url(../../kfc/images/sp_kfc_character_detail.png) top center no-repeat;
	background-size:640px 559px;
	height:530px;}
.character_detail h2,
.character_detail p{
	text-indent:-9999px;}
.character_detail p.character{
    width: 260px;
    height: 156px;
    margin: 140px auto 0;}
.character_detail p.character a{
	display:block;
	width:100%;
	height:100%;}
.character_detail ul{
	background:none;
	display:block;
	width:280px;
	margin:0 auto 0;
	position:relative;}
.character_detail ul li{
	width: 74px;
    height: 125px;
	padding:0;
	position:absolute;}
.character_detail ul li.capture_1{
	background:url(../../kfc/images/kfc_stage_1_thumnail.png) top center no-repeat;
	background-size:100%;
	top: 28px;
    left: 21px;}
.character_detail ul li.capture_2{
	background:url(../../kfc/images/kfc_stage_2_thumnail.png) top center no-repeat;
	background-size:100%;
	top: 28px;
    left: 101px;}
.character_detail ul li.capture_3{
	background:url(../../kfc/images/kfc_stage_3_thumnail.png) top center no-repeat;
	background-size:100%;
	top: 28px;
    left: 181px;}
.character_detail ul li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;}
/*-----/character_detail-----*/



/*-----monster_strike_detail-----*/	
.monster_strike_detail{
	color:#ffffff;
	background:#000000;
	height:508px;
	padding:36px 0 0;}
.monster_strike_detail h2{
    color: #ffffff;
    font-size: 160%;
    font-weight: bold;
	line-height:2;
    background: url(../../kfc/images/kfc_title_icon.png) left center no-repeat;
    background-size: 27.5px 27px;
	width:250px;
    margin: 0 auto;
    padding: 0 0 0 32px;}
.monster_strike_detail p{
	width:280px;
	margin:10px auto 0;}
.monster_strike_detail p a{
	color:#ffffff;
	text-decoration:underline;}
.monster_strike_detail ul{
	display:block;
	background:url(../../kfc/images/sp_kfc_monster_strike_detail.png) top center no-repeat;
	background-size:640px 141px;
	width:280px;
	height:141px;
	margin:25px auto 0;
	position:relative;}
.monster_strike_detail ul li{
	background:none;
	text-indent:-9999px;
	width:50px;
	height:100px;
	position:absolute;}
.monster_strike_detail ul li.capture_1{
	top: 5px;
    left: 22px;}
.monster_strike_detail ul li.capture_2{
	top:5px;
	left:102px;}
.monster_strike_detail ul li.capture_3{
	top:5px;
	left:182px;}
.monster_strike_detail ul li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;}
/*-----/monster_strike_detail-----*/



/*-----footer-----*/	
.footer{
	background:#111111;
	width:auto;
	margin: 0 0 -20px;
    padding: 0 0 20px 0;}

.footer .customer_support_link{
	background:#292929;}
.footer .customer_support_link ul{
	background: none;
    width: 240px;
    margin: 0 auto;
    padding: 0;
    position: relative;}
.footer .customer_support_link ul li{
	display: inline-block;
    background: none;
    height: auto;
    margin: 2em 0.5em 2em 0.5em;
    padding: 0 1em 0 0;
    border-right: 1px #bbbbbb solid;}
.footer .customer_support_link ul li:last-child {
    padding-right: 0;
    border-right: none;}
.footer .customer_support_link ul li a{
	display: block;
    color: #ffffff;
    text-decoration: underline;
    text-align: center;
    width: 100%;
    height: 100%;}
.footer .official_site_link{
    height: 44px;
    margin: 20px auto 0;}
.footer .official_site_link ul{
	background:none;
	width:280px;
	margin:0 auto;
	position:relative;}
.footer .official_site_link ul li{
	display: block;
    background: none;
    width: 92px;
    height: 30px;
    padding: 0;
    position: absolute;}
.footer .official_site_link ul li.official{
	background:url(../../kfc/images/bn_offcial.png) top center no-repeat;
	background-size:100%;
	top: 7px;
    left: -2px;}
.footer .official_site_link ul li.youtube_link{
	background:url(../../kfc/images/bn_youtube.png) top center no-repeat;
	background-size:100%;
	top:7px;
	left:93px;}
.footer .official_site_link ul li.facebook{
	background:url(../../kfc/images/bn_facebook.png) top center no-repeat;
	background-size:100%;
	top:7px;
	left:188px;}
.footer .official_site_link ul li a{
	display: block;
	width:100%;
	height:100%;}
	
.footer p.xflag_link 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;}
.footer address {
	color:#ffffff;
	text-align:center;
    font-size: 1rem;
    /*font-weight: bold;*/}
/*-----/footer-----*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






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



/*----Bxslider_start----*/
.lodingbox_optimize{
	position:relative;
	overflow:hidden;}
.library_optimize .loadingcontents{
	position:absolute;}
.library_optimize .bx-wrapper .bx-viewport{
	background:none !important;
	border:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	margin:0 0 0 5px !important;}
.library_optimize .bx-wrapper .bx-pager.bx-default-pager a:hover,
.library_optimize .bx-wrapper .bx-pager.bx-default-pager a.active{}
.bx-controls-direction{}
.bx-controls-direction:hover{
	display:block;}
.bx-wrapper .bx-viewport{
	border:none;
	box-shadow:none;
	left:auto;}
.bx-controls-direction{
	display:none;}


/*ss*/	
.quest .library .library_optimize{
	width:130px;
	margin:15px auto 0 auto;}
	
.library .hideobj_left,
.library .hideobj_right{
	display:none;}
.library .bx-wrapper .bx-prev,
.library .bx-wrapper .bx-next{
	display:none;}

.library img{
	width:128px;
	border:1px solid #be1a21;}
	
.bx-wrapper .bx-pager.bx-default-pager a{
	background:#000;}

.library .bx-pager-link.active,
.library .bx-wrapper .bx-pager.bx-default-pager a:hover,
.library .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#FFF;}
	
.library .bx-wrapper .bx-pager {
	background:#be1a21;
	width:100px !important;
	height:10px;
	margin-left:15px !important;
	padding:5px 0 !important;

	/*border-radius*/	
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/