@media screen and (min-width: 750px){

/* --------------------------------
	【PC】 Top news 
-------------------------------- */
.top_newslist_area{
margin-top:20px;
border:1px solid #ddd;
padding:20px;
max-height:200px;
overflow-y: scroll;
border-radius:4px;
scrollbar-width: thin;	/*firefox*/
scrollbar-color: #ccc #eee;	/*firefox*/
}

.top_newslist_view{
display: flex;
}
	
.top_newslist_view .date{	
width: 95px;
}
				
.top_newslist_view .top_infomation_text{	
width: calc(100% - 85px);
}

.top_newslist_area .top_newslist_view + .top_newslist_view{
margin-top:20px;
}

/* スクロールバーのCSS */
.top_newslist_area::-webkit-scrollbar {
background:#eee;
width:10px;
}

/* ススクロールバー内を移動する棒のCSS */
.top_newslist_area::-webkit-scrollbar-thumb {
background:#ccc;
height: 40px;
}


}

@media screen and (max-width: 749px){
/* --------------------------------
	【smart phone】 Top news
-------------------------------- */
.top_newslist_area{
margin:20px auto 0;
border:1px solid #ddd;
border-radius:2px;
width:calc(100% - 20px);
padding:10px;
max-height:175px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}

.top_newslist_view .date{	
width: 95px;
}
				
.top_newslist_view .top_infomation_text{	
width:100%;
}

.top_newslist_area .top_newslist_view + .top_newslist_view{
margin-top:20px;
}

/* スクロールバーのCSS Andoroid*/
.top_newslist_area::-webkit-scrollbar {
background:#eee;
width:5px;
}

/* ススクロールバー内を移動する棒のCSS Andoroid*/
.top_newslist_area::-webkit-scrollbar-thumb {
background:#ccc;
height: 50px;
}

}