@charset "UTF-8";
/* CSS Document */

/************************** lightbox *****************************/

#lightbox-overlay-popup {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10001;
	display:none;
}
#lightbox-bgcolor-popup {
	background-color:#1f1f1f;
	opacity:0.85;
	filter:alpha(opacity = 85);
	width:100%;
	height:100%;
}

/************************** popupwindow *****************************/

#popupwindow-element {
	display:none;
}
#popupwindow-wrapper {
	width:510px;
	height:0;
	overflow:hidden;
	position:absolute;
	z-index:1000;
	top:0;
}
#popupwindow-bg {
	background-color:#fff;
	position:relative;
}
#popupwindow-bg .btn-close {
	position:absolute;
	display:block;
	top:16px;
	right:16px;
	width:45px;
	height:45px;
	cursor:pointer;
	overflow:hidden;
	z-index:100;
}
#popupwindow {
	padding:63px 18px 18px;
	text-align:center;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#popupwindow iframe {
	width:437px;
	height: 100%;
}
#popupwindow .jspVerticalBar {
	width:33px;
	background:none;
	margin:8px 0;
}
#popupwindow .jspVerticalBar .jspCap {
	display: block;
	width:9px;
	height:7px;
	margin:0 auto;
	background-image:url(images/spr-global-lightbox.png);
	background-repeat:no-repeat;
}
#popupwindow .jspVerticalBar .jspCap.jspCapTop {
	background-position : -61px -51px ;
	margin-top:-8px;
}
#popupwindow .jspVerticalBar .jspCap.jspCapBottom {
	background-position : -61px -64px ;
	margin-bottom:-8px;
}
#popupwindow .jspVerticalBar .jspTrack {
	background: none;
	background:url(images/img-lightbox-scroll-track-1px.png) repeat-y center;
}
#popupwindow .jspVerticalBar .jspDrag	{
	position:relative;
	background:none;
	background:url(images/img-lightbox-scroll-slider-3line.png) no-repeat 50% 50% #323131;
	border:1px solid #555;
	border-radius:3px;
	-pie-border-radius:3px;
	behavior:url(/etc/designs/panasonic/common-clientlibs/css/PIE.htc);
}
html.touch-device #popupwindow .scrlbox {
	-webkit-overflow-scrolling:touch!important;
	overflow:auto!important;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
	
	#popupwindow-wrapper {
		width:100%;
		top:0;
	}
	#popupwindow-bg {
		margin:10px;
		background-color:#fff;
	}
	#popupwindow-bg .btn-close {
		top:7px;
		right:7px;
		width:32px;
		height:32px;
		background:url(/etc/designs/panasonic/common-clientlibs/images/btn-lightbox-close.png) no-repeat;
		background-size:32px 32px;
	}
	#popupwindow-bg .btn-close img {
		display:none;
	}
	#popupwindow {
		padding:45px 15px 15px;
	}
	#popupwindow .scrlbox {
		overflow:auto;
	}
	#popupwindow .scrlbox .jspVerticalBar {
		width:15px;
	}
	#popupwindow-wrapper .jScrollbar_draggable { /* slider container */
		display:none!important;
	}
	#popupwindow-wrapper.android2 .jScrollbar_draggable { /* slider container */
		display:block!important;
	}
}