@charset "UTF-8";

#pvArea_over {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: #fff;
	/*background-color: rgba(255,255,255,.9);*/
}
#pvArea_over #playerBase {
	position: absolute;
	left: 0;
	right: 0;
	height: 0;
	margin: auto;
	transition: all 300ms 0s ease;
}
#pvArea_over iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#pvArea_over #close {
	box-sizing: border-box;
	position: fixed;
	z-index: 1000;
	cursor: pointer;
	transition: all 300ms 0s ease;
}
#pvArea_over #close p {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	margin: auto;
	background-color: #5a5757;
}
#pvArea_over #close p:first-of-type {
	transform: rotate(-45deg);
}
#pvArea_over #close p:nth-of-type(2) {
	transform: rotate(45deg);
}

#pvArea_over #close:hover,#pvArea_over #close:focus {
	opacity: .4;
}
#pvArea_over .pvlist2 {
	width: 100%;
	letter-spacing: -.40em;
}
#pvArea_over .pvlist2 li {
	box-sizing: border-box;
	width: calc(calc(100% / 3) - 1px);
	margin-top: 1px;
	padding: .3em 0;
	text-align: center;
	line-height: 1.3em;
	font-size: .9em;
	cursor: pointer;
	color: #000;
	background-color: #5dc1cf;
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}
#pvArea_over .pvlist2 li.now {
	color: #000;
	background-color: #ea6d8d;
}

/* ----------------------------- */
body:not(.sphone) #pvArea_over #close {
	right: 6%;
	top: 2%;
	width: 50px;
	height: 50px;
	padding-top: 25px;
}
body:not(.sphone) #pvArea_over #playerBase {
	top: 2%;
	width: 68%;
	padding-top: 38.25%;
}
body:not(.sphone) #pvArea_over .pvlist2 {
	position: fixed;
	left: 0;
	bottom: 0;
	margin: auto;
}
body:not(.sphone) #pvArea_over .pvlist2 li:nth-child(3n+2) {
	margin-left: 1px;
	margin-right: 1px;
}

/* ----------------------------- */
.sphone #pvArea_over {
	overflow-y: scroll;
}
.sphone #pvArea_over #close {
	width: 15vw;
	height: 15vw;
}
.sphone #pvArea_over #playerBase {
	top: 15vw;
	width: 96%;
	padding-top: 50.675%;
}
.sphone  #pvArea_over #close {
	right: 0;
	top: 0;
	width: 8vw;
	height: 8vw;
}
.sphone #pvArea_over .pvlist2 {
	position: relative;
	top: 76vw;
}
.sphone #pvArea_over .pvlist2 li {
	padding: .6em 0;
}
.sphone #pvArea_over .pvlist2 li:nth-child(2) {
	margin-left: calc(3px / 2);
	margin-right: calc(3px / 2);
}
.sphone #pvArea_over .pvlist2 li:nth-child(n+4) {
	width: 100%;
}