@charset "utf-8";
/* CSS Document */
#newslist{ padding-top:12rem;}
#newslist .news-list{
	display: -webkit-grid; 
 	display: grid;
	grid-template-columns:repeat(2,1fr);
	align-items: center;	
	border-bottom:#ddd dashed 1px;
	padding-bottom:2rem;
}
#newslist h2{
	color: #333;
	letter-spacing:0px;
	text-align:left;
	line-height:1.2em;
}
.news-time{color:var(--web-theme-color-gray); padding-top:1.4rem;}
#newslist  .more{ margin-top:4rem;}
.bigday{
	font-size:1.5em;	
	color:#ccc;
	height:1.3em;
	line-height:1.3em;
	text-align:center;
}
.smallday{
	font-size:1.8em;	
	color:#ccc;
	height:2em;
	line-height:2em;
	text-align:center;
}
.news-line{ width:42%;
height:2px;
background-color:#ccc;
margin:0 auto;
}
#newslist p{
	color: #666666;
	word-wrap:break-word;
	word-break:break-all;
	margin-bottom:1rem;
	margin-top:2rem;
	}
#newslist a:hover img{
	filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
}
#newslist a{
	position:relative;
	transition: all .3s ease-in-out;
}
#newslist .newsmore{
	background-color:transparent;
	color:#fff;
	float:right;
	padding:0.4em 4rem;
	text-align:center;
	display:block;
	margin-top:3rem;
	color:var(--web-theme-color-black);
	border:var(--web-theme-color) solid 1px;
	}
#newslist  .news-item .newsmore{
	float:none;
	background-color:var(--web-theme-color);
	color:#333;
}
#newslist  .news-item .newsmore:hover{
	background-color:var(--web-theme-color);
	border:var(--web-theme-color) solid 1px;
}
#newslist .newsmore:hover{
	background-color:var(--web-theme-color);
	color:var(--web-theme-color-white);
	}

	
.news-s-list{
	display: -webkit-grid; 
 	display: grid;
	grid-template-columns:80% 10%;
	justify-content:space-around;
	align-items: center;	
	border-bottom:#ddd dashed 1px;
	padding-top:15px;
	padding-bottom:15px;
}

/*-----
news content
-------*/
#news-content{ padding-top:14rem;}
#news-content h2,.newsview-name{
	text-align:center;
	color:#333;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink img{ width: 100%;}
.SiteLink a{
	color:var(--web-theme-color-blue);
}
.SiteLink a:hover{
	text-decoration:underline;
}
.newsview-name{
	font-size:2em;
	}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-top:2rem;
	margin-bottom:2.5rem;
	padding-bottom:1em;
	border-bottom:#eeeeee solid 2px;
}
.SiteLink{
padding-top:3rem;
}
.SiteLink h2{ font-size:2.6rem;}
.newsview-div{
	text-align:right;
	border-bottom:#CCC solid 3px;
}
.newsview-page{
	color:#666;
	padding-top:1rem;
}
.newsview-page a{
	color:var(--web-theme-color-black);
}
#news-content .newsview-page a:hover{
	text-decoration:none;
	color:var(--web-theme-color);
}
@media screen and (max-width: 1023px) {
#newslist{ padding-top: 16rem;}	
#newslist .news-list{display: -webkit-grid; display: grid;grid-template-columns:1fr;}
#newslist h2{ padding-top: 2rem;}
#newslist .news-item:last-child h2{ padding-top: 4rem;}
.news-s-list{display: -webkit-grid; display: grid;grid-template-columns:1fr;justify-content:start;align-items:start;}
.bigday{text-align:left;}
.smallday{text-align:left;}
.news-line{ width:22%;margin:0;}
.news-top{display: -webkit-grid; display: grid;grid-template-columns:1fr;}
#news-content h2,.newsview-name{ line-height: 1.4em;}

}