@charset "UTF-8";



/*-------------------------------------------------------------------
	main
---------------------------------------------------------------------*/
#main{
	width: 640px;
	margin: 0 auto;
	background: url(../img/main_img.jpg) center center no-repeat;
}
#main .body{
	position: relative;
	width: 640px;
	height: 978px;
	margin: 0 auto;
}
#main .body h1,
#main .body p{
	position: absolute;
	line-height: 0.01;
	font-size: 0.01;
}
#main .body .logo{
	top: 100px;
	left: 63px;
}
#main .body .banner{
	top: 805px;
	left: 18px;
}
#main .body .information{
	position: absolute;
	top: 600px;
	left: 14px;
	width: 612px;
	height: 195px;
	background: url(../img/information_bg.png) no-repeat left top;
}
#main .body .information .icon_package{
	top: 35px;
	left: 23px;
}
#main .body .information .icon_soft{
	top: 122px;
	left: 21px;
}
#main .body .information .icon_cerob{
	top: 123px;
	left: 72px;
}
#main .body .information .text01{
	top: 37px;
	left: 126px;
}
#main .body .information .text02{
	top: 97px;
	left: 125px;
}
#main .body .information .text03{
	top: 26px;
	left: 365px;
}
#main .body .information .text04{
	top: 60px;
	left: 366px;
}
#main .body .information .information_link{
	top: 93px;
	left: 365px;
}

#main .body .hardware{
	position: absolute;
	top: 348px;
	right: 15px;
}

#main .body .banner_kisekae_home{
	position: absolute;
	top: 276px;
	right: 242px;
}

#main .body .banner_kisekae_home a{
	display: block;
}

#main .body .kisekae_home_text{
	top: 10px;
	left: 50px;
	font-size: 16px;
	color: #36adff;
	width: 150px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	text-decoration: underline;
}

#main .body .interview{
	top: 474px;
  left: 12px;
}

#main .body .live{
	top: 357px;
  left: 12px;
}

#main .body .information .guidebook{
	top: 130px;
	left: 366px;
}

#main .body .information .date{
	top: 155px;
	left: 366px;
}

#main .body .banner_movie{
	top: 801px;
	left: 219px;
}
#main .body .banner_kisekae{
	top: 801px;
	left: 426px;
}
#main .body .banner_movie .main_update,
#main .body .banner_kisekae .main_update{
	position: absolute;
	top: -10px;
	left: -2px;
}

#main .body .interview .main_update{
	position: absolute;
	top: -25px;
  left: -8px;
}



/*-------------------------------------------------------------------
	nav
---------------------------------------------------------------------*/
#nav{
	width: 640px;
	margin: 0 auto;
	background: #333333;
}
#nav .body{
	width: 640px;
	margin: 0 auto;
	padding: 28px 0 9px 10px;
	line-height: 0.01;
	font-size: 0.01;
}
#nav .body .btn{
	margin-bottom: 4px;
	line-height: 0.01;
	font-size: 0.01;
}
#nav .body .btn:last-child{
	margin-bottom: 0;
}
#nav .body .btn.recommend{
	position: relative;
	margin-bottom: 8px;
	padding-left: 2px;
}
#nav .body .btn.recommend .nav_update{
	position: absolute;
	top: -13px;
	left: -5px;
}



/*-------------------------------------------------------------------
	introduction
---------------------------------------------------------------------*/
#introduction{
	width: 640px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/introduction_bg.jpg) 0 0 no-repeat;
	background-size: cover;
}
#introduction .body{
	position: relative;
	z-index: 0;
	width: 640px;
	margin: 0 auto;
	padding: 13px 0 49px 0;
}
#introduction .body .category{
	padding-left: 24px;
	margin-bottom: 24px;
}
#introduction .body .title{
	padding-left: 30px;
	margin-bottom: 11px;
}
#introduction .body .lead{
	padding: 0 30px;
	margin-bottom: 24px;
	background-image: url(../img/sp.gif);
	text-align: justify;
	font-size: 28px;
	line-height: 1.5;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}
#introduction .body .img01,
#introduction .body .img02,
#introduction .body .img03{
	margin-bottom: 5px;
	text-align: center;
	line-height: 0.01;
	font-size: 0.01;
}
#introduction .body .text01,
#introduction .body .text02,
#introduction .body .text03{
	padding: 0 30px;
	margin-bottom: 26px;
	background-image: url(../img/sp.gif);
	text-align: justify;
	font-size: 24px;
	line-height: 1.41;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}
#introduction .body .text02{
	margin-bottom: 26px;
}
#introduction .body .text03{
	letter-spacing: 0.05em;
}
#introduction .body .section_wii{
	width: 432px;
	margin-left: 160px;
}
#introduction .body .section_wii_body{
	padding: 25px 0 29px 32px;
}
#introduction .body .section_wii .text{
	margin-bottom: 22px;
	background-image: url(../img/sp.gif);
	font-size: 28px;
	line-height: 1.35;
	color: #ffffff;
}
#introduction .body .character{
	position: absolute;
	bottom: -474px;
	left: 0;
	z-index: -1;
}



/*-------------------------------------------------------------------
	point
---------------------------------------------------------------------*/
#point{
	width: 640px;
	margin: 0 auto;
	background: url(../img/point_bg.jpg) 0 0 no-repeat;
	background-size: cover;
}
#point .body{
	position: relative;
	z-index: 0;
	width: 640px;
	margin: 0 auto;
	padding: 13px 0 48px 0;
}
#point .body .category{
	padding-left: 24px;
	margin-bottom: 24px;
}
#point .body .title{
	padding-left: 30px;
	margin-bottom: 7px;
}
#point .body .lead{
	padding: 0 30px;
	margin-bottom: 35px;
	background-image: url(../img/sp.gif);
	text-align: justify;
	font-size: 28px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}
#point .body .hardware{
	margin-bottom: 40px;
	text-align: center;
	line-height: 0.01;
	font-size: 0.01;
}
#point .body .section_collection .stitle{
	margin-bottom: 10px;
	padding-left: 30px;
	background-image: url(../img/sp.gif);
	font-size: 32px;
	line-height: 1;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}
#point .body .section_collection .img_box{
	margin-bottom: 5px;
	text-align: center;
	line-height: 0.01;
	font-size: 0.01;
}
#point .body .section_collection .img_box li{
	display: inline-block;
	width: 204px;
	margin: 0 -4px;
	line-height: 0.01;
	font-size: 0.01;
}
#point .body .section_collection .text{
	margin-bottom: 26px;
	padding: 0 30px;
	background-image: url(../img/sp.gif);
	text-align: justify;
	font-size: 24px;
	line-height: 1.41;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}
#point .body .section_amiibo{
	margin: 0 21px;
}
#point .body .section_amiibo_body{
	padding: 37px 0 30px 34px;
}
#point .body .section_amiibo .stitle{
	margin-bottom: 16px;
	font-size: 32px;
	line-height: 1;
	color: #ffffff;
}
#point .body .section_amiibo .btn{
	font-size: 24px;
	line-height: 1.41;
}
#point .body .section_amiibo .btn a{
	display: block;
	width: 350px;
	padding-left: 58px;
	background: url(../img/arrow_link.png) 0 5px no-repeat;
	text-decoration: underline;
	color: #36adff;
}
#point .body .section_amiibo .character{
	position: absolute;
	top: -31px;
	right: -20px;
}



/*-------------------------------------------------------------------
	bonus
---------------------------------------------------------------------*/
#bonus{
	position: relative;
	z-index: 0;
	width: 640px;
	margin: 0 auto;
	padding: 61px 0 80px 0;
	background-image: url(../img/bonus_bg.png), url(../img/bonus_bg_pattern.png);
	background-position: 0 0, 0 0;
	background-repeat: no-repeat, repeat;
}
#bonus .body{
	position: relative;
	margin: 0 21px;
}
#bonus .frame .frame_body{
	padding-bottom: 17px;
}
#bonus .frame .frame_body:after {
	background: rgba(220,219,217,0.75);
}
#bonus .body .section_lead{
	position: relative;
	margin-bottom: 21px;
	padding: 67px 26px 0 26px;
}
#bonus .body .section_lead .category{
	position: absolute;
	top: -43px;
	left: 44px;
}
#bonus .body .section_lead .title{
	margin-bottom: 12px;
}
#bonus .body .section_lead .lead{
	margin-bottom: 33px;
	background-image: url(../img/sp.gif);
	text-align: justify;
	font-size: 28px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #372e1e;
}
#bonus .body .section_lead .img{
	padding-left: 64px;
}
#bonus .body .section_caution_container{
	position: relative;
	z-index: 0;
}
#bonus .body .section_caution{
	position: relative;
	width: 520px;
	margin: 0 auto;
	padding: 14px 12px;
	background-image: url(../img/bonus_caution_corner_rt.png), url(../img/bonus_caution_corner_rb.png), url(../img/bonus_caution_corner_lb.png), url(../img/bonus_caution_corner_lt.png);
	background-position: right top, right bottom, left bottom, left top;
	background-repeat: no-repeat;
}
#bonus .body .section_caution_body{
	position: relative;
	padding: 27px 20px 26px 20px;
}
#bonus .body .section_caution_body:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(180, 171, 164, 0.8);
	box-shadow: 0 0 2px 3px rgba(0,0,0,0.1) inset;
}
#bonus .body .section_caution .stitle{
	width: 480px;
	margin-bottom: 28px;
	padding-bottom: 10px;
	border-bottom: 2px solid #8a847a;
	background-image: url(../img/bonus_caution_icon.png), url(../img/bonus_caution_icon.png);
	background-position: left center, right center;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 30px;
	line-height: 1.26;
	font-weight: bold;
	color: #372e1e;
}
#bonus .body .section_caution .hd01,
#bonus .body .section_caution .hd02{
	margin-bottom: 14px;
}
#bonus .body .section_caution .text01,
#bonus .body .section_caution .text02{
	margin: 0 4px 10px 4px;
	background-image: url(../img/sp.gif);
	text-align: justify;
	font-size: 24px;
	line-height: 1.41;
	letter-spacing: 0.04em;
	color: #372e1e;
}
#bonus .body .section_caution .text03{
	color: #1581cb;
}
#bonus .body .section_caution .attention01,
#bonus .body .section_caution .attention02{
	margin: 0 4px 26px 4px;
	padding-left: 1em;
	text-indent: -1em;
	background-image: url(../img/sp.gif);
	text-align: justify;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 0.05em;
	color: #372e1e;
}
#bonus .body .section_caution .attention02{
	margin-bottom: 15px;
}
#bonus .body .section_caution .btn{
	margin: 0 4px;
	font-size: 24px;
	line-height: 1.41;
}
#bonus .body .section_caution .btn a{
	display: block;
	padding-left: 58px;
	background: url(../img/arrow_link.png) 0 5px no-repeat;
	text-decoration: underline;
	color: #1581cb;
}