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

img{border:0}
/* clearfix(削除不可) */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
.clearfix { height:1%; }
.clearfix { display:block; }

#gallery_wrap {
	width:95%;
	margin:0 auto;
    display: block;
}
#gallery_list{
width:100%;
background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='46' height='46' fill-opacity='0.6' fill='%23EFF2D5'/%3E%3C/svg%3E");   
 display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;    
padding: 2% 0 3% 3%;    
}
#gallery_list li{
	width:15%;
	text-align:center;
	font-size:1em;
    overflow: hidden;
}
#gallery_list a.photo{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}
/*---------------------------------
	       /Base CSS 
---------------------------------*/

/*---------------------------------
	      Pager style
---------------------------------*/
.pager_link{
	text-align:right;
	padding:10px;
}
/*ページャーボタン*/
.pager_link a {
    border: 1px solid #aaa;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: #999;
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}

@media (max-width: 950px){
#gallery_list{
justify-content:flex-start;   
}    
#gallery_wrap {
	width:100%;
	margin:0 auto;
} 
#gallery_list li{
	width:32%;
	padding:5px;   
}
#gallery_list a.photo{
	width:100%;

} 
}
@media (max-width: 670px){
#gallery_wrap {
	width:100%;
	margin:0 auto;
} 
#gallery_list li{
	width:48%;
	padding:5px;
   overflow: hidden;
}
#gallery_list a.photo{
	width:100%;

}    
}