@charset "utf-8";
/* CSS Document */
#lpwp {
  font-size: 100%;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: 'メイリオ', Meiryo, sans-serif;
  font: 100%;
}
#lpwp li {
  list-style-type: none
}
#lpwp hr {
  display: none
}
.att {
  font-size: 65%;
  margin: 0 3%;
  color: #999;
  line-height: 1.2;
}
/* header */
#lpwp header {
  width: 100%;
}
#lpwp header img {
  width: 100%;
}
#lpwp header .functional {
  width: 100%;
  background: #fbc022;
}
/* .functional */
.functional {
  width: 100%;
  background: #fbc022;
  margin: 0 0 5% 0;
}
#pt01_02 .functional {
  width: 100%;
  background: #daf5ff;
  margin: 0 0 5% 0;
}
.functional img {
  width: 100%;
}
.functional div {
  width: 93.75%;
  margin: 0 auto 3%;
  background: #fff;
}
.functional div p.ttxt {
  padding: 2% 5%;
  font-size: 80%;
}
.functional ul {
  width: 100%;
  margin: 0;
  padding: 2% 0 0 0;
  background: #fff;
}
.functional ul li {
  width: 93.75%;
  margin: 0 auto;
}
/* .offer01 */
.offer01 {
  width: 100%;
}
.offer01 img {
  width: 100%;
}
.offer01 ul {
  padding: 0 0 3%;
  background: #00AFE6;
}
.offer01 li {
  width: 100%;
}
.offer01 li .offer_btn {
  width: 93.75%;
  margin: 0 1% 0 5.25%;
}
.offer01 li.product01 {
  padding: 0 0 3% 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer01_30_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.offer01 li.product02 {
  padding: 0 0 3% 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer01_60_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.offer01 li.product03 {
  padding: 0 0 4% 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer01_10_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* .movie */
.movie {
  margin: 30px 0 0;
}
.movie img {
  width: 100%;
}
.movie .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie .inner iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* .kakure */
.kakure {
  width: 100%;
  margin: 0 0 5% 0;
}
.kakure img {
  width: 100%;
}
.kakure .ttxt01 {
  padding: 3% 2%;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
}
.kakure .ttxt02 {
  padding: 2% 4% 3% 4%;
  margin: 0 0 2% 0;
  font-size: 90%;
  background-image: url(/Landing/Formlp/img/tou/01/sp/kakure_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.kakure .ttxt02 span {
  color: #cc0000;
}
/* .check */
.check {
  width: 100%;
  margin: 0 0 5% 0;
}
.check img {
  width: 100%;
}
/* .toudown */
.toudown {
  width: 100%;
  margin: 0 0 5% 0;
}
.toudown img {
  width: 100%;
}
/* .offer02 */
.offer02 {
  width: 100%;
}
.offer02 img {
  width: 100%;
}
.offer02 ul {
  padding: 0 0 3%;
  background: #00AFE6;
}
.offer02 li {
  width: 100%;
}
.offer02 li .offer_btn {
  width: 93.75%;
  margin: 0 1% 0 5.25%;
}
.offer02 li.product05 .offer_btn {
  width: 93.75%;
  margin: 0 1% 3% 5.25%;
}
.offer02 li.product01 {
  padding: 0 0 4% 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer02_30_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.offer02 li.product02 {
  padding: 0 0 4% 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer02_60_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.offer02 li.product03 {
  padding: 0 0 4% 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer01_10_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.offer02 li.product04 {
  margin-top: -4%;
  padding: 0 0 4% 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer02_980_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.offer02 li.product05 {
  padding: 0 0 0 0;
  background-image: url(/Landing/Formlp/img/tou/01/sp/offer02_30_02_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* .component */
.component {
  width: 100%;
  margin: 2% 0 7% 0;
}
.component img {
  width: 100%;
}
/* .patent */
.patent {
  width: 100%;
  margin: 7% 0 7% 0;
}
.patent img {
  width: 100%;
}
.patent .ttxt {
  padding: 3% 3%;
  font-size: 80%;
  background-image: url(/Landing/Formlp/img/tou/01/sp/patent_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.patent .att {
  padding: 2% 0 0 0;
  font-size: 80%;
}
/* .glucose */
.glucose {
  width: 100%;
  margin: 0 0 7% 0;
}
.glucose img {
  width: 100%;
}
/* .mechanism */
.mechanism {
  width: 100%;
  margin: 0 0 7% 0;
}
.mechanism img {
  width: 100%;
}
/* .ala */
.ala {
  width: 100%;
  margin: 0 0 7% 0;
}
.ala img {
  width: 100%;
}
.ala .ttxt {
  padding: 10% 5% 0;
  font-size: 80%;
  background-image: url(/Landing/Formlp/img/tou/01/sp/ala_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* .voice */
.voice {
  width: 100%;
  margin: 0 0 10% 0;
}
.voice img {
  width: 100%;
}
.voice dl dd {
  font-size: 80%;
  padding: 10px 3% 20px;
}
.voice dl dd strong {
  color: #cd0000;
  text-decoration: underline;
}
.voice dl dd em {
  font-style: normal;
  text-decoration: underline;
}
/* .safety */
.safety {
  width: 100%;
  margin: 0 0 7% 0;
}
.safety img {
  width: 100%;
}
.safety .ttxt {
  padding: 2% 3%;
  font-size: 80%;
  background-color: #d5e6f4;
}
.safety h4 {
  margin: 7% 0 3% 0;
}
.safety dl dt {
  width: 93.75%;
  margin: 0 auto 3%;
}
.safety dl dd {
  width: 93.75%;
  margin: 0 auto 5%;
}
.safety dl dd h5 {
  font-size: 100%;
  font-weight: bold;
  color: #725d44;
}
.safety dl dd p {
  font-size: 80%;
}
/* .overview */
.overview {
  width: 93.75%;
  margin: 7% auto 7%;
}
.overview h3 {
  border: 1px solid #00afe7;
  padding: 2% 3%;
  background-color: #e8f9ff;
  font-weight: normal;
  color: #00afe7;
}
.overview div {
  border-color: #00afe7;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 3% 3%;
  background-color: #fff;
  font-size: 80%;
}
.overview div span {
  font-weight: bold;
}
.overview div ul {
  margin: 3% 0 0 0;
}
.overview div ul li {
  margin: 0 0 0 7%;
  list-style: disc;
}
.overview a {
  color: #000;
  text-decoration: underline;
}
.materials {
  margin: 3% 0 0;
}
/* footer 
footer {
  text-align: center;
  background: #d1d1d1;
  padding: 5% 2%;
}
footer p a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  font-size: 80%;
}
footer address {
  color: #333;
  font-size: 70%;
}*/
/* よくある質問 */
#qa {
  margin: 30px auto 40px;
  width: 100%;
}
#qa .title {
  background: #132a88;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
}
#qa li {
  text-align: left;
}
#qa li dt {
  background: rgba(0, 0, 0, 0) url("/Landing/Formlp/img/tou/01/sp/ic_q.png") no-repeat scroll 10px 0;
  background-size: 8%;
  border-bottom: 1px dashed #bfbfbf;
  cursor: pointer;
  font-size: 100%;
  margin-bottom: 15px;
  padding: 0 12% 15px 13%;
  position: relative;
}
#qa li dt::after {
  background: rgba(0, 0, 0, 0) url("/Landing/Formlp/img/tou/01/sp/ic_arrow_under.png") no-repeat scroll 10px 0;
  background-size: 50%;
  content: "";
  display: inline-block;
  height: 18px;
  margin-top: -16px;
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 40px;
}
#qa li dt.active::after {
  background: rgba(0, 0, 0, 0) url("/Landing/Formlp/img/tou/01/sp/ic_arrow_up.png") no-repeat scroll 10px 0;
  background-size: 50%;
}
#qa li dd {
  background: rgba(0, 0, 0, 0) url("/Landing/Formlp/img/tou/01/sp/ic_a.png") no-repeat scroll 10px 0;
  background-size: 8%;
  display: none;
  font-size: 100%;
  line-height: 1.7;
  margin-bottom: 20px;
  padding: 0 3% 0 13%;
}
@media screen and (min-width:640px) {
  #qa li dt {
    background-size: 5%;
    padding: 10px 5% 15px 8%;
  }
  #qa li dd {
    background-size: 5%;
    padding: 0 3% 0 8%;
  }
}
/* order2 半額＆単品 */
.order2 img {
  width: 100%;
}
.order2 .repeat {
  padding-bottom: 3%;
  background: #00afe7;
  margin: 0 0 5%;
}
.order2 .repeat .note {
  color: #fff;
  font-size: 57%;
  margin: 10px 3% 0;
}
.order2 .single {
  position: relative;
  margin-bottom: 8%;
}
.order2 .single .details {}
.order2 .single .btn {
  width: 60%;
  position: absolute;
  top: 56%;
  right: 2%;
}
.order2 .repeat30 {
  position: relative;
  margin-bottom: 8%;
}
.order2 .repeat30 .btn {
  width: 60%;
  position: absolute;
  top: 65%;
  right: 16%;
}
/* order_rich 半額＆単品 */
.order_rich img {
  width: 100%;
}
.order_rich {
  margin-bottom: 8%;
}
.order_rich .att {
  margin-top: 10px;
}
.order_rich .single, .order_rich .repeat30 {
  position: relative;
}
.order_rich .single .btn, .order_rich .repeat30 .btn {
  width: 57%;
  position: absolute;
  top: 58%;
  right: 5%;
}
.order_rich .single + .button {
  cursor: pointer;
}
/* order2 半額＆単品 */
.cp_free {
  padding-bottom: 4%;
  background: #00afe7;
}
.cp_free img {
  width: 100%;
}
/* 先生コンテンツ */
#wtnb_ala {
  font-size: 100%;
  line-height: 1.8;
  font-size: 80%;
}
#wtnb_ala img {
  width: 100%;
}
#wtnb_ala .innerbox {
  background: url(/Landing/Formlp/img/tou/01/sp/bg_wtnb_ala.png) repeat 0 0;
  border: 3px solid #dddbe9;
  padding: 5% 5%;
}
#wtnb_ala .innerbox strong {
  color: #fe2400;
}
#wtnb_ala .innerbox h3 {
  text-align: center;
  margin: 5% 0 3%;
  font-size: 120%;
  font-weight: bold;
  color: #122b88;
  background: #ffff77;
  line-height: 1.3;
  padding: 1% 0 0;
}
#wtnb_ala .innerbox div {
  overflow: hidden;
}
#wtnb_ala .innerbox div img {
  width: 90%;
  margin: 5% 5%;
}
#wtnb_ala .innerbox div p.img {}
#wtnb_cts img {
  width: 100%;
}
/* 愛用者神保さんver */
#user_j header span {
  display: block;
  padding: 0 0 5%;
}
#user_j #voice_jinbo img {
  width: 100%;
}
#user_j #voice_jinbo {
  margin-bottom: 3%;
}
#user_j #voice_jinbo .after {
  background: #fbf4e4;
}
#user_j #voice_jinbo .after + .att {
  display: block;
  text-align: right;
  padding: 10px 0;
}
#user_j #voice_jinbo p.txt {
  padding: 3% 5% 4%;
}
#user_j #voice_jinbo p.txt strong {
  color: #cd0000;
}
#user_j #voice_jinbo + .test {
  margin-bottom: 8%;
}
#user_j #user_j .wtnb {
  text-align: center;
  margin-bottom: 80px;
}
#user_j .functional {
  background: #f9f4bb;
}
#user_j .wtnb {
  margin-bottom: 8%;
}
.infosbi {
  margin: 0 3% 5%;
  font-size: 80%;
}
.teiki img {
  width: 100%;
}
.alashia-bnr {
  margin-top: -30px;
  padding: 0 2%;
}
.alashia-bnr img {
  width: 100%;
}