html{background:url(../img/bg2.png) center top repeat-y fixed}
body{background:url(../img/bg.jpg) center top no-repeat; font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif}
#container{/*width:1040px;min-width:1040px;*/width:100%; margin:0 auto;text-align:center}
header{/*padding:10px 0 0;text-align:right*/     text-align: center;
    margin-left: 330px;}
h1{padding:8px 15px 0}
#catch{/*margin:0 0 24px;background:url(../img/catch.png) right top no-repeat;height:90px*/}
.about{ text-align: center; margin-left: 310px;}
#about_text{/*background:url(../img/text.png) 290px top no-repeat;height:180px*/}
#image{padding:32px 35px 30px}

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

#bnr_psstore{width:520px;margin-right:118px;margin-left:auto}
#mov_yt{width:500px;max-width:100%;margin-right:127px;margin-left:auto;margin-bottom:15px}

.outline{background:url(../img/bg3.png) top center no-repeat;text-align:center;margin:0 0 35px;padding:0}
.outline2{text-align:center;margin:0 0 35px;padding:0}
#outline_read{background:url(../img/text2.png) center top no-repeat;height:111px}
.subtitle{margin:0 0 15px}
#outline_text{padding:0;margin:0 65px 15px;font-size:16px}
#outline_text2{padding:0;margin:15px 65px;font-size:16px}
.outline #image,.outline2 #image{padding:0;margin:0}

#trailer { text-align: center; margin-left: 340px; margin-bottom: 20px; }
#trailer iframe { width: 430px; min-height: 250px; }

#purchase { margin: 20px 0px; margin-left: 20px; }
#purchase a { display:inline-block; }
#purchase img { width:100%; max-width:350px; opacity:.6; margin-bottom:20px; }
#purchase a img:hover { opacity:1; }

#product{width:100%;background:url(../img/specs.png) center top no-repeat;margin-bottom:30px}
#product_content{width:900px;margin:0 auto;color:#fff;font-size:15px;letter-spacing:1px;line-height:170%;padding:30px 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;margin-top:50px;}
#footerContent{width:990px;margin-left:auto;margin-right:auto;height:130px}
#footerContent .footer-cell{display:inline-block;padding-right:15px;vertical-align:top}
#footerContent #esrb{min-width:200px}
#footerContent #esrb img{height:80px;width:auto}
#footerContent img#piapro{float:none;height:12px;width:auto}
#footerContent #legals{color:#FFF;font-size:9px; width: 65%;}
#footerContent .segalogo{margin:0 10px 5px 0;float:left}*/

footer {background:#000;padding:20px;margin-top:50px; width:100%;}
#footerContent{}
#footerContent .footer-cell {display:inline-block;margin-right:15px;vertical-align:top; margin-bottom:10px;}
#footerContent .esrblogo { height:79px;}
#footerContent .segalogo { height: 40px;}
#footerContent .mikulogo { height: 50px;}
#footerContent img#piapro {float:none;height:12px;width:auto}
#footerContent .footer-legal { width: 65%; color:#FFF;font-size:9px;}


#hatsunemiku{text-align:center;overflow:hidden;width:160px;float:right}
.br-sp{display:none}
.image_pc{display:inline}
.image_sp{display:none}

@media only screen and (max-width : 736px) {

html{background-color:#d3f8ff;background-repeat:repeat-y;background-position:center top;background-attachment:fixed}

body{background:url(../img/bg_sp.jpg) center top no-repeat; font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;background-size:100%}
#container{width:100%;min-width:100%;margin:0 auto}
#catch{/*background:url(../img/catch.png) center top no-repeat;*/}
header{padding:10px 0 0;text-align:center; margin:0px;}
#vr_logo{width:150px;height:auto;float:left;margin:-3px 0 0 8px}
h1{padding:575px 0 0}
h1 img{width:94%;height:auto}
#catch{padding:0 0 16px;/*background:url(../img/catch_sp.png) center top no-repeat;height:110px;background-size:95%;margin-top:-10px*/}
.about{ margin: 0; width: 100%;}
#about_text{/*background:url(../img/text_sp.png) center top no-repeat;height:280px;background-size:100%*/}
#image{padding:16px 0 24px}
#image img{width:100%;height:auto}

.outline,.outline2{background:no-repeat;text-align:center;margin:0 0 35px;padding:0}
#outline_read{background:url(../img/text2_sp.png) center top no-repeat;height:160px;background-size:100%}
.subtitle{text-align:center;margin:0}
.subtitle img{width:100%;height:auto}
#outline_text{padding:0;margin:15px 20px}
#outline_text2{padding:0;margin:30px 20px 15px}
.outline2 #image{padding:0;margin:15px 0}

#trailer { width: 90%; margin: 0 auto;}
#trailer iframe { width: 100%; min-height: 250px;}

#purchase { margin:0px; }

#product{width:100%;background:#00cdcb;margin-bottom:30px}
#product_content{width:100%;margin:0 auto;color:#fff;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:0;margin:0 5px 5px 0;width:48%}
#top_banner ul li img{background:none;width:100%;height:auto;vertical-align:bottom}
/*footer{padding-top:20px;width:100%;background-color:#000;overflow:hidden}
#footerContent{width:100%;background-color:#000;height:auto;background-size:100%}
#footerContent .segalogo{margin:4px;float:none}
#footerContent .footer-cell{text-align:center;margin:5px;width:100%}
#footerContent #miku{margin:4px}
#footerContent #legals { width:100%;}*/

footer {}
#footerContent {}
#footerContent .footer-cell {width:100%; text-align:center;}
#footerContent .esrblogo { }
#footerContent .segalogo { }
#footerContent .mikulogo { }
#footerContent img#piapro {}
#footerContent .footer-legal { font-size:12px; width:100%;}


	
.bnr_portal{width:48%;float:left;margin-left:10px;margin-right:10px}
.bnr_portal 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:0;padding-top:0}
#facebook{width:110px;float:left;padding-top:0;z-index:999;margin-top:0}
.br-sp{display:block}
.image_sp{display:block; width:100%; margin: 0 auto;}
.image_pc{display:none}
.subtitle img{width:100%;height:auto}

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

}
.privacy {
	font-size: 12px;
	text-align: center;
	z-index: 1;
	padding-bottom: 7px;
}
.privacy a {
	color: white;
	margin-right: 20px;
	cursor: pointer;
	text-decoration: none;
}
.privacy a:hover {
	opacity: .75;
}