@charset "utf-8";
/* CSS Document */
.lightbox {
	padding: 20px;
}
.lightbox a {
	color: #333;
}
.lightbox h1 {
	font-size: 25px;
	border-left: 5px solid #D2E13C;
	padding-left: 10px;
}
.lightbox h3 {
	padding: 6px 0;
	text-align: center;
	font-size: 19px;
	font-weight: normal;
	background: #666;
	color: #fff;
}
.btnStyle {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	border: 0;
	background: #D2E13C;
	border-radius: 50px;
	color: #333;
}
.btnStyle:hover {
	color: #333;
	background: #EEFF41;
}
#nextPrev {
	width: auto;
	position: fixed;
	right: 20px;
	top: 20px;
}
#nextPrev li {
	float: left;
	margin-left: 10px;
}
#nextPrev li a {
	border: 1px solid #333;
	border-radius: 30px;
	padding: 5px 15px;
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 19px;
	background:#fff;
}
#nextPrev li a:hover {
	background: #333;
	color: #fff;
}
.EXIF li { 
	border-bottom:1px solid #e0e0e0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding:5px 0;
}
/*-----------------------for PC-----------------------*/
@media screen and (min-width:801px) {
/*------------detailImg--------------*/
.detailImg {
	background: #000;
	float:left; width:65%;
}
.detailText{float:right; width:32%;}

}
/*------------------for small screen------------------------*/
@media screen and (max-width:800px) {
.lightbox h1 {
	font-size: 23px;
	font-weight: normal;
}
.lightbox h3 {
	margin: 0 -20px;
}
/*------------detailImg--------------*/
.detailImg {
	background: #000;
	margin-bottom:20px;
}
}