@charset "UTF-8";
/* ------------------------------
NEWS & TOPICS
------------------------------ */

.newsTTL {
	width: 100%;
	margin:0px 0 0px 0;
	font-size: 0;
}
.category-news .newsTTL,
.category-renew .newsTTL,
.category-media .newsTTL,
.category-lecture .newsTTL{
	margin-top: 90px;
}
.newsTTL li{
	width: 33%;
	padding:20px ;
	display: inline-block;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing: 0.1em;
	list-style: none;
	background-color: #fafafa;
	border-bottom: solid 2px #a9a9a9;
	text-align: center;
	font-weight: bold;
}
.newsTTL li.current{
	width: 34%;
	list-style: none;
	background-color: transparent;
	border-bottom: solid 2px #0fae78;
}
.newsTTL li a{
	color: #000;
}
.newsTTL li a:hover{
	color: #0fae78;
}

.newsList{
	margin-bottom:35px;
}
.newsList > li{
	width: 100%;
	display: table;
	padding:30px 20px 30px 0px;
	border-bottom: solid 1px #ececec;
	list-style: none;
	letter-spacing: 0.05em;
}

.newsList > li > a:hover{
	background-color: #fafafa;
}
.newsList .date{
	width: 25%;
	display: table-cell;
	vertical-align: top;
	line-height: 1.8;
	text-align: center;
}
.newsList div.text{
	width: 75%;
	display: table-cell;
}
.newsList div.text h4{
	line-height: 1.8;
	font-weight: normal;
}
.newsList div.text > h4 {
	padding-right: 30px;

	background-image: url(../img/arrow_gray_right.png);
	background-repeat: no-repeat;
	background-size: auto 16px ;
	background-position: 100% 50%;
	transition: background-color 0.3s ease 0.1s;
}
.newsList div.text > h4 > a {
	display: block;
}
.newsList div.text h4 a.pdf{
	padding-left: 24px;
	background-image: url(../img/ico_pdf_color.png);
	background-repeat: no-repeat;
	background-size: auto 16px ;
	background-position: 0% 50%;
}


.newsListT{
	margin-bottom:15px;
	height: 190px;
    overflow: auto;
}
.newsListT > li{
	width: 100%;
	display: table;
	padding:15px 20px 15px 0px;
	border-bottom: solid 1px #ececec;
	list-style: none;
	letter-spacing: 0.05em;
}

.newsListT > li > a:hover{
	background-color: #fafafa;
}
.newsListT .date{
	width: 25%;
	display: table-cell;
	vertical-align: top;
	line-height: 1.8;
	text-align: center;
    color: #22282d;
}
.newsListT div.text{
	width: 75%;
	display: table-cell;
}
.newsListT div.text h4{
	line-height: 1.8;
	font-weight: normal;
}
.newsListT div.text > h4 {
	padding-right: 30px;
text-align: left;
	background-image: url(../img/arrow_gray_right.png);
	background-repeat: no-repeat;
	background-size: auto 16px ;
	background-position: 100% 50%;
	transition: background-color 0.3s ease 0.1s;
}
.newsListT div.text > h4 > a {
	display: block;
}
.newsListT div.text h4 a.pdf{
	padding-left: 24px;
	background-image: url(../img/ico_pdf_color.png);
	background-repeat: no-repeat;
	background-size: auto 16px ;
	background-position: 0% 50%;
}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1170px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1170px) {

.category-news .newsTTL,
.category-renew .newsTTL,
.category-media .newsTTL,
.category-lecture .newsTTL{
	margin-top: 40px;
}


.newsList .date{
	padding-right:0;
}


}



/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

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

.newsTTL li{
	padding:20px 5px;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing: 0.1em;
}
.newsList .date{
	width: 100%;
	display: block;
	text-align: left;
}
.newsList div.text{
	width: 100%;
	padding: 0;
	display: block;
}
.newsList p{
	margin-left:0px;
}
.newsList div.text > h4 {
	padding-right:20px;
}



}