@charset "UTF-8";

.pc {display:block;}
.sp {display:none;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
img { vertical-align: bottom;}
body {
	background-color: #ffffff;
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'Osaka', verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height:1.0;
}
p {
	line-height:1.66;
}

table td { vertical-align:top;}

a {color:#1d72cf;}

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 700px;
	font-size:12px;
}

header {
	padding:0 0px 20px;
}
header .sony {
	float:left;
}
header .msg {
	font-size: 10px;
	color: #666666;
	float:right;
	text-align:right;
}
header .msg img {
	margin-bottom:10px;
}



.left {float:left;}
.right {float:right;}
.left2 {float:left;}
.right2 {float:right;}

.txt {padding:5px 0 15px;}
.txt2 {padding:5px 0 15px;}



footer {
	width:640px;
	margin:0 auto;
	font-size:10px;
	color:#666666;
}
footer .txt {
	margin:0 0px;
	padding:0 10px;
	line-height:1.5;
}

.bbdot {border-bottom:dotted 1px #000000;}
.bbdb {border-bottom: double #d1d1d1;}
.bb {border-bottom: solid 1px #d1d1d1;}

.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}

.ind { text-indent:-1em; padding-left:1em;}
.center { text-align:center;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:24px !important;}


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

.sp {display:block;}
.pc {display:none;}

.img {margin:0 10px;}
.txt {margin:0 10px; padding:0;}
.btn {padding:0 10px;}
.note {
	color:#666666;
	font-size:10px;
}

header .sony {
	float:none;
}
.msg {
	font-size: 10px;
	color: #666666;
	padding:5px 10px 5px;
	float:none;
	text-align:left;
}
header {
	padding:0 0px 0px;
	background:#000000;
}


.left {float:none; margin-right:0 !important;}
.right {float:none; margin-left:0 !important ;}

.wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: auto;
	font-size:12px;
}


.main img {width:100%;}

section {width:auto;}
section h2 img {width:100%;}
section h3 img {width:100%;}

section .img img {width:100%;}
footer {width:auto;}

.btn {text-align:center !important;}
.btn2 {text-align:center !important;}

.main {margin-bottom:15px;}
.s1 {margin-bottom:15px;}

.s1 .bg {
	background:url(mq_imgs/sp_s1_bg.png);
	background-size:contain;
	padding:0 20px;
}
.s1 .bg .info {
	background:#ededed;
	padding:10px;
}
.s1 .bg .info p {
	font-size:10px; color:#666666;
	 line-height:1.3 !important;
}
.s1 .bg .info .hl {
	font-size:12px; color:#000000; line-height:1.3;
	font-weight:bold;
	margin-bottom:7px;
}
.btn_note {font-size:11px; text-align:center; padding:5px 0;}
.s1 .play {padding:10px 0;}

.top img {vertical-align:top;}

.ttl {padding:0 0 10px;}
.hl_sub {text-align:center; padding:5px 0 15px;}

.unit {
	width:300px;
	margin:0 auto 20px;
}

.unit .photo { float:left; width:100px; padding-right:10px; text-align:center;}
.unit .data { float:right; width:190px;}
.unit .title { font-size:14px;}
.unit .name { font-size:14px;}
.unit .copy { font-size:10px; color:#999999;}


.s3 .store {padding:10px 20px 0;}
.s3 .entry_btn {padding:15px 20px;}

.s7 .pad { padding:0 20px;}
.s7 .entry_btn {padding:25px 20px;}

.s1 .entry_btn {padding:25px 20px 0;}

}