@charset "UTF-8";






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

.contentswrapper{
	/*width:940px;*/
	margin:0 auto;
	padding:40px 0 0;}
	
p{
	color: #222;
    font-weight: bold;
    line-height: 2;}

a{color:#b10f18;}



/*----vis----*/
.vis{
	background:#cefff9;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0;}
	
.vis h1{
    display: block;
    background: url(../../baishechuan/images/wsl_main_vis.png) top center no-repeat;
    width: 100%;
    height:1018px;
    text-indent: -9999px;
    margin: 0 auto;}
	
.vis p{
    text-indent: -9999px;}



/*----download----*/
.download{
	background: url(../../baishechuan/images/wsl_download_bg.png) top repeat-x;
    width: 100%;
    height: 355px;
    margin: 0 auto;
    top: 740px;
    position: absolute;}
.download ul{
	overflow:hidden;
	display: block;
    width: 980px;
    margin: 0 auto;
    height: 355px;
    background:  url(../../baishechuan/images/wsl_download.png) no-repeat;
    background-position: center -2px;
    position: relative;}
.download a{
	position:absolute;
	top: 217px;
	display:block;
	height:66px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.download .appstore a{
    left: 145px;
    top: 217px;
    width: 221px;}
/*GooglePlay*/
.download .googleplay a{
    left: 376px;
    top: 217px;
    width: 222px;}
/*Android APK*/
.download .androidapk a{
    left: 611px;
    top: 217px;
    width: 220px;}
/*facebook*/
.download .facebook_icon a{
    left: 837px;
    top: 198px;
    width: 110px;
    height: 107px;}
	
.download .spec{
    font-size: 10px;
    width: 880px;
    margin: 4px auto 0;
	text-indent:-9999px;}
	
	
	
	
/*----movie----*/
.movie{
	background: #060609 url(../../baishechuan/images/wsl_movie_bg.png) top repeat-x;
    width: 100%;
    height: 735px;}
.movie h2,.movie p{
	text-indent:-9999px;}
.movie .about{
	background: url(../../baishechuan/images/wsl_movie.png) top center no-repeat;
    width: 980px;
    height: 710px;
    margin: 0 auto;
	position:relative;}
.movie p.fancybox_movie a{
	display: block;
    width: 780px;
    height: 438px;
    position: absolute;
    top: 147px;
    left: 99px;}
	
	
	
/*----mission----*/
.mission{
	background:url(../../baishechuan/images/wsl_mission_bg.gif);
	width:100%;}
.mission .mission_bg{
	background: url(../../baishechuan/images/wsl_mission_bg_2.png) center 105px repeat-x;
    max-width: 100%;
    margin: 0 auto;}
.mission h2{
	display:block;
	background:url(../../baishechuan/images/wsl_mission_cover.png) top repeat-x;
    width: 100%;
    height: 275px;
    padding: 180px 0 0;
    text-indent: -9999px;}
.mission h2 a{
	display:block;
	background:url(../../baishechuan/images/wsl_mission_title.png) top center no-repeat;
	width:100%;
	height:292px;
	margin:0 auto;}
.mission .about{
	background:url(../../baishechuan/images/wsl_mission_cover_2.png) bottom repeat-x;
	padding:0 0 40px;
	color:#FFF;}
.mission p{
	text-indent:-9999px;}
.mission p.mission_list{
	background:url(../../baishechuan/images/wsl_mission_list.png) top center no-repeat;
	height:1120px;}
.mission p.character_1{
	background: url(../../baishechuan/images/wsl_character_1.png) top center no-repeat;
    height: 681px;}
.mission p.mission_evolution{
	display:none;
	background:url(../../baishechuan/images/wsl_mission_evolution.png) top center no-repeat;
	height:1700px;}
	
	
	
/*----gacha----*/
.gacha{
	background:#FFF url(../../baishechuan/images/wsl_gacha_title.png) top center no-repeat;
	padding:415px 0 30px;}
.gacha h2, .gacha p{
	text-indent:-9999px;}
.gacha p.character_2{
	background:url(../../baishechuan/images/wsl_character_2.png) top center no-repeat;
	height:493px;}
	
	
	
/*----quest----*/
.quest{
	background:#FFF url(../../baishechuan/images/wsl_quest_title.png) top center no-repeat;
	padding:590px 0 30px;}
.quest h2, .quest p{
	text-indent:-9999px;}
.quest p.character_3{
	background:url(../../baishechuan/images/wsl_character_3.png) top center no-repeat;
	height:493px;}
	
	
	
/*----movie_2----*/
.movie_2{
    background: #FFF url(../../baishechuan/images/wsl_movie2_bg.png) top center repeat-x;
    width: 100%;
    height: 690px;
    padding: 355px 0 0;}
.movie_2 h2,.movie_2 p{
	text-indent:-9999px;}
.movie_2 .about{
	background: url(../../baishechuan/images/wsl_movie2.png) top center no-repeat;
    width: 980px;
    height: 710px;
    margin: 0 auto;
	position:relative;}
.movie_2 p.fancybox_movie a{
	display: block;
    width: 780px;
    height: 438px;
    position: absolute;
    top: 147px;
    left: 99px;}
	
	
	
/*----mission_2----*/
.mission_2{
	background:url(../../baishechuan/images/wsl_mission_bg.gif);
	width:100%;}
.mission_2 .mission_bg{
	background: url(../../baishechuan/images/wsl_mission_bg_2.png) center 105px repeat-x;
    max-width: 100%;
    margin: 0 auto;}
.mission_2 h2{
	display:block;
	background:url(../../baishechuan/images/wsl_mission_cover.png) top repeat-x;
    width: 100%;
    height: 403px;
    padding: 180px 0 0;
    text-indent: -9999px;}
.mission_2 h2 a{
	display:block;
	background:url(../../baishechuan/images/wsl_mission2_title.png) top center no-repeat;
	width:100%;
	height:415px;
	margin:0 auto;}
.mission_2 .about{
	background:url(../../baishechuan/images/wsl_mission_cover_2.png) bottom repeat-x;
	padding:0 0 40px;
	color:#FFF;}
.mission_2 p{
	text-indent:-9999px;}
.mission_2 p.mission_list{
	background:url(../../baishechuan/images/wsl_mission2_list.png) top center no-repeat;
	height:548px;}
.mission_2 p.character_4{
	background:url(../../baishechuan/images/wsl_character_4.png) top center no-repeat;
	height:566px;}
.mission_2 .mission_fb{
	background:url(../../baishechuan/images/wsl_mission2_fb.png) top center no-repeat;
	height:520px;}
.mission_2 .mission_fb a{
	display: block;
    text-indent: -9999px;
    width: 400px;
    height: 98px;
    margin: 176px auto 0;
	cursor:pointer;}

	
	
/*----quest_2----*/
.quest_2{
	background: #FFF url(../../baishechuan/images/wsl_quest2_title.png) top center no-repeat;
    padding: 330px 0 0;}
.quest_2 h2, .quest_2 p{
	text-indent:-9999px;}
.quest_2 p.character_5{
	background:url(../../baishechuan/images/wsl_character_5.png) top center no-repeat;
	height:574px;}
.quest_2 p.character_6{
	background:url(../../baishechuan/images/wsl_character_6.png) top center no-repeat;
	height:571px;}
.quest_2 p.quest_notice{
	background:url(../../baishechuan/images/wsl_quest2_notice.png) top center no-repeat;
	height:95px;}
.quest_2 p.wsl_evolution_info_title{
	background:url(../../baishechuan/images/wsl_quest2_info.png) top center no-repeat;
	height:153px;}
.quest_2 p.wsl_evolution_info{
	background:url(../../baishechuan/images/wsl_mission_evolution.png) top center no-repeat;
	height:1270px;}
	
	
	
/*----sequel----*/
.sequel{
	background: #FFF url(../../baishechuan/images/wsl_sequel_bg_2.png) top center repeat-x;
    height: 470px;
    padding: 135px 0 0;
    position: relative;}
.sequel h2{
	background:url(../../baishechuan/images/wsl_sequel.png) top center no-repeat;
    height: 400px;
	text-indent:-9999px;}
.sequel p{
	text-indent:-9999px;}
.sequel p.detail_link{
	width: 390px;
    margin: -187px auto 0;}
.sequel p.detail_link a{
	display:block;
	width:390px;
	height:90px;}


/*----link----*/		
.link{}
.link ul{
	position:relative;
	display:block;
	min-width:767px;
	max-width:1000px;
	height:140px;
	margin:20px auto;
	background:url(../../baishechuan/images/wsl_link_list.png) top center no-repeat;}
.link ul li a{
	position:absolute;
	display:block;
	width:320px;
	height:100px;}
.link ul li.official a{
	top: 20px;
    left: 0px;}
.link ul li.youtube_link a{
	top:20px;
	left:340px;}
.link ul li.facebook a{
	top:20px;
	left:680px;}	
	

/*----footer----*/
.footer{
	background:#222;
	color:#ffffff;
	width:100%;
	padding:0 0 50px 0;
	text-align:center;}
	
.footercontents{
	width:100%;
	margin:53px auto 0;}

/*links*/
.footercontents ul.links{
	background:#333;
	width:100%;
	margin:0 auto 50px !important;
	padding:0;
	text-align:center;}
.footercontents ul.links li{
	display:inline-block;
	margin:2em 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:#ffffff;
	text-decoration:underline;}
	
/*xflag*/
.footercontents p 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;}

/*address*/
.footercontents address{
	color:#FFF;
	font-size:12px;
	line-height:1.8em;}
.footercontents address.sanrio{
	background:url(../../gudetama2016/images/gudetama_copy.png) top center no-repeat;
	width:1000px;
	height:20px;
	margin:0 auto;
	text-indent:-9999px;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　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;}



/*ss*/	
.quest .library .library_optimize{
	width:900px;
	margin:25px auto 0 auto !important;}
	
.quest .library .library_optimize .bx-wrapper{
	margin:0 !important;
	padding:0 !important;}
	
.quest .library .library_optimize li{
	width:260px;
	padding:0 10px 0 10px;}
	
.library span{
	display:block;
	border:none;}
.library li:first-child span{}
.library img{
	-ms-filter:"alpha( opacity=50 )";
	filter:alpha( opacity=50 );
	opacity:0.5;
	width:278px;
	border:1px solid #be1a21;}
.library img:hover{
	-ms-filter:"alpha( opacity=100 )";
	filter:alpha( opacity=100 );
	opacity:1;}
	
.library .bx-pager .bx-default-pager,
.library .bx-pager-item{
	display:none !important;}

.library .bx-wrapper .bx-viewport{
	background:transparent;
	border:none;
	box-shadow:none;}
	
.library .bx-wrapper .bx-prev,
.library .bx-wrapper .bx-next{
	display:none;}
.library .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 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.library .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#86e817 !important;}
.bx-controls-direction{}
.bx-controls-direction:hover{
	display:block;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/