@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;*/
	margin:0 auto;
	padding: 40px 0 0;
	overflow:hidden;}
	

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



/*----download----*/
.download{
	background: url(../../baishechuan/images/sp_wsl_download_bg.png) top repeat-x;
	background-size:16px 181px;
    width: 100%;
    height: 181px;
    margin: 0 auto;
    top: 265px;
    position: absolute;}
.download ul{
	display: block;
    background:  url(../../baishechuan/images/sp_wsl_download.png) top center no-repeat;
	background-size:640px 181px;
    width: 300px;
    margin: 0 auto;
    height: 181px;
    background-position: center 12px;
    position: relative;}
.download a{
	position:absolute;
	top: 119px;
    display: block;
    height: 27px;
	text-indent:-9999px;
	outline:none;}

/*AppStore*/
.download .appstore a{
	left: 12px;
    width: 90px;}
/*GooglePlay*/
.download .googleplay a{
	left: 104px;
    width: 93px;}
/*Android APK*/
.download .androidapk a{
	left: 198px;
    width: 90px;}
/*facebook*/
.download .facebook_icon a{
	display:none;}
	
.download .spec{
	color:#c5151e;
	font-size:0.8rem;
	width:250px;
	margin:0 auto;
	text-indent:-9999px;}
	
	
	
	
/*----movie----*/
.movie{
	background: #060609 url(../../baishechuan/images/sp_wsl_movie_bg.png) top repeat-x;
	background-size:15px 262px;
    width: 100%;
    height: 301px;}
.movie h2,.movie p{
	text-indent:-9999px;}
.movie .about{
	background: url(../../baishechuan/images/sp_wsl_movie.png) top center no-repeat;
	background-size:640px 287.5px;
    width: 100%;
    height: 287.5px;
    margin: 0 auto;}
.movie p.fancybox_movie{
    width: 278px;
    margin: 0 auto;
    position: relative;}
.movie p.fancybox_movie a{
	display: block;
    width: 100%;
    height: 158px;
    position: absolute;
    top: 59px;
    left: 0;}
	
	
	
/*----mission----*/
.mission{
	background:url(../../baishechuan/images/wsl_mission_bg.gif);
	background-size:900px 129px;
	width:100%;}
.mission .mission_bg{
    background: url(../../baishechuan/images/wsl_mission_bg_2.png) center 26px repeat-x;
    background-size: 750px 1605px;
    width: 100%;
    margin: 0 auto;}
.mission h2{
	display:block;
	background:url(../../baishechuan/images/sp_wsl_mission_cover.png) top repeat-x;
	background-size:17px 78px;
    width: 100%;
    height: 138px;
    padding: 78px 0 0;
    text-indent: -9999px;}
.mission h2 a{
	display:block;
	background:url(../../baishechuan/images/sp_wsl_mission_title.png) top center no-repeat;
	background-size:640px 138px;
	width:100%;
	height:138px;
	margin:0 auto;}
.mission .about{
	background:url(../../baishechuan/images/wsl_mission_cover_2.png) bottom repeat-x;
	background-size:40px 100px;
	color:#FFF;}
.mission p{
	text-indent:-9999px;}
.mission p.mission_list{
	background:url(../../baishechuan/images/sp_wsl_mission_list.png) top center no-repeat;
	background-size:640px 547.5px;
	height:547.5px;
	margin: -14px auto 0;}
.mission p.character_1{
	background:url(../../baishechuan/images/sp_wsl_character_1.png) top center no-repeat;
	background-size:640px 283px;
	height:325px;}
.mission p.mission_evolution{
	display:none;
	background: url(../../baishechuan/images/sp_wsl_mission_evolution.png) top center no-repeat;
    background-size: 640px 758.5px;
    height: 795px;}
	
	
	
/*----gacha----*/
.gacha{
	background:#FFF url(../../baishechuan/images/sp_wsl_gacha_title.png) top center no-repeat;
	background-size:640px 163.5px;
	margin: -11px auto 0;
    padding: 146px 0 30px;}
.gacha h2, .gacha p{
	text-indent:-9999px;}
.gacha p.character_2{
	background:url(../../baishechuan/images/sp_wsl_character_2.png) top center no-repeat;
	background-size:640px 176px;
	height:176px;}
	
	
	
/*----quest----*/
.quest{
	background:#FFF url(../../baishechuan/images/sp_wsl_quest_title.png) top center no-repeat;
	background-size:640px 228px;
	padding:190px 0 30px;}
.quest h2, .quest p{
	text-indent:-9999px;}
.quest p.character_3{
	background:url(../../baishechuan/images/sp_wsl_character_3.png) top center no-repeat;
	background-size:640px 176px;
	height:176px;}
	
	
	
/*----movie_2----*/
.movie_2{
    background: #FFF url(../../baishechuan/images/sp_wsl_movie2_bg.png) top center repeat-x;
    background-size: 640px 556.5px;
    width: 100%;
    height: 281.5px;
    padding: 160px 0 0;}
.movie_2 h2,.movie_2 p{
	text-indent:-9999px;}
.movie_2 .about{
	background: url(../../baishechuan/images/sp_wsl_movie2.png) top center no-repeat;
	background-size:640px 287.5px;
    width: 100%;
    height: 287.5px;
    margin: 0 auto;
	position:relative;}
.movie_2 p.fancybox_movie{
    width: 278px;
    margin: 0 auto;
    position: relative;}
.movie_2 p.fancybox_movie a{
	display: block;
    width: 100%;
    height: 158px;
    position: absolute;
    top: 59px;
    left: 0;}
	
	
	


.mission p.mission_list{
	background:url(../../baishechuan/images/sp_wsl_mission_list.png) top center no-repeat;
	background-size:640px 547.5px;
	height:547.5px;
	margin: -14px auto 0;}
.mission p.character_1{
	background:url(../../baishechuan/images/sp_wsl_character_1.png) top center no-repeat;
	background-size:640px 283px;
	height:325px;}
	
/*----mission_2----*/
.mission_2{
	background:url(../../baishechuan/images/wsl_mission_bg.gif);
	background-size:900px 129px;
	width:100%;}
.mission_2 .mission_bg{
    background: url(../../baishechuan/images/wsl_mission_bg_2.png) center 26px repeat-x;
    background-size: 750px 1605px;
    width: 100%;
    margin: 0 auto;}
.mission_2 h2{
	display:block;
	background:url(../../baishechuan/images/sp_wsl_mission_cover.png) top repeat-x;
	background-size:17px 78px;
    width: 100%;
    height: 166px;
    padding: 78px 0 0;
    text-indent: -9999px;}
.mission_2 h2 a{
	display:block;
	background:url(../../baishechuan/images/sp_wsl_mission2_title.png) top center no-repeat;
	background-size:640px 166px;
	width:100%;
	height:166px;
	margin:0 auto;}
.mission_2 .about{
	background:url(../../baishechuan/images/wsl_mission_cover_2.png) bottom repeat-x;
	background-size:40px 100px;
	color:#FFF;}
.mission_2 p{
	text-indent:-9999px;}
.mission_2 p.mission_list{
	background:url(../../baishechuan/images/sp_wsl_mission2_list.png) top center no-repeat;
	background-size:640px 205.5px;
	height:205.5px;
	margin: -14px auto 0;}
.mission_2 p.character_4{
	background:url(../../baishechuan/images/sp_wsl_character_4.png) top center no-repeat;
	background-size:640px 293px;
	height:281px;}
.mission_2 .mission_fb{
	background:url(../../baishechuan/images/sp_wsl_mission2_fb.png) top center no-repeat;
	background-size:640px 196.5px;
	height:271.5px;}
.mission_2 .mission_fb a{
	display: block;
    text-indent: -9999px;
    width: 171px;
    height: 41px;
    margin: 99px auto 0;
    cursor: pointer;
	cursor:pointer;}

	
	
/*----quest_2----*/
.quest_2{
	background: #FFF url(../../baishechuan/images/sp_wsl_quest2_title.png) top center no-repeat;
	background-size:640px 139.5px;
    padding: 109px 0 0;}
.quest_2 h2, .quest_2 p{
	text-indent:-9999px;}
.quest_2 p.character_5{
	background:url(../../baishechuan/images/sp_wsl_character_5.png) top center no-repeat;
	background-size:640px 277.5px;
	height:281px;}
.quest_2 p.character_6{
	background:url(../../baishechuan/images/sp_wsl_character_6.png) top center no-repeat;
	background-size:640px 279px;
	height:282px;}
.quest_2 p.quest_notice{
	background:url(../../baishechuan/images/sp_wsl_quest2_notice.png) top center no-repeat;
	background-size:640px 53.5px;
	height:53.5px;}
.quest_2 p.wsl_evolution_info_title{
	background:url(../../baishechuan/images/sp_wsl_quest2_info.png) top center no-repeat;
	background-size:640px 54px;
	height:60px;}
.quest_2 p.wsl_evolution_info{
	background:url(../../baishechuan/images/sp_wsl_mission_evolution.png) top center no-repeat;
	background-size:640px 549px;
	height:549px;}
	
	
	
/*----sequel----*/
.sequel{
    background:#FFF url(../../baishechuan/images/sp_wsl_sequel.png) top center repeat-x;
	background-size: 640px 367.5px;
    height: 301.5px;
    margin: -22px auto 0;
    position: relative;}
.sequel h2{
	text-indent:-9999px;}
.sequel p{
	text-indent:-9999px;}
.sequel p.detail_link{
	width: 200px;
    margin: 150px auto 0;}
.sequel p.detail_link a{
	display:block;
	width:200px;
	height:45px;}


/*----link----*/		
.link{}
.link ul{
	position:relative;
	display:block;
	width:300px;
	height:247px;
	margin:10px auto;
	background:url(../../baishechuan/images/sp_wsl_link_list.png) top center no-repeat;
	background-size:640px 249px;}
.link ul li a{
	position:absolute;
	display:block;
	width: 217px;
    height: 70px;}
.link ul li.official a{
	top: 9px;
    left: 42px;}
.link ul li.youtube_link a{
	top: 87px;
    left: 42px;}
.link ul li.facebook a{
	top:160px;
	left:42px;}
	
	

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

/*links*/
.footercontents ul.links{
	background:#333;
	width:100%;
	margin:0 auto 20px !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:#FFF;
	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: 70px;
    height: 81px;
    margin: 25px auto 15px auto;
    text-indent: -9999px;}

/*address*/
.footercontents address{
	color:#FFF;
	font-size:1rem;
	line-height:1.8em;}
.footercontents address.sanrio{
    background: url(../../gudetama2016/images/sp_gudetama_copy.png) top -10px center no-repeat;
    background-size: 500px 45px;
    width: 100%;
    height: 13px;
    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;}
.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
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/