/*jean-ken_johnny01*/

.ocp div.imageB01 iframe {
	margin-bottom: 20px;
}

@media (max-width:767px) {
.ocp div.imageB01 p.col1,
.ocp div.imageB01 p.col2,
.ocp div.imageB01 p.col3 {
	height: 0;
	margin: 0 auto 15%;
	padding: 4% 0 56.25% !important;
	position: relative;
	width: 100%;
	z-index: 1;
}
.ocp div.imageB01 {
	text-align: center;
}
.ocp div.imageB01 p.col1 iframe,
.ocp div.imageB01 p.col2 iframe,
.ocp div.imageB01 p.col3 iframe {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.ocp div.imageB01 p.col1 a,
.ocp div.imageB01 p.col2 a,
.ocp div.imageB01 p.col3 a {
	left: 0;
	position: absolute;
	width: auto;
	z-index: 2;
	bottom: 0;
	margin: 0 auto;
	margin-bottom: -12%;
	right: 0;
}
}
@media (max-width:570px) {
.ocp div.imageB01 p.col1,
.ocp div.imageB01 p.col2,
.ocp div.imageB01 p.col3 {
	margin: 0 auto 17%;
}
.ocp div.imageB01 p.col1 a,
.ocp div.imageB01 p.col2 a,
.ocp div.imageB01 p.col3 a {
	margin-bottom: -14%;
}
}
@media (max-width:490px) {
.ocp div.imageB01 p.col1,
.ocp div.imageB01 p.col2,
.ocp div.imageB01 p.col3 {
	margin: 0 auto 19%;
}
.ocp div.imageB01 p.col1 a,
.ocp div.imageB01 p.col2 a,
.ocp div.imageB01 p.col3 a {
	margin-bottom: -16%;
}
}
@media (max-width:440px) {
.ocp div.imageB01 p.col1,
.ocp div.imageB01 p.col2,
.ocp div.imageB01 p.col3 {
	margin: 0 auto 22%;
}
.ocp div.imageB01 p.col1 a,
.ocp div.imageB01 p.col2 a,
.ocp div.imageB01 p.col3 a {
	margin-bottom: -19%;
}
@media (max-width:340px) {
.ocp div.imageB01 p.col1,
.ocp div.imageB01 p.col2,
.ocp div.imageB01 p.col3 {
	margin: 0 auto 24%;
}
.ocp div.imageB01 p.col1 a,
.ocp div.imageB01 p.col2 a,
.ocp div.imageB01 p.col3 a {
	margin-bottom: -21%;
}
}