@charset "utf-8";

.prod_cont {position:relative;}
	.prod_cont h2.tit {position:relative;margin:0 0 10px;padding:0;font-size:1.7em;font-weight:500;text-align:left;}
	.prod_cont h2.tit a.more {position:absolute;right:0;font-size:0;line-height:0;}
	.prod_cont h2.tit a.more:after {display:block;content:"+";font-size:25px;width:25px;line-height:25px;color:#fff;background:#ff5151;border-radius:50%;text-align:center;}
	.prod_cont blockquote {margin:0 0 30px;padding:0;font-size:1.2em;font-weight:300;color:#666;line-height:1.35em;text-align:left;}
	.prod_cont blockquote strong {font-weight:normal;color:#ed1c24;}
.grid {-webkit-column-count:4;-moz-column-count:4;column-count:4;column-gap:1em;}
.grid_item {display:inline-block;width:100%;margin:0 0 1em 0;-webkit-transition:1s ease all;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.grid_item a {display:block;position:relative;border:1px solid #e7eaec;}
	.grid_item a .tit {display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(192,54,54,.8);opacity:0;transition:all .3s;}
	.grid_item a:hover .tit {opacity:1;}
	.grid_item a .tit strong {position:absolute;left:0;right:0;bottom:25px;color:#fff;font-size:1.5em;font-weight:500;text-shadow:2px 2px 3px rgba(0,0,0,.5);}

@media only screen and (max-width:320px) {.grid {-moz-column-count:1;-webkit-column-count:1;column-count:1;}}
@media only screen and (min-width:321px) and (max-width:768px) {.grid {-moz-column-count:2;-webkit-column-count:2;column-count:2;}}
@media only screen and (min-width:769px) and (max-width:1200px) {.grid {-moz-column-count:3;-webkit-column-count:3;column-count:3;}}
@media only screen and (min-width:1201px) {.grid {-moz-column-count:4;-webkit-column-count:4;column-count:4;}}