@charset "Shift_JIS";
/* --------------------------------------------------------------------
商品詳細ページ「商品コメント」CSS（PC・SP） / .goods_recommend
--------------------------------------------------------------------- */
/* --------------------------------------------------------------------
お中元用（バナーボタン） / .goods_recommend_cgen
--------------------------------------------------------------------- */
.goods_recommend .goods_recommend_cgen {
  background:#f2f8fa;
  width:100%;
  margin:30px 0;
  padding: 25px 3%;
}

.goods_recommend .goods_recommend_cgen .goods_recommend_cgen_inner {
  padding: 20px 0 0 0;
}

.goods_recommend .goods_recommend_cgen .title {
  position:relative;
  text-align:center;
  font-weight:bold;
  font-size:140%;
  line-height:1.2;
  max-width:400px;
  margin:0 auto;
  color: #000;
}

.goods_recommend .goods_recommend_cgen .title img.icon01 {
  position:absolute;
  max-width:60px;
  width:14%;
  top:0;
  left:10px;
}

.goods_recommend .goods_recommend_cgen .title img.icon02 {
  position:absolute;
  max-width:60px;
  width:14%;
  top:0;
  right:10px;
}

.goods_recommend .goods_recommend_cgen .btn {
  width:100%;
  margin:0 auto;
  padding:15px 0 0 0;
  position:relative;
  z-index:1
}

.goods_recommend .goods_recommend_cgen ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}

.goods_recommend .goods_recommend_cgen ul li {
  max-width:330px;
  padding:5px;
  flex-grow:1
}

.goods_recommend .goods_recommend_cgen ul li.btn_top {
  max-width:400px;
  padding:20px 5px;
  flex-grow:1
}

.goods_recommend .goods_recommend_cgen ul li a {
  display:block
}

.goods_recommend .goods_recommend_cgen ul li a img {
  display:block;
  margin:0 auto;
  width:100%
}