@charset "utf-8";

/* main.css */

#bestitemlist { padding: 80px 0; }

@media screen and (max-width:991px) {
	#keyvisual { position: relative; width: 100%; height: 300px; overflow: hidden; background: url(/interres/media/bgKeyvisual.jpg) center center #000; background-size: cover; }
	#keyframe { position:absolute; top: 0; left: 0; width: 100%; line-height: 300px; text-align: center; z-index: 9; }
	#keyframe img { max-width: 90%; max-height: 250px; }
}

@media screen and (min-width:992px) {
	#keyvisual { position: relative; width: 100%; height: 620px; text-align: center; overflow: hidden; background: url(/interres/media/bgKeyvisual.jpg) center center #333; background-size: cover; }
	#bg { width: 100%; height: auto; max-width: 1600px; min-height: 620px; z-index:-100; background-position: center bottom; }
	#keyframe { position: absolute; top:0; left: 0; width: 100%; height: 620px; line-height: 620px; text-align: center; z-index: 1; }
	#keyframe img { max-width: 90%; }
}


/* CSS Document */