/* CSS Document */


.p-lightbox_layer--zoom_fig{
	display: none;
	opacity: 0;
	background-color: rgba(0,0,0,0.8);
	transition: opacity 0.3s;
	position: fixed;
	top:0px; left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	box-shadow: 1px 2px 18px -2px rgba(0,0,0,0.8);
	justify-content: center;
	align-items: center;
}
.p-lightbox_layer--zoom_fig.is-open{
	opacity: 1;
}

.p-lb_content_wrap{
	width:auto;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.p-lb_content_y-padding{
	flex:0 0 auto;
	height: 50px;
	position: relative;
}
.p-lb_content--zoom_fig{
	flex: 0 0 auto;
	width: auto;
	height: auto;
	min-width: 1160px;
	max-height: calc(100% - 100px);
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	padding: 20px 20px;
	overflow: auto;
}

.p-lb_content__img{
	margin: 0 auto;
	width: 100%;
}
.p-lb_content__img img{
	width: 100%;
	height: auto;
}
.p-lb_content__caption{
	margin: 0.5rem auto;
	padding: 0;
	font-size: 0.9375rem;
	text-align: left;
}

.js-zoom_fig{
	cursor: pointer;
	position: relative;
	/*border: rgba(180,0,45,0.6) 1px solid;*/
}
.js-zoom_fig::before{
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	top:0px; left: 0px;
	width: 100%; height: 100%;
	border: rgba(166,196,235,1) 1px solid;
	/*background-color: rgba(180,0,45,0.06);*/
	background-color:rgba(166,196,235,0);
	border-radius: 4px;
	opacity: 0.8;
	transition: all 0.3s;
}
.js-zoom_fig:hover::before{
	opacity: 1;
	background-color: rgba(166,196,235,0.3);
}
.js-zoom_fig::after{
	content:"";
	display: block !important;
	position: absolute;
	right:5px; bottom: 5px;
	width: 46px;
	height: 46px;
	box-sizing: border-box;
	font-size: 0.9375rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: rgba(19,55,135,0.8) url("ui_parts/icon_zoom.svg") no-repeat 50% 50%;
	border-radius: 4px;
	border: #fff 1px solid;
	text-align: center;
}
.js-zoom_fig.small::after{
	content:"";
	width: 46px;
	height: 46px;
	padding: 0;
	background-position: 50% 50%;
}

.p-lightbox_closeBtn--zoom_fig{
	position: absolute;
	bottom:15px; right:0px;
	/*top:12px; right: 16px;*/
	width: 24px; height:24px;
	background: url("/tech/overseas/common/js/zoom_fig/ui_parts/icon_close.svg") no-repeat 50% 50%;
	cursor: pointer;
	transition: opacity 0.2s;
	opacity:0.7;
}
.p-lightbox_closeBtn--zoom_fig:hover{
	opacity: 1;
}

@media print{
    .no_print{
    	display: none !important;
    }
    .p-lightbox_layer{
    	background-color: rgba(0,0,0,0);
    }
    .p-lb_content{
			width: 80% !important;
			height: auto !important;
    }
		.p-lb_content__img{
			width: 100% !important;
			height: auto !important;
		}
    .p-lb_content__img_wrap img{
			width: 100% !important;
			height: auto !important;
    }
		.p-lb_content__caption{
			width: 100% !important;
		}
    .p-lightbox_closeBtn{
			display: none;
    }
}