/* Topic CSS*/
.topic {}

@media print, screen and (min-width: 768px)
 {
    .topic {
        width: 520px;
    }
    .topic__edge {
        max-width :100%;            
        margin: 0 10px 20px 10px;  
    }   
}

@media print, screen and (max-width: 767px) {
    .topic__edge {
        max-width :100%;            
        margin: 0 0px 20px 0px;  
    }  
    .topic__edge {
        max-width :100%;            
        margin: 0 0 20px 0;  
    }  
}

.topic-container {    
    padding: 0px;
}

.topic__item { 
    font-size:  1.1em;
    text-align: left;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 7px 15px 5px 15px;
    list-style: none;
}

.topic__item a {}

.topic__item a:hover {}

.topic__item:nth-last-child(1) {
    border-bottom-style: none;
    padding: 5px 0px;
    text-align: right;
}

.topic__comment {
    padding-top: 5px;       
}

.topic__info {
    display: flex;
    justify-content: flex-end;
}

.topic__divname{ 
    font-size: 0.9em;      
    margin: 0;
    flex-grow: 0;
}

 .topic__update {
    font-size: 0.9em;     
    display: block;
    flex-grow: 0;
    margin: 0;
    margin-left: 10px;
}

.topic__button{
    margin-top: 10px;
    text-align: right;
}

.topic__button a{
    text-decoration: none;
    transition: background-color .5s, color .5s;
}

.topic__button--all {
    display: inline-block;    
    color: #fff;
    background-color: #000099;
    padding: 5px 15px 5px 15px;

}

.topic__button--all:hover {
    color: #fff;
    background-color: #000;
    padding: 5px 15px 5px 15px;
}

.topic__button--rss {
    display: inline-block;    
    color: #fff;
    background-color: #000099;
    padding: 5px 15px 5px 15px;
}

.topic__button--rss:hover {
    color: #fff;
    background-color: #000;
    padding: 5px 15px 5px 15px;
}

.topic_update {
	-webkit-box-flex: 0;
	-ms-flex: auto;
	    flex: auto;
}

.topic_comment { 
    padding-top: 5px;  
}

.topic_divname {
    display: none;
}

@media print, screen and (min-width: 768px)
 {
	.topic_update {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 20%;
		    flex: 0 1 20%;
	}
	.topic_comment {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		    flex: 1;
	}
}

/* MG-Topic CSS*/
.mg-topic {}

@media print, screen and (min-width: 768px)
 {
    .mg-topic {
        
    }
    .mg-topic__edge {
        width :49%;            
        margin: 0 10px 0px 0px;  
    }  
    .mg-whatsnew__edge {
        width :49%;            
        margin: 0 0px 0px 0px;  
    }         
}

@media print, screen and (max-width: 767px) {
    .mg-topic__edge {
        max-width :100%;            
        margin: 0 0px 20px 0px;  
    }  
    .mg-topic__edge {
        width :100%;            
        margin: 0 0 20px 0;
    }  
    .mg-whatsnew__edge {
        width :100%;            
        margin: 0;  
    }   
}

.mg-topic-container {    
    padding: 0px;
}

.mg-topic__item { 
    font-size:  1.1em;
    text-align: left;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 7px 15px 5px 15px;
    list-style: none;
}

.mg-topic__item a {
    text-decoration: none;
    transition: background-color .5s, color .5s;
}

.mg-topic__item a:hover {
    color: #000099;
}

.mg-topic__item:nth-last-child(1) {
    border-bottom-style: none;
    padding: 5px 0px;
    text-align: right;
}

.mg-topic__comment {
    padding-top: 5px;       
}

.mg-topic__info {
    display: flex;
    justify-content: flex-end;
}

.mg-topic__divname{ 
    font-size: 0.9em;      
    margin: 0;
    flex-grow: 0;
}

 .mg-topic__update {
    font-size: 0.9em;     
    display: block;
    flex-grow: 0;
    margin: 0;
    margin-left: 20px;
}

.mg-topic_update {
	-webkit-box-flex: 0;
	-ms-flex: auto;
	    flex: auto;
}

.mg-topic_comment { 
    padding-top: 5px;  
}

.mg-topic_divname {
    display: none;
}

.mg-topic_button{
    width: 100%;
    text-align: right;
}

@media print, screen and (min-width: 768px)
 {
	.mg-topic_update {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 20%;
		    flex: 0 1 20%;
	}
	.mg-topic_comment {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		    flex: 1;
	}
}


/* alllist-Topic CSS*/
.alllist-topic {}

@media print, screen and (min-width: 768px)
 {
    .alllist-topic {
        max-width: 100%;
    }
    .alllist-topic__edge {
        max-width :100%;            
        margin: 0 10px 20px 10px;  
    }   
}

@media print, screen and (max-width: 767px) {
    .alllist-topic__edge {
        max-width :100%;            
        margin: 0 0px 20px 0px;  
    }  
    .alllist-topic__edge {
        max-width :100%;            
        margin: 0 15px 20px 15px;  
    }  
}

.alllist-topic-container {    
    padding: 0px;
}

.alllist-topic__item { 
    font-size:  1.1em;
    text-align: left;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 7px 15px 5px 15px;
    list-style: none;
}

.alllist-topic__item a {}

.alllist-topic__item a:hover {}

.alllist-topic__item:nth-last-child(1) {
    border-bottom-style: none;
    padding: 5px 0px;
    text-align: right;
}

.alllist-topic__comment {
    padding-top: 5px;       
}

.alllist-topic__info {
    display: flex;
    justify-content: flex-end;
}

.alllist-topic__divname{ 
    font-size: 0.9em;      
    margin: 0;
    flex-grow: 0;
}

 .alllist-topic__update {
    font-size: 0.9em;     
    display: block;
    flex-grow: 0;
    margin: 0;
    margin-left: 20px;
}

.alllist-topic__button{
    margin-top: 10px;
    text-align: right;
}

.alllist-topic__button a{
    text-decoration: none;
    transition: background-color .5s, color .5s;
}

.alllist-topic__button--all {
    display: inline-block;    
    color: #fff;
    background-color: #000099;
    padding: 5px 15px 5px 15px;

}

.alllist-topic__button--all:hover {
    color: #fff;
    background-color: #000;
    padding: 5px 15px 5px 15px;
}

.alllist-topic__button--rss {
    display: inline-block;    
    color: #fff;
    background-color: #000099;
    padding: 5px 15px 5px 15px;
}

.alllist-topic__button--rss:hover {
    color: #fff;
    background-color: #000;
    padding: 5px 15px 5px 15px;
}

.alllist-topic_update {
	-webkit-box-flex: 0;
	-ms-flex: auto;
	    flex: auto;
}

.alllist-topic_comment { 
    padding-top: 5px;  
}

.alllist-topic_divname {
    display: none;
}

@media print, screen and (min-width: 768px)
 {
	.alllist-topic_update {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 20%;
		    flex: 0 1 20%;
	}
	.alllist-topic_comment {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		    flex: 1;
	}
}