@charset "utf-8";
@import url(cmn.css);
@import url(base.css);


/* ==========================================================================
	CONTENT
========================================================================== */
#gallery{
  margin-bottom:30px;
}
#gallery ul{
  overflow:hidden;
}
#gallery ul li{
  float:left;
  position:relative;
  width:23%;
  height:198px;
  box-sizing:border-box;
  border:1px solid #666666;
  margin:0 1% 20px 1%;
  text-align:center;
}
#gallery ul li img{
  position:absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.wp-pagenavi {
	clear: both;
	text-align: center;
	margin-bottom:15px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
    background: white;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


/* ------------------------------------------------------------
	 PC   1000px -
   ------------------------------------------------------------ */
@media screen and (min-width: 1200px) {



}

/* ------------------------------------------------------------
	 TABLET   for - 999px
   ------------------------------------------------------------ */

@media screen and (max-width:1199px) {
#gallery ul li{
  height:150px;
}


}

/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */

@media screen and (max-width: 649px) {
#gallery ul li{
  float:left;
  width:48%;
  height:100px;
  margin:0 1% 10px 1%;
}
#gallery ul li img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}



}