@charset "euc-jp";
/* CSS Document */

#Wrapper{width:100%;max-width:800px;margin:0 auto;}

ul{display:flex;flex-wrap:wrap;}
ul li{flex-basis:33.3%;padding:10px;margin-bottom:10px;transition:0.2s;cursor:pointer;}
ul li:hover{opacity:0.6;}

ul li a:hover{opacity:0.6;}
ul li img{width:100%;border:solid 1px #fff;}
ul li img:hover{opacity:0.6;}

dl{}
dl dd{}
dl dt{letter-spacing:1.0px;line-height:130%;margin-top:10px;transition:0.2s;}
dl dt:hover{opacity:0.6;}



.item-name {
        height: 1rem;
        margin: 5px auto 5px;
        font-size:0.8rem;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.item-price{
        margin: 0;
         font-size:0.8rem;
        font-weight: bold;
        text-align:right;
    }


@media (max-width: 590px){
	
ul li{padding:5px;margin-bottom:10px;}	
.item-name {font-size:0.7rem;}
.item-price{font-size:0.7rem; }
 }