@charset "utf-8";

.search-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.label-sp { margin-right: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-page { margin:30px 0px; }
.list-page .pagination { margin:0; }

/**********************************************************************************************/
 

/*ÇÏ´Ü ÅäÅ» ¹× Á¤·Ä*/
.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;}

/*¸®½ºÆ®*/
.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; }
.list-wrap{  margin-bottom:0px !important; }

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

/*»óÇ°°Ë»ö Æû*/
#shop_search_box{ background:#f3f3f3; padding:60px 15px;  }
#shop_search_box div{ position:relative; margin:0 auto; max-width:680px;  }
#shop_search_box #ssch_q{ width:100%;  height:70px; border:2px solid #333; padding:0 100px 0 20px; font-size:18px;  }
#shop_search_box button{ position:absolute; top:0; right:0; width:70px; height:70px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }

@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){

	/*ÇÏ´Ü ÅäÅ» ¹× Á¤·Ä*/
	.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; }

	/*»óÇ°°Ë»ö Æû*/
	#shop_search_box{ padding:40px 15px;  }
	#shop_search_box #ssch_q{  height:50px;  padding:0 50px 0 20px; font-size:14px;  }
	#shop_search_box button{ width:50px; height:50px; }
	#shop_search_box button img{ width:25px; }
}
@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; }

	/*ÇÏ´Ü ÅäÅ» ¹× Á¤·Ä*/
	.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){
}