/* CSS Document */


.p-lightbox_layer{
	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.is-open{
	opacity: 1;
}
.p-lb_content{
	flex: 0 0 auto;
	width: 1160px;
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	height: auto;
	/*max-height: calc(100% - 100px);*/
	max-height: calc(100% - 40px);
	padding: 10px 0px;
	overflow: auto;
}
.p-lb_content__img{
	margin: 0 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;
}
.js-zoom_fig::before{
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	top:0px; left: 0px;
	width: 100%; height: 100%;
	border: rgba(180,0,45,0.6) 2px solid;
	/*background-color: rgba(180,0,45,0.06);*/
	background-color: rgba(0,0,0,0.2);
	border-radius: 4px;
	opacity: 0;
	transition: opacity 0.3s;
}
.js-zoom_fig:hover::before{
	opacity: 1;
}
.js-zoom_fig::after{
	content:"";
	display: block;
	position: absolute;
	right:8px; bottom: 8px;
	width: 50px;
	height: 46px;
	box-sizing: border-box;
	font-size: 0.9375rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	/*background: rgba(180,0,45,0.8) url("ui_parts/icon_zoom.svg") no-repeat 5px 50%;*/
	background: rgba(8,134,136,0.86) url("ui_parts/icon_zoom.svg") no-repeat 50% 50%;
	border-radius: 6px;
	/*padding: 0.875rem 1.5rem 0.875rem 3rem;*/
	padding: 0;
	border: #fff 2px solid;
	text-align: center;
	box-shadow: 3px 4px 8px -2px rgba(0,0,0,0.8);
}
.js-zoom_fig.small::after{
	content:"";
	width: 46px;
	height: 46px;
	padding: 0;
	background-position: 50% 50%;
}

.p-lightbox_closeBtn{
	position: absolute;
	top:20px; right: 30px;
	width: 44px; height:44px;
	background: url("ui_parts/icon_close.svg") no-repeat 50% 50%;
	/*border-radius: 50%;
	border: #e0e0e0 2px solid;
	box-shadow: 1px 2px 18px -2px rgba(0,0,0,0.6);*/
	cursor: pointer;
	transition: opacity 0.2s;
	opacity:0.85;
}
.p-lightbox_closeBtn: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;
    }
}

/*sp*/

.sp .p-lb_content{
	width: 95%;
	height: calc(100% - 90px);
	max-height: inherit;
	margin-top: -50px;
	padding: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 4px;
	overflow: auto;
}
.sp .p-lb_content__img_wrap{
	max-width: 100%;
	max-height: calc(100% - 30px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.sp .p-lb_content__caption{
	margin: 0.5rem 1rem;
	font-size: 0.875rem;
	width: 100%;
}
.sp .p-lightbox_closeBtn{
	top:calc(100% - 60px); right: inherit;
	left: 50%;
	margin-left: -22px;
}