a.ecotag01{display:block;margin-top:-70px;padding-top:70px}section{margin:0 auto;max-width:300px}.img_wrap{border:1px solid #ddd;height:226px;margin:0 auto;overflow:hidden;width:300px}.flex-child img{cursor:pointer;transition-duration:.3s;width:100%}.flex-child:hover img{opacity:.6;transition-duration:.3s}[class^=flex-col]{display:flex;flex-wrap:wrap;justify-content:space-between}.flex-child{margin-bottom:10px}.flex-col2 .flex-child{width:calc(50% - 5px)}.flex-col3 .flex-child,.flex-col3:after{width:calc(33.33333% - 6.66667px)}.flex-col4 .flex-child,.flex-col4:after,.flex-col4:before{width:calc(25% - 7.5px)}.flex-col3:after,.flex-col4:after,.flex-col4:before{content:""}.flex-col4:before{order:1}@media screen and (max-width:900px){.flex-col4 .flex-child,.flex-col4:after{width:calc(25% - 7.5px)}}@media screen and (max-width:540px){.flex-col3 .flex-child,.flex-col4 .flex-child{width:calc(50% - 5px)}}