@charset "UTF-8";
.content {
  position: relative;
  padding-top: 80px;
  margin-top: 120px;
}

.goods_head {
  text-align: center;
}

.goods_content {
  text-align: center;
}
.goods_content .goodslist {
  width: 980px;
  margin: 80px auto 0;
}
.goods_content .goodslist li {
  float: left;
  width: 300px;
  margin: 0 40px 50px 0;
  text-align: left;
}
.goods_content .goodslist li:nth-child(3n) {
  margin: 0 0 0 0;
}
.goods_content .goodslist li .thumb {
  cursor: pointer;
  -webkit-transition: opacity .8s ease;
  transition: opacity .8s ease;
}
.goods_content .goodslist li .thumb.np {
  pointer-events: none;
}
.goods_content .goodslist li .thumb.np:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.goods_content .goodslist li .thumb:hover {
  opacity: .6;
  filter: alpha(opacity=60);
}
.goods_content .goodslist li .name {
  margin: 18px 0 10px;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;
  color: #fa70b5;
  font-size: 17px;
}
.goods_content .goodslist li .info {
  font-size: 13px;
  line-height: 1.6;
}

#floatContents {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  display: none;
  opacity: 0;
}
#floatContents .wrap {
  background: url(../img/common/bg_pc.png) center top;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#floatContents .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 310;
}
#floatContents .contents {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#floatContents .contents img {
  max-width: 670px;
  max-height: 670px;
}
