@charset "utf-8";

.news_box{width: 100%;
	height: 10vh;
	background: rgba(0,0,0,0.50);
	position: fixed; top: 4vh; right: 0;
	z-index: 5;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;/* Firefox 対応 */
}

.news_box::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.topic_block1{clear: both;
	width: calc(50% - 20px);
	min-width: 720px;
	padding: 10px;
	float: right;
	transition:0.3s all;}
	
.topic_block1:hover{transform:scale(1.05,1.05);}
	
.topic_date{font-size: max(0.8vw,12px);
	color: rgba(255,255,255,1.00);}
	
.topic_title{font-size: max(1.0vw,14px);
	line-height: 150%;
	color: rgba(255,255,255,1.00);}








@media screen and ( max-width:736px )
{

.news_box{width: 90%;
	height: 200px;
	margin: 0 auto;
	background: rgba(0,0,0,0.50);
	position: relative; top: 0;
	z-index: 5;
	overflow-y: scroll;
}

.news_box::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.topic_block1{clear: both;
	width: calc(100% - 20px);
	min-width: 0;
	padding: 10px;
	float: none;}
	
.topic_block1:hover{transform:scale(1.00,1.00);}
	
.topic_date{font-size: 12px;
	color: rgba(255,255,255,1.00);}
	
.topic_title{font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}

.news_box_title{width: 90%;
	margin: 0 auto;
	font-size: 24px;
	line-height: 180%;
	color: rgba(255,255,255,1.00);}




}