/* お知らせ一覧ページ */

body {
  font-family: "Rounded Mplus 1c", "Hiragino Kaku Gothic ProN", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fffbde;
}

/* カバー */
.cover-image img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
}

#infomation-title-image {
	width       : 60%;
	max-width   : 200px;
	margin      : 30px auto;	
}

#infomation-title-image img {
	width       : 100%;
}

/* News一覧 */
#sites-news-list-area {
	width          : 100%;
    max-width      : 800px;
    margin         : 0 auto 60px auto;	
}

#sites-news-list-area ._mtl_articleMessage {
	padding: 20px 0 5px 0;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}

#sites-news-list-area .date2 {
    float: left;
    font-size: 1rem;
    font-weight: 300;
    margin: 5px 20px 5px 0px;
    line-height: 2em;
}

#sites-news-list-area .category {
    float: left;	
    margin-left: 14px;
    margin: 5px 20px 5px 0px;    
    background-color: #5cc2dc;
    color: #fff;
    padding: 3px 7px;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 300;
}

#sites-news-list-area .newMark {
    float: left;
    display: block;
    position: relative;
    width: 64px;     
    margin-bottom: 0px;
    margin-top: 0px;
}

#sites-news-list-area .newMark img {
	width           : 100%;
}

#sites-news-list-area .title {
	clear           : both;
    margin-top      : 6px;
    transition      : .3s;
    font-size       : 16px!important;
    margin-bottom   : 0px;	
}


.infomation-more {
	font-size       : 18px;
	text-align      : center;	
	cursor          : pointer;
    padding-top     : 20px;	
}

@media all and (min-width:801px) and (max-width:1000px) {
	.mosaTimelineEntryList .date2 {
		clear           : both;
	}
	#sites-news-list-area .category {
	    margin          : 0px 5px 5px 0px;    
	    padding         : 2px 6px;
	    line-height     : 1.2;
	    font-size       : 0.8rem;
	}
	#sites-news-list-area .date2 {
	    font-size       : 1rem;
	    font-weight     : 300;
	    margin          : 0px 10px 0px 0px;
	    line-height     : 1.5em;
	}
	#sites-news-list-area .newMark {
	    width           : 50px;     
	    margin-bottom   : -6px;
	    margin-top      : -6px;
	}
	#sites-news-list-area .title {
		margin-top      : -6px;
		line-height     : 1.2;
	}	
}

@media screen and (max-width:480px){
	.mosaTimelineEntryList .date2 {
		clear           : both;
	}
	#sites-news-list-area .category {
	    margin          : 0px 5px 5px 0px;    
	    padding         : 2px 6px;
	    line-height     : 1.2;
	    font-size       : 0.8rem;
	}
	#sites-news-list-area .date2 {
	    font-size       : 1rem;
	    font-weight     : 300;
	    margin          : 0px 10px 0px 0px;
	    line-height     : 1.5em;
	}
	#sites-news-list-area .newMark {
	    width           : 50px;     
	    margin-bottom   : -6px;
	    margin-top      : -6px;
	}
	#sites-news-list-area .title {
		margin-top      : -6px;
		line-height     : 1.2;
	}
}