@charset "utf-8";

.g901-gallery-mosaic {
  overflow:hidden;
  line-height:20px;
  position: relative;
}
.g901-gallery-mosaic .img-wrap div.slide-tbl {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.g901-gallery-mosaic .txt-normal { letter-spacing:0; }
.g901-gallery-mosaic .txt-short { letter-spacing:-1px; padding-right:1px; }
.g901-gallery-mosaic .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.g901-gallery-mosaic .post-none { padding:50px 10px; text-align:center; color:#888; }
.g901-gallery-mosaic .post-row { float:left; overflow:hidden; }
.g901-gallery-mosaic .post-row.bnr_01 {
  width: 50% !important;
}
.g901-gallery-mosaic .post-list { overflow:hidden; }
.g901-gallery-mosaic .post-image { position:relative; overflow:hidden; }

.g901-gallery-mosaic .post-image .ellipsis i.ph_btn {
  position: absolute; top: 8px; right: 8px; z-index: 1;
  padding: 0.5rem 0.5rem;
  border-radius: 5px;
  color: rgba(0,0,0,0); font-size: 1.5rem;
  opacity: 0;
}
.g901-gallery-mosaic .post-image .ellipsis:hover i.ph_btn {
  display: block; color:#fff;
  opacity: .8;
}
.g901-gallery-mosaic .post-image .love_btn {
  position: absolute; bottom: 0; left: 0; z-index: 1;
  padding: 1rem 1rem;
  font-size: 1.5rem; color: rgba(0,0,0,0);
  opacity: 0;
}
.g901-gallery-mosaic .post-image:hover .love_btn {
  display: block; color: #fff; opacity: .8;
  bac
}
.g901-gallery-mosaic .post-image:hover .love_btn i:hover {
  color: #f1505e;
}
.g901-gallery-mosaic .post-image .ellipsis {position: relative;}
.g901-gallery-mosaic .post-image:hover .img-item img.grayscale {
  animation-name: g901-gallery-mosaic-zoomImg;
  animation-duration: .2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes g901-gallery-mosaic-zoomImg {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.06, 1.06, 1.06);
  }
}
.g901-gallery-mosaic .post-image>a.glassmove {
  background: #c70034;
}
.g901-gallery-mosaic .post-image>a.glassmove:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  transform: scale(2) rotate(45deg) translate3d(0, -100%, 0);
  transition: transform .6s;
  pointer-events: none;
  z-index: 1;
}
.g901-gallery-mosaic .post-image:hover>a.glassmove:before {
  transform: scale(2) rotate(45deg) translate3d(0, 100%, 0);
}
.g901-gallery-mosaic .post-image>a.glassmove img {
  width: 100%;
  will-change: transform;
  transform: scale(1.05);
  transition: all .3s;
}
.g901-gallery-mosaic .post-image:hover>a.glassmove img {
  transform: none;
  opacity: .8;
}

.g901-gallery-mosaic .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.g901-gallery-mosaic .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.g901-gallery-mosaic .post-sp { color:#ccc; margin:0px 4px; }
.g901-gallery-mosaic .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .g901-gallery-mosaic .post-ko { font-size:11px; }
.g901-gallery-mosaic .post-button {
  float: left; width: 100%;
  text-align: center;
}
.g901-gallery-mosaic .post-button a {
  display: inline-block;
  width: 187px; margin-top: 5rem;margin-bottom: 5rem; padding: 11px 0px;
  font-size: 14px; color: #666;
  border: 1px solid rgba(0,0,0,.1);
}