.magazine-topnews {
    display: grid;
    grid-template-columns: 40% calc(60% - 30px);
    /* margin-bottom: 30px; */
    grid-gap: 30px;
}
.magazine-topnews .cover,.magazine-topnews .magazine-listing-info{
	width:100%;
	padding:0px;
	margin:0px;
	    min-height: unset;
}
.magazine-topnews .cover{
	background-color:unset;
}
.articleinfo-desc {
    font-size: 12px;
    margin: 10px 0px 30px 0px;
}
.mag-articlerow-widget{
	 background-color: #f7f2c4;
    margin: 0px;
    text-align: center;
	    padding: 20px 0px 30px;
}
.mag-articlerow-widget .magazine-TOPtopic-topic:before{
	content:'';
	    opacity: 0.2;
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
		z-index: -1;
}
.mag-articlerow-widget h2{
	margin-bottom:0px;
	    font-weight: 800;
    color: #7d3d26;
    text-shadow: 4px 1px 5px #ffffff;
}
.mag-articlerow-widget .mag-widget-alist ul{
	    grid-template-columns: repeat(4, 1fr);
		
		    padding: 0px;
			margin: 0px;
			display: grid;
			width: 100%;
			text-align: center;
			list-style-type:none;
			    grid-gap: 15px;
				margin-top:15px;
}
.mag-articlerow-widget .mag-widget-alist ul li{
	position:relative;
	    overflow: hidden;
		
		    display: flex
;
    flex-direction: column;
	height: 100%;
}

.widget-SD-Block .mag-widget-alist ul li a{
	    display: flex;
    flex-direction: column;
    height: 100%;
}

.mag-articlerow-widget .mag-widget-alist ul li a:hover .magazine-TOPtopic-thumb{
		  transform: scale(1.2);
		  transition: all .6s ease;
}
.mag-articlerow-widget .magazine-TOPtopic-topic{
		width: calc(100% - 20px);
		position: relative;
		left: unset;
		bottom: unset;
		padding: 10px;
		flex-grow: 1;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		    background-color: #a8441f;
		font-size:1.2em;
		z-index: 1;
	}
.widget-editorpick,.widget-editorpick .magazine-TOPtopic-topic{
	background-color: #F1E0D6;
	    color: #653861;
}
.widget-editorpick .mag-widget-alist ul{
	    grid-template-columns: repeat(3, 1fr);
}
.widget-editorpick .magazine-TOPtopic-topic:before{
	    opacity: 0.5;
	
}
.widget-editorpick .magazine-TOPtopic-topic > a{
	text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    height: fit-content;
    color: #607D8B;     margin-bottom: 10px;
    font: var(--standardFont_bold);
}
.widget-editorpick .magazine-TOPtopic-topic div{
	 flex-grow: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1024px) {
	.magazine-index-topnews{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		display: grid	;
    grid-gap: 15px;
	}
	.magazine-topnews {
		grid-gap: 20px;
		grid-template-columns: 100%;
		margin-bottom: 40px;
	}
	 .mag-articlerow-widget .mag-widget-alist ul{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
	.mag-articlerow-widget{
		        padding: 20px 20px 60px;
	}
	.mag-articlerow-widget h2{
		line-height:2em;
	}
}

@media (max-width: 768px) {
	.magazine-index-topnews{
		grid-template-columns: 100%;
	}
	.mag-articlerow-widget h2{
		        line-height: 1.3em;
        font-size: 1.4em;
	}
}
@media only screen and (max-width: 480px) {
	.mag-articlerow-widget{
		 padding: 20px 10px 60px;
	}
	.mag-articlerow-widget .mag-widget-alist ul{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
	.mag-articlerow-widget .magazine-TOPtopic-topic{
		font-size:1.1em;
	}
}
/*
<link href="https://jnet.noidea-factory.net/styles/news_magazine2025.css?time=1744097700" rel="stylesheet">
*/