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

@media only screen and  (max-width:359px) {
.shop_lst_box { position:relative;width:96%; min-width:294px; height:110px; background-image: url(../images/bg_shop_full.png);background-repeat: no-repeat; background-size:contain;  margin:0 auto 5px; text-overflow: ellipsis;  white-space: normal;}

.shop_lst_img {position: absolute; left: 6%;  width: 19%;  max-width:109px; padding:4% 0;}
.shop_lst_img img {width:100%; height:100%; vertical-align:middle;}
.shop_lst_img span {width:33%; position: absolute; bottom: 15%;   right: 0; font-size: 7px; font-weight:bold; color:#ffc600; text-align:center;  padding: 0.8% 0;}

.shop_lst {letter-spacing:-1px; position: absolute; left: 28%;  width: 65%; margin:3% 0;}
.shop_lst_tit {width:70%; height:26px; line-height:26px; font-size: 14px;  font-weight: bold; border-bottom:solid 2px #9E9EA0; padding-right: 30%; padding-top:2px;}
.shop_lst_tit span {width:52px; height:19px; line-height:19px; position: absolute; top: 8%;   right: 0; font-size: 12px; font-weight:normal; color:#ffc600; background:url(../images/input_ssp.png);background-repeat:no-repeat; background-size:contain; text-align:center; }
.shop_lst_sub1 {margin:0;  padding-top: 2%;  font-size: 11px;  height: 47px; width: 70%;}
.shop_lst_sub1 span{width:52px;	height: 41px;  line-height: 39px; position: absolute; top: 42%;   right: 0; font-size: 15px; font-weight:bold; vertical-align:middle; color:#000; background:url(../images/btn_shop_buy.png);background-repeat:no-repeat; background-size:contain; text-align:center;}
}

@media only screen and (min-width:360px) and (max-width:399px) {
.shop_lst_box { position:relative;width:96%; min-width:310px; height:122px; background-image: url(../images/bg_shop_full.png);background-repeat: no-repeat; background-size:contain;  margin:0 auto 5px; text-overflow: ellipsis;  white-space: normal;}

.shop_lst_img {position: absolute; left: 6%;  width: 19%;  max-width:109px; padding:4% 0;}
.shop_lst_img img {width:100%; height:100%; vertical-align:middle;}
.shop_lst_img span {width:33%; position: absolute; bottom: 16%;   right: 0; font-size: 11px; font-weight:bold; color:#ffc600; text-align:center;  padding: 0.8% 0;}

.shop_lst {letter-spacing:-1px; position: absolute; left: 28%;  width: 65%; margin:3% 0;}
.shop_lst_tit {width:70%; height:26px; line-height:26px; font-size: 15px;  font-weight: bold; border-bottom:solid 2px #9E9EA0; padding-right: 30%; padding-top:2px;}
.shop_lst_tit span {width:52px; height:19px; line-height:19px; position: absolute; top: 8%;   right: 0; font-size: 12px; font-weight:normal; color:#ffc600; background:url(../images/input_ssp.png);background-repeat:no-repeat; background-size:contain; text-align:center; }
.shop_lst_sub1 {margin:0;  padding-top: 2%;  font-size: 12.5px;  height: 47px; width: 72%;}
.shop_lst_sub1 span{width:52px;	height: 41px;  line-height: 39px; position: absolute; top: 42%;   right: 0; font-size: 15px; font-weight:bold; vertical-align:middle; color:#000; background:url(../images/btn_shop_buy.png);background-repeat:no-repeat; background-size:contain; text-align:center;}
}

@media only screen and (min-width:400px) and (max-width:439px) {
.shop_lst_box { position:relative;width:96%; min-width:360px; height:134px; background-image: url(../images/bg_shop_full.png);background-repeat: no-repeat; background-size:contain;  margin:0 auto 5px; text-overflow: ellipsis;  white-space: normal;}

.shop_lst_img {position: absolute; left: 6%;  width: 19%;  max-width:109px; padding:4% 0;}
.shop_lst_img img {width:100%; height:100%; vertical-align:middle;}
.shop_lst_img span {width:33%; position: absolute; bottom: 16%;   right: 0; font-size:12px; font-weight:bold; color:#ffc600; text-align:center;  padding: 0.8% 0;}

.shop_lst {letter-spacing:-1px; position: absolute; left: 28%;  width: 65%; margin:3% 0;}
.shop_lst_tit {width:70%; height:30px; line-height:30px; font-size: 15px;  font-weight: bold; border-bottom:solid 2px #9E9EA0; padding-right: 30%; padding-top:2px;}
.shop_lst_tit span {width:60px; height:22px; line-height:22px; position: absolute; top: 8%;   right: 0; font-size: 12px; font-weight:normal; color:#ffc600; background:url(../images/input_ssp.png);background-repeat:no-repeat; background-size:contain; text-align:center; }
.shop_lst_sub1 {margin:0;  padding-top: 2%;  font-size: 13.5px;  height: 47px; width: 72%;}
.shop_lst_sub1 span{width:60px;	height: 46px;  line-height: 42px; position: absolute; top: 45%;   right: 0; font-size: 15px; font-weight:bold; vertical-align:middle; color:#000; background:url(../images/btn_shop_buy.png);background-repeat:no-repeat; background-size:contain; text-align:center;}
}

@media only screen and (min-width:440px) and (max-width:479px) {
.shop_lst_box { position:relative;width:96%; min-width:400px; height:146px; background-image: url(../images/bg_shop_full.png);background-repeat: no-repeat; background-size:contain;  margin:0 auto 5px; text-overflow: ellipsis;  white-space: normal;}

.shop_lst_img {position: absolute; left: 6%;  width: 19%;  max-width:109px; padding:4% 0;}
.shop_lst_img img {width:100%; height:100%; vertical-align:middle;}
.shop_lst_img span {width:33%; position: absolute; bottom: 16%;   right: 0; font-size: 14px; font-weight:bold; color:#ffc600; text-align:center;  padding: 0.8% 0;}

.shop_lst {letter-spacing:-1px; position: absolute; left: 28%;  width: 65%; margin:3% 0;}
.shop_lst_tit {width:70%; height:34px; line-height:34px; font-size: 16px;  font-weight: bold; border-bottom:solid 2px #9E9EA0; padding-right: 30%; padding-top:2px;}
.shop_lst_tit span {width:70px; height:25px; line-height:25px; position: absolute; top: 8%;   right: 0; font-size: 14px; font-weight:normal; color:#ffc600; background:url(../images/input_ssp.png);background-repeat:no-repeat; background-size:contain; text-align:center; }
.shop_lst_sub1 {margin:0;  padding-top: 2%;  font-size: 14px;  height: 47px; width: 72%;}
.shop_lst_sub1 span{width:70px;	height: 54px;  line-height: 50px; position: absolute; top: 48%;   right: 0; font-size: 16px; font-weight:bold; vertical-align:middle; color:#000; background:url(../images/btn_shop_buy.png);background-repeat:no-repeat; background-size:contain; text-align:center;}
}

@media only screen and (min-width:480px)  {
.shop_lst_box { position:relative;width:96%; max-width:460px; height:147px; background-image: url(../images/bg_shop_full.png);background-repeat: no-repeat; background-size:contain;   margin:0 auto 5px; text-overflow: ellipsis;  white-space: normal;}

.shop_lst_img {position: absolute; left: 6%;  width: 19%;  max-width:109px; padding:4% 0;}
.shop_lst_img img {width:100%; height:100%; vertical-align:middle;}
.shop_lst_img span {width:31%; position: absolute; bottom: 17%;   right: 0; font-size: 15px; font-weight:bold; color:#ffc600; text-align:center;  padding: 0.8% 0;}

.shop_lst {letter-spacing:-1px; position: absolute; left: 28%;  width: 65%; margin:3% 0;}
.shop_lst_tit {width:70%; height:38px; line-height:38px; font-size: 1.250em;  font-weight: bold; border-bottom:solid 2px #9E9EA0; padding-right: 30%;padding-top: 2px;}
.shop_lst_tit span {width:77px;   height: 28px;  line-height: 28px; position: absolute; top: 5%;   right: 0; font-size: 0.835em; font-weight:normal; color:#ffc600; background:url(../images/input_ssp.png);background-repeat:no-repeat; background-size:contain; text-align:center;padding-top:2px; }

.shop_lst_sub1 {margin:0;  padding-top: 2%;   height: 68px; width: 70%; }
.shop_lst_sub1 span{width:77px;	height: 59px;  line-height: 55px; position: absolute; top: 42%;   right: 0; font-size: 1.250em; font-weight:bold; color:#000; background:url(../images/btn_shop_buy.png);background-repeat:no-repeat; background-size:contain; text-align:center; }
}