@charset "UTF-8";
/* .contents */
.contents{
	background:url(../images/contents_bg.jpg), -webkit-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.jpg), -moz-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.jpg), -o-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.jpg), -ms-linear-gradient(top, #8cd9f3 0%, #51aac9 70%);
	background:url(../images/contents_bg.jpg), linear-gradient(to bottom, #8cd9f3 0%, #51aac9 70%);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-top:15px;
}
.contents #title,
.contents .main{
	width:960px;
	margin:0 auto;
}
.contents #title{
	overflow:hidden;
	margin-bottom:10px;
}
.contents #title h1{
	float:left;
}
.contents .nav{
	float:left;
	padding-top:45px;
	padding-left:20px;
	overflow:hidden;
}
.contents .nav li{
	display:inline-block;
	margin-left:10px;
}
.contents .nav li a{
	display:block;
	width:255px;
	height:99px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.contents .nav li.game a{
	background:url(../images/nav_btn_l.png) 0 0 no-repeat;
}
.contents .nav li.game a:hover,
.contents .nav li.game.selected a{
	background:url(../images/nav_btn_l_on.png) 0 0 no-repeat;
}
.contents .nav li.chara a{
	background:url(../images/nav_btn_r.png) 0 0 no-repeat;
}
.contents .nav li.chara a:hover,
.contents .nav li.chara.selected a{
	background:url(../images/nav_btn_r_on.png) 0 0 no-repeat;
}

/* PAGE TOP */
.page-top{
	height:239px;
	width:500px;
	margin:55px auto 0;
	background:url(../images/illust.png) 0 0 no-repeat;
	margin-bottom:-10px;
	padding:115px 0 0 170px;
	position:relative;
}
.page-top a{
	display:block;
}



/*===========================================
 #game
========================================== */
/*set1*/
#game .set1{
	width:960px;
	margin:0 auto 44px;
	text-align:center;
	background:url(../game/images/set1_bg.png) center 0 no-repeat;
}
#game .set1 .ttl{
	padding-top:30px;
	margin-bottom:12px;
}
#game .set1 .img{
	text-align:left;
	margin-left:2px;
	margin-bottom:6px;
}
#game .set1 .txt{
	margin-bottom:30px;
}
#game .set1 .chara{
	margin-bottom:30px;
}

/*set2*/
#game .set2{
	width:960px;
	height:1102px;
	margin:0 auto 44px;
	padding:0 3px;
	text-align:center;
	background:url(../game/images/set2_bg.png) center 0 no-repeat;
}
#game .set2 .ttl{
	padding:70px 0 32px;
}
#game .set2 .img{
	text-align:right;
	margin-bottom:-6px;
}
#game .set2 .caps{
	overflow:hidden;
	font-size:0;
}
#game .set2 li.ca{
	position:relative;
	margin:0 10px;
	display:inline-block;
	font-size:13px;
}
#game .set2 li .caTop{
	position: absolute;
  top: 90px;
  left: 10px;
}

#game .set2 .txt{
	padding:8px 0;
}
#game .set2 .shikake{
	margin:0 auto;
	padding:15px 0 20px;
	text-align:left;
	font-size:0;
	overflow:hidden;
}
#game .set2 .shikake li{
	display:inline-block;
	font-size:13px;
}
#game .set2 .shikake li.img{
	margin-right:-33px;
	position:relative;
}
#game .set2 .shikake li.ca{
	margin:0 0 0 20px;
}


/*set3*/
#game .set3{
	width:960px;
	height:2346px;
	margin:0 auto 20px;
	padding:0 2px;
	text-align:center;
	background:url(../game/images/set3_bg.png) center 0 no-repeat;
}
#game .set3 .ttl{
	padding:32px 0 26px;
}
#game .set3 .tatoe{
	height:480px;
	text-align:left;
}
#game .set3 .tatoe .tatoe-ttl{
	padding:15px 0 15px 160px;
}
#game .set3 .tatoe .tatoe1{
	padding-left:133px;
	margin-bottom:-102px;
}
#game .set3 .tatoe .tatoe2{
	padding-left:40px;
	margin-bottom:24px;
}
#game .set3 .tatoe .link a{
	display:block;
	width:530px;
	height:92px;
	background:url(../game/images/set3_btn.png) 0 0 no-repeat;
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#game .set3 .tatoe .link a:hover{
	background:url(../game/images/set3_btn_on.png) 0 0 no-repeat;
}
#game .set3 .stage{
	height:296px;
}
#game .set3 .ttl2{
	padding:30px 0 24px;
}
#game .set3 .stage2{
	height:936px;
}
#game .set3 .stage2 .img{
	border-top:solid 2px #090204;
}
#game .set3 .stage2 .fukidashi{
	padding-top:10px;
}
#game .set3 .stage3 .badge{
	margin:0 30px -76px 17px;
	float:left;
	position:relative;
	z-index:999;
}
#game .set3 .stage3 .txt2{
	text-align:left;
	padding-top:80px;
}



/*===========================================
 #chara
========================================== */
#chara .accordion{
	width:957px;
	border-left:solid 4px #000;
	border-right:solid 4px #000;
	margin:45px auto 100px;
	position:relative;
}
#chara .accordion:before{
	content:"";
	display:block;
	width:960px;
	height:45px;
	background-image:url(../chara/images/parts.png);
	position:absolute;
	left:-4px;
	top:-35px;
}
#chara .accordion:after{
	content:"";
	display:block;
	width:960px;
	height:45px;
	background-image:url(../chara/images/parts.png);
	background-size:cover;
	position:absolute;
	left:-4px;
	bottom:-35px;
}
#chara .accordion .chara-ttl{
	height:88px;
	background:url(../chara/images/accordion_btn.png);
	text-align:center;
	border-bottom:solid 3px #000;
}
#chara .accordion .chara-ttl a{
	width:100%;
	height:88px;
	display:block;
	background:url(../chara/images/accordion_open.png) 888px center no-repeat;
	padding-top:20px;
}
#chara .accordion .chara-ttl.active a{
	background-image:url(../chara/images/accordion_close.png);
}

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

#chara .accordion .chara-info .inner .chara-img{
	float:left;
}
#chara .accordion .chara-info .inner.chara1 .chara-img{
	padding-left:30px;
	padding-top:28px;
}
#chara .accordion .chara-info .inner.chara2 .chara-img{
	padding-left:24px;
	padding-top:34px;
}
#chara .accordion .chara-info .inner.chara3 .chara-img{
	padding-left:70px;
	padding-top:22px;
}
#chara .accordion .chara-info .inner.chara4 .chara-img{
	padding-left:41px;
	padding-top:32px;
}
#chara .accordion .chara-info .inner.chara5 .chara-img{
	padding-left:33px;
	padding-top:25px;
}
#chara .accordion .chara-info .inner.chara6 .chara-img{
	padding-left:20px;
	padding-top:35px;
}
#chara .accordion .chara-info .inner.chara7 .chara-img{
	padding-left:10px;
	padding-top:47px;
}
#chara .accordion .chara-info .inner.chara8 .chara-img{
	padding-left:60px;
	padding-top:26px;
}
#chara .accordion .chara-info .inner.chara9 .chara-img{
	padding-left:66px;
	padding-top:15px;
}
#chara .accordion .chara-info .inner.chara10 .chara-img{
	padding-left:63px;
	padding-top:23px;
}
#chara .accordion .chara-info .inner .tokugi-ttl{
	position:absolute;
}
#chara .accordion .chara-info .inner.chara1 .tokugi-ttl{
	top: 50px;
	left: 205px;
}
#chara .accordion .chara-info .inner.chara2 .tokugi-ttl{
	top: 20px;
	left: 200px;
}
#chara .accordion .chara-info .inner.chara3 .tokugi-ttl{
	top: 34px;
	left: 220px;
}
#chara .accordion .chara-info .inner.chara4 .tokugi-ttl{
	top: 30px;
	left: 200px;
}
#chara .accordion .chara-info .inner.chara5 .tokugi-ttl{
	top: 38px;
	left: 274px;
}
#chara .accordion .chara-info .inner.chara6 .tokugi-ttl{
	top: 25px;
	left: 197px;
}
#chara .accordion .chara-info .inner.chara7 .tokugi-ttl{
	top: 20px;
	left: 200px;
}
#chara .accordion .chara-info .inner.chara8 .tokugi-ttl{
	top: 30px;
	left: 206px;
}
#chara .accordion .chara-info .inner.chara9 .tokugi-ttl{
	top: 50px;
	left: 285px;
}
#chara .accordion .chara-info .inner.chara10 .tokugi-ttl{
	top: 25px;
	left: 246px;
}

#chara .accordion .chara-info .inner .tokugi-txt{
	position:absolute;
}
#chara .accordion .chara-info .inner.chara1 .tokugi-txt{
	top: 103px;
	left: 205px;
}
#chara .accordion .chara-info .inner.chara2 .tokugi-txt{
	top: 70px;
	left: 200px;
}
#chara .accordion .chara-info .inner.chara3 .tokugi-txt{
	top: 90px;
	left: 256px;
}
#chara .accordion .chara-info .inner.chara4 .tokugi-txt{
	top: 90px;
	left: 200px;
}
#chara .accordion .chara-info .inner.chara5 .tokugi-txt{
	top: 90px;
	left: 258px;
}
#chara .accordion .chara-info .inner.chara6 .tokugi-txt{
	top: 80px;
	left: 160px;
}
#chara .accordion .chara-info .inner.chara7 .tokugi-txt{
	top: 75px;
	left: 215px;
}
#chara .accordion .chara-info .inner.chara8 .tokugi-txt{
	top: 90px;
	left: 230px;
}
#chara .accordion .chara-info .inner.chara9 .tokugi-txt{
	top: 100px;
	left: 283px;
}
#chara .accordion .chara-info .inner.chara10 .tokugi-txt{
	top: 75px;
	left: 222px;
}
#chara .accordion .chara-info .inner .capture{
	float:right;
	padding:16px 20px 10px 0;
	text-align:center;
}
#chara .accordion .chara-info .inner .fukidashi{
	text-align:center;
	clear:both;
}
#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 5px 0;
}

/*
OTHERS
*/
#chara .others{
	width:606px;
	height:447px;
	margin:0 auto 40px;
	padding-top:20px;
	text-align:center;
	background:url(../chara/images/others_bg.png) 0 0 no-repeat;
	background-size:contain;
}
#chara .others p.ttl{
	margin-bottom:10px;
}
#chara .chara_txt{
	margin-bottom:100px;
	text-align:center;
}