.previewbox{
  background-color: #333;
  float: left;
  height:35px;
  width: 25px;
　text-align: center;
  margin: 5px 5px;
  border:solid 1px #099;
}
.previewimg{

  height:50px;
  width:auto;
  opacity: 0.7;
}

.previewbox:hover{
border:solid 1px #f00;
}


.popupbox {
    height: 100%;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: none;
}
.popupbox:target {
  display:table;
}
.popuplink {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.popupimg {
  background-color:#000;
  display:block;
  max-width:100%;
   max-height:100vh;
	width: auto;
	height:auto;
  z-index: 1000;
  margin-right:auto; margin-left:auto
}

.popupimgBG{
  display:block;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
width: 100%;


/*  background-color:#000;
  padding:0;*/
}


/*ここから　送りボタン　*/
.btn1 img {
	border: none;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -1%;
	right: -1%;
  opacity: 0.5;
}
.btn2 img {
	border: none;

	position: absolute;
	top: 50%;
	right: 1%;
}
.btn3 img {
	border: none;

	position: absolute;
	top: 80%;
	left: 2%;
}

.cover_left, .cover_right {
	width: 40%;
	height: 100%;
	z-index: 1200;
	position: absolute;
	top: 3%;
	background: rgba(0,0,0,0);
	opacity: 0.4;
}
.cover_left {

	left: 0;
}
.cover_right {
 
	left: 80%;
}
.cover_left:hover, .cover_right:hover {
	opacity: 0.7;
}