@charset "utf-8";

/* ==================================
list.css
================================== */

/* ==================================
for brand 
================================== */
.bg_black+ .bg_color #breadcrumbs {
  background:#000;
  border-bottom:1px solid #000;
}
.bg_black + .bg_color #breadcrumbs li,
.bg_black + .bg_color #breadcrumbs li a {
  color:#fff;
}

.bg_gray + .bg_color #breadcrumbs {
  background:#eee;
  border-bottom:1px solid #eee;
}
.bg_gray + .bg_color #breadcrumbs li,
.bg_gray + .bg_color #breadcrumbs li a {
  color:#424242;
}
#list #brand-category h1 {
	width:100%;
}

/* ==================================
brand
================================== */
#main-view,
#shopvisual_pc,
#specialMv {
  padding-bottom:25px;
  background:#fff;
  text-align:center;
}
/* brand_a */
.brand_a #main-view,
.bg_black + .bg_color #main-view {
  padding-top:0;
  background:#000;
}

/* brand_b */
.brand_b #main-view,
.bg_gray + .bg_color #main-view {
  padding-top:0;
  background:#eee;
}


/* ==================================
main / main-ttl
================================== */
#list #main #main-ttl h1 {
	font-size: 2.6rem;
	color: #333;
	border-bottom: solid 1px #d2d2d2;
	margin: 7px 0 20px;
	padding: 0 0 9px;
	line-height: 1.5;
	font-weight: normal;
}
#list #main #main-ttl .shopname {
	margin-top: 20px;
}

/* ==================================
main / list-header
================================== */
#list #list-header {
  position:relative;
  padding-bottom:30px;
	height: 33px;
}

/* item-sort */
#list #list-header .item-sort {
  position:absolute;
  top:0;
  right:101px;
}
#list #list-header .item-sort .sod_select {
	width: 200px;
	border:none;
	padding:7px 0 9px 15px;
	text-align:right;
}
#list #list-header .item-sort .sod_select .sod_list_wrapper {
	width:160px;
	border:1px solid #e6e6e6;
	border-radius:3px;
}
#list #list-header .item-sort .sod_list {
	text-align:left;
}

/* view-change */
#list #list-header .view-change {
	position:absolute;
	top:0;
	right:0;
	font-size:0;
}
#list #list-header .view-change li {
		display:inline-block;
		margin-left:15px;
		font-size:0;
		background-color: #999;
		width: 33px;
		height: 33px;
}
#list #list-header .view-change a {
	background-color: #eaeaea;
	display: inherit;
	width: 100%;
	height: 100%;
}
#list #list-header .view-change a:hover {
	background-color: #999;
}
#list #list-header .view-change span {
	display:block;
	width:19px;
	height:19px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 7px auto;
}
#list #list-header .view-change .small span {
	background-image:url(../../images/button/btn-view-small.png);
	background-position: 50% 50%;
}
#list #list-header .view-change .large span {
  background-image:url(../../images/button/btn-view-large.png);
	background-position: 50% 50%;
}
#list #list-header .view-change a:hover {
  opacity:1;
}


/* ==================================
main / item-list
================================== */
#list .item-list .item li {
	float:left;
}
#list .item-list .item li a {
	display:block;
	position:relative;
	text-decoration: none;
}
#list .item-list .item li span {
	display: block;
	font-size: 1.4rem;
	word-wrap: break-word;
}
#list .item-list .item li img {
	max-width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #e6e6e6;
}
#list .item-list .item li .item_img {
	position:relative;
	margin:0;
}
#list .item-list .item li .item_img:hover {
	opacity: .8;
}
#list .item-list .item li .rank_num {
	position: absolute;
	top: 10px;
	left: 10px;
}
#list .item-list .item li .rank_num img {
	border: none;
}
#list .item-list .item li .item_status {
	width:100%;
	text-align:left;
	font-size: 0;
}
#list .item-list .item li .item_status img {
	display:inline;
	width:auto;
	margin:3px 3px 0 0;
	border:none;
	max-height:18px;
	-webkit-backface-visibility: hidden;
}
#list .item-list .item li .item-catalogCode,
#list .item-list .item li .item-code{
	margin-top: 12px;
	font-size: 1.2rem;
}
#list .item-list .item li .item-catalog {
	margin-top: 4px;
	font-size: 1.2rem;
}
#list .item-list .item li .item-brand {
	margin-top: 4px;
}
#list .item-list .item li .item-name {
	margin-top: 4px;
	font-weight: bold;
	font-size: 1.5rem;
	letter-spacing: -0.01em;
}
#list .item-list .item li a:hover .item-brand,
#list .item-list .item li a:hover .item-name {
	text-decoration: underline;
}
#list .item-list .item li .item-price {
  margin-top: 3px;
	font-weight: bold;
}
#list .item-list .item li .item-icon {
	margin-top: 5px;
	font-size: 0;
}
#list .item-list .item li .item-icon img {
  display:inline;
  margin:3px 3px 0 0;
  border:none;
  vertical-align:middle;
  max-height:18px;
	-webkit-backface-visibility: hidden;
}
#list .item-list .item li .message {
	margin-top: 4px;
	font-size: 1.2rem;
	font-weight: bold;
}
#list .item-list .item li .sale-message {
	margin-top: 3px;
	margin-bottom: -3px;
	font-size: 1.2rem;
}


/* ==================================
main / item-list .item-large (3column)
================================== */
#list .item-list.item-large .item li {
	width:230px;
	margin: 0 0 40px;
	padding:0 0 40px 33px;
	border-bottom: solid 1px #d2d2d2;
}
#list .item-list.item-large .item li:nth-child(3n+1) {
	clear:both;
	padding-left:0;
}
#list .item-list.item-large .item li:nth-last-child(-n+3) {
	margin: 0;
}

/* ==================================
main / item-list .item-small (5column)
================================== */
#list .item-list.item-small .item li {
	width:132px;
	margin: 0 0 40px;
	padding:0 0 40px 24px;
	border-bottom: solid 1px #d2d2d2;
}
#list .item-list.item-small .item li:nth-child(5n+1) {
	clear:both;
	padding-left:0;
}
#list .item-list.item-small .item li:nth-last-child(-n+5) {
margin: 0;
}

/* ==================================
main / list-footer
================================== */
#list #list-footer {
  position:relative;
	margin-top: -1px;
	border-top: solid 1px #d2d2d2;
	height: 130px;
}
#list #list-footer .item-count{
  position:absolute;
  top:0;
  left:0;	
	font-size: 16px;
	line-height: 40px;
	padding-top: 40px;
  padding-bottom:50px;
}
#list #list-footer .pager {
	padding-top: 40px;
  padding-bottom:50px;
}

/* main / pager*/
#list .pager{
  position:absolute;
  top:0;
  right:0;	
  text-align:center;
  font-size:0;
}
#list .pager li {
  display:inline-block;
  font-size:1.8rem;
  margin:0 5px;
  vertical-align:top;
}
#list .pager span,
#list .pager a {
	box-sizing:border-box;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	color:#333;
	border: solid 1px #e4e4e4;
	box-sizing: border-box;
}
#list .pager a:hover {
	background:#e4e4e4;
	text-decoration: none;
}
#list .pager .current span {
	background:#e4e4e4;
}
#list .pager span.here {
	background:#e4e4e4;
	color:#333;
}
#list .pager .ellipsis,
#list .pager .ellipsis span {
  width:40px;
  margin:0;
	border: none;
}
#list .pager .prev {
  margin-right:9px;
}
#list .pager .next {
  margin-left:9px;
}
#list .pager .prev span,
#list .pager .next span,
#list .pager .prev a,
#list .pager .next a {
  position:relative;
  width:39px;
	height: 39px;
  background:#6e6e6e;
  border:none;
  color:#fff;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
#list .pager .prev a:hover,
#list .pager .next a:hover {
	opacity: .8;
}
#list .pager .prev span:after,
#list .pager .next span:after,
#list .pager .prev a:after,
#list .pager .next a:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:39px;
  height:39px;
}
#list .pager .next span:after,
#list .pager .next a:after {
  background: url(../../images/button/bt_pager-next.png)no-repeat;
}
#list .pager .prev span:after,
#list .pager .prev a:after {
  background: url(../../images/button/bt_pager-prev.png)no-repeat;
}



ｌ