@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;}
.gridContainer #main_area div.mag_index_main dl dd.special4 {background-image: url(images/special4.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special5 {background-image: url(images/special5.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special6 {background-image: url(images/special6.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special7 {background-image: url(images/special7.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special8 {background-image: url(images/special8.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special9 {background-image: url(images/special9.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special10 {background-image: url(images/special10.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special11 {background-image: url(images/special11.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special12 {background-image: url(images/special12.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special13 {background-image: url(images/special13.png); height: 160px;}
.gridContainer #main_area div.mag_index_main dl dd.special14 {background-image: url(images/special14.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;}
.gridContainer #main_area div.mag_index_main dl dd.special4 {background-image: url(images/special4.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special5 {background-image: url(images/special5.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special6 {background-image: url(images/special6.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special7 {background-image: url(images/special7.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special8 {background-image: url(images/special8.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special9 {background-image: url(images/special9.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special10 {background-image: url(images/special10.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special11 {background-image: url(images/special11.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special12 {background-image: url(images/special12.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special13 {background-image: url(images/special13.png); height: 230px;}
.gridContainer #main_area div.mag_index_main dl dd.special14 {background-image: url(images/special14.png); height: 230px;}


}