img {
  border:0;
  vertical-align:bottom;
}
.navi ul,
.navi li {
  margin:0;
  padding:0;
  list-style:none;
}
#image-navigation { margin-bottom:60px;}
.navi ul {
    display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-direction: row;
	-webkit-box-direction:row;/*--- Androidブラウザ用 ---*/
    -webkit-flex-direction:row;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	box-sizing:border-box;	
	}
.navi ul li {
	display:block;
	width:49.5%;
	height:auto;
	margin-bottom: 1%;
}
#image-navigation ul li a img { width:100%;}

*:first-child+html #image-navigation ul li a {/* IE7 ハック*/
	margin-left: -3px;
}
*:first-child+html li {/* IE7 ハック*/
	line-height:0;
	}
*:first-child+html a {/* IE7 ハック*/
	line-height:normal;
}


#image-navigation .navi {
	padding-top: 41.2%;
}
#image-navigation .navi-image {
	float:left;
}


#image-navigation img {
	border: 2px solid #e4e3dc;
}
#image-navigation .navi-image a img { min-width:100% !important;}

#image-navigation {
	padding:0px;
}

.navi a:hover img {
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
	}

#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block;}
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

@media screen and (max-width: 760px) {
.navi ul li {
	display:block;
	width:32.5%;
	height:auto;
	margin-bottom: 1%;
}
}