@charset "UTF-8";
/* CSS Document */
img{
	border:0;
}
/* clearfix(削除不可) */
.clearfix:after { 
	content:"."; display:block; clear:both; height:0; visibility:hidden; 
}
.clearfix { 
	display:flex; 
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:flex; }

#gallery_wrap {
	width:100%;
	padding-top: 20px;
	padding-bottom: 30px;
	color: #fff;
}
#gallery_list li{
	width:calc(100% / 3 - 10px);
	height:250px;
	margin:0 5px 5px 0;
	overflow:hidden;
	padding:5px;
	text-align:center;
	font-size:0.9em;
}
#gallery_list a.photo{
	display:block;
	width:220px;
	height:150px;
	margin:0 auto;
	padding-right: 5px;
	overflow:hidden;
}
.photo img{
	width: 100%;
	object-fit: cover;
}


	/*---------------------------------
	      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: 959px){
	#gallery_list li{
	width:calc(100% / 2 - 10px);
	height:220px;
	margin:0 5px 5px 0;
	overflow:hidden;
	padding:5px;
	text-align:center;
	font-size:0.9em;
}
}
@media (max-width: 749px){

.clearfix{
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#gallery_list li{
	width: 100%;
	max-width: 400px;
	padding: 10px;
}
	}