.mainvisual{
	width: 950px;
	height:226px;
	margin:0 auto;
}
@media (max-width: 640px) {
	.mainvisual{
		width: auto;
		height:auto;
		margin:15px auto 0;
	}
	.mainvisual img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}
.featurettlline{
	overflow:hidden;
	margin:22px 0 0;
	border-top:3px solid #ea5404;
}
.featurettl{
	width:950px;
	margin:5px 0;
	font-size:2em;
	text-align:center;
}
.featureLeft{
	float:left;
	width:654px;
	height:25px;
	padding:5px 0 0;
	color:#fff;
	background:#ea5404;
	font-size:1.3em;
	text-align:center;
}
.featureRight{
	float:right;
	width:295px;
	height:25px;
	padding:5px 0 0;
	color:#fff;
	background:#ea5404;
	font-size:1.3em;
	text-align:center;
}
.iconwrap{
	overflow:hidden;
	width: 950px;
	margin:20px 0 40px;
}
.icon1{
	float:left;
	width: 322px;
}
.icon2{
	float:left;
	width: 332px;
}
.icon3{
	float:left;
	width: 296px;
}
@media (max-width: 640px) {
	.featurettlline{
		overflow:hidden;
		margin:22px 0 0;
		border-top:3px solid #ea5404;
	}
	.featurettl{
		width:auto;
		margin:5px 0;
		font-size:2em;
		text-align:center;
	}
	.featureLeft{
		float:none;
		width:auto;
		height:25px;
		padding:10px 0;
		color:#fff;
		background:#ea5404;
		font-size:1.3em;
		text-align:center;
	}
	.featureRight{
		float:none;
		width:auto;
		height:25px;
		padding:10px 0;
		color:#fff;
		background:#ea5404;
		font-size:1.3em;
		text-align:center;
	}
	.iconwrap{
		overflow:hidden;
		width: auto;
		margin:0;
	}
	.icon1{
		float:none;
		width: auto;
		margin:20px 20px;
		padding:0 0 30px;
		border-bottom:solid 1px #000;
	}
	.icon1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.icon2{
		float:none;
		width: auto;
		margin:30px 20px 40px;
		padding:0;
		
	}
	.icon2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.icon3{
		float:none;
		width: auto;
		margin:20px 20px 30px;
		padding:0 0 20px;
	}
	.icon3 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}
.moviewrap{
	overflow:hidden;
	width: 814px;
	height:300px;
	margin:0 auto;
}
.movieleft{
	float:left;
	width: 255px;
	margin:30px 0 0;
}
.movieright{
	float:right;
	width: 555px;
}
.copy{
	width: 950px;
	margin:40px auto 30px;
}
@media (max-width: 640px) {
	.moviewrap{
		overflow:hidden;
		width: auto;
		height:auto;
		margin:0 auto;
	}
	.moviewrap img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.movieleft{
		float:none;
		width: auto;
		margin:0;
	}
	.movieright{
		float:none;
		width: auto;
		margin:0 auto;
	}
	.movieright iframe{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.copy{
		width: auto;
		margin:10% 0;
	}
	.copy img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:40px auto;
	}
}
.boxwrap{
	overflow:hidden;
	width: 950px;
	margin:0 0 37px;
}
.boxleft{
	float:left;
}
.boxright{
	float:right;
}
@media (max-width: 640px) {
	.boxwrap{
		overflow:hidden;
		width: auto;
		margin:0;
	}
	.boxleft{
		float:none;
	}
	.boxright{
		float:none;
	}
}
.case{
	position:relative;
	width:455px;
	height:277px;
}
.casettl{
	width:455px;
	margin:0 0 5px;
}
.caseimg{
	position:absolute;
	left:0;
	top:0;
}
.casephoto{
	position:absolute;
	left:275px;
	top:117px;
}
.casetext{
	position:absolute;
	left:74px;
	top:222px;
	*left:39px;
	*top:235px;
	width:380px;
	*width:420px;
	margin:0;
	font-size:1.1em;
}
.casetext ul{
	list-style:none;
	padding:0;
}
.casetext ul li{
	margin:0 0 3px;
	padding-left:20px;
	background:url(../images/checkmark.png) no-repeat left top;
}
.casetext span{
	color:#f74c00;
	font-weight:bold;
}
.point{
	position:absolute;
	left:0;
	top:216px;
}
@media (max-width: 640px) {
	.case{
		position:static;
		width:auto;
		height:auto;
	}
	.casettl{
		width:auto;
		margin:0 0 5px;
	}
	.casettl img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.caseimg{
		position:static;
		left:0;
		top:0;
		margin:0 0 50px;
	}
	.caseimg img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.casephoto{
		diplay:none;
	}
	.casetext{
		position:static;
		width:auto;
		margin:20px 0;
		font-size:1.1em;
	}
	.casetext span{
		color:#f74c00;
		font-weight:bold;
	}

}

/********************
すべてのミュージックシーンを美しく　導線
*******************/
.pdtarea{
	overflow:hidden;
	width: 910px;
	margin:0 auto;
	padding:0;
}
.pdtarealeft{
	float:left;
	width:293px;
	margin:66px 0 0 30px;
}

.pdtarealeft ul{
 list-style:none;
}

.pdtarearight{
	float:right;
	width:306px;
	margin:41px 30px 0 0;
}

.pdtareabtnwrap{
	overflow:hidden;
	width:306px;
	margin:30px 0 0;
}

.pdtareabtnleft{
	float:left;
	width:145px;
	margin:0 15px 0 0;
}

.pdtareabtnright{
	float:right;
	width:145px;
	margin:0;
}

.pdtareaimg{
	float:left;
	width:226px;
	height:200px;
	margin:32px 0 0 5px;
}

@media (max-width: 640px) {
	.pdtarea{
		overflow:hidden;
		width: auto;
		margin:0 auto;
		padding:0;
	}
	
	.pdtarealeft{
		float:none;
		width: auto;
		margin:0 auto;
	}
	
	.pdtareabtnwrap{
		overflow:hidden;
		width: auto;
		height:auto;
		margin:0 0 40px;
	}
	
	.pdtareabtnleft{
		float:left;
		width: 49%;
		height:auto;
		margin:0;
	}
	.pdtareabtnleft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.pdtareabtnright{
		float:right;
		width: 49%;
		height:auto;
		margin:0;
	}
	.pdtareabtnright img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.pdtareaimg{
		float:none;
		width: auto;
		height:auto;
		margin:0 auto;
	}
	
	.pdtareaimg img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}

.menuwrap{
	width:710px;
	margin:0 auto 70px;
}
.menuwrap ul{
	overflow:hidden;
	width:710px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
.menuwrap ul li{
	float:left;
	width:230px;
	height:53px;
	margin:0 10px 0 0;
	padding:0;
}
.menuwrap ul li.last{
	float:left;
	width:230px;
	height:53px;
	margin:0;
	padding:0;
}
@media (max-width: 640px) {
	.menuwrap{
		width:auto;
		margin:0 0 70px;
	}
	.menuwrap ul{
		overflow:hidden;
		width:auto;
		margin:0 auto;
		padding:0;
		list-style:none;
	}
	.menuwrap ul li{
		float:none;
		width:auto;
		height:auto;
		margin:0 auto 20px;
		padding:0;
	}
	.menuwrap ul li img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.menuwrap ul li.last{
		float:none;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.menuwrap ul li.last img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}

.pc{
		display:block;
}
.sp{
		display:none;
}
@media (max-width:640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}
.dummyselected{
	display:none;
}
a:hover .fadeImg {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}