@charset "utf-8";


/** catalog top page
========================================================================== */

#contents {
  float: none;
  width: 100%;
  min-height: 500px;
}

#contents .catalogList {
  overflow: hidden;
}
#contents .catalogList > li {
  float: left;
  display: block;
  margin-left: 8%;
  margin-bottom: 6%;
  width: 19%;
}
#contents .catalogList > li:first-child {
  margin-left: 0;
}
#contents .catalogList > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
#contents .catalogList > li > a {
  display: block;
}
#contents .catalogList > li > a:hover {
  color: var(--product-color);
}
#contents .catalogList > li .catalogItem {
  display: block;
}
#contents .catalogList > li .catalogItem .photo img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  border: solid 1px #eee;
}
#contents .catalogList > li .catalogItem .photo img.horizontal {
  width: 100%;
  height: auto;
}
#contents .catalogList > li .catalogItem .photo img.vertical {
  width: auto;
  max-height: 220px;
}
#contents .catalogList > li .catalogItem .caption {
  display: block;
  margin-top: 10px;
  padding-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  border-top: dotted 1px #ccc;
}

#contents .downloadList {
  overflow: hidden;
  margin-bottom: 30px;
}
#contents .downloadList > li {
  float: left;
  display: block;
  margin-left: 8%;
  margin-bottom: 30px;
  width: 19%;
}
#contents .downloadList > li:first-child {
  margin-left: 0;
}
#contents .downloadList > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
#contents .downloadList > li > a {
  display: block;
}
#contents .downloadList > li > a:hover {
  color: var(--product-color);
}

/** page top
-------------------------------------------------------------------------- */

#contents .pagetop {
  margin: 60px auto 0 auto;
  text-align: right;
}