@charset "UTF-8";
img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  height: auto;
  max-width: 100%; }

#productlist {
  overflow: hidden; }

.itemcat-title .title {
  font-family: "����", YuMincho, "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "�l�r �o����", "�l�r ����", serif;
  font-size: 32px;
  margin: 30px auto 20px auto;
  text-align: center;
  -webkit-transform: rotate(0.03deg);
  -ms-transform: rotate(0.03deg);
  transform: rotate(0.03deg); 
  background: #EEE;
  padding: 5px 0;
}

.itemcat-title .explain {
  margin: 10px auto 30px auto; }

.item-wrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  width: 100%; }

.items_list_ {
  margin: 0 1.5% 30px 0;
  width: 32%; }
  @media only screen and (max-width: 767px) {
    .item-wrap {
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
    }
    .items_list_ {
      margin: 0 0 30px;
      width: 48%; 
      }
      .items_list_:nth-of-type(even) {
        margin-left: 4%; } }
  @media only screen and (min-width: 768px) {
    .items_list_:nth-of-type(3n) {
      margin-left: 0; 
    margin-right: 0;} }
  .items_list_ h4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
    height: 80px;
    line-height: 1.4;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .items_list_ h4 {
        height: 88px;
        font-size: 16px; } }
    .items_list_ h4 a {
      color: #000;
 /*     padding-right: 55px;*/ }
  /*     @media only screen and (max-width: 767px) {
        .items_list_ h4 a {
          padding-right: 0; } }
   .items_list_ h4:after {
      background: url(/img/category/icon_estimate_free.png) no-repeat;
      background-size: 100%;
      content: " ";
      height: 60px;
      position: absolute;
      right: 0;
      top: 5px;
      width: 60px;
      z-index: 1; }
  */
@media only screen and (max-width: 767px) {
        .items_list_ h4:after {
          height: 45px;
          top: 65px;
          width: 45px; } }
  .items_list_ h4 a span {
	      font-size: 15px;
}
  .items_list_ .item-img {
    display: block; }
    .items_list_ .item-img img {
      display: block; }
  .items_list_ .item-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #627E27;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #627E27;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto 0 auto;
    padding: 10px;
    position: relative;
    text-align: center;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; 
	font-size: 13px;
}
    @media only screen and (max-width: 767px) {
      .items_list_ .item-more {
        font-size: 13px;
        padding: 10px 20px 10px 5px; } }
    .items_list_ .item-more:hover {
      background: #627E27;
      color: #fff; }
    .items_list_ .item-more svg {
      position: absolute;
      right: 10px; }
      @media only screen and (max-width: 767px) {
        .items_list_ .item-more svg {
          right: 5px; } }