@charset "euc-jp";
.page--product_list .page-wrap{
  padding-top: 76px;
}
.product-list__sale{
  color: #DE504F;
}
.page--product_list .section__title-h2{
  font-size:22px;
  font-weight: 500;
  margin-bottom: 8px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px){
  .page--product_list .section__title-h2{
    font-size:18px;
    margin-bottom: 6px;
  }
}
.page--product_list .body{
  padding-top: 0;
  padding-bottom: 10px;
}

.product-list{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
}
@media screen and (max-width: 768px){
  .product-list{
    grid-template-columns: 50% 50%;
  }
}
.page-wrap .product-list li{
  width: 100%;
}
@media screen and (max-width: 768px){
  .product-list li .img{
    padding-bottom: 0;
  }
  .product-list__unit .body{
    padding-top: 0;
  }
  .product-list__freespace {
    margin-bottom: 20px !important;
  }
  .list-header {
      padding-top: 20px;
  }
}
.col{
  float: none;
}
.row:before, .row:after, .grid_row:before, .grid_row:after{
  display: none;
}
.product-list__sort{
  display: none !important;
}
.product__option__title{
  letter-spacing: 0.04em;
}
.product__option__content select {
  max-width: 500px;
  display: block;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none;
  font-size: 13px;
  font-family: 'Montserrat',"Þ⥴¥·¥Ã¥¯ÂÎ",YuGothic,"Þ⥴¥·¥Ã¥¯",Yu Gothic,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro",¥á¥¤¥ê¥ª,Meiryo,sans-serif;
  letter-spacing: 0.08em;
  outline: none;
}
label.select--sub-layerLabel:after {
  content: "";
  position: absolute;
  display: block;
  width: 13px;
  height: 8px;
  top: 50%;
  right: 0;
  margin-top: -4px;
  background-size: 13px auto;
  background-size: cover;
  background-image: url("https://img21.shop-pro.jp/PA01423/609/etc/select_arrow.png?cmsp_timestamp=20190804204906");
}
.bnr-line_box{
  position: fixed; 
  z-index: 99999; 
  bottom: 0; 
  right: 0; 
  width: 310px; 
}
.bnr-line_box .floating-banner {

}
.bnr-line_box .bnr-line_box--close{
  width: 30px;
  height: 30px;
  position: absolute;
  top:0;
  right: 0;
  z-index: 99999;
}
.bnr-line_box .floating-banner__image {
  max-width: 100%; 
}
@media screen and (max-width: 990px) { 
  .bnr-line_box {
    display: none; 
  }
}
@media screen and (max-width: 560px) { 
  .bnr-line_box  {
    display: block;
    width: 100vw; 
  }
  .bnr-line_box .bnr-line_box--close{
    width: 40px;
    height: 40px;
  }
}