@charaset "utf-8";

/*********************************************************

top専用CSS

/*********************************************************/

#top{position: relative;overflow: hidden;background-color: #000000;}

/* メインビジュアル */
#top #visual{position: absolute;z-index: 0;top: 0px;left: 0px;}

/* 要素まとめ */
#top #itemBox{position: relative;z-index: 1;top: 0px;left: 0px;margin: 30px 0px 120px 3%;}

/* 新着、バナー（横幅統一用ボックス） */
#top #itemBox #widthBox{width: 50%;margin-bottom:30px;}

/* PS4ロゴ */
#top #ps4{position: absolute;top: 35px;right: 10px;}


/*---------------------------------------------------------
タイトルテキスト
---------------------------------------------------------*/
#top #titleTxt{
	font-family: 'Poiret One';
	color: #FFFFFF;
	line-height: 1;
	padding-bottom: 25px;
	text-shadow:3px 1px 5px #2C0073;
}
#top #titleTxt h1,#top #titleTxt h2,#top #titleTxt h3{height:1em; overflow:hidden;}
#top #titleTxt h1{font-size: 85px;}
#top #titleTxt h2{font-size: 130px;color: #8941FF;}
#top #titleTxt h3{font-size: 65px;height:1.1em; }


/*---------------------------------------------------------
製品情報
---------------------------------------------------------*/
#top #spec{
	background-image: url(../img/chip/black50.png);
	font-size: 12px;
	color: #FFFFFF;
	display: table;
	padding: 5px 15px 0px 10px;
	margin-bottom: 20px;
	text-shadow: 1px 1px 3px #000,-1px -1px 3px #000,1px 1px 5px #000;
	border: 1px solid #222;
}
#top #spec dl,#top #spec p{padding: 10px;float: left;}
#top #spec dt{ float:left; }
#top #spec dd{
	margin-left: 5em;
	border-left: 1px solid #FFFFFF;
	padding-left: 1em;
	margin-bottom: 2px;
}

/*---------------------------------------------------------
新着
---------------------------------------------------------*/
#news{
	font-size: 12px;
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(../img/chip/black70.png);
	text-shadow: 1px 1px 3px #000;
	border: 1px solid #3E1A5E;
}
/*what's newテキスト*/
#news p{
	font: bold 18px/1.6 'Poiret One';
	color: #FFFFFF;
	padding-left: 15px;
	letter-spacing: 3px;
	background-color: #3E1A5E;
	border-bottom: 1px solid #3E1A5E;
}
#news dl{
	padding: 10px;
	overflow: auto;
	height: 150px;
}
/* 日付 */
#news dt{
	font-size: 14px;
	line-height: 1.2;
	color: #A84FFF;
	letter-spacing: 2px;
	padding-top: 3px;
}
#news dd {
	padding: 5px 0px 12px 3px;
	margin-bottom: 12px;
   line-height: 1.5;
	color: #FFFFFF;
	border-bottom: 1px dotted #444;
}
#news dd a{
	color: #BA90FF;
	text-decoration: underline;
	font-weight: bold;
}
#news dd a:hover{
	color: #000;
	text-decoration: none;
	background-color: #BA90FF;
   text-shadow: none;
}


/*---------------------------------------------------------
youtube
---------------------------------------------------------*/
#youtubeBorder{
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 30px;
	background-image: url(../img/chip/black70.png);
	text-shadow: 1px 1px 3px #000;
	margin-top: 20px;
	margin-bottom: 50px;
}
/*what's newテキスト*/
#youtubeBorder p{
	line-height: 1.6;
	font-size: 18px;
	color: #B88DFF;
	padding-left: 15px;
	letter-spacing: 3px;
	background-color: #000;
	border: 1px solid #45395A;
}
/* youtubeムービー埋め込み */
#top .youtubeMovie{}


/*---------------------------------------------------------
バナー群
---------------------------------------------------------*/
#top .banner a{
	background-color: #805C9B;
	line-height: 0px;
	display: inline-block;
	border: 2px solid #000;
	overflow:hidden;
}
#top .banner a.large{width: 100%;}
#top .banner a.small{width: 49%;}
#top .banner a.small:nth-child(even){margin-left:2%;}
#top .banner a img,.borderOnly{
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
}
.borderOnly{border: 2px solid #000;}

/* ベイカバー専用 */
#top .ps4 a{border-color: #fff;background-color: #97bfff;}



/*################################################################################
  media query
################################################################################*/
@media screen and (min-width: 1400px) {
	#top #titleTxt h1{font-size: 125px;}
	#top #titleTxt h2{font-size: 190px;}
	#top #titleTxt h3{font-size: 100px;}
	
	/* 新着、バナー（横幅統一用ボックス） */
	#top #itemBox #widthBox{width: 40%;}
}

@media screen and (min-width: 1200px) {
	/* メインビジュアル */
	#top #visual{z-index: 0;top: -100px;}
}