@charset "utf-8";

#top-ws {
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: auto;
}

.wideslider {
	padding-bottom: 27px;
	width: 100%;
	height: 400px; /* top-pointのアニメーションのため */
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 73px;
	opacity: 0; /* 新Verだと読み込み時に表示が崩れるので、完了するまで透過しておく */
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: #fff url('../img/slider-prev@2x.jpg') no-repeat scroll right center / 100px auto;
}
.slider_next {
	background: #fff url('../img/slider-next@2x.jpg') no-repeat scroll left center / 100px auto;
}

.wideslider li a {
	display: block;
	width: 1020px;
	height: 400px;
	background: url('../img/slide-img-original-song@2x.jpg') no-repeat left top / 1020px auto;
	}
.wideslider li a[href$='/arrange/'], .pagination a.pn2 { background-image: url('../img/slide-img-arrange@2x.jpg');
}
.wideslider li a[href$='/recording/'], .pagination a.pn3 {
	background-image: url('../img/slide-img-recording@2x.jpg');
}
.wideslider li a[href$='/mixdown/'], .pagination a.pn4 {
	background-image: url('../img/slide-img-mixdown@2x.jpg');
}
.wideslider li a[href$='/mastering/'], .pagination a.pn5 {
	background-image: url('../img/slide-img-mastering@2x.jpg');
}
.wideslider li a span {
	display: block; height: 0; padding-top: 400px;
}

.pagination_wrap {
	width: 1020px;
	height: 54px;
	bottom: 0px;
	position: absolute;
	right: 0px;
	left: 0px;
	margin: auto;
}

.pagination {
	bottom: 0px;
	right: 10px;
	width: 690px;
	height: 54px;
	position: absolute;
	z-index: 200;
}
.pagination a {
	margin: 0px 5px;
	width: 122px;
	height: 48px;
	display: inline-block;
	overflow: hidden;
	background: url('../img/slide-img-original-song@2x.jpg') no-repeat left top / 122px auto;
	border: 3px solid #727272;
}

.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	border-color: #64C2CB;
}

.pagination a:hover {
	border-color: #E173A7;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}