@charset "utf-8";

/******************************
商品一覧
******************************/
.item.list #page-body{
  padding-bottom: 20px;
}
.list-layout .title {
  text-align: center;
}
p.empty_message{
  text-align: center;
}
/*listのwidth設定*/
.products-grid.row-fluid .span3 {
  width: 25%;
}
.item .common-list.row-fluid .span2 {
  width: 16.666666666666664%
}

.list-item-text{
  text-align: center;
  padding: 20px 0 40px;
  height:auto;
}
.list-item-text .item-ttl {
  font-weight: 500;
  padding: 0 0 8px;
}
.listarea .products-grid , #pickup-items .products-grid{
  letter-spacing: -.4em;
}
.products-grid li.item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
  text-align: center;
  vertical-align: bottom;
  float: none;
  letter-spacing: normal;
}
#pickup-items .products-grid li.item {
  height: auto!important;
}
.products-grid li.item .product-image {
  height: auto!important;
}
  .products-grid li.item .product-image a {
    position: relative;
    height: 100%;
    font-size: 0;
  }
  .products-grid li.item .product-image a:after {
      content: '';
      display: inline-block;
      *display: inline;
      *zoom: 1;
      height: 100%;
      width: 0;
      vertical-align: bottom;
  }

.products-grid li.item a:hover,
.products-grid li.item a:active {
  border-bottom: 0;
  margin: 0;
}
.products-grid .list-item-text .item-ttl {
  display: inline-block;
  width: 100%;
  /*
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  */
}
.products-grid .list-item-text .item-ttl a:hover,
.products-grid .list-item-text .item-ttl a:active {
  border-bottom: 1px solid #000;
  margin-bottom: -1px;
}
/*.products-grid li.item a {
  width: 100%;
  position: relative;
}*/
.products-grid .list-item-text .icon {
  display: inline-block;
  padding-bottom: 8px;
}
.list-item-text .item-price {
  font-family: MarimekkoSans,Arial,Verdana,Sans-serif;
}
  .list-item-text .item-price del {
    color: #b5b5b5;
  }
/*icon*/
.icon .label {
  font-family: MarimekkoSans,Noto Sans Japanese,Arial,Verdana,Sans-serif;
  font-size: 15px;
}
.icon .label-new {
  background-color: transparent;
  color: #db3527;
}
.icon .label-sale {
  background-color: transparent;
  color: #f5821e;
}
.icon .label-soldout {
  background-color: transparent;
  color: #aaaaaa;
}
.list-item-text .icon .label-rearrival,
.icon .label-rearrival {
  background-color: transparent;
  color: #6295c0;
  font-size: 12px;
}
.topArea .condition li > a{
  background-color: transparent;
  border: 0;
}
.topArea .condition li > a > .release{
  background-color: #ddd;
  color: #fff;
  margin-left: 6px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
      -ms-border-radius: 20px;
          border-radius: 20px;
}
/*ソート*/
.sort {
  margin: 48px 0;
}
.sort table {
  margin:0 auto;
}
.sort table td {
  padding-left: 15px;
}
.sort table td:first-child {
  padding-left: 0;
}
.sort table label {
  float: left;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 0;
  margin-right: 8px;
}
.sort .sod_select {
  width: 110px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
}
  .content-area .sod_select:after {
    top: calc(50% - 2px);
    right: 5px;
    height: 6px;
    width: 14px;
  }
  .sort .sod_select .sod_placeholder {
    color: #000;
  }
  .sod_select .sod_label {
    padding: 0;
  }
  .sort .sod_select .sod_list_wrapper .sod_option {
    padding: 0 10px;
  }
/*高さ調整*/
.products-grid li.item .product-image img {
  position: relative;
/*
  bottom: 0;
  left: 0;
  right: 0;
*/
  margin: 0 auto;
  z-index: 1000;
}

/*カラバリ*/
.product-color-set {
  display:none;
  position:absolute;
  top:-15px;
  left:auto;
  right:-45px;
  z-index:0;
  height:auto;
  background-color:#FFFFFF;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
      -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
          box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
  .product-color-tip {
    padding:0 5px;
    list-style: none;
    float:left;
    position:static;
    top:auto;
    left:auto;
  }
.product-color-set[class*='max-colset']{
  width:auto;
}
  .product-color-set[class*='max-colset'] ul{
    display:none;
  }
  .product-color-set[class*='max-colset'] ul.colset1{
    display:block;
  }

.product-color-tip > li{
  width:60px;
}

/*pager*/
.pages  {
  display: table;
  margin: 15px auto;
  text-align: center;
}
  .pages .inline {
    display: table-cell;
    vertical-align: middle;
  }
  .pages .itemNumber {
    padding-right: 28px;
  }
  .pagination ul {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
   .pagination ul > li > a {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #000;
    margin-left: 15px;
    box-sizing: border-box;
   }
   .pagination ul > .active > a,
   .pagination ul > .active > a:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
   }
   .pagination ul > li > a:hover,
   .pagination ul > li > a:focus {
     background-color: #777777;
     border: 1px solid #777777;
     color: #fff;
   }
   .pagination ul > li:first-child > a {
    margin-left: 0;
    -webkit-border-top-left-radius: 0;
       -moz-border-top-left-radius: 0;
            border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
   }
   .pagination ul > li:last-child > a {
    -webkit-border-top-right-radius: 0;
       -moz-border-top-right-radius: 0;
            border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
   }

/*error*/
.view_sorry .lead{
  text-align: center;
  padding-top: 25px;
}
.view_sorry .form-actions.ones{
  background-color: transparent;
  text-align: center;
  margin: 0 auto;
  border-top: none;
  padding-top: 50px;
}
.view_sorry .form-actions a.btn.btn-back{
  width: 200px;
  font-size: 13.5px;
  color: #333;
  border: 1px solid #000;
  padding: 16px 0;
  background-color: transparent;
  margin: 0 auto;
}
@media (min-width:1254px) and (max-width: 1450px) {
  .sort table td {
    padding-left: 5px;
  }
  .sort table label{
    margin-right: 5px;
  }
  .sort .sod_select{
    width: 80px;
  }
}
@media (max-width: 1254px) {
  .sort table label {
    display: none !important;
  }
}
@media (max-width: 1024px) {
.list-layout .title {
    padding-top: 30px;
  }
}
@media (max-width: 979px) {
  .list-layout .title {
    padding-top: 30px;
    font-size: 18px;
  }
  .list-item-text {
    font-size: 12px;
  }
  .list-item-text .item-ttl {
    padding: 3px 0;
  }
  .list-item-text .icon .label {
    font-size: 13px;
  }
  /*sort*/
  .sort {
    margin: 30px 0;
  }
  .sort table {
    width: 100%;
  }
  .sort table td {
    width: 50%;
    height: 40px;
    float: left;
    padding: 0 5px 5px 0;
  }
  .sort table td:first-child,
  .sort table td:nth-child(3) {
    padding-right: 5px;
  }
  .sort table td:nth-child(2),
  .sort table td:nth-child(4) {
    padding-right: 0;
    padding-left: 5px;
  }
  .sort .sod_select {
    width: 100%;
  }
  /*pager*/
  .pages .inline {
    display: block;
  }
  .pages .itemNumber {
    margin-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .pages{
    margin:0 auto;
  }
  .list-layout {
    padding-top: 47px;
  }
  #wrapper ol.liquid-column2.products-grid > li {
    /*float: left;*/
    width: 47%;
    margin-left: 6%;
    padding: 0;
  }
  #wrapper ol.liquid-column2.products-grid > li:nth-child(2n-1) {
    margin-left: 0;
    clear: both;
  }
  .item #wrapper ul.liquid-column3.common-list > li {
    width: 33.33333333333333%;
    margin: 0;
  }
  /*pager*/
  .pages {
    padding: 10px auto 35px;
  }
  /*error*/
  .view_sorry .lead{
    padding-top: 10px;
  }
  .view_sorry .form-actions.ones{
    padding-top: 30px;
  }
  .view_sorry .form-actions a.btn.btn-back{
    width: 100%;
    padding: 6px 0;
  }
}