@charset "Shift_JIS";
/*------------------------------------------------------------------------------
  MAIN
------------------------------------------------------------------------------*/

html,
body {
    min-width: 960px;
}

.mainarea {
    width: 100%;
    height: 610px;
    background: url(../img/top/main_bg_mainarea.png) center top repeat-x;
    position: relative;
    min-width: 960px;
    margin: 0 auto; }

.mainarea .bgleft {
    position: absolute;
    left: 0;
    top: 0; }

.mainarea .bgright {
    position: absolute;
    right: 0;
    top: 0; }

.mainarea .bgpattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 610px;
    background: url(../img/top/main_bg_pattern.png) center top repeat; }

.mainarea .mainvisual {
    width: 100%;
    height: 610px;
    position: relative;
    overflow: hidden; }

.mainarea .mainvisual .mainimgnoscript{
    position: absolute;
    left: 50%;
    margin: 0 0 0 -550px;
    top: 0;
    width: 1100px;
    height: 590px;
}

.mainarea .mainvisual .corporateid {
    position: absolute;
    left: 19px;
    top: 15px; }

.mainarea .mainvisual .productid {
    position: absolute;
    right: 21px;
    top: 11px; }

.mainarea .mainvisual #btnremix {
    position: absolute;
    left: 50%;
	top: 452px;
	margin-left: -454px; }
 
.mainarea .mainvisual #btnremix a{
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    height: 121px;
    display: block;
}
.mainarea .mainvisual #btnslb {
    position: absolute;
    left: 50%;
	top: 380px;
	margin-left: 262px; }
 
.mainarea .mainvisual #btnslb a{
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    height: 121px;
    display: block;
}
 
.mainarea .mainvisual h1 {
    position: absolute;
    left: 50%;
    top: 64px;
    margin-left: -345px; }

.mainarea .mainvisual .movieframe {
    position: absolute;
    left: 50%;
    top: 306px;
    margin-left: -198px; }
.mainarea .mainvisual #digestmovieplayerwrap{
	position: absolute;
    left: 50%;
    top: 306px;
    margin-left: -198px;
}

.mainarea .mainvisual .digestmovienoscript{
	position: absolute;
    left: 50%;
    top: 306px;
    margin-left: -198px;
}
.mainarea .mainvisual .charawrap {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1200px;
    height: 100%;
    margin-left: -600px;
}
.mainarea .mainvisual .chara {
    position: absolute;
    top: 610px; }

.mainarea .mainvisual .chara span {
    display: block; }


.mainarea .mainvisual .twinkle_wrap{
    position: absolute;
    width: 980px;
    height: 610px;
    margin: 0 auto;
    top: 0;
    left: 50%;
    margin-left: -490px;
}
.mainarea .mainvisual .twinkle_wrap .twinkle_container{
	position: relative;
	width: 980px;
    height: 610px;
}


.mainarea .mainvisual .twinkle_l {
    width: 40px;
    height: 40px;
    background-image: url("../img/top/twinkle_l.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.mainarea .mainvisual .twinkle_s {
    width: 20px;
    height: 20px;
    background-image: url("../img/top/twinkle_s.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.mainarea .mainvisual .twinkle_l.p01 {
    position: absolute;
    top: 157px;
    left: 62px;
}

.mainarea .mainvisual .twinkle_l.p02 {
    position: absolute;
    top: 34px;
    left: 844px;
}

.mainarea .mainvisual .twinkle_s.p01 {
    position: absolute;
    top: 26px;
    left: 371px;
}

.mainarea .mainvisual .twinkle_s.p02 {
    position: absolute;
    top: 310px;
    left: 164px;
}
.mainarea .mainvisual .twinkle_s.p03 {
    position: absolute;
    top: 495px;
    left: 788px;
}


/*------------------------------------------------------------------------------
  gnavcontainer
------------------------------------------------------------------------------*/


.gnavcontainer {
width: 100%;
position: relative;
}

.gnavcontainer .gnavbginner{
    width: 100%;
    height: 220px;
    position: absolute;
    left: 0;
    top: -85px;
    overflow: hidden;
}

.gnavcontainer #btnremix2dummy{
	position: absolute;
	left:50%;
	top: -183px;
	margin-left: -453px;
	width: 210px;
    height: 121px;
    display: none;
}

.no-js .gnavcontainer #btnremix2dummy{
	 display: block;
}
 
.gnavcontainer .gnavbg {
    width: 100%;
    min-width: 1150px;
    height: 167px;
    background: url(../img/top/bg_navi.png) 0 0 repeat-x;
    position: absolute;
    left: 0;
    top: 55px;
}
.gnavcontainer .gnavbginner .gnav_btmframe{
    width: 960px;
    height: 200px;
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
}



.gnavcontainer .gnavbginner .gnav_btmframe .gnav_01 {
position: absolute;
top: 63px;
left: -7px;
}

.gnavcontainer .gnavbginner .gnav_btmframe .gnav_02 {
position: absolute;
top: 63px;
left: 237px;
}

.gnavcontainer .gnavbginner .gnav_btmframe .gnav_03 {
position: absolute;
top: 63px;
left: 482px;
}

.gnavcontainer .gnavbginner .gnav_btmframe .gnav_04 {
position: absolute;
top: 63px;
left: 726px;
}




.gnavcontainer .gnavbginner .gnav_btmframe .gnav_01 a,
.gnavcontainer .gnavbginner .gnav_btmframe .gnav_02 a,
.gnavcontainer .gnavbginner .gnav_btmframe .gnav_03 a,
.gnavcontainer .gnavbginner .gnav_btmframe .gnav_04 a{
    position: absolute;
    top: 0;
    left: 0;
    width: 232px;
    height: 56px;
    display: block;
}

.gnavcontainer .gnavbginner .gnav_btmframe .gnav_01 .nav_wrap {
    position: relative;
}

/*------------------------------------------------------------------------------
  CONTENTS
------------------------------------------------------------------------------*/


.contents {
height: auto;
overflow: hidden;
background: url(../img/top/bg_top.png) 0 0 repeat;
}

.contents .section_inner {
position: relative;
width: 960px;
margin: 0 auto;
}

.contents .section_inner .section_bg {
position: absolute;
left: -4px;
top: 0;
background: url(../img/top/bg_productinfo.png) left top no-repeat;
width: 670px;
height: 226px;
}


/* ---------- productinfo ---------- */

.contents .productinfo{
height: 305px;
padding-top: 85px;
}
.contents .productinfo > .section_inner {
	height: 269px;
}
.contents .productinfo .section_inner .softicon{
position: absolute;
left: 21px;
top: 65px;
}
.contents .productinfo .section_inner .cero{
position: absolute;
left: 90px;
top: 81px;
}
.contents .productinfo .section_inner .nintendonetwork{
position: absolute;
left: 21px;
top: 132px;
}
.contents .productinfo .section_inner dt{
position: absolute;
line-height: 0.01%;
left: 139px;
top: 67px;
}
.contents .productinfo .section_inner .manual{
position: absolute;
line-height: 0.01%;
left: 368px;
top: 70px;
}
.contents .productinfo .section_inner .text07{
position: absolute;
  line-height: 0.01%;
left: 360px;
top: 60px;
}
.contents .productinfo .section_inner .btncard{
position: absolute;
left: 19px;
top: 183px;
}
.contents .productinfo .section_inner .btneshop{
position: absolute;
left: 225px;
top: 183px;
}
.contents .productinfo .section_inner .btndetail{
position: absolute;
left: 225px;
top: 183px;
}
.contents .productinfo .section_inner #productinfo_chara_wrap{
position: absolute;
left: 545px;
top: 38px;
width: 80px;
height: 80px;
}
.contents .productinfo .section_inner #productinfo_chara{
width: 80px;
height: 80px;
background-image: url(../img/top/productinfo_chara.png);
background-size: cover;
background-position: 0 0;
}
.contents .productinfo .section_inner .moviebtn01{
position: absolute;
left: 673px;
top: 4px;
}
.contents .productinfo .section_inner .moviebtn02{
position: absolute;
left: 672px;
top: 78px;
}
.contents .productinfo .section_inner .moviebtn03{
position: absolute;
left: 672px;
top: 149px;
}
.contents .productinfo .section_inner p span.badge_new {
position: absolute;
right: -1px;
top: -4px;
}

.contents .productinfo .section_inner #note {
position: absolute;
top: 71px;
left: 510px;
}

.contents .productinfo .section_inner #note a:hover {
color:#999;
}

/* ---------- contentstop ---------- */

.contents .contentstop > .section_inner {
height: 219px; }

.contents .contentstop #contentstop_chara_wrap{
position: absolute;
top: -32px;
left: -5px;
width: 134px;
height: 154px;
}
.contents .contentstop #contentstop_chara {
width: 134px;
height: 154px;
background-image: url(../img/top/contentstop_chara.png);
background-size: cover;
background-position: 0 0;
}
.contents .contentstop .contentstop_stitle {
position: absolute;
top: 0;
left: 154px;
}
.contents .contentstop .contentstop_text {
position: absolute;
top: 140px;
left: 15px;
}
.contents .contentstop .contentstop_text span{
position: absolute;
top: 0;
right: 115px;
}

    
/* ---------- originaltitle ---------- */    

#originaltitle .section_inner {
height: 840px;
}
#originaltitle .originals_title {
text-align: center;
width: 100%;
position: relative;
margin-bottom: 17px;
}
#originaltitle .originals_title .badge { 
position: absolute;
top:-118px;
right: 30px;
}
#originaltitle .originals_caotion01 {
text-align: center;
width: 100%;
margin-bottom: 25px;
}
#originaltitle .originals_title_thumb {
padding-left:1px;
margin-bottom: 5px;
}
#originaltitle .originals_title_thumb li {
display: inline-block; *display: inline; *zoom:1;
margin:0 5px 12px;
position: relative;
}
#originaltitle .originals_title_thumb li > .icon_discsystem{
position: absolute;
top:-3px;
left:-1px;
}

#originaltitle .originals_caotion02 {
text-align: left;
width: 100%;
padding-left:43px;
position:relative;
}
#originaltitle .originals_caotion02:after{
content:	url(../img/top/originals_icon_discsystem.png);
top:-10px;
left:8px;
position: absolute;
}


/* ---------- #remixstage ---------- */

.contents .remixstage > .section_inner {
height: 648px; }
.contents .remixstage .remixstage_stitle {
text-align: center;
width: 100%;
position: relative;
margin-bottom: 38px;
}

.contents .remixstage #remixstage_chara_wrap {
position: absolute;
top: -50px;
right: 9px;
width: 144px;
height: 154px;
}
.contents .remixstage #remixstage_chara {
width: 144px;
height: 154px;
background-image: url(../img/top/remixstage_chara01.png);
background-size: cover;
background-position: 0 0;
}

.contents .remixstage .remixstage_caption01 {
	width: 100%;
	margin-left: 36px;
	margin-bottom: 33px;
}
.contents .remixstage ul {
margin: 0  0 34px 8px;
}
.contents .remixstage ul li {
width: 313px;
display: inline-block; *display: inline; *zoom:1;
padding: 0 1px;
}
.contents .remixstage ul li span {
width: 297px;
display: inline-block; *display: inline; *zoom:1;
padding-top:8px;
}
.contents .remixstage .links {
width: 897px;
height: 122px;
position: relative;
margin-left:28px;
background: url(../img/top/bg_link.png) 0 0 no-repeat;
}

.contents .remixstage .links .links_chara{
position: absolute;	
top:13px;
left:21px;
}
.contents .remixstage .links .links_txt {
position: absolute;	
top:42px;
left:133px;
}
.contents .remixstage .links .links_btn {
position: absolute;	
top:24px;
left:521px;
}

/* ---------- #famicomstage ---------- */

.contents .famicom > .section_inner {
height: 652px; }
.contents .famicom .famicomstage_stitle {
text-align: center;
width: 100%;
position: relative;
margin-bottom: 38px;
}

.contents .famicom #famicomstage_chara_wrap {
position: absolute;
top: -54px;
right: 14px;
width: 179px;
height: 169px;
}
.contents .famicom #famicomstage_chara {
width: 179px;
height: 169px;
background-image: url(../img/top/famicomstage_chara.png); 
background-size: cover;
background-position: 0 0;
}

.contents .famicom .famicomstage_caption {
width: 100%;
margin-left: 36px;
margin-bottom: 33px;
}
.contents .famicom ul {
margin: 0  0 34px 8px;
}
.contents .famicom ul li {
width: 313px;
display: inline-block; *display: inline; *zoom:1;
padding: 0 1px;
}
.contents .famicom ul li span {
width: 297px;
display: inline-block; *display: inline; *zoom:1;
padding-top:8px;
}
.contents .famicom .links {
width: 897px;
height: 122px;
position: relative;
margin-left:28px;
background: url(../img/top/bg_link.png) 0 0 no-repeat;
}

.contents .famicom .links .links_chara{
position: absolute;	
top: -20px;
left: 30px;
}
.contents .famicom .links .links_txt {
position: absolute;	
top:31px;
left:133px;
}
.contents .famicom .links .links_btn {
position: absolute;	
top:24px;
left:521px;
}

/* ---------- #extra ---------- */

#extra {
height: 1100px;
}
#extra .section_inner {
background: url(../img/top/bg_extra.png) top center no-repeat;	
height: 1100px;
}
#extra .section_inner > p {
position: absolute;
}
.end_miiverse_txt {
    top: 1047px;
    left: 54px;
    font-size: 12px;
}
#extra .extra_img01 {
top: 42px;
left:53px;
}
#extra .extra_img02 {
top: 334px;
left:115px;
}
#extra .extra_img03 {
top: 421px;
left:40px;
}
#extra .extra_img04 {
top: 818px;
left:33px;	
}
#extra .extra_img05 {
top: 0px;
left:0px;
}
.contents .gamepad {
height: 250px;
}    
.contents .gamepad .section_inner > p {
position: absolute;
}
.contents .gamepad .extra_img05 {
top: 0px;
left:7px;
}

/*	bg images	*/

.contents #bg_contents {
position: relative;
height: 0px;
width: 960px;
margin: 0 auto;
}

.contents .section_bg > p {
position: absolute;
width: 2000px;
left:50%;
margin-left:-1000px;
}

.section_bg > p.section_bg01 {
height: 475px;
top: 110px;
left:50%;
background: url(../img/top/bg_chara01.png) top center;
}

.section_bg > p.section_bg02 {
height: 826px;
top:589px;
left:50%;
background: url(../img/top/bg_chara02.png) top center;
}
.section_bg > p.section_bg03 {
height: 542px;
top:1415px;
left:50%;
background: url(../img/top/bg_chara03.png) top center;
}
.section_bg > p.section_bg04 {
height: 856px;
top:1957px;
left:50%;
background: url(../img/top/bg_chara04.png) top center;
}
.section_bg > p.section_bg05 {
height: 844px; 
top:2793px;
left:50%;
background: url(../img/top/bg_chara05.png) top center;
}
.section_bg > p.section_bg06 {
height: 465px;
top:3603px;
left:50%;
background: url(../img/top/bg_chara06.png) top center;
}


/* ---------- footer ---------- */

.footer {
background-color:#087eaa;
height: 59px;
position: relative; }
.footer .footer_inner {
width: 960px;
height: 30px;
margin: 0 auto;
position: relative; }
.footer .footer_inner .btn_backtotop {
position: absolute;
top: -30px;
right: 0; }

.footer .footer_inner .btn_backtotop_chara {
position: absolute;
top: -60px;
right: 37px;
}
.footer .footer_inner .footer_link {
float: left;
padding: 10px 0 0 5px }
.footer .footer_inner .footer_link > li {
height: 12px;
display: inline-block;
*display: inline;
*zoom: 1;
border-right: 1px solid #fff;
padding-right: 15px;
padding-left: 15px; }
.footer .footer_inner .footer_link li.footer_btn_wiiu {
padding-right: 13px;
padding-right: 0;
border-right: none; }
.footer .footer_inner .copyright {
position: absolute;
top: 10px;
right: 12px; }


#loading{
	width: 100%;
	height: 100%;
	background: #faf5e6;
	position: fixed;
	z-index: 10000;
}
#loading .loadinginner{
	width: 100%;
	height: 100%;
	position: relative;
}

#loading .loadinginner .loadingcontentbg{
	width: 100%;
	height: 62px;
	position: absolute;
	top: 50%;
	left: 0;
	background:#0883b0 center bottom repeat-x;
	margin: -12px 0 0 0 ;
}
#loading .loadinginner .loadingcontentanime{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -210px 0 0 -80px ;
}
#loading .loadinginner .loadingcontenttxt{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 3px 0 0 -140px ;

}
#loading .loadinginner .loadingcontenttxt2{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -47px 0 0 -65px ;
}

.soundfooterwrap{
	z-index: 20000;
}

.no-loading #loading {
	display: none;
}

.no-js #loading {
	display: none;
}