/* smart.css */

/* common
--------------------------------- */
body {
  font-size: 13px !important;
}

.pc {
  display: none !important;
}
.sm {
  display: inherit !important;
}

.fl_l,
.fl_r {
  float: none !important;
}

img {
  max-width: 100%;
}

.inner {
  width: 90%;
}

#product h2 {
  padding: 10px 20px;
}

#product h2 img {
  height: 30px;
  width: auto;
}

#product .text {
  padding: 30px 20px 10px;
  display: block;
}

#product .text p {
  font-size: 16px;
}

#product .text img {
  margin-top: 0;
}

#recipe h2 {
  font-size: 21px;
}

#recipe h2:before,
#recipe h2:after {
  height: 2px;
  width: 24px;
  top: -8px;
}

#recipe ul li {
  width: 100%;
  padding: 0;
  margin-top: 60px;
}

#recipe ul li p.point {
  width: 90px;
  height: 79px;
  background-size: 100% auto !important;
  line-height: 79px;
  font-size: 16px;
  left: -5%;
  top: -40px;
}

#recipe ul li p.point.l2 {
  padding-top: 20px;
}