@charset "UTF-8";

/* Goods Block ------------------*/
.goodsBlc .promoteBlc{
max-width:720px;
margin:6% auto 0;
}

.goodsBlc .promoteBlc dt{
width:20%;
float:left;
clear:left;
padding:10px 0 0;
}

.goodsBlc .promoteBlc dd{
font-size:160%;
width:77%;
padding-left:23%;
}

.goodsList{
margin:5% 0;
}

.goodsList li{
width:23%;
margin:0 2.66% 5% 0;
float:left;
}

.goodsList li:nth-child(4n+4){
margin:0 0 5% 0;
}

.goodsList .img{
text-align:center;
}

.goodsList .price{
font-size:160%;
text-align:center;
margin:8% 0 0;
}

.goodsList .btn{
margin:4% 0 0;
padding:0 4%;
}

.goodsList .btn a{
background-color:#b71212;
font-size:120%;
color:#fff;
text-decoration:none;
text-align:center;
padding:5px 4%;
display:block;
transition:all 200ms ease-in-out;
}

.goodsList .btn a:hover{
opacity:0.7;
}

.goodsList .btn a .icn{
background:url(../img/common/icon_enter_white.gif) scroll no-repeat right center;
padding:0 30px 0 0;
}

@media screen and (max-width: 1000px) {
.goodsList .price{
font-size:140%;
}

.goodsList .btn a{
font-size:100%;
}
}

@media screen and (max-width: 768px) {
.goodsBlc .promoteBlc dt{
width:100%;
float:none;
text-align:center;
padding:0;
margin:0 0 10px;
}

.goodsBlc .promoteBlc dd{
font-size:120%;
width:100%;
text-align:center;
padding-left:0;
}

.goodsList li{
width:48%;
margin:0 4% 5% 0;
}

.goodsList li:nth-child(4n+4){
margin:0 0 5%;
}

.goodsList li:nth-child(2n+2){
margin:0 0 5%;
}

.goodsList .price{
font-size:120%;
}

.goodsList .btn{
padding:0 12%;
}

.goodsList .btn a{
font-size:90%;
padding:8px 4%;
}
}

@media screen and (max-width: 480px) {
.goodsList .price{
font-size:100%;
}

.goodsList .btn{
padding:0 4%;
}

.goodsList .btn a{
font-size:80%;
}
}