@charset "utf-8";

/* 共通 */
.mincho {
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.wrap {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}

.header_area {
  max-width: 810px;
  width: 100%;
  margin: 0 auto;
  padding: 8px 0 80px;
}
@media (max-width: 768.98px) {
  .header_area {
    padding: 1% 1% 1% 2%;
    border-bottom: 1px solid #e2e2e2;
  }
  .header_area .header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
}

.header_area .header_logo {
  width: 160px;
  vertical-align: middle;
}
@media (max-width: 768.98px) {
  .header_area .header_logo {
    width: 30%;
  }
}

.header_area .h1_title {
}
@media (max-width: 768.98px) {
  .header_area .h1_title {
    width: 65%;
  }
}

.footer_area {
  margin: 24px auto 64px auto;
}

@media (max-width: 768.98px) {
  .footer_area {
    margin: 0;
    padding: 5% 3%;
  }
}

.main_area {
  
}

.main_area .fv_contents {
}
@media (max-width: 768.98px) {
  .main_area .fv_contents {
    width: 95.31%;
    margin: 8% auto 5% auto;
    display: block;
  }
}

.main_area .navi_contents {
  margin: 30px 0 80px 0;
}
@media (max-width: 768.98px) {
  .main_area .navi_contents {
    margin: 0 0 13% 0;
  }
}

.main_area .navi_contents ul {
  padding: 0;
}

.main_area .navi_contents ul li {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  list-style: none;
}

.product_area {
 
}

.product_area .product_wrap {
  position: relative;
  margin: 64px auto 0 auto;
}

@media (max-width: 768.98px) {
  .product_area .product_wrap {
    margin:  4% auto 0 auto;
  }
}

.product_area .product_wrap .product_img {
  
}

.product_area .product_wrap .btn_img {
  position: absolute;
}

/* 青汁 */
.product_area .product_aojiru .btn_img {
  bottom: 60px;
  right: 20px;
}
@media (max-width: 768.98px) {
  .product_area .product_aojiru .btn_img {
    width: 81%;
    bottom: 6%;
    left: 9.2%;
  }
}
/* 青汁 */

/* 高麗人参100 */
.product_area .product_kourai .btn_img {
  bottom: 110px;
  right: 20px;
}
@media (max-width: 768.98px) {
  .product_area .product_kourai .btn_img {
    width: 81%;
    bottom: 16%;
    left: 9.2%;
  }
}
/* 高麗人参100 */

/* 美・皇潤パーフェクト */
.product_area .product_bepfmeshbhccg .btn_img {
  bottom: 110px;
  right: 20px;
}
@media (max-width: 768.98px) {
  .product_area .product_bepfmeshbhccg .btn_img {
    width: 81%;
    bottom: 14%;
    left: 9.2%;
  }
}
/* 美・皇潤パーフェクト */

/* アイノウEX */
.product_area .product_ekexca .btn_img {
  bottom: 110px;
  right: 20px;
}
@media (max-width: 768.98px) {
  .product_area .product_ekexca .btn_img {
    width: 81%;
    bottom: 18%;
    left: 9.7%;
  }
}
/* アイノウEX */

/* まるっと健康これ1杯青汁 */
.product_area .product_koreippaiaojiru .btn_img {
  bottom: 120px;
  right: 20px;
}
@media (max-width: 768.98px) {
  .product_area .product_koreippaiaojiru .btn_img {
    width: 81%;
    bottom: 13%;
    left: 9.2%;
  }
}
/* まるっと健康これ1杯青汁 */

/* 皇潤W */
.product_area .product_kojunW .btn_img {
  bottom: 120px;
  right: 20px;
}
@media (max-width: 768.98px) {
  .product_area .product_kojunW .btn_img {
    width: 81%;
    bottom: 15%;
    left: 9.7%;
  }
}
/* 皇潤W */

.gotop {
  position: fixed;
  right: 10px;
  bottom: 10px;
}
.gotop a {
  width: 80px;
  height: 80px;
  display: block;
}
.gotop a img {
  width: 100%;
  height: auto;
}