@charset "utf-8";

/* .goods
-------------------------------------------- */
.goods {
  overflow: hidden;
}
.goods dl {
  float: left;
  margin: 0 30px 0 0;
  border-radius: 5px;
  text-align: center;
}
.goods dl:last-child {
  margin-right: 0;
}
.goods dl dt {
  margin-bottom: 15px;
  text-align: center;
}

.module.mod_text th,
.module.mod_text td.cols-label {
  width: 50%;
}
/*===============================================
  画面の横幅が680px以下に適用
===============================================*/
@media screen and (max-width: 680px) {
  .goods dl {
    width: 48%;
    margin: 0 4% 20px 0;
  }
  .goods dl:nth-child(2n) {
    margin-right: 0;
  }
  .goods dl:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .module.mod_text th,
  .module.mod_text td.cols-label {
    width: auto;
  }
}
/*===============================================
  画面の横幅が480px以下に適用
===============================================*/
@media screen and (max-width: 480px) {
  .goods dl {
    float: none;
    width: 200px;
    margin: 0 auto 20px;
  }
  .goods dl:nth-child(2n),
  .goods dl:last-child {
    margin-right: auto;
  }
  .goods dl:nth-last-child(-n + 2) {
    margin-bottom: 20px;
  }
}