@charset "UTF-8";






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

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

a{color:#b10f18;}



/*----menu----*/
#sp_menu{
	display:none;}
#pc_menu{
	width:100%;
	height:70px;
	top:40px;
	position:fixed;
	background:rgba(255,255,255,0.9);
	z-index:99;}
	
#pc_menu ul{
	display:block;
	position:relative;
	width:993px;
	margin:7px auto 0 auto;}
	
#pc_menu li{
	float:left;
	margin-right:25px;}
#pc_menu li:last-child{
	margin-right:0;}
	
#pc_menu li a{
	display:block;
    height: 30px;
	background-repeat:no-repeat;
	background-position:top center;
	text-indent:-9999px;
	cursor:pointer;}

#pc_menu li a.page_2,
#pc_menu li a.page_3,
#pc_menu li a.page_4,
#pc_menu li a.page_5,
#pc_menu li a.page_6{
	margin-top:13px;}

#pc_menu li a.page_1{
	width: 158px;
    height: 50px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_logo.png);}
#pc_menu li a.page_2{
	width:85px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_menu_1.png);}
#pc_menu li a.page_3{
	width:166px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_menu_2.png);}
#pc_menu li a.page_4{
	width:198px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_menu_3.png);}
#pc_menu li a.page_5{
	width:120px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_menu_4.png);}
#pc_menu li a.page_6{
	width:141px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_menu_5.png);}
	
#pc_menu li a.page_1:hover{
	opacity:0.8;}
#pc_menu li a.page_2:hover,
#pc_menu li a.page_3:hover,
#pc_menu li a.page_4:hover,
#pc_menu li a.page_5:hover,
#pc_menu li a.page_6:hover{
	height: 30px;
	background-position:center -38px;
	cursor:pointer;}
	
	
	
.section1{
	background:#e0001b url(../../2nd_anniversary/images/2nd_anniversary_bg_1.jpg) top center no-repeat;}
.section2{
	background:#000 url(../../2nd_anniversary/images/hz.png) top repeat-x;
	padding:50px 0 0;}
.section3{
	background:#e0001b url(../../2nd_anniversary/images/2nd_anniversary_bg_2.jpg) center -30px no-repeat;
	padding:45px 0 0;}

/*----vis----*/
.vis{
    position: relative;
    text-align: center;
    width: 100%;
	top:70px;
    margin: 0;}
	
.vis h1{
    display: block;
    background: url(../../2nd_anniversary/images/2nd_anniversary_main_vis.png) top center no-repeat;
    width: 100%;
    height:1000px;
    text-indent: -9999px;
    margin: 0 auto;}
	
.vis p{
    text-indent: -9999px;}

.vis p.facebook_icon{
	display:none;}



/*----download----*/
.download{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 176px;
    margin: 0 auto;
    top: 862px;
    position: absolute;}
.download ul{
	display: block;
    width: 1000px;
    margin: 0 auto;
    height: 176px;
    background: url(../../2nd_anniversary/images/2nd_anniversary_download.png) no-repeat;
    background-position: center 12px;
    position: relative;}
.download a{
	position:absolute;
	top: 57px;
	display:block;
	height:66px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.download .appstore a{
    left: 145px;
    top: 57px;
    width: 221px;}
/*GooglePlay*/
.download .googleplay a{
    left: 376px;
    top: 57px;
    width: 222px;}
/*Android APK*/
.download .androidapk a{
    left: 611px;
    top: 57px;
    width: 220px;}
/*facebook*/
.download .facebook_icon a{
    left: 837px;
    top: 38px;
    width: 110px;
    height: 107px;}
	
.download .spec{
    font-size: 10px;
    width: 880px;
    margin: 4px auto 0;
	text-indent:-9999px;}




/*----cm----*/
.cm{
    width: 1000px;
    height: 1300px;
    margin: 40px auto 0;
    background: url(../../2nd_anniversary/images/2nd_anniversary_cm.png) no-repeat;
    background-position: top center;
    position: relative;}
.cm h2, .cm p{
	text-indent:-9999px;}
.cm  a{
	display:block;
	text-indent:-9999px;}
.cm .new_cm a{
    width: 960px;
    height: 565px;
    position: absolute;
    top: 390px;
    left: 20px;}
.cm .making_of_cm a{
	width: 960px;
    height: 170px;
    position: absolute;
    top: 176px;
    left: 20px;}
.cm .new_cm_2{
	position: absolute;
    top: 1056px;
    left: 94px;
    width: 810px;
    height: 146px;}
.cm .new_cm_2 a{
    width: 260px;
    height: 146px;
    margin: 0 5px;
    float: left;}
	
	


/*----eva----*/
.eva{
	background:url(../../2nd_anniversary/images/hz.png) bottom center repeat-x;
	width: auto;
    height: 1000px;
	margin:0 auto;
	padding:0 0 70px;}
.eva h2, .eve p{
	text-indent:-9999px;}
.eva .about{
	background:#000 url(../../2nd_anniversary/images/2nd_anniversary_eva.jpg) top center no-repeat;
	width: 100%;
    height: 1000px;
	margin:0 auto;}
.eva .about p.detail_btn{
    width: 411px;
   height: 1000px;
	margin:0 auto;
	position:relative;}
.eva .about a{
	display: block;
    width: 411px;
    height: 93px;
    position: absolute;
    top: 843px;
    left: 19px;
    text-indent: -9999px;}
	
	

/*----event----*/
.event{
	padding:454px 0 0;
	background:url(../../2nd_anniversary/images/2nd_anniversary_event.png) top center no-repeat;}
.event h2, .event p{
	text-indent:-9999px;}
.event .about{
	background: url(../../2nd_anniversary/images/2nd_anniversary_event_detail_bg.png) center 29px repeat-x;
    margin: -75px 0 0;
    padding: 30px 0 0;}
.event .detail{
	min-width:767px;
	max-width:1200px;
	height:1695px;
	margin: -1px auto;
	background:url(../../2nd_anniversary/images/2nd_anniversary_event_detail.png) top center no-repeat;
	position:relative;}
.event .detail a.privacy_link{
	display:block;
	position: absolute;
    top: 820px;
    left: 145px;
    width: 600px;
    height: 30px;
	text-indent: -9999px;}
.event .detail a.gash_link{
	display:block;
	position: absolute;
    top: 1399px;
    left: 145px;
    width: 600px;
    height: 30px;
	text-indent: -9999px;}
.event_send{
	width: 100%;
    background: #430008 url(../../2nd_anniversary/images/2nd_anniversary_bg_3.jpg) center -114px no-repeat;}
.event_send p.btn{
	width: 500px;
    padding: 30px 0 0;
    margin: 0 auto;
    position: relative;}
.event_send p.btn a{
	background: url(../../2nd_anniversary/images/2nd_anniversary_event_send.png) center no-repeat;
    display: block;
    width: 428px;
    height: 125px;
    margin: 0 auto;
    opacity: 0.3;}
.event_send p.thanks{
	color: #FFF;
    font-size: 120%;
    text-align: center;
    text-indent: 0px;
    font-weight: normal;
    padding: 0 0 30px;
}
	
	

/*----baishechuan----*/
.baishechuan{
	width:100%;
	height:820px;
	background:#cefff9;
	position:relative;}
.baishechuan h2, .baishechuan p{
	text-indent:-9999px;}
.baishechuan h2{
	display:none;}
.baishechuan .about{
	background:url(../../2nd_anniversary/images/2nd_anniversary_baishechuan.png) top center no-repeat;
	width:100%;
	height:820px;}
.baishechuan .about p.detail_btn{
	width:700px;
	margin:0 auto;
	position:relative;}
.baishechuan .about p.detail_btn a{
	display: block;
    width: 400px;
    height: 98px;
    position: absolute;
    top: 610px;
    left: 317px;}



/*----baishechuan----*/
.maso{
	background:url(../../2nd_anniversary/images/2nd_anniversary_maso_bg.png) top center repeat-x;
	width:100%;
	height:1150px;}
.maso h2, .maso p{
	text-indent:-9999px;}
.maso h2{
	display:none;}
.maso .about{
	position:relative;
	background:url(../../2nd_anniversary/images/2nd_anniversary_maso.jpg) top center no-repeat;
	width:100%;
	height:1150px;}
.maso .about p.detail_btn{
    position: absolute;
	top:1029px;
	left:50%;
	margin:0 0 0 -200px;}
.maso .about p.detail_btn a{
	display: block;
    width: 400px;
    height: 98px;}
	
	
	
	
/*----quest_1----*/
.quest_1{
	width:100%;
	height:450px;
	background:url(../../2nd_anniversary/images/quest_1_bg.gif) top repeat-x;
	position:relative;}
.quest_1 h2, .quest_1 p{
	text-indent:-9999px;}
.quest_1 p.coming_soon{
	width:100%;
	height:450px;
	background:url(../../2nd_anniversary/images/quest_1_title.png) center no-repeat;
	position:absolute;
	top:0;}
	
	
	
	
	
/*----quest_2----*/
.quest_2{
	width:100%;
	height:450px;
	background:url(../../2nd_anniversary/images/quest_2_bg.gif) top repeat-x;
	position:relative;}
.quest_2 h2, .quest_2 p{
	text-indent:-9999px;}
.quest_2 p.coming_soon{
	width:100%;
	height:450px;
	background:url(../../2nd_anniversary/images/quest_2_title.png) center no-repeat;
	position:absolute;
	top:0;}
	
	
	
	
/*----link----*/		
.link{}
.link ul{
	position:relative;
	display:block;
	min-width:767px;
	max-width:1000px;
	height:140px;
	margin:20px auto -70px;
	background:url(../../gudetama2016/images/gudetama_link.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:#e9e9e9;
	color:#ffffff;
	width:100%;
	padding:0 0 50px 0;
	text-align:center;}
	
.footercontents{
	width:100%;
	margin:90px auto 0;}

/*links*/
.footercontents ul.links{
	background:#eee;
	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:#222;
	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:#222;
	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
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/