@charset "UTF-8";
/* CSS Document (新着情報CMS) */

/*===index.php(メイン)用==============================*/

#galleryWrap{
}
.gallery-box{
width: 100%;
position: relative;
z-index: 50;    
}
#galleryWrap ul#galleryList{
	list-style-type: none;
  display: flex;
    flex-wrap:wrap;
    justify-content: flex-start;  
width: 100%;    
}
#galleryWrap ul#galleryList a{
	display: block;
width:calc(100% / 3 - 20px);  
margin: 10px;
    color: #333;
 border:1px solid #fff; 
    padding: 10px;
}
#galleryWrap ul#galleryList li{
width: 100%;
    
}

/*サムネイル*/
.clearfix{
width: 100%;   
 display: flex;
    flex-wrap:wrap;
    align-items: center;    
}
.thumbNailWrap{
	display:inline-block;
	width: 100%;
	height: 250px;
	overflow: hidden;
	min-height: 0%;
}
.thumbNailWrap img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
    transition: all 0.5s;	
}

#galleryWrap ul#galleryList a:hover .thumbNailWrap img{
	transform: scale(1.2);
}
.gallery-text{
width: 100%;    
padding: 10px;    
}
/*日付*/
.gallery-text .up_ymd{
 	display: inline-block;
	margin-right: 20px;
	letter-spacing: 0.05em;
	font-size: 0.8rem;
	background-color: #FF9900;
	color: #fff;
	padding: 1px 10px;
    font-family: "Oswald", sans-serif;
}

.gallery-text .title{
    width: 100%;
	display: block;
    font-size: 1rem;
    color: #fff;
}
.gallery-text .comment{
    font-size: 0.8rem;
}
@media (max-width: 960px){
#galleryWrap ul#galleryList a{
width:calc(100% / 2 - 20px);  
} 
 
}
@media (max-width: 690px){
.clearfix{
width: 100%;    
}    
.gallery-text{
width: 100%;      
}
#galleryWrap ul#galleryList{
display: block;
width: 100%;   
	overflow-y: scroll;
	max-height: 450px;    
}  
#galleryWrap ul#galleryList a{
	display: block;
width:calc(100% / 1 - 0px);  
margin: 10px auto;
    color: #333;
 border:1px solid #fff; 
    padding: 10px;
}    
}
@media (max-width: 450px){


}