@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:50px 0px 0px; }
.widget-miso-post-more-photo .item-more a { position:relative;  display:block; margin:0 auto;  width:70px; height:70px; }
.widget-miso-post-more-photo .item-more a .bar{ position:absolute; top:50%; left:50%; width:100%; height:3px; background:#333;
	transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
.widget-miso-post-more-photo .item-more a .bar2{ transform:translate(-50%,-50%) rotate(90deg); -webkit-transform:translate(-50%,-50%) rotate(90deg); -moz-transform:translate(-50%,-50%) rotate(90deg); }

.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-overlay { display:none; }
.widget-miso-post-more-photo.is-hover .item-overlay { 
	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%); 
}
.widget-miso-post-more-photo.is-hover .item-row:hover .item-overlay { 
	transition:transform 0.4s, 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-overlay .item-caption { position:absolute; left:0; top:50%; width:100%; padding:0px 10px; }
.widget-miso-post-more-photo .item-overlay .div-title-underline-thin { line-height:20px; border-bottom-color:#fff; margin:-27px 0px 6px; }
.widget-miso-post-more-photo .item-overlay .item-details .sp { display:inline-block; width:8px; }
.widget-miso-post-more-photo .item-none { padding:50px 10px; }

 
.over_box{ opacity:0;  position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:flex; flex-wrap:wrap; align-items:center; 
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;
}
.over_box > div{ width:100%; text-align:center;  padding:0 40px;  }
.over_box > div small{ display:block; font-size:20px; color:#aaa; line-height:100%; margin-bottom:10px;  }
.over_box > div strong{ display:block; font-size:35px; color:#fff; line-height:140%; margin-bottom:50px;   }
.over_box > div span{ display:inline-block; border-bottom:1px solid #fff; font-size:18px;  color:#fff; font-weight:700; line-height:100%; padding-bottom:5px;  }
.img-ratio .img-item a{ display:block;  }
.img-ratio .img-item > a:hover .over_box{ opacity:1;}


@media all and ( max-width:1230px){
	.over_box > div small{ font-size:16px;}
	.over_box > div strong{ font-size:25px; margin-bottom:30px; }
	.over_box > div span{ font-size:14px; }
}
@media all and ( max-width:1024px){
	.over_box > div strong{ font-size:20px; margin-bottom:20px; }
	
	.widget-miso-post-more-photo .item-more{margin-top:40px;  }
	.widget-miso-post-more-photo .item-more a{ width:50px; height:50px; }
}
@media all and ( max-width:768px){
	.over_box > div small{ font-size:14px;}
	.over_box > div strong{ font-size:20px; margin-bottom:10px;  }
	.over_box > div span{ font-size:13px; }
	
	.widget-miso-post-more-photo .item-more{margin-top:30px;  }
	.widget-miso-post-more-photo .item-more a{ width:30px; height:30px;}
}