/*	lightbox
============================== */
div.lb-outer {
	text-align:center;
}

div.lbox-done {
	-webkit-animation: zoomIn 800ms;
	animation: zoomIn 800ms;
}
div.lb-outer div.lb-inner {
	background-color:#fff;
	margin-bottom:10px;
	/**/
	font-family: tbudgothic-std, sans-serif;
	font-style: normal;
	font-weight:400;
	/**/
}
@media all and (min-width: 768px) {
div.lb-outer {
	width:700px;
	margin:40px auto;
}
div.lb-tate {
	width:420px;
}
}
@media all and (max-width: 767px) {
div.lb-outer {
	width:94%;
	margin:20px auto;
}
div.lb-tate {
	width:80%;
}
}
/*	figure
============================== */
figure.lb-photo {
	box-shadow: 0 0 0 2px #fff;
}
figure.lb-photo > span, figure.lb-photo span img {
	display:block;
}
figure.lb-photo > span {
	position:relative;
	height:0;
	background-size:cover;
}
figure.lb-photo span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
figure.lb-photo figcaption {
	padding:0.5em;
	line-height:1.5;
	background-color:#fff;
}
figure.lb-photo figcaption > span {
	color:#000;
	text-align:center;
	line-height:1.5;
}
@media all and (min-width: 768px) {
figure.lb-photo figcaption {
	font-size:125%;
}
}
@media all and (max-width: 767px) {
figure.lb-photo figcaption {
	font-size:87.5%;
}
}

div.lb-outer div.lb-close {
	width:40px;
	margin:0 auto;
}
div.lb-outer div.lb-close a {
	display:block;
	height:40px;
	background-image:url(/um/img/btn_lightbox.svg);
	background-size:80px 80px;
	background-position:left top;
	border-radius:20px;
	background-color:#eb007f;
	
}


div.lb-inner p.lb-sanka {
	line-height:1.5;
	padding:0.75em;
	font-weight:bold;
	color:#c00;
}
div.lb-inner p.lb-etc {
	line-height:1.5;
	padding:0.75em;
}
div.lb-inner ul li {
	line-height:1.5;
}
@media all and (min-width: 768px) {
div.lb-inner p.lb-sanka {
	font-size:150%;
}
}
@media all and (max-width: 767px) {
div.lb-inner p.lb-sanka {
	font-size:112.5%;
}
div.lb-inner p.lb-etc {
	font-size:87.5%;
}
}

@media print {
div.lbox-done, div.tbs-v8-lightbox, div.tbs-v8-overlay {
	display:none;
}
}


body.tbs-v8-overlay-on div.tbs-v8-overlay {
	background-color: #00a0ff !important;
	background-image: radial-gradient(circle at 7.5px 7.5px, rgb(255, 255, 255, 0.1) 4px, transparent 4px), radial-gradient(circle at 22.5px 22.5px, rgba(255, 255, 255, 0.1) 4px, transparent 4px) !important;
	background-size: 30px 30px !important;
}
