@charset "utf-8";
.gridContainer #main_area div.mag_index_main dl dd { background-position: top right;  background-repeat: no-repeat; background-size: 26%;}
.gridContainer #main_area div.mag_index_sub dl dd { background-position: top right;  background-repeat: no-repeat; background-size: 26%;}
.gridContainer #main_area div.mag_index_main dl dd.special1 {background-image: url(images/special1.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special2 {background-image: url(images/special2.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special3 {background-image: url(images/special3.png); height: 160px;}



@media only screen and (min-width: 768px){
.gridContainer #main_area div.mag_index_main dl dd { background-position: top right;  background-repeat: no-repeat; background-size: 26%;}
.gridContainer #main_area div.mag_index_sub dl dd { background-position: top right;  background-repeat: no-repeat; background-size: 26%;}
.gridContainer #main_area div.mag_index_main dl dd.special1 {background-image: url(images/special1.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special2 {background-image: url(images/special2.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special3 {background-image: url(images/special3.png); height: 230px;}



}