@charset "big5";
/* CSS Document */

.item {width: 33%; padding-left: 0.5em; padding-right: 0.5em;}
.ProductList .item:nth-child(9n+5) {margin-left: 31.2%;}
.ProductList .item:nth-child(9n+5), .ProductList .item:nth-child(9n+6) {margin-top: -21%;}
#item_2 p.ProductImg, #item_3 p.ProductImg, #item_4 p.ProductImg, #item_5 p.ProductImg {width: 180px; height: 180px; margin: auto;}
.group .tit {bottom: 40px;}

@media screen and (max-width: 1024px) {
.ProductList .item:nth-child(9n+5) {margin-left: 31%;}
.ProductList .item:nth-child(9n+5), .ProductList .item:nth-child(9n+6) {margin-top: -23%;}
#item_2 p.ProductImg, #item_3 p.ProductImg, #item_4 p.ProductImg, #item_5 p.ProductImg {width: 150px; height: 150px;}
.group .tit {bottom: 1vw;}	
}

@media screen and (max-width: 768px) {
.ProductList .item:nth-child(9n+5) {margin-left: auto;}
.ProductList .item:nth-child(9n+5), .ProductList .item:nth-child(9n+6) {margin-top: 5px;}
#item_2 p.ProductImg, #item_3 p.ProductImg, #item_4 p.ProductImg, #item_5 p.ProductImg {width: auto; height: auto;}
.group .tit {bottom: auto;}	
	
}

@media screen and (max-width: 480px) {
.tab-wrapper > input + label {height: 80px;}
.group .tit a {font-size: 32px;}
	
.item:nth-child(9n+2) .ProductDesc {font-size: 13px; margin-top: 7vw;}
.item:nth-child(9n+2) .ProductName {font-size: 15px; line-height: 1.3em; height: 60px;}
.item:nth-child(9n+2) .ProducPrice .prePrice span {font-size: 30px; line-height: 1em;}

}

@media screen and (max-width: 375px) {
.group .tit a {font-size: 30px;}
.item .ProducPrice .prePrice span, .item .ProducLimited .prePrice span {font-size: 1.26em}
.item:nth-child(9n+2) .ProducPrice .prePrice span {font-size: 25px;}
	
.group-limited .item > a {min-height: 200px;}
}

@media screen and (max-width: 320px) {
.group .tit a {font-size: 25px;}
.item:nth-child(9n+2) .ProducPrice .prePrice span {font-size: 20px;}
.item:nth-child(9n+2) .ProductName {font-size: 13px; line-height: 1.3em; height: 50px;}
.item:nth-child(9n+2) .ProducPrice, .item:nth-child(9n+2) .ProducLimited {padding: 3px 0 0;}
.item:nth-child(9n+2) .ProductDesc {font-size: 13px; margin-top: 3vw;}
	
.tab-content, .group-list {padding-left: 0.2em; padding-right: 0.2em;}
.ProductList .item, .item {padding-left: 0.2em; padding-right: 0.2em;}
.item .ProducPrice i em span, .item .ProducLimited i em span {font-size: 11px; margin-right: 0;}
.item .ProducPrice .price_txt, .item .ProducLimited .price_txt {font-size: 13px;}
.item .ProducPrice .prePrice, .item .ProducLimited .prePrice {font-size: 12px;}
}