@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:#FFF;}



.contentswrapper{
	/*width:320px;*/
	margin:0 auto;
	overflow:hidden;
	padding: 20px 0;}
	

/*----menu----*/
#pc_menu{
	display:none;}
#sp_menu{
	width:100%;
	top:40px;
	position:fixed;
	background:rgba(255,255,255,0.9);
	z-index:99;}
#sp_menu .grandheader{
	background:#FFF;
	height:50px;
	position:relative;}
#sp_menu .grandheader p.logo{
	background: url(../../2nd_anniversary/images/2nd_anniversary_logo.png) center no-repeat;
    width: 100px;
    height: 50px;
    background-size: 79px 25px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;}
#sp_menu .grandheader p.logo a{
	display:block;
	width:100px;
	height:50px;}
#sp_menu .grandheader p.toggle{
	background: url(../../2nd_anniversary/images/menu_icon.png) center no-repeat;
    width: 40px;
    height: 50px;
    background-size: 25px;
    position: absolute;
    top: 0;
    right: 0;}
#sp_menu .gnav{
	border-top:1px solid #444;}
	
#sp_menu ul{
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;}
	
#sp_menu li a{
	border-bottom:1px solid #333;
	display:block;
    height: 50px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:320px 50px;
	text-align:left;
	text-indent:-9999px;
	cursor:pointer;}

#sp_menu li a.page_1{
    height: 50px;
    left: 0;
    top: 7px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_logo.png);}
#sp_menu li a.page_2{
	background-image:url(../../2nd_anniversary/images/sp_2nd_anniversary_menu_1.png);}
#sp_menu li a.page_3{
	background-image:url(../../2nd_anniversary/images/sp_2nd_anniversary_menu_2.png);}
#sp_menu li a.page_4{
	background-image:url(../../2nd_anniversary/images/sp_2nd_anniversary_menu_3.png);}
#sp_menu li a.page_5{
	background-image:url(../../2nd_anniversary/images/sp_2nd_anniversary_menu_4.png);}
#sp_menu li a.page_6{
	background-image:url(../../2nd_anniversary/images/sp_2nd_anniversary_menu_5.png);}
	
#sp_menu li a.page_1:hover{
	opacity:0.8;}
#sp_menu li.active a{
	height: 50px;
	background-position:center -38px;
	cursor:pointer;}
#sp_menu li.active a.page_1{
	width: 158px;
    height: 50px;
    left: 0;
    top: 7px;
	background-image:url(../../2nd_anniversary/images/2nd_anniversary_logo.png);
	background-position:top center;
	background-repeat:no-repeat;}

#sp_menu p.close{
	border-bottom:1px solid #333;
	display:block;
    height: 50px;
	background:#333 url(../../2nd_anniversary/images/sp_2nd_anniversary_menu_6.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:320px 50px;
	text-align:left;
	text-indent:-9999px;
	cursor:pointer}
	
	
	
.section1{
	background:#e0001b url(../../2nd_anniversary/images/sp_2nd_anniversary_bg_1.jpg) center 35px no-repeat;
	background-size:640px 1045px;}
.section2{
	background:#000 url(../../2nd_anniversary/images/hz.png) top repeat-x;
	background-size:10px 5px;}
.section3{
	background:#e0001b url(../../2nd_anniversary/images/sp_2nd_anniversary_bg_2.jpg) center -30px no-repeat;
	background-size:640px 312.5px;
	padding:16px 0 0;}
	
	

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



/*----download----*/
.download{
	position: relative;
    background:url(../../2nd_anniversary/images/sp_2nd_anniversary_download.png) center top no-repeat;
    background-size: 640px 90px;
    width: 100%;
    height: 90px;
    margin:50px auto 0;}
.download a{
	position:absolute;
	top:48px;
	display:block;
	height:27px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.download .appstore a{
	left:10px;
	width:90px;}
/*GooglePlay*/
.download .googleplay a{
	left:102px;
	width:93px;}
/*Android APK*/
.download .androidapk a{
	left:198px;
	width:62px;}
/*facebook*/
.download .facebook_icon a{
	display:none;}
	
.download .spec{
	color:#c5151e;
	font-size:0.8rem;
	width:250px;
	margin:0 auto;
	text-indent:-9999px;}
	
	
	
/*----cm----*/
.cm{
	width: 100%;
    height: 407px;
    margin: 18px auto 0;
    padding: 0 0 15px;
    background: url(../../2nd_anniversary/images/sp_2nd_anniversary_cm.png) no-repeat;
    background-size: 640px 407px;
    background-position: top center;}
.cm h2{
	text-indent:-9999px;}
.cm  a{
	display:block;
	text-indent:-9999px;}
.cm .making_of_cm a{
	width: 280px;
    height: 50px;
    margin: 47px auto 0;}
.cm .new_cm a{
	width: 280px;
    height: 158px;
    margin: 35px auto 0;}
.cm .new_cm_2{
	width: 280px;
    height: 50px;
    margin: 34px auto 0;}
.cm .new_cm_2 a{
	width: 89px;
    height: 50px;
    margin: 0 2px;
	float:left;}
	
	


/*----eva----*/
.eva{
	background:url(../../2nd_anniversary/images/hz.png) bottom center repeat-x;
	background-size:10px 5px;
	width: auto;
    height: 460px;
	margin:0 auto;}
.eva h2, .eve p{
	text-indent:-9999px;}
.eva .about{
	background:#000 url(../../2nd_anniversary/images/sp_2nd_anniversary_eva.png) top center no-repeat;
	background-size:640px 425px;
    height: 75px;
	padding:350px 0 0;
    margin: 0 auto;
    position: relative;}
.eva .about a{
    display: block;
    width: 280px;
    height: 60px;
    margin:0 auto;
    text-indent: -9999px;}
	
	


/*----event----*/
.event{
	padding:165px 0 0;
	background:url(../../2nd_anniversary/images/sp_2nd_anniversary_event.png) top center no-repeat;
	background-size:640px 157px;}
.event h2, .event p{
	text-indent:-9999px;}
.event .about{
    margin: -75px 0 0;
    padding: 30px 0 0;}
.event .detail{
	height:888px;
	margin: -1px auto;
	background:url(../../2nd_anniversary/images/sp_2nd_anniversary_event_detail.png) top center no-repeat;
	background-size:640px 887.5px;
	position:relative;}
.event .detail a.privacy_link{
	display:block;
	margin: 0 auto 0;
    width: 100%;
    height: 15px;
    position: absolute;
    top: 423px;
	text-indent: -9999px;}
.event .detail a.gash_link{
	display:block;
	margin: 0 auto 0;
    width: 600px;
    height: 24px;
    position: absolute;
    top: 711px;
    text-indent: -9999px;}
.event_send{
	width: 100%;
    background:#430008 center -114px no-repeat;
	background-size:640px 224px;}
.event_send p.btn{
	padding:30px 0 0;
	margin:0 auto;}
.event_send p.btn a{
	background:url(../../2nd_anniversary/images/2nd_anniversary_event_send.png) center no-repeat;
	background-size:214px 62.5px;
	display:block;
	width:214px;
	height:62.5px;
	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{
	background:url(../../2nd_anniversary/images/sp_2nd_anniversary_baishechuan.jpg) top center no-repeat;
	background-size:640px 415px;
	width:100%;
	height:415px;
	position:relative;}
.baishechuan h2, .baishechuan p{
	text-indent:-9999px;}
.baishechuan h2{
	display:none;}
.baishechuan .about{
	width:100%;
	height:415px;}
.baishechuan .about p.detail_btn{
	width:280px;
	margin:0 auto;
	position:relative;}
.baishechuan .about p.detail_btn a{
    display: block;
    width: 200px;
    height: 46px;
    position: absolute;
    top: 267px;
    left: 35px;}
	
	
	
/*----maso----*/
.maso{
	width:100%;
	height:480px;}
.maso h2, .maso p{
	text-indent:-9999px;}
.maso h2{
	display:none;}
.maso .about{
	position:relative;
	background:url(../../2nd_anniversary/images/sp_2nd_anniversary_maso.png) top center no-repeat;
	background-size:640px 480px;
	width:100%;
	height:480px;}
.maso .about p.detail_btn{
    position: absolute;
	top:413px;
	left:50%;
	margin:0 0 0 -100px;}
.maso .about p.detail_btn a{
	display: block;
    width: 200px;
    height: 49px;}
	
	
	
/*----quest_2----*/
.quest_2{
	width:100%;
	height:225px;
	background:url(../../2nd_anniversary/images/quest_2_bg.gif) top repeat-x;
	background-size:80px 225px;
	position:relative;}
.quest_2 h2, .quest_2 p{
	text-indent:-9999px;}
.quest_2 p.coming_soon{
	width:100%;
	height:225px;
	background:url(../../2nd_anniversary/images/quest_2_title.png) center no-repeat;
	/*background-size:397px 112px;*/
	background-size:90%;
	position:absolute;
	top:0;}

	
	
/*----link----*/		
.link{}
.link ul{
	position:relative;
	display:block;
	width:300px;
	height:240px;
	margin:10px auto;
	background:url(../../gudetama2016/images/sp_gudetama_link.jpg) no-repeat top center;
	background-size:500px 240px;}
.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:#e9e9e9;
	color:#ffffff;
	width:100%;
	padding:0 0 50px 0;
	text-align:center;}
	
.footercontents{
	width:100%;
	margin:10px 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: 70px;
    height: 81px;
    margin: 25px auto 15px auto;
    text-indent: -9999px;}

/*address*/
.footercontents address{
	color:#222;
	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
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/