@charset "utf-8";

.widget-miso-post-more-photo { position:relative; }
.widget-miso-post-more-photo #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.widget-miso-post-more-photo .item-more { text-align:center; margin:20px 0px 0px; }
.widget-miso-post-more-photo .item-more a { color:#333; }
.widget-miso-post-more-photo .item-more a:hover { color:crimson; }

.widget-miso-post-more-photo .item-wrap { overflow:hidden; }
.widget-miso-post-more-photo .item-row { float:left; }
.widget-miso-post-more-photo .rank-icon { margin-right:0px; }
.widget-miso-post-more-photo .item-overlay2 { display:none; }
.widget-miso-post-more-photo.is-hover .item-overlay2 { 
	display:block;
	position:absolute;
	left:0; top:0; 
	width:100%; height:100%;
	line-height:18px;
	text-align:center;
	overflow:hidden;
	transition:transform 0.4s, opacity 0.1s 0.3s;
	opacity: 0;
	/***
	transform: translateY(100%);
	-o-transition: -o-transform .4s, opacity .1s .3s;
	-moz-transition: -moz-transform .4s, opacity .1s .3s;
	-webkit-transition: -webkit-transform .4s, opacity .1s .3s;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%); 
	***/
	
	transition: .5s ease;
	background-color: #000000;
}
.widget-miso-post-more-photo.is-hover .item-row:hover .item-overlay2 { 
	/**
	transition:transform 0.1s, opacity 0.1s;
	**/
	opacity: 0.8;
	/*****
	transform: translateY(0px);
	-o-transition: -o-transform .4s, opacity .1s;
	-moz-transition: -moz-transform .4s, opacity .1s;
	-webkit-transition: -webkit-transform .4s, opacity .1s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0); 
	-o-transform: translateY(0); 
	****/
}
.widget-miso-post-more-photo .item-overlay2 .item-caption { position:absolute; left:0; top:50%; width:100%; padding:0px 10px; }
.widget-miso-post-more-photo .item-overlay2 .div-title-underline-thin { line-height:20px; border-bottom-color:#fff; margin:-27px 0px 6px; }
.widget-miso-post-more-photo .item-overlay2 .item-details .sp { display:inline-block; width:8px; }
.widget-miso-post-more-photo .item-none { padding:50px 10px; }



.PPcontainer {
  position: relative;
  width: 100%;
}

.PPimage {
  display: block;
  width: 100%;
  height: auto;
}

.PPoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;
}

.PPcontainer:hover .PPoverlay {
  opacity: 0.8;
}

.PPtext {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}



.ppp1{
  background-color: #297fb8; /* Green */
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  margin: 0px 2px;
  width:80px;
}
.ppp2{
  background-color: #e74b3c; /* Green */
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  margin: 0px 2px;
  width:80px;
}
.ppp3{
  background-color: #19bd9b; /* Green */
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  margin: 0px 2px;
  width:80px;
}