@charset "UTF-8";

#ncommon-purchase.is-right-middle {
	bottom: 5px;
	margin-top: -30px;
	right: 5px;
}


html:not(.no-js) .p-top-jump-animation {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(90px);
	transform: translateY(90px);
}
html:not(.no-js) .is-animation .p-top-jump-animation {
	transition:
		opacity 200ms linear,
		visibility 200ms linear,
		-webkit-transform 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275),
		transform 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* ========================================
	contents
======================================== */
.p-top-visual {
  position: relative;
  height: 1150px;
  width: 100%;
}

.p-top-visual_img,
.p-top-visual_paperarea,
.p-top-visual_btnarea {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 910px;
  min-width: 1500px;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.p-top-visual_btnarea {
	z-index: 1;
}

.p-top-visual_left {
  position: absolute;
  left: -40px;
  top: 0;
}

.p-top-visual_left01 {
  position: absolute;
  left: 248px;
  top: 140px;
}
.p-top-visual_left02 {
  position: absolute;
  left: 100px;
  top: 286px;
}
.p-top-visual_left03{
  position: absolute;
  left: -6px;
  top: 151px;
}
.p-top-visual_left04 {
  position: absolute;
  left: -5px;
  top: 412px;
}
.p-top-visual_left05 {
  position: absolute;
  left: 17px;
  top: 0;
}
.p-top-visual_left06 {
  position: absolute;
  left: -8px;
  top: 544px;
}
.p-top-visual_left07 {
  position: absolute;
  left: 282px;
  top: 601px;
}
.p-top-visual_left08 {
  position: absolute;
  left: 448px;
  top: 620px;
}
.p-top-visual_left09 {
  position: absolute;
  left: 0;
  top: 0;
}

.p-top-visual_right {
  position: absolute;
  right: -24px;
  top: 0;
  width: 494px;
}
.p-top-visual_right01 {
  position: absolute;
  left: 311px;
  top: 302px;
}
.p-top-visual_right02 {
  position: absolute;
  left: 226px;
  top: 189px;
}
.p-top-visual_right03 {
  position: absolute;
  left: 322px;
  top: 46px;
}
.p-top-visual_right04 {
  position: absolute;
  left: 60px;
  top: 411px;
}
.p-top-visual_right05 {
  position: absolute;
  left: 239px;
  top: 408px;
}
.p-top-visual_right06 {
  position: absolute;
  left: 273px;
  top: 611px;
}
.p-top-visual_right07 {
  position: absolute;
  left: 105px;
  top: 603px;
}
.p-top-visual_right08 {
  position: absolute;
  left: 264px;
  top: 66px;
}
.p-top-visual_right09 {
  position: absolute;
  left: 2px;
  top: 664px;
}
.p-top-visual_right10 {
  position: absolute;
  left: 77px;
  top: 737px;
}
.p-top-visual_right11 {
  position: absolute;
  left: 416px;
  top: 522px;
}

.p-top-visual01-paper {
  position: absolute;
  right: 252px;
  top: 116px;
	transition: 300ms;
}
.p-top-visual02-paper {
  position: absolute;
  left: 315px;
  top: 374px;
	transition: 300ms;
}
.p-top-visual02-paper_img03 {
  position: absolute;
  left: 0;
  top: 280px;
}

.p-top-visual01_logo {
  position: absolute;
  left: 50%;
  top: 59px;
  -webkit-transform: translateX(-352px);
  -ms-transform: translateX(-352px);
  transform: translateX(-352px);
}

.p-top-visual01-btn {
  position: absolute;
  right: 590px;
  top: 116px;
	transition: 300ms ease-out;
}
html:not(.no-js) .p-top-visual01-btn {
	cursor: pointer;
}

.p-top-visual01-btn_img01 {
  position: absolute;
  left: 117px;
  top: -19px;
  -webkit-animation: charastep 400ms infinite;
  animation: charastep 400ms infinite;
}
.p-top-visual01-btn_img01 img {
  -webkit-animation: charajump1 8000ms infinite;
  animation: charajump1 8000ms infinite;
}

.p-top-visual01-btn_img02 {
  position: absolute;
  left: 8px;
  top: -98px;
  -webkit-animation: arrowpop 500ms infinite;
  animation: arrowpop 500ms infinite;
}

.p-top-visual01-btn_img03 {
  position: absolute;
  left: 66px;
  top: 166px;
  -webkit-animation: charadust 8000ms infinite;
  animation: charadust 8000ms infinite;
}

.p-top-visual02_logo {
  position: absolute;
  left: 50%;
  top: 28px;
  -webkit-transform: translateX(-246px);
  -ms-transform: translateX(-246px);
  transform: translateX(-246px);
  z-index: 1;
}

.p-top-visual02_copy {
  position: absolute;
  left: 50%;
  top: 67px;
  -webkit-transform: translateX(211px);
  -ms-transform: translateX(211px);
  transform: translateX(211px);
}

.p-top-visual02-btn {
  position: absolute;
  left: 315px;
  top: 94px;
	cursor: pointer;
	transition: 300ms ease-out;
}

.p-top-visual02-btn_img01 {
  position: absolute;
  left: 69px;
  top: 107px;
  -webkit-animation: charastep 400ms infinite;
  animation: charastep 400ms infinite;
}
.p-top-visual02-btn_img01 img {
  -webkit-animation: charajump2 8000ms infinite;
  animation: charajump2 8000ms infinite;
}

.p-top-visual02-btn_img02 {
  position: absolute;
  left: 132px;
  top: 0;
  -webkit-animation: arrowpop 500ms infinite;
  animation: arrowpop 500ms infinite;
}

/* ========================================
	p-top-visual animation
======================================== */
@-webkit-keyframes arrowpop {
	0% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}
	50% {
		-webkit-transform: scale(1.04) translateY(-2px);
		transform: scale(1.04) translateY(-2px);
	}
	100% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}
}
@keyframes arrowpop {
	0% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}
	50% {
		-webkit-transform: scale(1.04) translateY(-2px);
		transform: scale(1.04) translateY(-2px);
	}
	100% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}
}
@-webkit-keyframes charastep {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes charastep {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@-webkit-keyframes charajump1 {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	21% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	23% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	25% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	29% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	31% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	33% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	35% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	37% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	71% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	73% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	75% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	77% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	79% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes charajump1 {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	21% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	23% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	25% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	29% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	31% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	33% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	35% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	37% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	71% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	73% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	75% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	77% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	79% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@-webkit-keyframes charadust {
	0% {		opacity: 1;	}
	21% {		opacity: 1;	}
	22% {		opacity: 0;	}
	24% {		opacity: 0;	}
	25% {		opacity: 1;	}
	29% {		opacity: 1;	}
	30% {		opacity: 0;	}
	36% {		opacity: 0;	}
	37% {		opacity: 1;	}
	71% {		opacity: 1;	}
	72% {		opacity: 0;	}
	78% {		opacity: 0;	}
	79% {		opacity: 1;	}
	100% {	opacity: 1;	}
}
@keyframes charadust {
	0% {		opacity: 1;	}
	21% {		opacity: 1;	}
	22% {		opacity: 0;	}
	24% {		opacity: 0;	}
	25% {		opacity: 1;	}
	29% {		opacity: 1;	}
	30% {		opacity: 0;	}
	36% {		opacity: 0;	}
	37% {		opacity: 1;	}
	71% {		opacity: 1;	}
	72% {		opacity: 0;	}
	78% {		opacity: 0;	}
	79% {		opacity: 1;	}
	100% {	opacity: 1;	}
}
@-webkit-keyframes charajump2 {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	45% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	47% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	49% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	51% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	53% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	83% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	85% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	87% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	89% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	91% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes charajump2 {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	45% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	47% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	49% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	51% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	53% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	83% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	85% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	87% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	89% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		animation-timing-function: ease-in;
	}
	91% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@-webkit-keyframes edgejump {
}
@keyframes edgejump {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
		animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.is-type01 .p-top-visual01_logo img {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	transition:
		opacity 100ms 200ms,
		-webkit-transform 400ms 200ms,
		transform 400ms 200ms;
}
.is-type01 .p-top-visual02_logo img {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	transition:
		opacity 100ms 200ms,
		-webkit-transform 300ms,
		transform 300ms;
}
.is-type01 .p-top-visual02_copy {
	opacity: 0;
	transition: 300ms;
}
.is-type01 .p-top-visual01-paper {
	transition-delay: 400ms;
	opacity: 1;
}
.is-type01 .p-top-visual02-paper {
	opacity: 0;
}
.is-type01 .p-top-visual01-btn {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	transition-delay: 350ms;
}
.is-type01 .p-top-visual02-btn {
	-webkit-transform: translate(-150px, 750px);
	transform: translate(-150px, 750px);
}
.is-type02 .p-top-visual01_logo img {
	opacity: 0;
	-webkit-transform:rotateY(90deg);
	transform:rotateY(90deg);
	transition:
		opacity 100ms 200ms,
		-webkit-transform 400ms,
		transform 400ms;
}
.is-type02 .p-top-visual02_logo img {
	opacity: 1;
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
	transition:
		opacity 100ms 200ms,
		-webkit-transform 300ms 200ms,
		transform 300ms 200ms;
}
.is-type02 .p-top-visual02_copy {
	transition: 400ms 400ms;
}
.is-type02 .p-top-visual01-paper {
	opacity: 0;
}
.is-type02 .p-top-visual02-paper {
	transition-delay: 400ms;
	opacity: 1;
}
.is-type02 .p-top-visual01-btn {
	-webkit-transform: translateX(600px);
	transform: translateX(600px);
}
.is-type02 .p-top-visual02-btn {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	transition-delay: 400ms;
}
.is-type02-sliding .p-top-visual_edgejumpR1 {
	-webkit-animation: edgejump 300ms 3;
	animation: edgejump 300ms 3;
}
.is-type01-sliding .p-top-visual_edgejumpL1 {
	-webkit-animation: edgejump 300ms 3;
	animation: edgejump 300ms 3;
}
.is-type02-sliding .p-top-visual_right02,
.is-type02-sliding .p-top-visual_right05,
.is-type01-sliding .p-top-visual_left02,
.is-type01-sliding .p-top-visual_left05,
.is-type01-sliding .p-top-visual_left08 {
	-webkit-animation-delay: 50ms;
	animation-delay: 50ms;
}
.is-type02-sliding .p-top-visual_right03,
.is-type02-sliding .p-top-visual_right06,
.is-type01-sliding .p-top-visual_left03,
.is-type01-sliding .p-top-visual_left06 {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}

.p-top-info {
  position: absolute;
  top: 810px;
	z-index: 2;
  width: 100%;
  height: 340px;
}

.is-type01 .p-top-info {
  background: url(../images/top/visual01_bg.png) center top repeat;
}

.is-type02 .p-top-info {
  background: url(../images/top/visual02_bg.png) center top repeat;
}

.p-top-info_chara01 {
  position: absolute;
  right: 50%;
  top: 46px;
  -webkit-transform: translateX(-585px);
  -ms-transform: translateX(-585px);
  transform: translateX(-585px);
}

.p-top-info_chara02 {
  position: absolute;
  left: 50%;
  top: 23px;
  -webkit-transform: translateX(561px);
  -ms-transform: translateX(561px);
  transform: translateX(561px);
}

.p-top-movie {
  position: absolute;
  right: 50%;
  top: 36px;
  margin-right: 183px;
}
.p-top-movie:after {
	content: '';
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84px;
	height: 84px;
	margin: -33px 0 0 -42px;
	background: url(../images/top/movie_play.png) center center no-repeat;
}
.p-top-movie_thumb {
	position: absolute;
	top: 40px;
	left: 13px;
}
.p-top-movie_updateicon {
	position: absolute;
	bottom: -19px;
	left: -34px;
	z-index: 10;
}
body:not(.is-tablet) .p-top-movie:hover {
  -webkit-animation: bounce 150ms ease-out;
  animation: bounce 150ms ease-out;
}

.p-top-movie_modal-body {
	width: 680px;
	margin: 20px auto;
}
.p-top-movie_modal-ttl {
	/*margin-bottom: -29px;*/
	text-align: center;
}
.p-top-movie_modal-subttl {
	height: 80px;
	margin-bottom: -6px;
	text-align: center;
}
.p-top-movie_modal-frame {
	width: 679px;
	height: 455px;
	box-sizing: border-box;
	padding: 40px 24px;
	background: url(../images/top/modal_movie_bg.png) center center no-repeat;
}
.p-top-movie_modal-frame iframe {
	width: 100%;
	height: 100%;
}
.p-top-movie_modal-thumbs {
	width: 930px;
	margin-left: -125px;
	padding-top: 48px;
}
.p-top-movie_modal-thumbs:after {
	content: '';
	display: block;
	clear: both;
}
.p-top-modalthumb {
	position: relative;
	float: left;
	width: 158px;
	margin: 0 14px;
	cursor: pointer;
	transition: 200ms;
}
.p-top-modalthumb:hover,
.p-top-modalthumb.is-current {
	-webkit-transform: translateY(-14px);
	transform: translateY(-14px);
}
.p-top-modalthumb_newicon {
	position: absolute;
	top: -21px;
	right: -22px;
	z-index: 2;
}
.p-top-modalthumb_img {
	position: relative;
	margin-bottom: 13px;
	border: #ffffff 4px solid;
}
.p-top-modalthumb:hover .p-top-modalthumb_img,
.p-top-modalthumb.is-current .p-top-modalthumb_img {
	border-color: #ffff20;
}
.p-top-modalthumb_img:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 24px;
	margin: -12px 0 0 -17px;
	background: url(../images/top/icon_player.png) center center no-repeat;
}
.p-top-modalthumb_ttl {
	text-align: center;
}

.p-top-spec {
  position: absolute;
  left: 50%;
  top: 56px;
  width: 464px;
  height: 253px;
  -webkit-transform: translateX(-159px);
  -ms-transform: translateX(-159px);
  transform: translateX(-159px);
  background: url(../images/top/spec_bg.png) center top no-repeat;
}

.p-top-spec_package {
  position: absolute;
  left: 28px;
  top: 36px;
}

.p-top-spec_ico {
  position: absolute;
  left: 186px;
  top: 41px;
}

.p-top-spec_amiibo {
  position: absolute;
  left: 235px;
  top: 41px;
}

.p-top-spec_cero {
  position: absolute;
  left: 283px;
  top: 41px;
}

.p-top-spec_release {
  position: absolute;
  left: 186px;
  top: 97px;
}

.p-top-spec_format {
  position: absolute;
  left: 29px;
  top: 180px;
}

.p-top-spec_detail {
  position: absolute;
  left: 272px;
  top: 180px;
}
.p-top-check {
  position: absolute;
  left: 50%;
  top: 29px;
  width: 213px;
  height: 280px;
  margin-left:329px;
}
.p-top-check_updateicon {
	position: absolute;
	top: -4px;
	right: -20px;
	z-index: 10;
}
body:not(.is-tablet) .p-top-check:hover {
	-webkit-animation: bounce 150ms ease-out;
	animation: bounce 150ms ease-out;
}

.p-top-story {
  position: relative;
  height: 820px;
  padding-top: 55px;
  text-align: center;
  background: #13113a url(../images/top/story_bg.jpg) center top no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html:not(.no-js) .p-top-story_text01,
html:not(.no-js) .p-top-story_text02,
html:not(.no-js) .p-top-story_text03 {
	opacity: 0;
}
html:not(.no-js) .is-animation .p-top-story_text01,
html:not(.no-js) .is-animation .p-top-story_text02,
html:not(.no-js) .is-animation .p-top-story_text03 {
	opacity: 1;
	transition: opacity 500ms;
}
html:not(.no-js) .is-animation .p-top-story_text02 {
	transition-delay: 600ms;
}
html:not(.no-js) .is-animation .p-top-story_text03 {
	transition-delay: 1200ms;
}

.p-top-links {
  height: 883px;
  margin-bottom: 40px;
}

.p-top-adventure {
  position: absolute;
  left: -95px;
  top: 43px;
}

.p-top-adventure_arrow {
  position: absolute;
  left: 36px;
  top: 247px;
	-webkit-animation: adventurearrow 1000ms linear infinite;
	animation: adventurearrow 1000ms linear infinite;
}
@-webkit-keyframes adventurearrow {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
	80% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes adventurearrow {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
	80% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.p-top-adventure_chara01 {
  position: absolute;
  left: 176px;
  top: 252px;
}

.p-top-adventure_chara02 {
  position: absolute;
  left: 369px;
  top: 193px;
}

.p-top-adventure_chara01 img,
.p-top-adventure_chara02 img {
	transition: 200ms;
}
body:not(.is-tablet) a:hover .p-top-adventure_chara01 img,
body:not(.is-tablet) a:hover .p-top-adventure_chara02 img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

html:not(.no-js) .is-animation .p-top-adventure_chara02 {
	transition-delay: 200ms;
}

.p-top-koopa {
  position: absolute;
  left: 488px;
  top: 51px;
}

.p-top-koopa_arrow {
  position: absolute;
  left: 401px;
  top: 108px;
	-webkit-animation: koopaarrow 1000ms linear infinite;
	animation: koopaarrow 1000ms linear infinite;
}
@-webkit-keyframes koopaarrow {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	80% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes koopaarrow {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	80% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.p-top-koopa_chara01 {
  position: absolute;
  left: 52px;
  top: 350px;
}

.p-top-koopa_chara02 {
  position: absolute;
  left: 185px;
  top: 281px;
}

.p-top-koopa_chara03 {
  position: absolute;
  left: 146px;
  top: 386px;
}

.p-top-koopa_chara04 {
  position: absolute;
  left: 205px;
  top: 380px;
}

.p-top-koopa_chara05 {
  position: absolute;
  left: 276px;
  top: 378px;
}

.p-top-koopa_chara06 {
  position: absolute;
  left: 350px;
  top: 316px;
}

.p-top-koopa_chara07 {
  position: absolute;
  left: 421px;
  top: 306px;
}

.p-top-koopa_chara01 img,
.p-top-koopa_chara02 img,
.p-top-koopa_chara03 img,
.p-top-koopa_chara04 img,
.p-top-koopa_chara05 img,
.p-top-koopa_chara06 img,
.p-top-koopa_chara07 img {
	transition: 200ms;
}
body:not(.is-tablet) a:hover .p-top-koopa_chara01 img,
body:not(.is-tablet) a:hover .p-top-koopa_chara02 img,
body:not(.is-tablet) a:hover .p-top-koopa_chara03 img,
body:not(.is-tablet) a:hover .p-top-koopa_chara04 img,
body:not(.is-tablet) a:hover .p-top-koopa_chara05 img,
body:not(.is-tablet) a:hover .p-top-koopa_chara06 img,
body:not(.is-tablet) a:hover .p-top-koopa_chara07 img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

html:not(.no-js) .is-animation .p-top-koopa_chara01 {
	transition-delay: 400ms;
}
html:not(.no-js) .is-animation .p-top-koopa_chara02 {
	transition-delay: 500ms;
}
html:not(.no-js) .is-animation .p-top-koopa_chara03 {
	transition-delay: 600ms;
}
html:not(.no-js) .is-animation .p-top-koopa_chara04 {
	transition-delay: 700ms;
}
html:not(.no-js) .is-animation .p-top-koopa_chara05 {
	transition-delay: 800ms;
}
html:not(.no-js) .is-animation .p-top-koopa_chara06 {
	transition-delay: 900ms;
}
html:not(.no-js) .is-animation .p-top-koopa_chara07 {
	transition-delay: 1000ms;
}

.p-top-amiibo {
  position: absolute;
  left: 10px;
  bottom: 0;
}

body:not(.is-tablet) .p-top-amiibo a:hover img {
  -webkit-animation: bounce 150ms ease-out;
  animation: bounce 150ms ease-out;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* ========================================
	top-footer
======================================== */
.top-footer_official {
  padding-left: 20px;
  text-align: left;
}

.top_copyright {
  position: absolute;
  top: 18px;
  right: 103px;
}

.top-sns {
  position: absolute;
  top: 9px;
  right: 20px;
}

.top-sns_twitter {
  float: left;
  margin-right: 6px;
}

.top-sns_facebook {
  float: left;
}