@charset "utf-8";
/* CSS Document */

@import url( reset.css);
@import url( header.css);
@import url( footer.css);

.ZtzlListBox{ margin-bottom:80px;}
.ZtzlListBox ul{ width:105%; margin-top:20px;}
.ZtzlListBox li{position:relative;overflow: hidden;float: left;width: 278px;height: 157px;margin: 20px 26px 0 0;}
.ZtzlListBox li img{width: 100%;height: 100%;}


@media screen and (max-width:600px ) {
	
.ZtzlListBox{ padding:0 10px; width:auto;}
.ZtzlListBox ul{ width:auto; }
.ZtzlListBox li{width: calc((100vw - 30px) / 2);height: calc((100vw - 30px) / 2 / (278 / 157));margin: 10px 0 0 0;}
.ZtzlListBox li:nth-of-type(2n){ margin-left:10px;}


@media screen and (max-width:375px ) {
    
    
    
}
@media screen and (max-width:374px ) {
    .ZtzlListBox li{ width: calc(100vw - 20px); height: calc((100vw - 30px) / (286 / 120));}
    .ZtzlListBox li:nth-of-type(2n){ margin-left:0px;}
}
	
	}