.product__fav-item {
  margin-top: 10px;
}

.product__fav-item button {
  padding: 0;
  cursor: pointer;
  transition: .2s;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
}

.product__fav-item .fav-items {
  color: #ff7373;
}

.product__fav-item svg {
  width: 20px;
  height: 20px;
  vertical-align: -.35em;
  fill: currentColor;
}

.reviewlist_datas {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}
.icon_star {
  float: left;
  width: 150px;
}
.review_poster li {
  float: left;
  margin-left: 10px;
}
.review_poster li {
  list-style: none;
}
.reviewlist {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
.review_ttl,
.shopcomment_ttl {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.review_img {
  float: right;
  margin: 0 0 10px 10px
}
.reviewlist_content {
  overflow: hidden;
  zoom: 1;
}
.shopcomment {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  padding: 15px;
  border-radius: 6px;
}

/* 大タイトル */
.head_test {
  padding: 1rem 2rem;
  border-top: 6px double #000;
  border-bottom: 6px double #000;
  font-size:  24px;           /* 文字サイズ指定 */
  text-align: center;
}

/* 中タイトル */
.head_test2 {
  padding: 1rem 2rem;
  background: #a5ccbe;
  font-size: 20px;           /* 文字サイズ指定 */
  font-weight: bold;
}

/* お召し上がり方 */
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}


/* ご注意 */
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #93b881;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #93b881;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

/* ケース割 */
.box29 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #fa8072;
}
.box29 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #fa8072;
    color: #ffff00;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box29 p {
    margin: 0; 
    padding: 0;
}


/* スペック表 */
.spec {
width: 100%;
}

.spec th,
.spec td {
border: 1px solid #ccc;
padding: 20px;
}

.spec th {
font-weight: bold;
background-color: #dedede; 
}

@media screen and (max-width: 767px) {
.spec,
.spec tr,
.spec td,
.spec th {display:block;}
.spec th {width:auto;}
}