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

#photoZoomBox{
  width:100%;
}

#photoZoom{
    position: relative;
    width:100%;
    background: #efefef;
    text-align: center !important;
}


#photoZoom span{
  display: table;
  position: relative; 
  width: 280px;
  height: 280px;
  margin:auto;
  padding-top:10px;
  text-align: center !important;
  vertical-align: middle !important;
}

#photoZoom em{
  display: table-cell;
  overflow: hidden;

  width: 280px;
  height: 280px;
  text-align: center;
  vertical-align: middle;
}

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

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



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

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

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

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

.photonextBtn{
  position: absolute;
  bottom:0%;
  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:280px;
  margin:10px auto;
}

#photoZoomlist li{
  float:left;
  height: 60px !important;
  width: 60px !important;
  margin: 0px 5px 10px 5px;
  background: #efefef;
 
}

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

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

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