@charset "utf-8";

/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
#leadingSection .body dd,
#leadingSection .body p,
#specSection dt,#specSection dd
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

html{
	width: 100%;
}

body{
	width: 100%;
	min-width: 980px;
	font-family: Century, Roboto, 'Droid Serif', serif;
	font-size: 100%;
	line-height: 1;
}


#dummyTopContent{
	position: absolute;
	top: 5px;
}

.wrapper{
	width: 980px;
	margin: 0 auto;
}


.br:after{
	display: none;
}


/*--------------------------------------------------
	#topButton
--------------------------------------------------*/
#topButton{
	margin-left: 400px;
	width: 81px; height: 64px;
	margin-top: -64px;
	background-size: 162px; height: 64px;
}



/*--------------------------------------------------
	#container
--------------------------------------------------*/
#container{
	width: 100%;
	background-position: center 38px;
	background-size: 1500px 9107px;
	font-size: 230%;
}

#bgCloud{
	background-size: 1920px 3504px;
}

/*--------------------------------------------------
	#gNav
--------------------------------------------------*/
#gNav{
	width: 100%; height: 84px;
	background-image: url(../images/gnav.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	background-size: 1096px 84px;
}

#gNav div{
	width: 1096px;
}

#gNav li{
	float: left;
}

#gNav li:first-child{
	width:  344px;
}

#gNav li:nth-child(2){
	width:  274px;
}

#gNav li:nth-child(3){
	width:  230px;
}

#gNav li:nth-child(4){
	width:  192px;
}

#gNav li a{
	height: 84px;
}


/*--------------------------------------------------
	.appBanner
--------------------------------------------------*/
.appBanner{
	padding-top: 70px;
	text-align: center;
}

.appBanner a{
	display: inline-block;
	margin-right: 20px;
}

.appStoreBanner img{
	width: 318px; height: 92px;
}

.googlePlayBanner img{
	width: 277px; height: 97px;
}


/*--------------------------------------------------
	#leadingSection
--------------------------------------------------*/
#leadingSection{
	position: relative;
	min-height: 956px;
	/*background-position: center 38px;*/
	background-size: 1500px 1002px;
}

#leadingSection dl{
	width: 960px;
	margin: 62px auto 80px auto;
}

#leadingSection dd{
	margin-top: 62px;
}

#heroBody{
	width: 960px; height: 663px;
}

#carverBody{
	width: 960px; height: 348px;
}

#millyBody{
	width: 960px; height: 448px;
}

#ashlynnBody{
	width: 960px; height: 448px;
}

#nevanBody{
	width: 960px; height: 504px;
}

#terryBody{
	width: 960px; height: 503px;
}


#titleLogo{
	top: 454px;
	width: 646px;
	height: 270px;
	margin-left: -323px;
	margin-bottom: 446px;
}

#titleLogo img,
#titleLogo a{
	display: block;
	width: 646px;
	height: 270px;
}

#leadingSection .appBanner{
	padding-top: 50px;
}

#leadingSection .body{
	margin-top: 60px;
}

#leadingSection .body dt{
	float: left;
	width: 90px;
}

#leadingSection .body dd{
	float: right;
	width: 860px;
}

#leadingSection .body dd:nth-child(2){
	height: 108px;
}

#leadingSection .body dd:nth-child(4){
	height: 102px;
}

#leadingSection .body dd:nth-child(6){
	height: 50px;
}

#leadingSection .body dd:nth-child(8){
	margin-top: -50px;
	height: 104px;
}

#leadingSection .body p{
	margin-top: -110px;
	width: 860px; height: 110px;
}


/*--------------------------------------------------

	#overviewSection
	
--------------------------------------------------*/
#overviewSection{
	padding-top: 120px;
}

#overviewSection h2{
	width: 1034px; height: 112px;
}

#overviewSection .body h3{
	width: 1034px; height: 180px;
	margin: 44px auto 0 auto;
}

#overviewSection .body p{
	width: 1034px; height: 500px;
	margin: 40px auto 0 auto;
}



/*--------------------------------------------------

	#featuresSection
	
--------------------------------------------------*/
#featuresSection{
	padding-top: 120px;
}

#featuresSection h2{
	width: 1034px; height: 112px;
}

#featuresSection .body p{
	margin: 44px auto 0 auto;
	width: 1034px; height: 658px;
}



/*--------------------------------------------------

	#ssSection
	
--------------------------------------------------*/
#ssSection{
	padding-top: 120px;
	overflow: hidden;
}

#ssSection h2{
	width: 980px; height: 160px;
}

#ssSection .wrapper > div{
	width: auto; height: auto;
}

#ssSection .wrapper > div div{
	display: none;
}

#ssSection ul{
	position: relative;
	top: 0px;
	width: auto; height: auto;
	overflow-x: visible;
	white-space: normal;
	text-align: center;
}

#ssSection li{
	width: 270px; height: 523px;
	margin: 10px;
	opacity: 1;
}

#ssSection li.sp{
	display: none;
}

#ssSection li.tb{
	display: inline-block;
	width: 460px; height: 590px;
	background-image: url(../images/tb_frame.png);
}

#ssSection li a{
	top: 63px; left: 20px;
	width: 230px; height: 378px;
	background-color: rgba(255,255,255,1);
}

#ssSection li img{
	width: 230px; height: 378px;
}

#ssSection li.tb a{
	top: 54px; left: 51px;
	width: 355px; height: 477px;
}

#ssSection li.tb img{
	width: 355px; height: 477px;
}

#ssSection li a:hover img{
	opacity: 0.8;
}

a.prevButton{
	display: none;
}

a.nextButton{
	display: none;
}




/*--------------------------------------------------

	#videosSection
	
--------------------------------------------------*/
#videosSection{
	padding-top: 120px;
	background-size: 1500px 726px;
}

#videosSection h2{
	width: 980px; height: 160px;
}

#youtubeContainer{
	/*width: 668px; height: 404px;*/
	width: 800px; height: 450px;
	margin: 10px auto 0px auto;
}

a.playButton{
	background-size: 130px 130px;
}

a.playButton:hover{
	opacity: 0.8;
}


/*--------------------------------------------------

	#specSection

--------------------------------------------------*/
#specSection{
	margin-top: 260px;
	padding-bottom: 25px;
}

#specSection dl{
	width: 880px; height: 440px;
	margin: 0px auto 0px auto;
}

#specTitle,
#specGenre,
#specPlatform,
#specLanguages{
	background: none;
}