@charset "utf-8";
/* CSS Document */
/*-----
news
------*/
/*newslist*/
#newslist .grid{ grid-template-columns:0.8fr 1fr; grid-column-gap:2rem;  padding-bottom:2rem; margin-bottom:4rem; border-bottom:#ccc solid 1px;}
#newslist h2{padding:2rem 0; font-size:3rem; text-align:left;}
#newslist a{ text-decoration:none; color:#333;}
.news-cont .wrap-flex{align-items: center;}
#newslist p{word-wrap:break-word;word-break:break-all; margin-bottom:1rem; text-align:left;}
.news-cont-img{overflow:hidden; }	
.news-cont-img img{ transition: all .6s ease-in-out;}
#newslist a:hover img{-webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1);bordr-radius:20px;}
#newslist a:hover h2{color:var(--web-theme-color-black); }
#newslist .more{ margin-top:4rem;}
/*-----
newsdeail
-------*/
#news-content{ padding-bottom:12rem;}
#news-content .sy-container{ max-width:1000px;}
#news-content  h2,.newsview-name{text-align:center;color:#333;}
.news-cont em{ display:block; margin-left:2rem;}
.newsview-name{font-size:1.6em; font-weight:600;}
.newsview-time{color:#787878;text-align:center;margin-top:2rem;margin-bottom:2.5rem;padding-bottom:1em;border-bottom:#eeeeee solid 2px;}
.SiteLink p{ width:100%; padding-bottom:2rem; word-wrap:break-word;word-break:break-all; text-indent:0px;}
.SiteLink img{ max-width:100% !important; height:auto!important;}
.SiteLink a{ color:#333;}
.SiteLink a:hover{color:var(--web-theme-color);}}
.newsview-page{ 
	color:#999;
	padding-top:1rem;
}
.newsview-page a{
	color:#787878;
	text-decoration:none;
}
.newsview-page a:hover{
	color:var(--web-theme-color);
	cursor:pointer;
}

/*mobile phone*/
@media (max-width:1023px){
#newslist{border-radius:0;} 
#newslist h2{padding:2rem 0;  line-height:1.8em; }	
#newslist .grid{grid-template-columns:1fr; grid-column-gap:0; grid-row-gap:2rem; padding-bottom:8rem;}
#newslist .news-item:last-child{ padding-top:4rem;}
.news-cont .wrap-flex{  flex-direction: column;align-items:flex-start ;}
/*newsdeail*/
#news-content{padding-top:4rem; padding-bottom:12rem;}
#news-content .grid{grid-template-columns:auto; grid-row-gap:4rem;}
.newsview-name{font-size:3rem; font-weight:600; line-height:1.2em;}
}
@media (max-width:490px){
	#newslist .more{ width:16rem; padding:5px 2rem;}
}