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

/*===index.php(メイン)用==============================*/
#newsWrap{
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    display: block;   
}


#newsWrap ul#newsList{
	display: block;
    width: 100%;
	margin: 0 auto;
	overflow-y: scroll;
	max-height: 250px;
}
#newsWrap ul#newsList::-webkit-scrollbar-track{
 border-right: solid #eee 1px 
}
#newsWrap ul#newsList::-webkit-scrollbar-thumb{
border-right: solid #0E46A1 1px;     
}
#newsWrap ul#newsList::-webkit-scrollbar{
    overflow: hidden;
    width: 1px;
    background: #fafafa;
}
#newsWrap ul#newsList::-webkit-scrollbar-button {
    display: none;
}
#newsWrap ul#newsList::-webkit-scrollbar-thumb, #newsWrap ul#newsList::-webkit-scrollbar-corner {
    background: #444;
}
#newsWrap ul#newsList::-webkit-scrollbar-thumb, #newsWrap ul#newsList::-webkit-scrollbar-corner {
    background: #444;
}
#newsWrap ul#newsList a{
	display: block;
	margin: 0 1em 0;
    background: rgba(255,255,255,0.1);	 
    color: #333;
    text-align: left;
}
#newsWrap ul#newsList li{
	list-style-type: none;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    
}

/*サムネイル*/
.thumbNailWrap{
	display: block;
	width: 100%;
    position: relative;
    overflow: hidden;
	min-height: 0%;
	margin-bottom: 15px;
}
.thumbNailWrap::before{
    content: '';
    display: block;
    padding-top: 60%;
}
.thumbNailWrap img{
	display: block;
	object-fit: cover;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	transition: 0.2s;
}

#newsWrap ul#newsList li .textarea{
	font-weight: 400;
}
#newsWrap ul#newsList li .up_ymd{
	display: inline-block;
	font-size: 1rem;
	color:#0e47a1;
	margin-right: 10px;   
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;    
}
#newsWrap ul#newsList li .title{
	color: #333;
	background-position: 0 100%;
	background-position: bottom left;
	background-size: 100% 1px;
    background-repeat: no-repeat;
	transition: 0.4s;
	font-size: 1rem;
}
#newsWrap ul#newsList a:hover .title{
	opacity: 0.6;

}
#newsWrap ul#newsList a:hover .thumbNailWrap img{
	transform: scale(1.1);
}

@media (max-width: 960px){

#newsWrap ul#newsList li .up_ymd{
	display: block;  
}
  
}
@media (max-width: 750px){

}