body{
	background: #000;
	color: #fff;
}
a{
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	transition: none!important;
}
a:hover{
	cursor: pointer;
	text-decoration: none;
	color: #ccc!important;
	transition: none!important;
}
.wrapper{
	margin: 0 auto;
}
header{
	position: relative;
	max-width: 1280px;
	min-height: 470px;
	margin:0 auto;
	background: url(../images/LP_01.jpg) no-repeat center 10%;
	background-size: contain;
}
header h1{
	position: absolute;
	left:2%;
	top:1%;
	margin: 0 auto;
}
.headphonetext{
	margin: 0 auto;
}
header h2{
	position: absolute;
	left:2%;
	top:26%;
}
header p{
	position: absolute;
	left:2%;
	top:55%;
	font-size:14px;
	font-weight:normal;
	line-height: 2.2;
}
@media (max-width: 640px) {
	header{
		position: relative;
		max-width: 1280px;
		min-height: 100%;
		margin:0 auto;
		background: url(../images/LP_01.jpg) no-repeat center 10%;
		background-size: contain;
	}
	.headphonemain img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
	h1{
		position: static;
		margin: 0 auto!important;
		text-align: center;
	}
	header p{
		position: relative;
		left:0;
		padding:0 5%;
		font-size:14px;
		font-weight:normal;
		line-height: 1.8;
	}
}
h3{
	font-size:22px;
	font-weight: bold;
	text-align: center;
}
nav{
	max-width:100%;
	margin:0 auto;
	padding:0;
	background: url(../images/navbg.png) repeat-x left top;
}
nav ul{
	overflow: hidden;
	max-width:1280px;
	margin:0 auto;
	padding:0;
	letter-spacing: -.40em; 
}
nav ul li{
	list-style: none;
	float:left;
	width: 33.3%;
	margin:0 auto;
	padding:0;
	letter-spacing: normal;
}
nav ul li img{
	vertical-align:bottom;
}
nav ul li img{
	display:block;
	max-width: 100%;
	width:auto;
	height:auto;
	margin: 0 auto;
}
@media (max-width: 640px) {
	h3{
		margin:0;
		font-size:18px;
		font-weight: bold;
		text-align: center;
	}
	nav{
		max-width:100%;
		margin:0 auto;
		padding:0;
		background: none;
	}
	nav ul{
		max-width:1280px;
		margin:0 5% ;
		padding:0;
		letter-spacing:0; 
	}
	nav ul li{
		float:none;
		width: 100%;
		margin:5% auto;
		padding:0;
		letter-spacing: normal;
	}
	nav ul li img{
		vertical-align:bottom;
	}
	nav ul li img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}

}
.subttlWrap{
	background: url(../images/ttl01bg.png) no-repeat center center;
}
.subttlWrap .subttl{
	padding:3.5% 0;
}
.subttlWrap .subttl2{
	padding:3.5% 0;
}
.subttlWrap .subttl h2,
.subttlWrap .subttl2 h2{
	max-width:350px;
	margin:0 auto 15px;
	padding:0 0 10px;
	text-align: center;
	border-bottom: solid 1px #fff;
}
.subttlWrap .subttl h2.subttl500{
	max-width:500px;
	margin:0 auto 25px;
	padding:0 0 10px;
	text-align: center;
	border-bottom: solid 1px #fff;
}
.subttlWrap .subttl p{
	margin:0 auto;
	padding:0;
	text-align: center;
	line-height: 2;
}

@media (max-width: 640px) {
.sttl1{
	margin:0 15% 3%!important;
}
.sttl2{
	
}
.sttl3{
	
}
	.subttlWrap{
		background: url(../images/ttl01bg.png) center top;
	}
	.subttlWrap .subttl{
		margin:0 5%;
		padding:5% 0 0;
	}
	.subttlWrap .subttl2{
		margin:0 5%;
		padding:8% 0;
	}
	.subttlWrap .subttl h2,
	.subttlWrap .subttl2 h2{
		max-width:350px;
		margin:0 auto 10px;
		padding:0 0 10px;
		text-align: center;
		border-bottom: solid 1px #fff;
	}
	.subttlWrap .subttl h2.subttl500{
		max-width:500px;
		margin:0 auto 25px;
		padding:0 0 10px;
		text-align: center;
		border-bottom: solid 1px #fff;
	}
	.subttlWrap .subttl h2 img,
	.subttlWrap .subttl2 h2 img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
	.subttlWrap .subttl p{
		margin:0 auto ;
		padding:0 0 5%;
		text-align: left;
		line-height: 2;
	}
}
.cleanWrap{
	overflow: hidden;
	max-width: 1200px;
	margin:0 auto 4%;
	padding:0;
	background:#fff;
	color:#808080;
	line-height: 2;
}
.cleanWrap2{
	overflow: hidden;
	max-width: 970px;
	margin:0 auto 4%;
	padding:0;
	background:#fff;
	color:#808080;
	line-height: 2;
}
@media (max-width: 640px) {
	.cleanWrap{
		overflow: hidden;
		max-width: 1200px;
		margin:0 5% 15%;
		padding:0;
		background:#fff;
		color:#808080;
		line-height: 2;
	}
	.cleanWrap2{
		overflow: hidden;
		max-width: 970px;
		margin:0 5% 4%;
		padding:0;
		background:#fff;
		color:#808080;
		line-height: 2;
	}
}
.cleanText{
	display: inline-block;
	max-width: 45%;
	margin:6% 0 0;
}
.cleanImg{
	display: inline-block;
	max-width: 50%;
}
.cleanImg img{
	display:block;
	max-width: 100%;
	width:auto;
	height:auto;
	margin: 0 auto;
}
.cleanText2{
	display: inline-block;
	max-width: 585px;
	margin:6% 0 0;
}
.cleanImg2{
	display: inline-block;
	max-width: 350px;
	margin:0;
}
.cleanImg2 img{
	display:block;
	max-width: 100%;
	width:auto;
	height:auto;
	margin: 0 auto;
}
.cleanText3{
	max-width: 970px;
	margin:6% auto 5%;
	color:#666;
	line-height: 2;
}
.cleanImg3{
	max-width: 700px;
	margin:  0 auto;
}
.cleanImg3 img{
	display:block;
	max-width: 100%;
	width:auto;
	height:auto;
	margin: 0 auto;
}
.cleanText4{
	max-width: 450px;
	margin:0 auto;
}
.cleanImg4{
	max-width: 480px;
	margin:  0 auto;
}
.cleanImg4 img{
	display:block;
	max-width: 100%;
	width:auto;
	height:auto;
	margin: 0 auto;
}
.cleanTtl_center{
	text-align: center;
}
@media (max-width: 640px) {
	.cleanText{
		display: inline-block;
		max-width: 570px;
		margin:0;
	}
	.cleanImg{
		display: inline-block;
		max-width: 600px;
	}
	.cleanImg img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
	.cleanText2{
		display: inline-block;
		max-width: 585px;
		margin:0;
	}
	.cleanImg2{
		display: block;
		max-width: 350px;
		margin:5% 20%;
	}
	.cleanImg2 img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
	.cleanText3{
		max-width: 970px;
		margin:6% auto 5%;
		color:#666;
		line-height: 2;
	}
	.cleanImg3{
		max-width: 700px;
		margin:  0 auto;
	}
	.cleanImg3 img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
	.cleanText4{
		max-width: 450px;
		margin:0 auto;
	}
	.cleanImg4{
		max-width: 480px;
		margin:  0 auto;
	}
	.cleanImg4 img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
	.cleanTtl_center{
		text-align: center;
	}
}
.bgw{
	background:#fff;
	padding:3% 0;
}
.bgb{
	background:#1e1e1e;
	padding:3% 0 0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
@media (max-width: 640px) {
	.fl{
		float:none;
	}
	.fr{
		float:none;
	}
}
.colum{
	overflow: hidden;
	max-width: 960px;
	margin:0 auto;
}
ul.colum{
	display: table;
	table-layout: fixed; 
	max-width:960px;
	margin: 0 0 5%;
	padding:0;
	border-collapse: separate;
	border-spacing: 5px 0;
}
ul.colum li{
	display: table-cell;
	max-width:235px;
	padding:0 0 2%;
	background: #dce2ec;
	color: #000;
}
@media (max-width: 640px) {
	.colum{
		overflow: hidden;
		max-width: 960px;
		margin:0 5%;
	}
	ul.colum{
		overflow: hidden;
		display: block;
		table-layout: fixed; 
		max-width:960px;
		margin: 0 0 5%;
		padding:0;
	}
	ul.colum li{
		float:left;
		display: block;
		max-width:46%;
		margin:0 auto;
		padding:0 2% 2%;
		background: #fff;
		color: #000;
	}
	ul.colum li img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
}
.howto{
	padding: 0 5%;
	font-weight:bold;
	text-align: left;
	font-size:15px;
	line-height:1.5;
}
.comment{
	margin:0;
	padding:1% 4%;
	color: #666;
	font-size:14px;
	line-height:1.5;
	text-align: left;
}
.comment a{
	color: #666;
	text-decoration: underline;
}
.black{
	margin:0;
	padding:1% 0;
	background: #000;
	text-align: center;
	font-weight:normal;
}
.gray{
	margin:0 0 4%;
	padding:4%;
	background: #f2f4f3;
	color:#666;
}
.gray p{
	margin:0;
}
.lostBlock{
	overflow: hidden;
	max-width: 960px;
	margin:0 auto;
	background: #f3f4f3;
}
.lostTextCenter{
	text-align: center;
	margin: 0;
	padding:6% 0 2%;
	color:#000;
	font-size:18px;
}
.lostwrap{
	overflow: hidden;
	max-width: 420px;
	width: 43%;
	margin:0 auto;
	padding: 0 0 5%;
}
.lostwrap__fl{
	float:left;
	margin: 0 0 0 5%;
}
.lostwrap__fr{
	float:right;
	margin: 0 5% 0 0;
}
.lostText{
	width:43%;
	margin:0;
	padding:0;
	color:#000;
}
.lostProductText{
	font-size:18px;
}
.lostProductText span{
	display: inline-block;
	font-size:13px;
	line-height: 1.1;
}
.lostImg{
	width: 48%;
	padding:5% 0;
}
.lostImg img{
	display:block;
	max-width: 100%;
	width:auto;
	height:auto;
	margin: 0 auto;
}
@media (max-width: 640px) {
	.black{
		margin:0;
		padding:1% 3%;
		background: #000;
		text-align: center;
		font-weight:normal;
	}
	.pb{
		padding: 0 0 23%!important;
	}
	.howtowrap{
		padding: 0 0 5%;
		background: #d2d4d8;
	}
	.howto{
		margin:0;
		padding: 5% 5%;
		font-weight:bold;
		text-align: left;
		font-size:15px;
		line-height:1.5;
	}
	.lostwrap{
		overflow: hidden;
		max-width: 1005;
		width: auto;
		margin:0 auto;
		padding: 0 0 5%;
	}
	.lostwrap__fl{
		float:none;
		margin: 0 auto 3%;
	}
	.lostwrap__fr{
		float:none;
		margin: 0 auto;
	}
	.lostText{
		max-width: 560px;
		width:100%;
		padding:0;
		color:#000;
		text-align: center;
		font-size: 16px;
	}
	.lostBlock{
		overflow: hidden;
		margin:0 5% 15%;
		background: #f3f4f3;
	}
	.lostTextCenter{
		text-align: center;
		margin: 0;
		padding:6% 0;
		color:#000;
		font-size:14px;
	}
	.lostProductText{
		margin: 0 0 2%;
		line-height: 1.2;
	}
	.lostImg{
		max-width: 270px;
		margin:0 auto;
		padding: 0 0 5% 0;
	}
	.lostImg--pb0{
		max-width: 270px;
		margin:0 auto;
		padding: 0;
	}
	.lostImg img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
}
.w80{
	width: 82%;
}
.w70{
	width: 70%;
}
.btnwrap{
	max-width: 700px;
	margin:0 auto 5%;
	background: #000;
}
.btnwrap a{
	display: block;
	padding:2%;
	color:#fff;
	text-decoration:none;
	cursor: pointer;
}
.btnexp{
	margin:0 auto;
	font-size:16px;
	text-align: center;
}
.btn{
	margin:0 auto;
	font-size:22px;
	text-align: center;
}
.btn span{
	display: inline-block;
	padding-left:1em;
	background: url(../images/arrow.png) no-repeat left .8em;
}
.ampwrap{
	overflow:hidden;
	width:960px;
	margin:0 auto 6%;
	padding:4% 0 3%;
	background:#f3f4f3;
	color: #000;
}
.amptext{
	float:left;
	width:400px;
	margin:0;
	padding:0 3% 0 5%;
	font-size:18px;
}
.ampimg{
	float:right;
	width:441px;
	padding:0 3% 0 0;
}
@media (max-width: 640px) {
	.btnwrap{
		max-width: 700px;
		margin:0 5% 5%;
		background: #000;
	}
	.btnwrap a{
		display: block;
		padding:2%;
		color:#fff;
		text-decoration:none;
		cursor: pointer;
	}
	.btn{
		margin:0 auto;
		font-size:18px;
		text-align: center;
	}
	.w80{
		width: 100%;
	}
	.w70{
		width: 100%;
	}
	.ampwrap{
		overflow:hidden;
		width:auto;
		margin:0 auto 6%;
		padding:4% 0 3%;
		background:#f3f4f3;
		color: #000;
	}
	.amptext{
		float:none;
		width:auto;
		margin:0 5%;
		padding:0;
		font-size:18px;
	}
	.ampimg{
		float:none;
		width:100%;
		margin:0 auto 10%;
		padding:0;
	}
	.ampimg img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
}
.ampttl{
	margin:0;
}
.ampproduct{
	margin:2% 0 7%;
	font-size:10px;
}
.btnamp{
	max-width:330px;
	background: #000;
	font-size:16px;
}
.btnamp a{
	display: block;
	padding:4% 0;
	color:#fff;
	text-align: center;
	text-decoration:none;
}
.btnamp span{
	display: inline-block;
	padding-left:.6em;
	background: url(../images/arrow.png) no-repeat .5% .5em;
}
.btnmora{
	max-width:220px;
	background: #000;
	font-size:16px;
}
.btnmora a{
	display:block;
	padding:4% 0;
	color:#fff;
	text-align: center;
	text-decoration:none;
}
.btnmora span{
	display: inline-block;
	padding-left:.8em;
	background: url(../images/arrow.png) no-repeat 2% .8em;
}
@media (max-width: 640px) {
	.ampttl{
		margin:0;
		text-align: center;
		font-size: 18px;
	}
	.ampproduct{
		margin:2% 0 7%;
		font-size:10px;
		text-align: center;
	}
	.btnamp a{
		display: block;
		padding:4% 0;
		color:#fff;
		font-size:14px;
		text-decoration:none;
		text-align: center;
	}
	.btnmora{
		max-width:95%;
		background: #000;
	}
	.btnmora a{
		display:block;
		padding:4% 0;
		color:#fff;
		font-size:16px;
		text-decoration:none;
		text-align: center;
	}
}
.btnhead{
	display: inline-block;
	background: #000;
	font-size:16px;
}
.btnhead a{
	display: block;
	padding:4% 0;
	color:#fff;
	text-decoration:none;
	text-align: center;
}
.btnamp span{
	display: inline-block;
	padding-left:.6em;
	background: url(../images/arrow.png) no-repeat .5% .5em;
}
.footer{
	padding:2%;
	font-size:10px;
	text-align: center;
}
.hireswrap{
	width:960px; 
	margin:0 auto 5%; 
	padding:0 0 4%; 
	overflow:hidden; 
	background:#f3f4f3; 
}
.hirestext{
	float:left;
	width:593px;
	margin:0;
	padding:2% 0 0 5%;
	color:#666;
	line-height:2;
}
.hiresimg{
	float:right;
	margin:7% 5% 0 0;
}
.supportwrap{
	max-width:960px; 
	margin:0 auto 3%;
	padding:0; 
	overflow:hidden; 
	background:#fff;
	background: url(../images/wbg.jpg) left top;
}
.supporttext{
	margin:2% 0 2% 5%;
	color:#666;
}
.hires{
	margin: 150px 0 0;
}
@media (max-width: 640px) {

	.hires{
		margin: 5% 0;
	}
	.hireswrap{
		width:auto; 
		margin:0 0 5%; 
		padding:0 0 4%; 
		overflow:hidden; 
		background:#f3f4f3;
	}
	.hirestext{
		float:none;
		width:auto; 
		margin:0;
		padding:2% 0 0 5%;
		color:#666;
		line-height:2;
	}
	.hiresimg{
		float:none;
		margin:7% auto;
	}
	.hiresimg img{
		display:block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin: 0 auto;
	}
	.supportwrap{
		width:auto; 
		margin:0 3% 3%;
		padding:0; 
		overflow:hidden; 
		background:#fff;
		background: url(../images/wbg.jpg) left top;
	}
	.supporttext{
		margin:2% 5%;
		color:#666;
	}
}
.btnsupport{
	width:280px;
	margin:2.5% 5% 2.5% 0;
	padding:0;
	background: #000;
	font-size:16px;
}
.btnsupport a{
	display: block;
	padding:3.5% 0;
	color:#fff;
	text-align: center;
	text-decoration: none;
}
.btnsupport span{
	display: inline-block;
	padding-left:.6em;
	background: url(../images/arrow.png) no-repeat 0 .6em;
}
.iken{
	max-width:960px;
	margin:0 auto;
	padding:0 0 4%;
	overflow:hidden;
	color:#666;
	background: url(../images/wbg.jpg) left top;
}
.ikenTtl{
	margin:5% auto 3%;
	font-size:22px;
}
.iken_text{
	margin:0 auto 5%;
	color:#666;
	line-height:2;
	text-align:center;
}
.ikenbtn{
	text-align:center;
	margin:0 auto;
	padding:0;
	max-width:700px;
	font-size:22px;
	background:#000;
}
.ikenbtn a{
	display: block;
	padding:3% 10%;
	color:#fff;
}
.ikenbtn span{
	display: inline-block;
	padding-left:.6em;
	background: url(../images/arrow.png) no-repeat 0 .6em;
}
@media (max-width: 640px) {
	.btnsupport{
		width:90%;
		margin:2.5% 5%;
		padding:0;
		background: #000;
		font-size:16px;
		text-align: center;
	}
	.btnsupport a{
		display: block;
		padding:3.5% 0;
		color:#fff;
		text-decoration: none;
	}
	.iken{
		max-width:1005;
		margin:0 3% 3%;
		padding:0 0 4%;
		overflow:hidden;
		background:#fff;
		color:#666;
		background: url(../images/wbg.jpg) left top;
	}
	.iken_text{
		margin:0 5% 5%;
		color:#666;
		line-height:2;
		text-align:center;
	}
	.ikenTtl{
		color:#666;
		margin:5% 5% 3%;
		font-size:22px;
	}
	.ikenbtn{
		margin:0 5%;
		padding:0;
		max-width:700px;
		font-size:16px;
		background:#000;
	}
	.ikenbtn a{
		display: block;
		padding:3% 8%;
		color:#fff;
		text-align:center;
	}
}
.pc {
  display: block;
}
.sp {
  display: none;
}
.br {
  display: block;
}
.br2{
  display: none;
}
@media (max-width: 640px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .br {
    display: none;
  }
 .br2{
	  display: block;
	}
}

.s5-storeButton{
	margin:2% 0;
	padding:7% 10.1%!important;
	font-size: 14px!important;
}
@media (max-width: 640px) {
	.s5-storeButton{
		margin:2% 0;
		padding:3% 25.1%!important;
		font-size: 14px!important;
	}
}