@charset "utf-8";
/*!
 * product CSS
 * ---------------------------------------------
 * 下層ページのcss
 *
 */

/*===================================
  content
=====================================*/
/*  font-family
---------------------------------*/

.list__item h3 span {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
}

/*  main
---------------------------------*/

main {
  background: url(../images/base/bg_ptn1.jpg) repeat 0 0;
}

/*  ページタイトル
---------------------------------*/

.page__head {
  margin-bottom: 60px;
  background-image: url(../images/products/bg_title.jpg);
}

/*  カテゴリーメニュー menu__cat
---------------------------------*/

.menu__cat li a {
  width: 186px;
}

/*  商品リスト
---------------------------------*/

.list__item {
  margin-right: -28px;
}
.list__item li {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  margin: 0 27px 30px 0;
}
.list__item figure {
  margin-bottom: 13px;
}
.list__item h3 {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.2;
}
.list__item h3 span {
  display: block;
  color: #6e4d1e;
  font-size: 22px;
}
.list__item p {
  line-height: 1.8;
  letter-spacing: 0.04em;
}

/************************************************************************************
smaller than 660px
*************************************************************************************/
@media screen and (max-width: 660px) {
  /*===================================
    content
  =====================================*/

  /*  カテゴリーメニュー menu__cat
  ---------------------------------*/

  .menu__cat {
    border: none;
  }
  .menu__cat ul {
    margin-right: -11px;
  }
  .menu__cat li {
    margin: 0 11px 20px 0;
  }
  .menu__cat li a {
    width: 180px;
  }

  /*  商品リスト
  ---------------------------------*/

  .list__item {
    margin-right: -30px;
  }
  .list__item li {
    width: 275px;
    margin: 0 30px 30px 0;
  }
  .list__item figure {
    margin-bottom: 13px;
  }
  .list__item h3 {
    margin-bottom: 15px;
    font-size: 26px;
  }
  .list__item h3 span {
    font-size: 26px;
  }


}