@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans');
@import url('//fonts.googleapis.com/css?family=Alegreya+Sans+SC');

.photo-gallery-wrap{margin:20px auto 0;width:624px;height:auto;position:relative;}
.photo-gallery{position:relative;z-index:0;}
.photo-gallery .prev{width:22px;height:50px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:url(/common/images/v2/photogallery/pager-left.png) no-repeat;position:absolute;left:-15px;top:183px;z-index:100;cursor:pointer;}
.photo-gallery .next{width:22px;height:50px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:url(/common/images/v2/photogallery/pager-right.png) no-repeat;position:absolute;right:-15px;top:183px;z-index:100;cursor:pointer;}
.photo-gallery .photo{z-index:10;}
.photo-gallery .photo .img{margin:0 auto;display:block;vertical-align:middle;text-align:center;width:624px;height:416px;overflow:hidden;}
.photo-gallery .photo .img img{margin:0 auto;width:auto;height:100%;}
.photo-gallery .photo p.caption{font-size:14px;}
.photo-gallery-pager{position:absolute;top:356px;right:0;display:block;width:48px;height:60px;background:url(/common/images/v2/photogallery/page-num-bg.png) no-repeat bottom right;z-index:99;}
.photo-gallery-pager .photo-number{display:none;font-family: 'Alegreya Sans SC', sans-serif;font-size:11px;color:#727171;text-transform:uppercase;font-style:italic;letter-spacing:1px;}
.photo-gallery-pager .current-photo-number{font-family:'Noto Sans',sans-serif;font-size:25px;font-weight:bold;position:absolute;top:9px;left:-6px;letter-spacing:-2px;-webkit-text-stroke: 1px white;}
.photo-gallery-pager .current-photo-size{display:blcok;color:#fff;font-family:'Noto Sans',sans-serif;font-size:16px;font-weight:bold;position:absolute;bottom:3px;right:8px;}
.photo-gallery-pager .slash{display:none;}

.photo-gallery-pager-wrap{margin:10px auto 20px auto;width:624px;position:relative;top:7px;z-index:0;}

.photo-gallery-thumbnail{width:624px;margin:0 auto;position:relative;}
.photo-gallery-thumbnail .thumbnail-prev{width:10px;height:20px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:url(/common/images/v2/photogallery/pager-left-s.png) no-repeat;position:absolute;left:0;top:35px;z-index:100;cursor:pointer;}
.photo-gallery-thumbnail .thumbnail-next{width:10px;height:20px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:url(/common/images/v2/photogallery/pager-right-s.png) no-repeat;position:absolute;right:0;top:35px;z-index:100;cursor:pointer;}
.photo-gallery-thumbnail .thumbnail .img{margin:4px;float:left;width:80px !important;height:80px;position:relative;overflow:hidden;}
.photo-gallery-thumbnail .thumbnail .img img{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:auto;height:100%;}

.thumbnail.slick-initialized.slick-slider{width:525px;margin:0 auto;}

/* 関連記事 */
.photo-gallery-related {
  display: none;
  background-color: #000;
  color: #fff;
  box-sizing: border-box;
}

.photo-gallery-related.slick-slide {
  height: 416px;
}

.photo-gallery-related-inner {
  padding: 20px;
}

.photo-gallery-related-top-ttl {
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1;
}

.photo-gallery-related-article {
  border-top: 1px solid #fff;
  padding-top: 10px;
}

.photo-gallery-related-article:not(:last-child) {
  margin-bottom: 10px;
}

.photo-gallery-related-article:last-child {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}

.photo-gallery-related-article-link {
  display: flex;
  align-items: flex-start;
  color: #fff;
}

.photo-gallery-related-article-img-wrap {
  width: 60px;
  min-width: 60px;
  height: 60px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  align-items: center;
}

.photo-gallery-related-article-img {
  height: auto;
}

.photo-gallery-related-article-ttl {
  margin-left: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}