.previewset{
  background:#333333;
  float: left;
  height:180px;
  width:150px;
  margin: 0px 10px 10px 10px;
  text-align: center;
}

.previewbox{
  background:#333333;
　text-align: center;
  height:150px;
  width:150px;
  overflow: hidden;
  border-radius: 10px;
  
}
.previewimg{
  margin: 0px 0px 0 0px;
  height:auto;
  width:170px;
    opacity: 0.7;
    margin:-5% -5% -5% -10%;
}

.previewbox:hover{
border-bottom:solid 1px #0f0;
border-right:solid 3px #0f0;
}
.previewimg:hover{
  cursor: pointer;
  width: 200px;
  height: auto;
  margin:-5% -5% -5% -10%;
      opacity: 1;
}

.setumei{
  width:150px;
  height: 20px;
  color: #aaa;
  font-size: 10px;
  text-align: center;
  margin: 0;
}
.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: 50%;
	left: 2%;
}

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

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