/* --------
  lib
  simplebar The MIT License (MIT) Copyright (c) 2015 Jonathan Nicol
  -------- */
  [data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:before,.simplebar-content:after{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0%}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity 0.2s 0.5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  width: 40% !important;
}
.simplebar-scrollbar::before {
  background: #E98C00;
  height: 6px !important;
  border-radius: 3px;
  top: 0;
  opacity: 1;
}
.simplebar-track {
  background: #FFF;
  height: 6px !important;
  width: 75%;
  right: auto;
  left: 50% !important;
  transform: translateX(-50%);
  border-radius: 3px;
}

/* --------
  Base
  -------- */
.equolplatinum-wrapper h1,
.equolplatinum-wrapper h2,
.equolplatinum-wrapper h3 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
#ajaxEcheaderSP, #ajaxEcheaderNavSP, .block-header-notice, .pane-header, #ajaxEcheaderMenuSP, #ajaxEcheaderTopPC, #ajaxEcheaderPC, #ajaxEcheaderNavPC, #ajaxEcheaderNoticePC, #chatplusview {
  display: none !important;
}
.equolplatinum-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

/* --------
  Main
  -------- */
.equolplatinum-wrapper {
  background-color: #fff;
}

/* MV */
h1.equolplatinum-mv {
  background: #FFE1E3;
}

/* 訴求 */
.equolplatinum-appeal {
  position: relative;
  z-index: 0;
}
.equolplatinum-appeal-link {
  position: absolute;
  left: 50%;
  z-index: 1;
  display: block;
  width: calc(330 / 390 * 100vw);
  transform: translateX(-50%);
  aspect-ratio: 625 / 138;
  width: 85%;
}
.equolplatinum-appeal-link a {
  display: block;
  width: 100%;
  height: 100%;
}
.equolplatinum-appeal-link._link1 {
  bottom: calc(29 / 390 * 100vw);
}
.equolplatinum-appeal-link._link2 {
  bottom: calc(43 / 390 * 100vw);
}
.equolplatinum-appeal-link._link3 {
  bottom: calc(31 / 390 * 100vw);
}

/* 要素の被り */
._a-cover1,
._a-cover2,
._b-cover1,
._b-cover2 {
  position: relative;
}
._a-cover1:before,
._b-cover1:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: auto;
  background: url(/img/usr/lp/equolplatinum/bg_cover2.png) no-repeat center / 100% auto;
  aspect-ratio: 750 / 124;
  bottom: 0;
  left: 0;
  z-index: 1;
}
._a-cover2:before,
._b-cover2:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: auto;
  background: url(/img/usr/lp/equolplatinum/bg_cover1.png) no-repeat center / 100% auto;
  aspect-ratio: 750 / 49;
  top: 0;
  left: 0;
  z-index: 1;
}
._a-cover1 {
  padding-bottom: 4%;
}
._a-cover3 {
  position: relative;
  margin-top: -1%;
}
._b-cover1 {
  padding-bottom: 4.3%;
}
._b-cover2 {
  padding-top: 2.5%;
}
._b-cover3 {
  position: relative;
  margin-top: -6%;
}

/* よくある質問 */
.equolplatinum-qa {
  padding: 25px;
}
h2.equolplatinum-qa-hdg {
  width: 80%;
  max-width: 218px;
  margin: 0 auto 25px;
}
.equolplatinum-qa-item dl {
  margin-bottom: 20px;
  box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.16)
}
.equolplatinum-qa-item dl:last-child {
  margin-bottom: 0;
}
.equolplatinum-qa-item dt,
.equolplatinum-qa-item dd div {
  display: flex;
  gap: calc( 20 / 620 * 100%);
  padding: 10px 15px;
}
.equolplatinum-qa-item dt {
  position: relative;
  background: #C73E4D;
  cursor: pointer;
}
.equolplatinum-qa-item dt:before,
.equolplatinum-qa-item dt:after {
  position: absolute;
  display: block;
  content: "";
  width: calc( 40 / 620 * 100%);
  height: 1px;
  background: #FFF;
  top: 50%;
  right: 15px;
}
.equolplatinum-qa-item dt:after {
  transform: rotate(90deg);
  transition: 0.3s;
}
.equolplatinum-qa-item dt span,
.equolplatinum-qa-item dd span {
  width: calc( 40 / 620 * 100%);
  flex-shrink: 0;
}
.equolplatinum-qa-item dt p {
  width: calc( 507 / 620 * 100%);
  margin-block: 6px;
}
.equolplatinum-qa-item dd p {
  font-size: 13px;
  line-height: calc(42 / 26);
  margin-block: 10px;
}
/* アコーディオン */
.equolplatinum-qa-item dt.is-open:after {
  transform: rotate(0);
}
.equolplatinum-qa-item dd {
  display: none;
}
.equolplatinum-qa-item dl:first-child dd {
  display: block;
}

/* 商品詳細 */
.equolplatinum-detail {
  padding: calc( 503 / 750 * 100vw) 25px 20px;
  background: url(/img/usr/lp/equolplatinum/bg_detail.png) no-repeat center top / 100% auto;
}
.equolplatinum-detail-item {
  margin-bottom: 26px;
  position: relative;
  border: 1px solid #707070;
  background: #FFF;
  padding: 23px 15px 15px;
}
.equolplatinum-detail-item:last-child {
  margin-bottom: 0;
}
.equolplatinum-detail-item dt {
  display: flex;
  align-items: center;
  position: absolute;
  top: -12px;
  left: -1px;
  background: #555555;
  padding-inline: 10px;
  min-height: 25px;
  color: #FFF;
  font-size: 13px;
  font-weight: 700;
}
.equolplatinum-detail-item dd {
  font-size: 10px;
}
.equolplatinum-detail-item dd span {
  display: block;
  margin-bottom: 10px;
}
.equolplatinum-detail-item dd span:last-child {
  display: block;
  margin-bottom: 0;
}

/* 固定ボタン */
.equolplatinum-fixed-btn {
  opacity: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  transition: .3s ease;
}
.equolplatinum-fixed-btn.is-active {
  opacity: 1;
  z-index: 999;
}
.equolplatinum-fixed-btn .equolplatinum-appeal-link {
  margin: 0 auto;
  position: static;
  transform: none;
}
.equolplatinum-fixed-btn:not(.is-active) .equolplatinum-appeal-link {
  pointer-events: none;
}
.equolplatinum-fixed-btn .equolplatinum-appeal-link:hover {
  opacity: 1;
}
@media screen and (min-width: 751px) {
  .equolplatinum-wrapper {
    background-color: transparent;
  }
  .pane-landingpage-contents {
    padding-bottom: 100px;
  }
  .equolplatinum-inner {
    margin: 0 auto;
    max-width: 750px;
    background-color: #fff;
    overflow-x: hidden;
  }

  /* 訴求 */
  .equolplatinum-appeal-link {
    width: 625px;
  }
  .equolplatinum-appeal-link._link1 {
    bottom: 58px;
  }
  .equolplatinum-appeal-link._link2 {
    bottom: 84px;
  }
  .equolplatinum-appeal-link._link3 {
    bottom: 110px;
  }

  /* よくある質問 */
  .equolplatinum-qa {
    padding: 50px;
  }
  h2.equolplatinum-qa-hdg {
    margin-bottom: 50px;
    width: 436px;
    max-width: none;
  }
  .equolplatinum-qa-item dt,
  .equolplatinum-qa-item dd div {
    padding: 10px 30px;
    gap: 20px;
  }
  .equolplatinum-qa-item dt:before,
  .equolplatinum-qa-item dt:after {
    width: 40px;
    right: 30px;
  }
  .equolplatinum-qa-item dt span {
    width: 40px;
  }
  .equolplatinum-qa-item dd span {
    width: 39px;
  }
  .equolplatinum-qa-item dt p {
    width: 483px;
    margin-block: 20px;
  }
  .equolplatinum-qa-item dd p {
    font-size: 26px;
    margin-block: 18px;
  }

  /* 商品詳細 */
  .equolplatinum-detail {
    padding: 505px 50px 50px;
  }
  .equolplatinum-detail-item {
    margin-bottom: 50px;
    padding: 50px 30px 30px;
  }
  .equolplatinum-detail-item dt {
    top: -25px;
    left: -1px;
    padding-inline: 20px;
    min-height: 50px;
    font-size: 26px;
  }
  .equolplatinum-detail-item dd {
    font-size: 20px;
  }
  .equolplatinum-detail-item dd span {
    margin-bottom: 20px;
  }
}


/* --------
  フォーム
  -------- */
/* 共通 */
#frmLP {
  background-color: #FFF8E3;
}
#frmLP::before {
  content: "\7533\3057\8FBC\307F\30D5\30A9\30FC\30E0"; /* 申し込みフォーム */
  display: block;
  font-weight: bold;
  text-align: center;
  color: #431818;
}
.block-landingpage .form-error {
  margin-top: 5px;
  padding: 5px;
  background-color: #f2dede;
}

/* PC */
[data-browse-mode="P"] #frmLP {
  margin-top: 80px;
  padding: 80px 60px;
}
[data-browse-mode="P"] #frmLP::before {
  margin: 0 0 40px;
  font-size: 48px;
}
[data-browse-mode="P"] .block-landingpage--wrapper > .alert {
  margin-top: 40px;
  font-size: 20px;
}

/* SP */
[data-browse-mode="S"] .block-landingpage-login--member {
  padding: 0 20px;
}
[data-browse-mode="S"] .block-landingpage-login--first-time-body {
  margin: 0 auto;
  width: calc(100% - 40px);
}
[data-browse-mode="S"] .block-login--member-body {
  padding: 0;
  border: none;
}
[data-browse-mode="S"] .block-login--member-frame > .common_headline2_area_ {
  padding: 0;
}
[data-browse-mode="S"] #frmLP {
  margin-top: 40px;
  padding: 40px 20px;
}
[data-browse-mode="S"] #frmLP::before {
  margin: 0 0 20px;
  font-size: 24px;
}
[data-browse-mode="S"] #frmLP .block-landingpage-login--first-time-body,
[data-browse-mode="S"] #frmLP .block-landingpage-form {
  padding: 40px 20px;
  width: 100%;
  border-radius: 10px;
  border: none;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--customer-title,
[data-browse-mode="S"] #frmLP .block-landingpage-form .block-landingpage-form--goods-title,
[data-browse-mode="S"] #frmLP .js-landingpage-loading .block-landingpage-form--spec-title {
  padding-top: 0;
}
[data-browse-mode="S"] #frmLP .block-landingpage-login--additional-info-body,
[data-browse-mode="S"] #frmLP .js-landingpage-loading {
  margin-top: 40px;
  padding: 40px 20px;
  border-radius: 10px;
  background-color: #fff;
}
[data-browse-mode="S"] #frmLP .js-landingpage-loading {
  display: block;
}
[data-browse-mode="S"] #frmLP .block-landingpage-login--additional-info-body .legend {
  margin: 0;
  padding: 0 0 20px;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  color: #33b558;
  border: none;
}
[data-browse-mode="S"] #frmLP .form-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 20px;
}
[data-browse-mode="S"] #frmLP .form-group + .form-group {
  margin-top: 25px;
}
[data-browse-mode="S"] #frmLP .form-group .form-control,
[data-browse-mode="S"] #frmLP .form-group .form-control input[type="text"],
[data-browse-mode="S"] #frmLP .form-group .form-control input[type="password"],
[data-browse-mode="S"] #frmLP .js-landingpage-change-order-form {
  width: 100%;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--payment-content {
  margin: 15px 0 0;
}
[data-browse-mode="S"] #frmLP .action-buttons {
  margin: 30px 0 0;
}
[data-browse-mode="S"] #frmLP .action-buttons .btn {
  margin: 0;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-qty {
  margin-top: 10px;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-goods,
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-qty,
[data-browse-mode="S"] #frmLP .block-landingpage-form--date-spec,
[data-browse-mode="S"] #frmLP .block-landingpage-form--time-spec {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-goods dt,
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-qty dt,
[data-browse-mode="S"] #frmLP .block-landingpage-form--date-spec dt,
[data-browse-mode="S"] #frmLP .block-landingpage-form--time-spec dt {
  white-space: pre;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-goods dd:first-of-type,
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-qty dd:first-of-type,
[data-browse-mode="S"] #frmLP .block-landingpage-form--date-spec dd:first-of-type,
[data-browse-mode="S"] #frmLP .block-landingpage-form--time-spec dd:first-of-type {
  flex: 1;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-goods dd:nth-child(n + 3),
[data-browse-mode="S"] #frmLP .block-landingpage-form--goods-qty dd:nth-child(n + 3),
[data-browse-mode="S"] #frmLP .block-landingpage-form--date-spec dd:nth-child(n + 3),
[data-browse-mode="S"] #frmLP .block-landingpage-form--time-spec dd:nth-child(n + 3) {
  width: 100%;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--payment-content h3 {
  margin-bottom: 10px;
  padding: 0;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--payment-content-method-select li {
  margin: 0 0 10px 23px;
  text-indent: -23px;
}
[data-browse-mode="S"] #frmLP .block-landingpage-form--payment-content-method-select input[type="radio"] {
  margin-right: 0;
}
[data-browse-mode="S"] .block-landingpage--wrapper > .alert {
  margin: 20px 20px 0;
  font-size: 16px;
}
[data-browse-mode="S"] .modal-dialog {
  width: 100% !important;
}
[data-browse-mode="S"] .block-member-terms--body {
  font-size: 13px;
}

#frm-anchor {
  scroll-margin-top: 40px;
}