@charset "UTF-8";
/* .contents */
.contents{
	background:url(../images/contents_bg.png), url(../images/contents_bg_cloud.png), -webkit-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.png), url(../images/contents_bg_cloud.png), -moz-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.png), url(../images/contents_bg_cloud.png), -o-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.png), url(../images/contents_bg_cloud.png), -ms-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.png), url(../images/contents_bg_cloud.png), linear-gradient(to bottom, #8cd9f3 0%, #51aac9 70%);
	background-position:center bottom, right top;
	background-repeat:no-repeat, no-repeat;
	background-size:100% auto, 287px auto;
	padding-top:15px;
}
.contents .nav{
	text-align:center;
	margin:0 auto 15px;
	overflow:hidden;
}
.contents .nav li{
	display:inline-block;
}
/* LOGO */
.logo{
	text-align:center;
	padding:0 0 15px;
}

/* SNS */
.sns{
	font-size:0;
}
.sns .tw{
	width:50%;
	display:inline-block;
	text-align:right;
	padding-right:8px;
	font-size:12px;
}
.sns .fb{
	width:50%;
	display:inline-block;
	text-align:left;
	padding-left:8px;
	font-size:12px;
}

/* PAGE TOP */
.page-top{
	height:136px;
	background:url(../images/pagetop_illust.png) 0 0 no-repeat;
	background-size:93px auto;
	margin-bottom:-10px;
	padding:63px 0 0 96px;
	position:relative;
}
.page-top a{
	display:block;
}


/* FOOTER */
.footer{
	width:100%;
	background:#fda610 url(../images/footer_bg.png) center 0 no-repeat;
	background-size:320px auto;
	text-align:center;
}
.footer ul {
	overflow:hidden;
	padding-top:30px;
}
.footer ul li{
	display:inline-block;
}
.footer .copyright{
	text-align:center;
	padding:10px 0;
}
.footer .copyright img{
	vertical-align:bottom;
}

.footer2{
	width:100%;
	background:#fda610 url(../images/footer_bg.png) center 0 no-repeat;
	background-size:320px auto;
	text-align:center;
}
.footer2 ul {
	overflow:hidden;
	padding:30px 0 20px;
}
.footer2 ul li{
	display:inline-block;
}

/*===========================================
 #game
========================================== */
/*set1*/
#game .set1{
	width:304px;
	margin:0 auto 20px;
	text-align:center;
	background:url(../images/game_set1_bg.png) center 0 no-repeat;
	background-size:304px auto;
}
#game .set1 .ttl{
	padding-top:15px;
	margin-bottom:-34px;
}
#game .set1 .img{
	margin-bottom:19px;
}
#game .set1 .txt{
	margin-bottom:5px;
}
#game .set1 .chara{
	margin-bottom:15px;
}

/*set2*/
#game .set2{
	width:304px;
	height:1198px;
	margin:0 auto 20px;
	padding:0 2px;
	text-align:center;
	background:url(../images/game_set2_bg.png) center 0 no-repeat;
	background-size:304px auto;
}
#game .set2 .ttl{
	padding:45px 0 28px;
}
#game .set2 .img{
	text-align:right;
}
#game .set2 .ca{
	margin-bottom:15px;
	position:relative;
}
#game .set2 .ca .caTop{
	position:absolute;
	top:46px;
	left:22px;
}
#game .set2 .txt{
	padding:8px 0;
}
#game .set2 .capture{
	width:300px;
	margin:0 auto;
	padding:15px 0 20px;
	overflow:hidden;
}
#game .set2 .capture .img{
	text-align:left;
	margin-right:7px;
	float:left;
}

/*set3*/
#game .set3{
	width:304px;
	height:1101px;
	margin:0 auto 20px;
	padding:0 2px;
	text-align:center;
	background:url(../images/game_set3_bg.png) center 0 no-repeat;
	background-size:304px auto;
}
#game .set3 .ttl{
	padding:19px 0 13px;
}
#game .set3 .tatoe{
	height:222px;
}
#game .set3 .tatoe .tatoe-ttl{
	text-align:left;
	padding:5px 0 0 30px;
}
#game .set3 .tatoe .tatoe1{
	margin-bottom:5px;
}
#game .set3 .tatoe .tatoe2{
	margin-bottom:8px;
}
#game .set3 .stage{
	height:164px;
}
#game .set3 .ttl2{
	padding:13px 0;
}
#game .set3 .stage2{
	height:414px;
}
#game .set3 .stage2 .img{
	border-top:solid 2px #090204;
}
#game .set3 .stage2 .fukidashi{
	margin-top:-14px;
}
#game .set3 .stage3 .badge{
	margin:0 7px -31px 3px;
	float:left;
	position:relative;
	z-index:999;
}
#game .set3 .stage3 .txt2{
	text-align:left;
	padding-top:35px;
}



/*===========================================
 #chara
========================================== */
#chara .accordion{
	width:300px;
	border-left:solid 2px #000;
	border-right:solid 2px #000;
	margin:25px auto 35px;
	position:relative;
}
#chara .accordion:before{
	content:"";
	display:block;
	width:304px;
	height:23px;
	background-image:url(../images/chara_parts.png);
	background-size:cover;
	position:absolute;
	left:-4px;
	top:-16px;
}
#chara .accordion:after{
	content:"";
	display:block;
	width:304px;
	height:23px;
	background-image:url(../images/chara_parts.png);
	background-size:cover;
	position:absolute;
	left:-4px;
	bottom:-16px;
}
#chara .accordion .chara-ttl{
	height:43px;
	background:url(../images/chara_accordion_btn.png);
	background-size:cover;
	text-align:center;
}
#chara .accordion .chara-ttl a{
	width:100%;
	height:43px;
	display:block;
	background:url(../images/chara_accordion_open.png) 260px center no-repeat;
	background-size:20px 20px;
	padding-top:11px;
}
#chara .accordion .chara-ttl.active a{
	background-image:url(../images/chara_accordion_close.png);
}
#chara .accordion .chara-ttl img{
	width:auto;
	height:21px;
	vertical-align:bottom;
}

#chara .accordion .chara-info{
	background-color:#fff;
	background-image:url(../images/chara_bg.png);
	background-size:5px 5px;
	border-bottom:solid 2px #000;
	position:relative;
	display:none;
}
#chara .accordion .chara-info.active{
	display:block;
}
#chara .accordion .chara-info .inner{
	padding:15px 0;
	position:relative;
	background-size:contain;
	background-repeat:no-repeat;
}
#chara .accordion .chara-info .inner.chara1{
	background-image:url(../images/chara_01_bg.png);
}
#chara .accordion .chara-info .inner.chara2{
	background-image:url(../images/chara_02_bg.png);
}
#chara .accordion .chara-info .inner.chara3{
	background-image:url(../images/chara_03_bg.png);
}
#chara .accordion .chara-info .inner.chara4{
	background-image:url(../images/chara_04_bg.png);
}
#chara .accordion .chara-info .inner.chara5{
	background-image:url(../images/chara_05_bg.png);
}
#chara .accordion .chara-info .inner.chara6{
	background-image:url(../images/chara_06_bg.png);
}
#chara .accordion .chara-info .inner.chara7{
	background-image:url(../images/chara_07_bg.png);
}
#chara .accordion .chara-info .inner.chara8{
	background-image:url(../images/chara_08_bg.png);
}
#chara .accordion .chara-info .inner.chara9{
	background-image:url(../images/chara_09_bg.png);
}
#chara .accordion .chara-info .inner.chara10{
	background-image:url(../images/chara_10_bg.png);
}

#chara .accordion .chara-info .inner .chara-img{
	float:left;
}
#chara .accordion .chara-info .inner.chara1 .chara-img{
	padding-left:8px;
	padding-top:10px;
}
#chara .accordion .chara-info .inner.chara2 .chara-img{
	padding-left:5px;
	padding-top:5px;
}
#chara .accordion .chara-info .inner.chara3 .chara-img{
	padding-left:10px;
}
#chara .accordion .chara-info .inner.chara4 .chara-img{
	padding-left:15px;
	padding-top:23px;
}
#chara .accordion .chara-info .inner.chara5 .chara-img{
	padding-left:5px;
	padding-top:10px;
}
#chara .accordion .chara-info .inner.chara6 .chara-img{
	padding-left:5px;
	padding-top:15px;
}
#chara .accordion .chara-info .inner.chara7 .chara-img{
	padding-left:5px;
	padding-top:20px;
}
#chara .accordion .chara-info .inner.chara8 .chara-img{
	padding-left:19px;
	padding-top:3px;
}
#chara .accordion .chara-info .inner.chara9 .chara-img{
	padding-left:23px;
	padding-top:5px;
}
#chara .accordion .chara-info .inner.chara10 .chara-img{
	padding-left:25px;
}
#chara .accordion .chara-info .inner .tokugi-ttl{
	position:absolute;
}
#chara .accordion .chara-info .inner.chara1 .tokugi-ttl{
	top:38px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara2 .tokugi-ttl{
	top:15px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara3 .tokugi-ttl{
	top:30px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara4 .tokugi-ttl{
	top:30px;
	left:105px;
}
#chara .accordion .chara-info .inner.chara5 .tokugi-ttl{
	top:30px;
	left:115px;
}
#chara .accordion .chara-info .inner.chara6 .tokugi-ttl{
	top:15px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara7 .tokugi-ttl{
	top:20px;
	left:113px;
}
#chara .accordion .chara-info .inner.chara8 .tokugi-ttl{
	top:30px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara9 .tokugi-ttl{
	top:30px;
	left:110px;
}
#chara .accordion .chara-info .inner.chara10 .tokugi-ttl{
	top:22px;
	left:110px;
}

#chara .accordion .chara-info .inner .tokugi-txt{
	position:absolute;
}
#chara .accordion .chara-info .inner.chara1 .tokugi-txt{
	top:66px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara2 .tokugi-txt{
	top:43px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara3 .tokugi-txt{
	top:58px;
	left:115px;
}
#chara .accordion .chara-info .inner.chara4 .tokugi-txt{
	top:58px;
	left:105px;
}
#chara .accordion .chara-info .inner.chara5 .tokugi-txt{
	top:58px;
	left:115px;
}
#chara .accordion .chara-info .inner.chara6 .tokugi-txt{
	top:43px;
	left:94px;
}
#chara .accordion .chara-info .inner.chara7 .tokugi-txt{
	top:48px;
	left:128px;
}
#chara .accordion .chara-info .inner.chara8 .tokugi-txt{
	top:58px;
	left:100px;
}
#chara .accordion .chara-info .inner.chara9 .tokugi-txt{
	top:58px;
	left:120px;
}
#chara .accordion .chara-info .inner.chara10 .tokugi-txt{
	top:50px;
	left:95px;
}
#chara .accordion .chara-info .inner .capter{
	padding:10px 0;
	text-align:center;
	clear:both;
}
#chara .accordion .chara-info .inner .fukidashi{
	text-align:center;
}
#chara .accordion .chara-info .inner .amiibo-button{
	font-size:0;
	text-align:center;
}
#chara .accordion .chara-info .inner .amiibo-button li{
	display:inline-block;
	padding:4px 2px 0;
}

/*
OTHER
*/
#chara .others{
	width:303px;
	height:224px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	background:url(../images/chara_others_bg.png) 0 0 no-repeat;
	background-size:contain;
}
#chara .others p.ttl{
	margin-bottom:10px;
}

.chara_txt{
	text-align:center;
	padding:10px 0 0;
}
.set1 .note{
	line-height: 1.5em;
}