@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; width:100%; }
.list-btn { margin:30px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }


/**************** 񃧯 end  ***********************************************************************************************************************************/

/* »óÇ° ÅÇ */
.product_tab{font-size:0;}
.product_tab li{display:inline-block;text-align:center;}
.product_tab li a{display:block;font-size:18px;color:#999;border:1px solid #ddd;border-radius:20px;padding:10px 10px 7px 10px;min-width:100px;margin-right:5px;transition:all 0.3s;}
.product_tab li a:focus,
.product_tab li a:hover,
.product_tab li.on a{background:#333;border-color:#333;color:#fff;font-weight:500;}

/* ¸®½ºÆ® »ó´Ü */
#shop_top{display:flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:40px;}
#shop_top > strong{font-size:16px;line-height:1;font-weight:300;margin-right:auto;}
#shop_top > strong b{font-weight:300;color:#3366ff;margin-left:10px;}
#shop_top > div{ position:relative; z-index:99; }
#shop_top > div button{ position:relative; display:inline-block; min-width:195px; height:45px; line-height:45px; padding:0 45px; text-align:left; background-color:#f3f3f3; font-size:16px; color:#555; font-weight:500; background-image:url('/thema/Basic/img/product_sort_ico.png'); background-position:left 20px center; background-repeat:no-repeat; }
#shop_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; }
#shop_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; }
#shop_top > div ul a{ display:block; height:35px; line-height:35px; padding:0 15px; border-bottom:1px solid #ddd; font-size:13px; background:#fff; }
#shop_top > div ul a:hover{font-weight:500;}

/* ¸®½ºÆ® ÇÏ´Ü */
#shop_btm{text-align:center;margin-top:60px;}
#shop_btm .btn_box{font-size:0;margin-top:10px;}

/* »óÇ° ¸®½ºÆ® */
.shop_item_list{padding-top:60px;border-top:2px solid #333;}

@media all and (max-width:1024px){
	/* »óÇ° ÅÇ */
	.product_tab li{margin:5px 5px 5px 0;}
	.product_tab li a{font-size:16px;min-width:90px;}

	/* ¸®½ºÆ® »ó´Ü */
	#shop_top{margin-bottom:30px;}
	#shop_top > div button{ font-size:15px; }
}
@media all and ( max-width:768px){
	/* »óÇ° ÅÇ */
	.product_tab li a{font-size:14px;min-width:80px;}

	/* ¸®½ºÆ® »ó´Ü */
	#shop_top > strong{width:100%;text-align:center;margin-bottom:15px;}
	#shop_top > div{ width:100%; }
	#shop_top > div button{ width:100%; }
}