html {
	background: url(../img/bg2.png) center top repeat-y fixed;
}

body {
	background:url(../img/bg.jpg) center top no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#container {
	width: 1040px;
	min-width:1040px;
	margin:0 auto;
}

header {
	padding: 10px 0px 0 0;
	 text-align:right;	
}

h1 {
	padding: 8px 15px 0 15px;	
}

#catch {
	margin: 0px 0px 24px 0px;	
	background:url(../img/catch.png) 328px top no-repeat;
	height: 81px;
}

.about {
	 text-align:right;	
}

#about_text {
	 background:url(../img/text.png) 290px top no-repeat;
	 height:250px;
}

#image {
	padding: 32px 35px 30px 35px;	

}

/**************/
.outline {
	background:url(../img/bg3.png) top center no-repeat;
	 text-align:center;	
	 margin: 0px 0px 35px 0px;	
	 padding:0px;
}

.outline2 {
	 text-align:center;	
	 margin: 0px 0px 35px 0px;	
	 padding:0px;
}

#outline_read {
	 background:url(../img/text2.png) center top no-repeat;
	 height:111px;
}


.subtitle {
	margin: 0px 0px 15px 0px;	
}

#outline_text {
	 padding: 0px 0px;
	 margin:0px 65px 15px;
	font-size:16px;	
}

#outline_text2 {
	 padding: 0px;
	 margin:15px 65px 15px;
	font-size:16px;	
}

.outline  #image,
.outline2  #image
 {
	padding: 0px;
	margin:0px;
}
/**************/


#product {
	width:100%;
	background:url(../img/product.png) center top no-repeat;
	margin-bottom: 30px;
}

#product_content {
	width: 900px;
	margin: 0 auto;
	color:#ffffff;
	font-size: 15px;
	letter-spacing: 1px;
	line-height:170%;
	padding: 30px 0 40px 0 ;
}

.product_t {
	color:#d9fcff;	
}

.vr_title {
	font-size: 18px;	
}

.product_div {
	color:#01adc0;	
}

#top_banner {
		width: 990px;
		margin:0 auto;
		padding-bottom: 30px;
}

#top_banner ul {
 	list-style-type:none;
	overflow: hidden;
}

#top_banner ul li {
	background:rgba(255,255,255,0.5);
	float:left;
	padding: 3px;
	margin: 0 3px 5px 2px;
}

#top_banner ul li img {
		vertical-align:bottom;
}

footer {
		padding-top: 20px;
	width: 100%;
	background: #000;	
}

#footerContent {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/copy.png);
	background-repeat: no-repeat;
	height: 130px;
}

.segalogo {
	margin-top: 5px;
	margin-left: 3px;
	float: left;
}

.bnr_portal {
 width:200px;
 float:right;	
}

#hatsunemiku {
	text-align: center;
	overflow: hidden;
	width: 160px;
	float: right;
}

#btn2 {
	padding-bottom: 30px;
	text-align: center;
	overflow: hidden;
	width: 170px;
	float: right;
}

#tweet {
	width: 70px;
	float: left;
	padding-bottom: 0px;
	padding-top: 0px;
}
#facebook {
	width: 100px;
	float: left;
	padding-top: 0px;
	z-index: 999;
	margin-top: -5px;
}

.br-sp { display:none; }

.image_pc {
	display:inline;	
}

.image_sp { display:none; }





.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Add -------------------------- */
.bnr_set{
	width:510px;
	margin-right:122px;
	margin-left:auto;
	padding:0;
	height: 140px;
	clear: both;
}

.bnr_set ul{
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.bnr_set ul li{
	width: 50%;
	height: auto;
	float: left;
}

/*#bnr_psstore, #bnr_ps4topcover {
	width:520px;
	margin-right:118px;
	margin-left:auto;
	padding:0;
}*/
#mov_yt {
	width:500px;
	max-width: 100%;
	margin-right:127px;
	margin-left:auto;
	margin-bottom:15px;

}

.caption{
	text-align:center;
	color:#065655;
	font-size:12px;
	font-weight:bold;
	padding-bottom:20px;
	text-shadow:
		-2px -2px #FFF,
		2px -2px #FFF,
		-2px 2px #FFF,
		2px 2px #FFF;
}

#bnr_c-mov {
	width:440px;
	margin-right:auto;
	margin-left:auto;

}

#ps4pro_logo {
	margin: 0px 15px 0px 0px;
		
}

#psAward2016 {
	margin: 0px 15px 0px 0px;
		
}

.MB_psAward2016{/*PSAward2016高さ合わせ*/
	margin-bottom:30px !important;
}

.infobox{
	background-color: #FFF;
	width: 860px;
	padding: 10px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border: 2px solid #409aa8;
}

.infobox h3{
	font-size:16px;
	font-weight:bold;
}

.infobox p{
	font-size:14px;
	line-height:1.5em;
	padding-bottom:10px;
	padding-left:1em;
}

.infobox p.PM_0{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.infobox a{
	color:#409aa8;
}
	
.infobox a:hover{
	color:#db61fb;
}


.infobox .avatar{
	text-align:center;
	padding-bottom:0px;
	
}

.infobox .avatar ul{
	list-style:none;
	margin:auto;
	padding:0;
	display: table;/* 真ん中寄せ・複数段でもずれない */
}

.infobox .avatar ul li{
	margin:0 2px;
	padding:0;
	display: inline-block;/* 真ん中寄せ */
	width:16%;/* 6個 */
}

@-moz-document url-prefix() {/* Firefoxのみ */
 .infobox .avatar ul li {
    margin:0 -1px;
 }
}
	

.infobox .avatar ul li img{
	width:100%;
	max-width:100%;
	border:1px solid #999;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/**************
以下モバイル
*************/

@media only screen and (max-width: 640px) {
	
html {
	background-color: url(../../img/.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
}

body {
	background:url(../img/bg_sp.jpg) center top no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-size: 100%;
}

#container {
	width: 100%;
	min-width:100%;
	margin:0 auto;
}

header {
	padding: 10px 0 0 0;
	text-align:center;	
}

#vr_logo {
	width:130px;
	height:auto;
	float:left;
	margin: -3px 0 0px 8px;
		
}

h1 {
	padding: 300px 0px 0 0px;	
}

h1 img {
	width: 94%;
	height: auto;
}

#catch {
	padding: 0 0px 16px 0px;	
	background:url(../img/catch_sp.png) center top no-repeat;
	height: 110px;
	background-size:95%;
	margin-top: -10px;


}

.about {
	 text-align:right;	
}

#about_text {
	 background:url(../img/text_sp.png) center top no-repeat;	
	 height:210px;
	 background-size:100%;
}


#image {
	padding: 16px 0px 24px 0px;	
}

#image img {
	width:100%;	
	height:auto;
}


/**************/
.outline, 
.outline2 {
	 background:no-repeat;
	 text-align:left;	
	 margin: 0px 0px 35px 0px;	
	 padding:0px;
}

#outline_read {
	 background:url(../img/text2_sp.png) center top no-repeat;
	 height:105px;
	 background-size:100%;
}

.subtitle {
	text-align:center;	
	margin: 0px 0px 0px 0px;	
}

.subtitle  img{
	width:100%;	
	height:auto;
}

#outline_text {
	 padding: 0px;
	 margin:15px 20px;
}

#outline_text2 {
	 padding: 0px;
	 margin: 30px 20px 15px;
}

.outline2  #image
 {
	padding: 0px;
	margin: 15px 0px;
}
/**************/


#product {
	width:100%;
	background:#00cdcb;
	margin-bottom: 30px;

}

#product_content {
	width: 100%;
	margin: 0 auto;
	color:#ffffff;
	font-size: 14px;
	letter-spacing: 1px;
	line-height:170%;
	padding: 16px ;
}

.product_t {
	color:#d9fcff;	
}

.vr_title {
	font-size: 16px;	
}

.product_div {
	display:none;
}

#top_banner {
		width: 100%;
		margin:0 auto;
		padding-bottom: 20px;
}

#top_banner ul {
 	list-style-type:none;
	overflow: hidden;
	padding-left:12px;
	padding-right:5px;
}

#top_banner ul li {
	background:rgba(255,255,255,0.5);
	float:left;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	width: 48%
}

#top_banner ul li img {
	background:none;
	width: 100%;
	height: auto;
}

#top_banner ul li img {
		vertical-align:bottom;
}

footer {
	padding-top: 20px;
	width: 100%;
	background-color: #000;
	overflow: hidden;
}

#footerContent {
	width: 100%;
	background-color: #000;
	background-image: url(../img/copy_sp.png);
	background-repeat: no-repeat;
	background-position: center 100px;
	height: auto;
	background-size: 100%;
}

.segalogo {
	float: none;
	width: 99px;
	margin:0 auto;
	padding:116px 0 15px 0;
	display:block;
}

.bnr_portal {
 width:48%;
 float:left;
 margin-left: 10px;	
 margin-right: 10px;	
}

.bnr_portal img {
	width: 100%;
	height:auto;
}

#hatsunemiku {
	text-align: center;
	overflow: hidden;
	width: 36%;
	float: left;
	margin-right: 10px;	
}

#hatsunemiku img {
	width: 100%;
	height:auto;
}

#btn2 {
	padding-bottom: 30px;
	padding-top:5px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	float: none;
}

#tweet {
	width: 90px;
	float: left;
	padding-bottom: 0px;
	padding-top: 0px;
}
#facebook {
	width: 110px;
	float: left;
	padding-top: 0px;
	z-index: 999;
	margin-top: 0px;
}


.br-sp { display:block; }


.image_sp {
	display:block;	
}

.image_pc { display:none; }


/* Add -------------------------- */
	
.bnr_set{
	width:96.5%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
}
	
/*#bnr_psstore{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;

}
#bnr_ps4topcover{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;

}*/

#mov_yt {
	width:95%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;

}

.caption{
	font-size:small;
}

#bnr_c-mov {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;

}


#ps4pro_logo {
	width:60px;
	height:auto;
	float:left;
	margin: -3px 10px 0px 5px !important;
		
}

#psAward2016 {
	width:50px;
	height:auto;
	float:left;
	margin: -3px 10px 0px 5px !important;
		
}


.infobox{
	background-color: #FFF;
	width: 100%;
	padding: 10px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border: 2px solid #409aa8;
}

.infobox .avatar ul li{
	width:32%;/* 3個 */
}


}