/* line 37, ../sass/roca-chocolate-m.scss */
.roca-chocolate .wrapper {
  background-position: center 60px;
}
/* line 42, ../sass/roca-chocolate-m.scss */
.roca-chocolate .brand-prod-list h2.page-title {
  display: none;
}
/* line 45, ../sass/roca-chocolate-m.scss */
.roca-chocolate .brand-prod-detail #content .wrap {
  padding: 0;
}
/* line 47, ../sass/roca-chocolate-m.scss */
.roca-chocolate .play-btn {
  margin: -28px 0 0 -18px;
}
/* line 50, ../sass/roca-chocolate-m.scss */
.roca-chocolate h2.page-title {
  padding-left: 20px;
  padding-right: 10px;
}
/* line 55, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* line 58, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .logo {
  display: block;
  width: 88px;
  height: 64px;
  background-image: url("../images/roca-chocolate/m/logo.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  /* line 58, ../sass/roca-chocolate-m.scss */
  .roca-chocolate #header .logo {
    background-image: url("../images/roca-chocolate/m/logo@2x.png");
    -webkit-background-size: 88px 64px;
    background-size: 88px 64px;
  }
}
/* line 62, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav {
  padding-top: 0;
}
/* line 64, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li {
  background: none;
  padding: 0;
  border: none;
}
/* line 68, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.fb {
  width: 30px;
  height: 30px;
}
/* line 70, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.fb a {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../images/roca-chocolate/m/btn_nav_fb.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  /* line 70, ../sass/roca-chocolate-m.scss */
  .roca-chocolate #header .nav li.fb a {
    background-image: url("../images/roca-chocolate/m/btn_nav_fb@2x.png");
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
  }
}
/* line 74, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.icook {
  width: 30px;
  height: 30px;
}
/* line 76, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.icook a {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../images/roca-chocolate/m/btn_nav_icook.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  /* line 76, ../sass/roca-chocolate-m.scss */
  .roca-chocolate #header .nav li.icook a {
    background-image: url("../images/roca-chocolate/m/btn_nav_icook@2x.png");
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
  }
}
/* line 80, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.menu {
  width: 30px;
  height: 30px;
}
/* line 82, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.menu a {
  display: block;
  width: 40px;
  height: 39px;
  background-image: url("../images/roca-chocolate/m/btn_nav_menu.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  /* line 82, ../sass/roca-chocolate-m.scss */
  .roca-chocolate #header .nav li.menu a {
    background-image: url("../images/roca-chocolate/m/btn_nav_menu@2x.png");
    -webkit-background-size: 40px 39px;
    background-size: 40px 39px;
  }
}
/* line 86, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.menu-close {
  width: 30px;
  height: 30px;
}
/* line 88, ../sass/roca-chocolate-m.scss */
.roca-chocolate #header .nav li.menu-close a {
  display: block;
  width: 39px;
  height: 40px;
  background-image: url("../images/roca-chocolate/m/btn_nav_menuclose.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  /* line 88, ../sass/roca-chocolate-m.scss */
  .roca-chocolate #header .nav li.menu-close a {
    background-image: url("../images/roca-chocolate/m/btn_nav_menuclose@2x.png");
    -webkit-background-size: 39px 40px;
    background-size: 39px 40px;
  }
}
/* line 97, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .wrap {
  padding: 0;
}
/* line 98, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .news-list {
  margin-bottom: 30px;
}
/* line 101, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .news-list ul li {
  width: 100%;
  height: auto;
}
/* line 105, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .news-list ul li.news-link, .roca-chocolate #content .news-list ul li.news-nolink {
  background-image: url("../images/roca-chocolate/m/news_link_bg.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  /* line 105, ../sass/roca-chocolate-m.scss */
  .roca-chocolate #content .news-list ul li.news-link, .roca-chocolate #content .news-list ul li.news-nolink {
    background-image: url("../images/roca-chocolate/m/news_link_bg@2x.png");
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
  }
}
/* line 113, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .news-list ul li.event-link, .roca-chocolate #content .news-list ul li.event-nolink {
  background-image: url("../images/roca-chocolate/m/event_link_bg.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  /* line 113, ../sass/roca-chocolate-m.scss */
  .roca-chocolate #content .news-list ul li.event-link, .roca-chocolate #content .news-list ul li.event-nolink {
    background-image: url("../images/roca-chocolate/m/event_link_bg@2x.png");
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
  }
}
/* line 125, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-list ul {
  margin-bottom: 20px;
  padding-left: 0;
}
/* line 129, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-list li {
  margin-right: 20px;
  width: 45%;
}
/* line 134, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail {
  -webkit-background-size: contain;
  background-size: contain;
}
/* line 138, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail .prod-name-en {
  margin-top: 0;
}
/* line 142, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail .vege {
  right: 10pr;
  top: -50px;
}
/* line 144, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail .feature {
  padding-left: 10px;
}
/* line 148, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail .preserve {
  float: left;
}
/* line 152, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail .weight {
  float: left;
}
/* line 156, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail .place {
  padding-left: 10px;
}
/* line 160, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .prod-detail .store {
  margin-bottom: 5px;
}
/* line 167, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .cm-list .cm-cover img {
  width: 208px;
}
/* line 174, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .faq-list li {
  padding: 20px;
}
/* line 178, ../sass/roca-chocolate-m.scss */
.roca-chocolate #content .data-wrap.s {
  padding: 5px;
}
/* line 184, ../sass/roca-chocolate-m.scss */
.roca-chocolate .mobile-menu {
  width: 105px;
  padding: 20px 0 0 10px;
  background-color: #626262;
}
/* line 190, ../sass/roca-chocolate-m.scss */
.roca-chocolate .mobile-menu li a {
  display: block;
  color: #fff;
}
/* line 193, ../sass/roca-chocolate-m.scss */
.roca-chocolate .mobile-menu li a span {
  display: block;
  color: #fff;
}