/*lightbox*/

.p-lightbox_layer *{
	box-sizing: border-box;
}

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

.p-lb_title{
	position: fixed;
	width: 100%;
	top:1.25rem; left: 0px;
	text-align: center;
	
	font-size: 1.75rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
}

.p-lb_content{
	flex: 0 0 auto;
	width: 860px; /*------lightbox width-----------------*/
	max-width: calc(100% - 40px);
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 1px 2px 18px -2px rgba(0,0,0,0.8);
  border-radius: 6px;
	padding: 0;
	height: calc(100% - 60px);
	text-align: left;
	-webkit-overflow-scrolling:touch;
}
.p-lb_content.mov{
	height: auto;
	max-height: calc(100% - 60px);
	aspect-ratio: 4/3;
}

.p-iframe_wrap{
	width: 100%;
	height: 100%;
  border-radius: 6px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#main_frame{
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}