@charset "utf-8";

/* Nav */
.list-nav { line-height:22px; margin-bottom:15px; }
.list-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .list-nav .page-nav { display:none; }
}

/* Ä«Å×°í¸® */
.list-category { margin-bottom:20px; }
.list-category ul { list-style:none; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort { margin:15px 0px 20px; }
.list-sort ul { list-style:none; }
.list-sort .on { font-weight:bold; color:crimson !important;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; }

/* ¸ñ·Ï */
.list-wrap { overflow:hidden; line-height:20px; }
.list-wrap .txt-normal { letter-spacing:0; }
.list-wrap .txt-short { letter-spacing:-1px; padding-right:1px; }
.list-wrap .item-row { float:left; }
.list-wrap .item-image { position:relative; overflow:hidden; }
.list-wrap .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.list-wrap .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
.list-wrap .item-text { font-size:12px; color:#888; }
.list-wrap .item-price { margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
.list-wrap .item-sp { margin:0px 4px; white-space:nowrap; }
.list-wrap .item-sp i { margin-right:2px; color:#888; }
.list-wrap .item-sns { margin-top:15px; text-align:center; }
.list-wrap .item-sns img { width:15%; max-width:34px; border-radius:50%; }
.list-none { margin:0px 0px 15px; padding:80px 0px; text-align:center; color:#888; }
.list-btn { margin:30px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }


/**********************************************************************************************/
/*»óÇ° Ä«Å×°í¸®*/
#shop_list{ font-size:0px; text-align:center; }
#shop_list li{ display:inline-block; margin:0 20px 5px;  } 
#shop_list li a{ display:block; height:40px; line-height:40px; padding:0 15px; border-radius:10px; color:#333; font-weight:700; font-size:20px;  
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#shop_list li.active a,
#shop_list li a:hover{ background:#333; color:#fff; }


/*ÇÏ´Ü ÅäÅ» ¹× Á¤·Ä*/
.product_top{ border-top:2px solid #333; padding-top:40px; margin:40px 0;   }
.product_top > strong{ float:left; font-size:16px; color:#555; font-weight:500; line-height:45px; }
.product_top > strong b{ font-size:30px; color:#e60012;  }
.product_top > div{ float:right; position:relative;  z-index:11;   }
.product_top > div button{ position:relative; display:inline-block; min-width:195px; height:45px; line-height:45px; padding:0 45px; text-align:left;  background-color:#f1f6fd;  font-size:16px; color:#555; font-weight:700;  background-image:url('/thema/Basic/img/product_sort_ico.png'); background-position:left 20px center; background-repeat:no-repeat;  }
.product_top > div button:after{ content:""; position:absolute; top:50%; right:20px; width:10px; height:6px; background:url('/thema/Basic/img/product_sort_arrow.png') center no-repeat; background-size:100%;  margin-top:-3px;  }
.product_top > div ul{ display:none;  position:absolute; top:100%; left:0; width:100%;  border-left:1px solid #ddd; border-right:1px solid #ddd;  text-align:center;  }
.product_top > div ul a{ display:block; height:35px; line-height:35px; padding:0 15px; border-bottom:1px solid #ddd; font-size:13px;  background:#fff; }
.product_top > div ul a:hover{ background:#f9f9f9;}

.item-row .item-list a .item-image {position:relative;}
.item-row .item-list a .item-image::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:10px solid #333; transition:all 0.3s; opacity:0;}
.item-row .item-list a:hover .item-image::after, .item-row .item-list a:focus .item-image::after {opacity:1;}
.item-row .item-list a:hover .txt_box .shop_name, .item-row .item-list a:focus .txt_box .shop_name {text-decoration:underline;}
/*¸®½ºÆ®*/
.txt_box{ margin-top:30px;}
.txt_box .shop_model{ display:inline-block; background:#f0f0f0; height:25px; line-height:25px; padding:0 10px; font-size:16px;  }
.txt_box .shop_name{ display:block; font-size:22px; line-height:140%; margin-top:10px;   }
.txt_box .price_box{ margin-top:20px; }
.txt_box .shop_per{ display:inline-block; font-size:22px; color:#e60012; margin-right:5px;  }
.txt_box .shop_price{ display:inline-block; margin-right:5px; font-size:20px; font-weight:500; }
.txt_box .shop_cur{ display:inline-block; color:#bbb;  font-size:17px;  color:#bbb; }
.txt_box .shop_desc{ font-size:16px; color:#777; margin-top:5px; line-height:160%;  }
.list-wrap{  margin-bottom:0px !important; }

.list-wrap .item-row:nth-child(3n+1){ clear:both; }

@media all and (max-width:1200px){
	/*¸®½ºÆ®*/
	.txt_box{ margin-top:20px;}
	.txt_box .shop_model{ font-size:14px;  }
	.txt_box .shop_name{ font-size:20px; }
	.txt_box .shop_per{ font-size:18px; }
	.txt_box .shop_price{  font-size:16px; }
	.txt_box .shop_cur{ font-size:14px; }
}
@media all and (max-width:1024px){
	/*»óÇ° Ä«Å×°í¸®*/
	#shop_list li{ margin:0 10px 5px;  } 
	#shop_list li a{  height:35px; line-height:35px; padding:0 10px; font-size:16px;  }

	/*ÇÏ´Ü ÅäÅ» ¹× Á¤·Ä*/
	.product_top{ padding-top:20px; margin:20px 0;   }
	.product_top > strong{ font-size:14px; }
	.product_top > strong b{ font-size:20px; }
	.product_top > div button{ font-size:14px; }
	.product_top > div ul a{  font-size:12px; }

	/*¸®½ºÆ®*/
	.list-wrap{ margin-right:-15px !important;  }
	.list-wrap .item-list{ margin-right:15px !important; }
	.txt_box .shop_desc{ font-size:14px;}
}
@media all and (max-width:768px){
	/*¸®½ºÆ®*/
	.txt_box{ margin-top:15px;}
	.txt_box .shop_model{ font-size:13px;  }
	.txt_box .shop_name{ font-size:18px; }
	.txt_box .price_box{ margin-top:10px; }
	.txt_box .shop_per{ font-size:16px; }
	.txt_box .shop_price{  font-size:14px; }
	.txt_box .shop_cur{ font-size:13px; }
	.txt_box .shop_desc{ font-size:13px;}

	/*ÇÏ´Ü ÅäÅ» ¹× Á¤·Ä*/
	.product_top{ padding-top:15px; margin:15px 0;   }
	.product_top > strong{ font-size:13px; }
	.product_top > strong b{ font-size:18px; }
	.product_top > div{ width:100%; }
	.product_top > div button{ font-size:13px; width:100%;  }

	/*»óÇ° Ä«Å×°í¸®*/
	#shop_list li{ margin:0 5px 5px;  } 
	#shop_list li a{  height:30px; line-height:30px; font-size:14px;  }

	.list-wrap .item-row:nth-child(3n+1){ clear:none; }
	.list-wrap .item-row:nth-child(2n+1){ clear:both; }

}
@media all and (max-width:480px){
}