@charset "utf-8";

@import "base.css";

.noscript .js {
	display:none !important;
}
	.wii .moviePlayer,
	.noscript .moviePlayer,
	.ds .moviePlayer,
	.nonFP .moviePlayer,
	.iphone .moviePlayer,
	.android .moviePlayer {
		display:none;
	}
	.poster {
		display:none;
	}
		.noscript .poster,
		.wii .poster,
		.ds .poster,
		.iphone .poster,
		.android .poster,
		.nonFP .poster {
			display:block !important;
		}


/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/

body {
}

.box {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

.cover {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0; 
	z-index: -1;
}
video.bg {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	position: fixed;
    top: 0;
	right: 0;
	bottom: 0;
    left: 0;
	z-index: -100;
}

a {
    display: inline-block;
    cursor: pointer;
}

a.link {
    padding-left: 27px;
    background: url(../img/common/icon/arrow_off.png) no-repeat left center;
    line-height: 21px;
}
a.link:hover {
    background: url(../img/common/icon/arrow_on.png) no-repeat left center;
}

/*-------------------------------------------------------------------------
    Header
/*-----------------------------------------------------------------------*/

#header {
    background: #e60012;
    padding: 6px 15px;
}

/*-------------------------------------------------------------------------
    Contents
/*-----------------------------------------------------------------------*/

.fade {
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
}

.fade:hover {
  opacity: 0.7;
}
/*-------------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/
#footer {
	background-color: #fff;
    position: relative;
    z-index: 1;
}
	#footer .sns li{
		text-align:center;
		display:inline-block !important;
		margin:0 5px !important;
	}

	#footer .apple,
	#footer .google {
		font-size: 100%;
		text-align:center;
	}
	#footer ul {
		padding: 15px 0 ;
		text-align:center;
	}
        #footer ul li:nth-child(2) a:after {
            margin-left: 1em;
            /*content: " | ";*/
            display: inline-block;
        }
		#footer ul li {
			margin-right: 1em;
			padding: 4px 0;
            line-height: 40px;
		}
        #footer ul li:first-child {
            margin: 0 60px 0 0;
            display: block;
        }
        #footer ul li:last-child {
            margin: 0 0 0 20px;
            display: block;
        }
        #footer ul #line {
            margin-right: 0;
        }
        #footer ul #twitter {
            margin-right: 10px;
        }
		#footer ul #line {
			margin-right: 0;
		}
		#footer ul #copyright {
			text-align:center;
		}

/* Wii U */

.wiiu #navi ul li {
    float: left;
}
    .wiiu #navi ul li a:last-child {
        margin: 0 0 0 20px;
        display: block;
    }

.wiiu #footer #lower .flex .fbox li {
    float: left
}
    .wiiu #footer #lower .flex .fbox #wiiu_logo {
        float: right;
        left: 0;
    }