@charset "utf-8";
/* CSS Document */

#photoZoomBox{
  width:100%;
}

#photoZoom{
  position: relative;
  width:640px;
  background: #efefef;
}

#photoZoom span{
  display: table;
  position: relative;  
  text-align: center !important;
  vertical-align: middle !important;
}

#photoZoom em{
  display: table-cell;
  overflow: hidden;
  width: 640px;
  height: 400px;
  text-align: center;
  vertical-align: middle;
}

#photoZoom img{
  max-width:640px;
  max-height:400px;
}

.photoZoomCaption{
  margin-top: 20px;
  clear:both;
  word-break: break-all;
}



/* 拡大写真ページャー */

.photopagerInner{
  padding: 10px;
  text-align: center;
  font-size: 115%;
  font-family: Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.photopagerInner .centerSlash{
  display: inline;
  padding: 0px 3px;
}

.photoprevBtn{
  position: absolute;
  top:50%;
  left:20px;
  margin-top: -16px;  
}

.photonextBtn{
  position: absolute;
  top:50%;
  right:20px;
  margin-top: -16px;
}

#photoZoom a{
  color:#666;
}

/* ホバー */

#photoZoom .photoprevBtn:hover a{
  color: #e4007f;
}

#photoZoom .photonextBtn:hover a{
  color: #e4007f;
}



/* 関連写真 */

#photoZoomlist{
  display: table;
  width:600px;
  margin:10px auto;
}

#photoZoomlist li{
  float:left;
  height: 100px !important;
  width: 100px !important;
  margin: 10px 10px;
  background: #efefef;
  cursor:pointer;
}

#photoZoomlist li span{
  text-align: center !important;   
  vertical-align: middle !important;
  display: table;
  position: relative;
}

#photoZoomlist li span a{
  display: table-cell;
  overflow: hidden;
  width: 100px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
}    

#photoZoomlist li img{
  max-height: 100px !important;
  max-width: 100px !important;
}

/* ホバー */

#photoZoomlist li:hover{
  opacity:0.7;
}