.lb-loader,
.lightbox {
	text-align:center;
	line-height:0
}

body:after {
	content:url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
	display:none
}

.lb-dataContainer:after,
.lb-outerContainer:after {
	content:"";
	clear:both
}

body.lb-disable-scrolling { overflow:hidden }

.lightboxOverlay {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	background-color:#7d7d7d;
	filter:alpha(Opacity=76);
	opacity:.7;
	display:none
}

.lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:10000;
	font-weight:400
}

.lightbox .lb-image {
	display:block;
	height:auto;
	max-width:inherit;
	max-height:none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}


@media screen and (max-width: 768px) {
.lightbox .lb-image {
	display:block;
	height:auto!important;
	max-width:inherit;
	max-height:none;
	border-radius:3px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%!important;
}
}



.lightbox a img { border:none }

.lb-outerContainer {
	position:relative;
	width:100%;
	max-width:1064px !important;
	height:auto;
	margin:0 auto;
	text-align: center;
}

	@media screen and (max-width: 768px) {
.lb-outerContainer {
	position:relative;
	width:95% !important;
	height:auto!important;
	margin:0 auto;
	text-align: center;
}

}

.lb-loader,
.lb-nav {
	position:absolute;
	left:0
}

.lb-outerContainer:after { display:table }

.lb-loader {
	top:43%;
	height:25%;
	width:100%
}

.lb-cancel {
	display:block;
	width:32px;
	height:32px;
	margin:0 auto;
	background:url(../images/loading.gif) no-repeat
}

.lb-nav {
	top:0;
	height:100%;
	width:100%;
	z-index:10
}
/*
.lb-container{
padding-right: 180px;
	padding-left: 180px;	
}*/

	@media screen and (max-width: 768px) {
.lb-container{
padding-right: 35px;
	padding-left: 35px;	
}

}



.lb-container>.nav { left:0 }

.lb-nav a {
	outline:0;
	background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
	height:100%;
	cursor:pointer;
	display:block
}

.lb-nav a.lb-prev {
	width:32px;
	left:0;
	float:left;
	filter:alpha(Opacity=0);

	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: -16px;
	bottom: 50%;
}


@media screen and (max-width: 768px) {
.lb-nav a.lb-prev {
width:22px;
	left:0;
	float:left;
	filter:alpha(Opacity=0);
	background-image: url(../img/arrow.png);
background-size:44px 39px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: -11px;
	bottom: 50%;
}

}


.lb-nav a.lb-prev:hover {
	filter:alpha(Opacity=100);
	opacity:1
}

.lb-nav a.lb-next {
	width:32px;
	right:0;
	float:right;
	filter:alpha(Opacity=0);
	
	
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
margin-top: -16px;

	bottom: 50%;}
	
	@media screen and (max-width: 768px) {
.lb-nav a.lb-next {
	width:22px;
	right:0;
	float:right;
	filter:alpha(Opacity=0);
	background-image: url(../img/arrow.png);
	background-size:44px 39px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: -11px;
	bottom: 50%;
}

}


.lb-nav a.lb-next:hover {
	filter:alpha(Opacity=100);
	opacity:1
}

.lb-dataContainer {
	padding-top:6px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
}


.lb-dataContainer:after { display:table }

.lb-data {
	padding:0 4px;
	color:#ccc
}

.lb-data .lb-details {
	width:85%;
	float:left;
	text-align:left;
	line-height:1.1em
}

.lb-data .lb-caption {
	font-size:14px;
	font-weight:700;
	line-height:1em;
	color: #FFF;
	padding-right: 180px;
	padding-left: 180px;
}



@media screen and (max-width: 768px) {
.lb-data .lb-caption {
	font-size:14px;
	font-weight:700;
	line-height:1em;
	color: #FFF;
	/*padding-right: 42px;
	padding-left: 42px;*/
}

}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
 .lb-data .lb-caption {
	font-size:11px;
	font-weight:400;
	line-height:1em;
	color: #FFF;
}
	
.lb-dataContainer {
	width:70% !important;
}
	
}
.lb-data .lb-caption a { color:#4ae }

.lb-data .lb-number {
	display:none;
	clear:left;
	padding-bottom:1em;
	font-size:12px;
	color:#999
}

.lb-data .lb-close {
	display:block;
	float:right;
	width:40px;
	height:40px;
	text-align:right;
	outline:0;
	filter:alpha(Opacity=70);
	opacity:.7;
	-webkit-transition:opacity .2s;
	-moz-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s;
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	z-index: 9999;
}

@media screen and (max-width: 768px) {

.lb-data .lb-close {
	display:block;
	float:right;
	width:20px;
	height:20px;
	text-align:right;
	outline:0;
	filter:alpha(Opacity=70);
	opacity:.7;
	-webkit-transition:opacity .2s;
	-moz-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s;
	background-image: url(../img/close.png);
	background-size:20px 20px;
	background-position: center center;
	cursor: pointer;
	background-repeat: no-repeat;
}


}

@media screen and (max-width: 768px) {

.lb-closeContainer {
	position: absolute;
	right: 14%!important;
	top: -30px!important;
	cursor:pointer;
	z-index: 9999;
}

}

.lb-data .lb-close:hover {
	cursor:pointer;
	filter:alpha(Opacity=100);
	opacity:1
}


.lb-closeContainer {
	position: absolute;
	top: 0px;
	right: 50px;
	cursor:pointer;
		z-index: 9999;
	
	}