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

#photoReport {}
#photoReport h3 {font-size: 2em;line-height: 1.4;}
#photoReport img {pointer-events: none;}

#photoReport ul {background: #000;}
#photoReport ul li {float: left;width: 33.33%;height: 30vw; overflow: hidden;border: 3px solid #000;}
#photoReport ul li a {width: 100%;height: 100%;}
#photoReport ul li a img {height: 100%;width: auto;left: -20%;position: relative;}
#photoReport ul li.tate a img {width: 100%; height: auto;left: 0;}

#photoReport a.itemlink {background: #f00;color: #fff;padding: 0.5em;border-radius: 5px;text-align: center;font-size: 1.5em;margin-top: 2em;}
#photoReport a.itemlink:hover {background: #fc0;}
/**/
@media screen and (min-width: 480px) {
	#photoReport ul li {height: 160px;}
}

@media screen and (min-width: 750px) {
	#photoReport ul li {height: 250px;}
}

@media screen and (min-width: 960px) {
	#photoReport ul li {width: 200px; height: 200px;}
}

@media screen and (min-width: 1130px) {
	#photoReport ul li {width: 33.33%; height: 263px;}
}

@media screen and (min-width: 1320px) {
	#photoReport ul li {height: 327px;}
}