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

    body {
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #000000;
    }
    .cattitle{
        margin: 20px;
    }
    .cattitle h2{
        font-size: 18px;
        padding: 10px;
        text-align: center;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }
    .catproduct{
        margin: 20px 0px;
        text-align: center;
    }
    .catproduct ul{
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }
    .catproduct li{
        width: 150px;
        margin: 15px 5px;
        display: inline-block;
    }
    .catproduct img{
        width: 130px;
        height: auto;
    }
    .catproduct p{
        margin: 0px;
        padding: 0;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
    }
    .catproduct a:hover{
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }
	@media screen and (max-width: 499px) { 
	/*　画面サイズ 499pxまで適用　*/
	    .catproduct li{
        width: 28%;
        margin: 3% 1%;
        display: inline-block;
		table-layout: fixed;
		/display:inline;
		/zoom:1;
    }
	    .catproduct img{
        width: 100%;
        height: auto;
    }
	    .catproduct p span{
			display:block;
		}
		
	}