@charset "UTF-8";

/*============================
siteContent
============================*/

/*-----------------------
gridContent
-----------------------*/
.name{
	font-size:12px;
	color:#c95601;
	margin:0 0 9px 0;}

.gridContent dl{
	line-height:1.2em;}

.gridContent dt{
	word-wrap:break-word;
	font-size:12px;
	color:#fff;
	margin:0 0 13px 0;}

.gridContent dd{
	word-wrap:break-word;
	line-height:1.4em;
	/*text-align:justify;*/
	text-justify: inter-ideograph;}
	
.gridContent .topics_section{
	margin:0 0 15px 0;
	padding:0 0 14px 0;
	background:url(/common/images/border_dotx.gif) 0 100% repeat-x;}

.gridContent .topics_ection dt{
	margin:0;}

/*gridTopics*/
.gridTopics{
	width:194px;
	height:282px;
	padding:0 0 39px 0;
	margin:0 0 15px 1px;
	background:url(../images/bg_topics_bottom.png) #161616 no-repeat 0 100%;}

.topicInner{
	width:180px;
	height:245px;
	margin:0 0 0 7px;
	background:#000;}

.ttl_topic{
	margin:0 0 0 7px;}

.topicList{
    padding:0 15px;
	width:150px;}

.topicListAdd{
    display:none;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;}

.newsListAdd {
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}
/*
.topicList .name{text-decoration:underline; cursor:pointer;}
.topicList .name:hover{text-decoration:none;}
*/
@media screen and (max-width: 768px) {
  #newsList {
    display: flex;
    flex-wrap: wrap;
  }
  .gridTopics {
    display: none;
  }
  .name {
    font-size: 11px;
  }
  .gridContent dt {
    font-size: 11px;
  }
  .gridContent dd {
    font-size: 9px;
    color: #545050;
  }
}