/* CSS Document */

/*reset*/

body {
	margin: 0;
	padding: 0;
	color: #222222;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 0.05em;
}
body , input ,select {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input {
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1em;
}
p {
	margin: 0;
	padding: 0;
}
a {
	color: #124e1e;
	text-decoration: none;
	outline: none !important;
}
a:hover {
	text-decoration: underline;
	outline: none !important;
}
a:hover, img[onclick]:hover {
	outline: none !important;
}
button:hover, input:hover, select:hover, textarea:hover {
	outline: none !important;
}
input[type="file"]:hover {
	outline: none !important;
}

strong {
	font-weight: bold;
}
em {
	font-style: normal;
	font-weight: normal;
}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
}
ul, ol, dl {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol {
	list-style-type: decimal;
}
li, dt, dd {
	margin: 0;
	padding: 0;
}
table {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
form {
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
legend {
	display: none;
}
hr {
	clear: both;
	border: 0;
    border-bottom: 1px dotted #ccc;
    background: none;
		margin-bottom: 20px;
}
ol li {
	zoom: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
th,td{padding:0;}

/*common*/

.clearfix:after ,
.contentbox .content:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.clearfix ,
.contentbox .content {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix ,
* html .contentbox .content {
	height: 1%;
}
.clearfix ,
.contentbox .content {
	display: block;
}
/* End hide from IE-mac */

#wrapper {
	margin: 0 auto;
}
.bg {
	background: url(../images/bg.jpg) repeat-x top center;
}
.home .bg {
	background: url(../images/home-bg.jpg) no-repeat top center;
}

.home .bg2 {
	height: 100%;
	position: relative;
	background: url(../images/home-bg2.jpg) repeat top center;
}
body {
	background: url(../images/bg2.jpg) repeat top center;
}

.cloud {
	background: url(../images/bg-top.png) no-repeat top center;
	
}
.footerbg {
	background: url(../images/bg-bottom.png) no-repeat bottom center;
}
.coopbg {
	background: url(../images/gameplay-bg.png) no-repeat center 2850px;
	
}



.home #wrapper {
	height: 1490px;
}





/*
body.story #wrapper {
	background: url(../images/bg.jpg) repeat-x top center;
}
body.action {
	background: url(../images/action-bg.jpg) no-repeat top center;
}
body.action #wrapper {
	background: url(../images/action-bg.jpg) no-repeat top center;
	height: 3392px;
}

body.action {
	background: url(../images/action-bg.jpg) no-repeat top center;
}
body.action #wrapper {
	background: url(../images/action-bg.jpg) no-repeat top center;
	height: 3800px;
}

body.gameplay {
	background: url(../images/gameplay-bg.jpg) no-repeat top center;
}
body.gameplay #wrapper {
	background: url(../images/gameplay-bg.jpg) no-repeat top center;
	height: 5000px;
}
body.amiibo {
	background: url(../images/amiibo-bg.jpg) no-repeat top center;
}
body.amiibo #wrapper {
	background: url(../images/amiibo-bg.jpg) no-repeat top center;
	height: 3574px;
}*/

/*カンプ*/

/*body.home {
	background: url(../images/01-home.jpg) no-repeat top center;
	height: 1540px;
}
body.story {
	background: url(../images/02-story.jpg) no-repeat top center;
	height: 3392px;
}

body.action {
	background: url(../images/03-action.jpg) no-repeat top center;
	height: 3800px;
}
body.gameplay {
	background: url(../images/04-gameplay.jpg) no-repeat top center;
	height: 5000px;
}
body.amiibo {
	background: url(../images/05-amiibo.jpg) no-repeat top center;
	height: 3574px;
}*/


#header {
	position: relative;
	z-index: 1;
	max-width: 960px;
	margin: 0 auto;
}
#header #header-logo {
	padding-top: 30px;
	margin-bottom: 50px;
}
#header #header-logo .nintendo {
	float: left;
}
#header #header-logo .wiiu {
	float: right;
}
#header #logo {
	clear: both;
	text-align: center;
	position: relative;
	margin-bottom: 25px;
}
#header #logo .sound {
	position: absolute;
	top: 35px;
	right: 36px;
	width: 36px;
	height: 36px;
	text-indent: -99999px;
	cursor: pointer;
	background: url(../images/sound.png) no-repeat;
}
#header #logo .sound.off {
	background-position: bottom;
}
#header #logo .sound_volume {
	position: absolute;
	top: 80px;
	right: 24px;
	width: 54px;
	height: 8px;
}
#header #logo .sound_volume a {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	width: 8px;
	height: 8px;
}
#header .sp {
	display: none;
}

.gnavi {
	background: url(../images/nav-bg.png) no-repeat;
	background-size: 100% auto;
	height: 85px;
	position: relative;
	max-width: 1030px;
	margin: 0 auto;
}
.gnavi.sp {
	display: none;
}
.gnavi > ul {
	display: table;
	width: 100%;
	overflow: hidden;
	table-layout: fixed;
}
.gnavi li {
	display: table-cell;
	position: relative;
}
.gnavi li .button {
	position: absolute;
	left: -15px;
	bottom: -14px;
}
.gnavi li#story .button {
	left: 15px;
}
.gnavi li a {
	display: block;
	width: 240px;
	height: 85px;
}
.gnavi li a img {
	margin: 32px 0 0 10px;
}
.gnavi li a span {
	display: block;
	width: 47px;
	height: 52px;
	float: left;
	margin: 25px 0 0 30px;
	position: relative;
}
.gnavi li#story a span {
	background: url(../images/nav-icons01.png) no-repeat 0 0;
	margin: 20px 0 0 58px;
}
.gnavi li#action a span {
	background: url(../images/nav-icons02.png) no-repeat 0 0;
	margin: 22px 0 0 40px;
}
.gnavi li#gameplay a span {
	background: url(../images/nav-icons03.png) no-repeat 0 0;
	margin: 22px 0 0 25px;
	position: relative;
}
.gnavi li#amiibo a span {
	background: url(../images/nav-icons04.png) no-repeat 0 0;
	margin: 22px 0 0 40px;
}
.gnavi li a:hover , .gnavi li.on a {
	background: url(../images/nav-active.png) no-repeat 90% 78%;
}
.gnavi li#action a {
	background-position: 75% 78%;
}
.gnavi li#gameplay a {
	background-position: 70% 78%;
}
.gnavi li#amiibo a {
	background-position: 65% 78%;
}
.gnavi li .new-navi-icon{
	display: block;
	background: url(../images/new.png) no-repeat 0 14px;
}

#footer .pagetop {
	text-align: right;
	margin-bottom: 120px;
	margin-right: 25px;
}
#footer .pagetop a {
	position: relative;
}
#footer .pagetop a img {
	position: relative;
}
#footer , #footerhome {
	text-align: center;
	clear: both;
	padding-bottom: 10px;
}
#footer {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 45px;
	padding-top: 300px;
	position: relative;
}
.story #footer {
	padding-top: 175px;
}
.gameplay #footer {
	padding-top: 220px;
}
.amiibo #footer {
	padding-top: 260px;
}
#footer .chara {
	position: absolute;
	bottom: 350px;
	right: 100px;
}
.gameplay #footer .chara {
	right: 150px;
}
#footer p , #footerhome p {
	margin-bottom: 10px;
}
#footer .logomin {
	margin-bottom: 35px;
}
.contents {
	z-index: 0;
}
.home .contents {
	position: relative;
	overflow-x: hidden;
}
.home .monster1 {
	position: absolute;
	left: 52px;
	top: -47px;
}
.home .monster2 {
	position: absolute;
	left: -3px;
	top: 593px;
	z-index: 0;
}
.home .monster3 {
	position: absolute;
	left: 747px;
	top: 543px;
}
.home .yoshi {
	float: left;
	margin: 150px 0 0 230px;
}
.home .info {
	padding-top: 30px;
	width: 940px;
	margin: 0 auto 285px;
	height: 459px;
}
.home .info .movie {
	width: 300px;
	float: right;
	position: relative;
	margin: 5px 30px 25px 0;
}
.home .info .movie img {
	position: relative;
	z-index: 1;
}
.home .info .movie .musubi1 , .home .info .movie .musubi2 {
	position: absolute;
	z-index: 0;
}
.home .info .movie .musubi1 {
	top: -14px;
	left: 60px;
}
.home .info .movie .musubi2 {
	top: -15px;
	left: 200px;
}
.home .info .amiiboset {
	position:relative;
	width: 300px;
	float: right;
	clear: both;
	margin-right: 31px;
}
.home .info .amiiboset img {
	position: relative;
	z-index: 1;
}
.home .info .amiiboset .musubi1 {
	position: absolute;
	top: -15px;
	left: 58px;
	z-index: 0;
}
.home .info .amiiboset .line {
	position: absolute;
	top: 62px;
	right: -11px;
}

.home .info .gamecenter {
	position: relative;
	margin-left: 16px;
	width: 300px;
	float: left;
}
.home .info .gamecenter img {
	position: relative;
	z-index: 1;
}
.home .info .gamecenter .musubi1 , .home .info .gamecenter .musubi2 {
	position: absolute;
	z-index: 0;
}
.home .info .gamecenter .musubi1 {
	top: -14px;
	left: 60px;
}
.home .info .gamecenter .musubi2 {
	top: -15px;
	left: 200px;
}

.home .softinfo {
	clear: both;
	width: 935px;
	margin: 0 auto 22px;
	position: relative;
	right: -8px;
}
.home .softinfo.sp {
	display: none;
}
.home .softinfo.pc {
	display: block;
}
.home .softinfo #btn_topics{
	width: 650px;
    margin:0 auto;
	margin-bottom: 120px;
    height:78px;
    position:relative;
    background-image: url("../../common/images/home-topics2.png");
    background-repeat: no-repeat;
}
.home .softinfo #btn_topics a{
    display: block;
    color: #ffffff;
}
.home .softinfo #btn_topics p.txt1{
	font-size: 14px;
	font-weight: bold;
	margin-left: 45px;
	padding-top: 8px;
}
.home .softinfo #btn_topics p.txt2{
	font-size: 14px;
	font-weight: bold;
	margin-left: 45px;
	padding-top: 0;
}
.home .softinfo #btn_topics p::before{
	content: url("../../common/images/arrow.png");
	position: relative;
	top:10px;
	left: -17px;
}

/*.home .softinfo #btn_topics a:hover{
    top:-10px;
}*/
.home .softinfo .bnrhamanaka {
	float: left;
	margin: 0 0 17px 30px;
}
.home .softinfo .theme {
	float: right;
	margin: 75px 30px 0 0;
}
.home .softinfo .infomation {
	position: relative;
	clear: both;
}
.home .softinfo .infomation .btn01 , .home .softinfo .infomation .btn02 , .home .softinfo .infomation .btn03 , .home .softinfo .infomation .btn04 , .home .softinfo .infomation .btn05 {
	position: absolute;
	display: block;
	text-indent: -99999px;
	z-index: 100 !important;
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity = 0);
}
.home .softinfo .infomation img {
	z-index: 0 !important;
	position: relative;
}
.home .softinfo .infomation .btn01 {
	top: 26px;
	left: 193px;
	width: 40px;
	height: 50px;
}
.home .softinfo .infomation .btn02 {
	top: 87px;
	left: 133px;
	width: 50px;
	height: 50px;
}
.home .softinfo .infomation .btn03 {
	top: 86px;
	left: 194px;
	width: 40px;
	height: 50px;
}
.home .softinfo .infomation .btn04 {
	top: 27px;
	left: 716px;
	width: 175px;
	height: 90px;
}
.home .softinfo .infomation .btn05 {
	top: 125px;
	left: 769px;
	width: 121px;
	height: 21px;
}


.story .contents , 
.action .contents ,
.gameplay .contents ,
.amiibo .contents {
	width: 910px;
	margin: 0 auto;
	padding-top: 45px;
}
.contentbox .ttl {
	text-align: center;
	margin-bottom: 30px;
}
.contentbox .ttl.top {
	/*margin-top: -36px;*/
	position: relative;
	top: -36px;
	margin-bottom: 0;
}
.story .contents h2 ,
.action .contents h2 ,
.gameplay .contents h2 ,
.amiibo .contents h2 {
	margin-bottom: 40px;
}
.action .contentbox {
}
.action .default {
	margin-bottom: 30px;
	text-align: center;
}
.action .otheraction {
	margin-left: 45px;
}
.action .otheraction li {
	float: left;
	margin-right: 20px;
}
.action .otheraction li div {
	background: url(../images/action-other-bg.png);
	width: 260px;
	height: 191px;
	margin-bottom: 12px;
	position: relative;
}
.action .otheraction li div .play {
	position: absolute;
	top: 47px;
	left: 83px;
}
.action .otheraction li div img,
.action .otheraction li div iframe {
	margin: 15px 0 0 15px;
}
.action .otheraction li p {
	text-align: center;
	font-size: 15px;
	line-height: 1.6em;
}
.action .otheraction li p strong {
	font-size: 18px;
	color: #1b8f21;
}
.contentbox {
	margin-bottom: 46px;
	
}
.contentbox .content {
	position: relative;
	z-index: 1;
}
.contentbox .bottom {
	clear: both;
	z-index: 0;
	position: relative;
}
.story .contentbox .bottom {
	margin-top: -20px;
}
.action .contentbox .bottom {
	margin-top: -8px;
	
}
.contentbox .content {
	background: url(../images/bg-contentbox.png) 0 25px repeat-y;
	background-size: 100% auto;
	position: relative;
}
.story .contentbox .moviearea {
	position: relative;
	height: 414px;
	width: 885px;
	margin: -34px auto 0;
}
.story .contentbox .moviearea .cover {
	position: absolute;
	top: 0;
	left: 0;
}
.story .contentbox .moviearea .play {
	position: absolute;
	top: 140px;
	cursor: pointer;
	left: 400px;
}
.story .contentbox .moviearea .movie {
	position: absolute;
	top: 6px;
	left: 35px;
}
.story .contentbox .storyline {
	margin-left: 16px;
}


.story .couselist {
	margin-top: -20px;
	overflow: hidden;
}
.story .couselist.pc {
	display: block;
}
.story .couselist.sp {
	display: none;
}
.story .couselist ul {
	width: 980px;
}
.story .couselist li {
	background: url(../images/photo-frame.png) no-repeat;
	width: 290px;
	height: 201px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}
.story .couselist li .click {
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.story .couselist li img {
	margin: 16px 0 0 15px;
}


.action .transform {
	text-align: center;
	position: relative;
}
.action .transform .chara {
	position: absolute;
	top: -26px;
	right: 0;
	z-index: 0;
}
.action .transform .ttl {
	padding-top: 36px;
	padding-bottom: 65px;
}
.action .transform .ttl h2 {
	margin-bottom: 25px;
}
.action .transform .ttl p {
	font-size: 18px;
	line-height: 1.6em;
}
.action .transform ul {
	position: relative;
	z-index: 1;
	margin-left: 15px;
}
.action .transform li {
	width: 395px;
	float: left;
	margin-left: 30px;
	margin-bottom: 90px;
	background: url(../images/box-blue.png);
	height: 312px;
	position: relative;
}
.action .transform li h3 {
	margin-top: -30px;
	margin-bottom: 10px;
}
.action .transform li div {
	position: relative;
	width: 361px;
	height: 240px;
	margin: 0 auto;
}
.action .transform li div .play {
	position: absolute;
	top: 74px;
	left: 136px;
}
.action .transform li p {
	display: block;
	position: absolute;
	bottom: -25px;
	left: 12px;
	background: url(../images/action-transform-txt.png);
	width: 370px;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #004a96;
}
.action .transform li p strong {
	font-size: 20px;
}
.otheractionbnr {
	text-align: center;
	clear: both;
}
.gameplay .nav {
	text-align: center;
	margin-top: -25px;
	margin-bottom: 45px;
}
.gameplay .nav li {
	display: inline;
	position: relative;
}
.gameplay .powerbadge {
	background:url(../images/gameplay-otasuke-powerbadge-bg.png);
	width: 820px;
	height: 439px;
	margin: 0 auto 50px;
	padding-top: 30px;
}
.gameplay .powerbadge img {
	margin: 0 0 0 35px;
}
.gameplay .powerbadge p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.8em;
	padding-top: 20px;
	text-align: center;
}
.gameplay .powerbadge p strong , .gameplay .powerbadge p strong a {
	color: #fff661;
}
.gameplay .enjoymode .mode div .txt1 , .gameplay .enjoymode .mode div .txt2{
	display: none;
}
.gameplay .powerbadge p strong a {
	text-decoration: underline;
}
.gameplay .enjoymode {
	position: relative;
	clear: both;
}
.gameplay .content .chara {
	position: absolute;
	top: 0;
	left: 60px;
}
.gameplay .enjoymode p {
	text-align: center;
	font-size: 16px;
	line-height: 1.6em;
}
.gameplay .enjoymode .txt1 {
	color: #F15603;
}
.gameplay .enjoymode .txt2 {
	color: #379232;
}
.gameplay .enjoymode p.min {
	font-size: 13px;
}
.gameplay .enjoymode .mode {
	width: 760px;
	height: 654px;
	background: url(../images/gameplay-otasuke-mode-bg.png);
	margin: 28px auto 0;
	position: relative;
}
.gameplay .enjoymode .mode h4 {
	padding-top: 40px;
	margin-bottom: -20px;
}
.gameplay .enjoymode .mode p {
	color: #FFFFFF;
}
.gameplay .enjoymode .mode p strong {
	color: #ffba00;
	font-size: 20px;
}
.gameplay .enjoymode .mode .txt1 {
	position: absolute;
	top: 345px;
	width: 100%;
}
.gameplay .enjoymode .mode .txt2 {
	position: absolute;
	top: 605px;
	width: 100%;
}
.gameplay .onajimi , .gameplay .enjoy {
	width: 314px;
	float: left;
	margin-left: 45px;
}
.gameplay .onajimi .arr {
	position: absolute;
	top: 216px;
	left: 374px;
}
.gameplay .enjoy .arr {
	position: absolute;
	top: 482px;
	left: 374px;
}
.gameplay .onajimi img , .gameplay .enjoy img {
	margin-bottom: 60px;
}



.gameplay .coop {
	text-align: center;
	position: relative;
}
.gameplay .coop .ttl {
	padding-top: 25px;
	padding-bottom: 20px;
}
.gameplay .coop .ttl h2 {
	margin-bottom: 25px;
}
.gameplay .coop .ttl p {
	font-size: 18px;
	line-height: 1.6em;
	margin-top: -35px;
}
.gameplay .coop ul {
	position: relative;
	z-index: 1;
	margin-left: 15px;
}
.gameplay .coop li {
	width: 395px;
	float: left;
	margin-left: 30px;
	margin-bottom: 64px;
	background: url(../images/box-green.png);
	height: 307px;
	position: relative;
}
.gameplay .coop li div
.gameplay .coop li h3 {
	margin-top: -30px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
	z-index: 3;
}
.gameplay .coop li h3 img {
	margin-left: 28px;
}
.gameplay .coop li div {
	position: relative;
	width: 361px;
	height: 240px;
	margin: 18px auto 0;
	z-index: 2;
}
.gameplay .coop li div .play {
	position: absolute;
	top: 84px;
	left: 136px;
}
.gameplay .coop li p {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 12px;
	z-index: 3;
	background: url(../images/gameplay-coop-txt.png);
	width: 370px;
	height: 75px;
	line-height: 75px;
	font-size: 16px;
	color: #0d5c00;
}
.gameplay .coop li p strong {
	font-size: 20px;
}
.gameplay .coop li p.line2 {
	line-height: 1.6em;
	padding-top: 13px;
	height: 62px;
}
.gameplay h2 {
	position: relative;
	z-index: 1;
}
.gameplay .contentbox-red {
	margin-top: -120px;
	position: relative;
	z-index: 0;
}
.gameplay #coop {
	padding-top: 10px;
}
.gameplay #yarikomi {
	margin-top: 15px;
	clear: both;
}
.gameplay .contentbox-red .content {
	background: url(../images/bg-contentbox-red.png);
	text-align: center;
	padding-top: 100px;
}
.gameplay .contentbox-red p {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1.6em;
}
.gameplay .contentbox-red li {
	float: left;
}
.gameplay .yarikomi {
	margin-left: 45px;
	padding-top: 30px;
}
.gameplay .yarikomi li {
	margin-right: 30px;
	margin-bottom: 40px;
}
.gameplay .yarikomi li p {
	font-size: 15px;
}
.gameplay .yarikomi li img {
	margin-bottom: 10px;
}
.gameplay .item {
	background: url(../images/gameplay-yarikomi-item-bg.png);
	width: 820px;
	height: 337px;
	clear: both;
	margin: 0 auto 20px;
}
.gameplay .item ul {
	padding-top: 40px;
	margin-left: 30px;
}
.gameplay .item li {
	width: 250px;
}
.gameplay .item li img {
	margin-bottom: 15px;
}
.gameplay .item li p {
	font-size: 13px;
}

.gameplaybottom {
	width: 911px;
	margin: 0 auto;
}
.gameplaybottom h2 {
	margin-bottom: 40px;
}
.amiibo h2 {
	position: relative;
}
.amiibo h2 a {
	position: absolute;
	top: 43px;
	left: 145px;
	width: 242px;
	height: 93px;
	text-indent: -99999px;
}
.amiibo .movie {
	background: url(../images/amiibo-movie-bg.png);
	width: 912px;
	height: 555px;
	margin-bottom: 75px;
}
.amiibo .movie iframe {
	margin: 50px 0 0 55px;
}
.amiibo .content {
	text-align: center;
	position: relative;
}
.amiibo .content .ttl.top {
	position: relative;
	top: -110px;
	margin-bottom: -80px;
}
.amiibo .content .read {
	font-size: 18px;
	margin-bottom: 25px;
	line-height: 1.6;
}
.amiibo .content .read a {
	font-weight: bold;
	color: #028314;
	text-decoration: underline;
}
.amiibo .content .new-icon .new-icon-sub{
	box-sizing:border-box;
	display: inline-block;
	background:url(../images/new02.png) 0 0 no-repeat;
	padding: 9px 0 0 92px;
	min-height: 76px;
	line-height: 1.6;
	text-align: left;
	width: 700px;
}
.amiibo .content .new-icon .new-icon-main{
	display: block;
	text-align: center;
}
.amiibo .content .new-icon{
	margin-bottom: 12px!important;
}
.amiibo .content .yoshi-movie {
	background:url(../images/amiibo-yoshi-movie-bg.png);
	width: 395px;
	height: 264px;
	position: relative;
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-bottom: 25px;
}
.amiibo .content .yoshi-movie .mv {
	margin-top: 15px;
}
.amiibo .content .yoshi-movie .play {
	position: absolute;
	top: 85px;
	left: 153px;
}
.amiibo .content .yoshi-movietxt {
	overflow: hidden;
	text-align: left;
	width: 403px;
}
.amiibo .content .yoshi-movietxt p {
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 17px;
}
.amiibo .content .yoshi-movietxt p img {
	margin: 3px 0 5px;
}
.amiibo .content .yoshi-movietxt p.asterisk {
	text-indent: -1em;
	margin-left: 1em;
	font-size: 13px;
	margin-bottom: 0;
}
.amiibo .content .yoshi-movietxt .imgr {
	text-align: right;
}
.amiibo .content .yoshi-movietxt .imgr img {
	margin-left: 5px;
}
.amiibo .content .yoshi-write {
	float: right;
	margin-right: 40px;
	margin-bottom: 25px;
}
.amiibo .content .yoshi-write-txt {
	float: left;
	text-align: left;
	width: 400px;
	margin-left: 40px;
	padding-top: 50px;
}
.amiibo .content .yoshi-write-txt p {
	font-size: 18px;
	line-height: 1.8em;
}
.amiibo .content .yoshi {
	margin-bottom: 35px;
}
.amiibo .content .yoshibig {
	margin-bottom: 60px;
}
.amiibo .content .yoshibig p.asterisk {
	text-indent: -1em;
	font-size: 13px;
	margin-bottom: 0;
	margin: 17px 0 0 0;
}
.amiibo .otheramiibo {
	text-align: center;
	overflow: hidden;
	position: relative;
	padding-top: 30px;
	
}
.amiibo .otheramiibo .chara {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 1;
}
.amiibo .otheramiibo h2 {
	margin-bottom: 25px;
}
.amiibo .otheramiibo .txt04-2 {
	position: absolute;
	top: 10px;
	right: 100px;
}
.amiibo .otheramiibo p {
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 15px;
}
.amiibo .otheramiibo li {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 25px;
}
.amiibo .otheramiibo ul {
	width: 840px;
	position: relative;
	z-index: 2;
	margin: 0 auto;
}

.pcDisplay {
	display: inline;
}
.spDisplay {
	display: none;
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxPrevious, #cboxNext { display: none !important;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity: 0.5!important; filter: alpha(opacity = 50);}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{ padding:1px;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; /*background:url(../images/controls.png) no-repeat 0 0;*/}
#cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:79px; height:80px; position:absolute; top:-25px; background:url(../images/close.png) no-repeat 0 0;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:0px 0px; right:0; outline: none;}
#cboxClose:hover{background-position:0px -100px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


.modalbox {
	display: none;
}

.modalmovie {
	background: url(../images/trailer-overlay-bg2.png) no-repeat 0 0;
	width: 850px;
	height: 584px;
	overflow: hidden;
}
#topmovie {
	background: url(../images/trailer-overlay-bg.png) no-repeat 0 0;
}
.modalmovie .moviebox {
	margin: 39px 0 0 40px;
	width: 740px;
	height: 417px;
}
.modalmovie ul {
	margin: 30px 0 0 74px;
}
.modalmovie ul li {
	float: left;
	position: relative;
	margin: 0 5px 0 0;
}
.modalmovie ul li .newicon {
	position: absolute;
	top: -10px;
	left: -2px;
}
#gamecenter_movie {
	background: url(../images/gamecenter-overlay-bg.png) no-repeat 0 0;
}
#gamecenter_movie .moviebox {
	margin: 51px 0 0 54px;
}

a.modal .play {
	-webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
a.modal:hover .play {
	-webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}



.intro {
	/*background: #fff url(../images/intro.jpg) no-repeat center 0;*/
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 100;
	height: auto;
	height: 100%;
	min-height: 100%;
}
.intro p {
	text-align: center;
}
.intro_ttl {
	padding: 180px 0 0;
}
.intro .inbox {
	margin: 0 auto;
    width: 960px;
	position: relative;
}
.intro .inbox .loadsound {
	position: absolute;
	top: 115px;
	right: 36px;
	width: 36px;
	height: 36px;
	text-indent: -99999px;
	cursor: pointer;
	background: url(../images/sound.png) no-repeat;
}
.intro .inbox .loadsound.off {
	background-position: bottom;
}