/* 月帯MIX：CSS編集欄に貼り付ける原本。寸法は600px幅を基準にします。
   フォーム用の指定とフォームCSSの展開タグは、EC Forceで必要なため保持。
   目次：共通・フォーム／LP基本／コンテンツ各章／CTA／MIX追加コンテンツ */
/* 01. 共通リセットとフッター：元のヘッダーから集約 */
/*
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {

  color: #000;
  text-decoration: none;
}

mark {

  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}

body {
  background: #fff !important;
}

h1,
h2,
h3,
h4,
h5 {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
}

img {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

main a,
main img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.cartbutton {
  position: relative;
}

.cartbutton > a {
  position: absolute;
  width: 65.2%;
  height: 90.7303%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.cartbutton > a > img {
  width: 100%;
  height: 100%;
}

.infinite {
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.onehalfsecond {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.center {
  -webkit-transform-origin: 75% 50%;
  -moz-transform-origin: 75% 50%;
  -o-transform-origin: 75% 50%;
  transform-origin: 75% 50%;
}

.left {
  -webkit-transform-origin: 3.5% 50%;
  -moz-transform-origin: 3.5% 50%;
  -o-transform-origin: 3.5% 50%;
  transform-origin: 3.5% 50%;
}

.slanting {
  -webkit-animation-name: slanting;
  -moz-animation-name: slanting;
  -o-animation-name: slanting;
  animation-name: slanting;
}

@-moz-keyframes slanting {
  0% {
    -moz-transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(20px, 20px);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}

@-o-keyframes slanting {
  0% {
    -o-transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(20px, 20px);
  }
  100% {
    -o-transform: translate(0, 0);
  }
}

@-webkit-keyframes slanting {
  0% {
    -webkit-transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(20px, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}

.zoom {
  -webkit-animation-name: zoom;
  -moz-animation-name: zoom;
  -o-animation-name: zoom;
  animation-name: zoom;
}

@-moz-keyframes zoom {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes zoom {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

.form_container_sp_ec {

    padding: 10px;
}

.formError {
  width: 95%;
}

.form_container_ec#lp-form h4 {
  margin: 30px 0 15px 0;
  font-size: 1.2em;
  padding: 7px;
  color: #333;
  text-align: left;
  border-bottom: 2px solid #333;
  width: 100%;
  box-sizing: border-box;
  background: 0 0;
  font-size: 1.6em;
}

.form_container_ec#lp-form table {
  width: 100%;
}

.form_container_ec#lp-form .purchase_message_ec {
  margin: 0;
  text-align: center;
}

.form_container_ec#lp-form td,
.form_container_ec#lp-form th {
  vertical-align: baseline;
}

.form_container_ec#lp-form .form_required_ec {
  background: red;
  padding: 2px 7px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 10px;
  border-radius: 20%;
}

.form_container_sp_ec#lp-form h4 {
  color: #333;
  border-bottom: 2px solid #333;
  width: 100%;
  box-sizing: border-box;
  background: 0 0;
  margin-bottom: 10px;
}

.form_container_sp_ec#lp-form .form_box_label_sp_ec {
  background: 0 0;
  border: 0;
  padding: 0 2%;
  box-sizing: border-box;
}

.form_container_sp_ec#lp-form .form_required_sp_ec {
  background: red;
  padding: 2px 7px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 10px;
  border-radius: 2px;
}

.form_container_sp_ec#lp-form .form_group_sp_ec {
  padding-top: 5px;
  padding-bottom: 10px;
}

.form_container_sp_ec#lp-form input:not(#submit,
.login_button_sp_ec),
.form_container_sp_ec#lp-form select {
  padding: 5px;
  box-sizing: border-box;
  font-size: 12px;
}

.form_container_sp_ec#lp-form .caution_sp_ec {
  font-size: 12px;
}

.container_scheduled_delivery_dates {
    display: none;
}

.login_message_box_sp_ec {
  box-sizing: border-box;
}

.review {
  width: 100%;
  height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #000;
  color: #fff;
  font-family: YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro",
    "繝｡繧､繝ｪ繧ｪ", Helvetica Neue, Helvetica, Osaka, sans-serif;
}

.review li {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 10px;
  border-bottom: 1px dashed;
}

.review li:last-child {
  border: 0;
}

.review h5 {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  padding: 0 10px;
  background: #ff0;
  font-size: 16px;
  color: #000;
}

.review li > span {
  color: #f8e24b;
}

.review p {
  box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
  font-size: 12px;
}

.review p span {
  display: block;
  text-align: right;
}

#fixed {
  position: fixed;
  margin: 0 auto;
  z-index: 0;
  bottom: 0;
  width: 100%;
}

#offer_bottom {
  margin: 0 auto;
  max-width: 700px;
}

.submit_sp_ec img {
  width: 100%;
  margin-top: 25px;
}

.flex {
  display: flex;
}
.cvarea {
  margin: 0 auto;
  text-align: center;
}

/* footer */

#global-footer a {
  display: block;
  line-height: 30px;
  text-decoration: none;
  font-size: 14px;
  color: #6d6d6d;
}
.copy {
  font-size: 12px;
  text-align: center;
  color: #6d6d6d;
}
#global-footer li {
  width: auto;
}
@media only screen and (max-width: 724px) {
  #global-footer ul {
    display: block;
    width: 100%;
    list-style: none;
  }
  #global-footer li {
    text-align: center;
    width: 100%;
    height: auto;
  }
  .copy {
    margin: 10px 0;
  }
  .henkin {
    background-color: #F6F5F0;
    text-align: right;
    font-size: 60%;
    color: #000;
    padding: 0px 7% 3% 0;
  }
}
@media only screen and (min-width: 725px) {
#global-footer ul {
  justify-content: space-evenly;
  width: 1150px;
  margin: 30px auto;
    list-style: none;
}
.henkin {
  background-color: #F6F5F0;
  text-align: right;
  font-size: 80%;
  color: #000;
  padding: 0 45px 30px 0;
}
}

.henkin a {
text-decoration: none;
color: #42210bbf;}

/* 02. EC Forceフォーム独自指定とLP基本レイアウト */
/*------------------------------------
* PC,SP共通部分
*-------------------------------------*/
/* リセット */
body { margin: 0;}

#lp-form h1,
#lp-form h2,
#lp-form h3,
#lp-form h4,
#lp-form h5,
#lp-form h6,
#lp-form p,
#lp-form ul,
#lp-form ol,
#lp-form li,
#lp-form dl,
#lp-form dt,
#lp-form dd,
#lp-form blockquote {
  margin: 0;
}

#lp-form ul,
#lp-form ol {
  ist-style: none inside;
}

#lp-form img,
#lp-form a img {
  border: 0;
  vertical-align: middle;
}

#lp-form .clearfix {
  zoom: 1;
}

#lp-form .clearfix:after {
  clear: both;
  content: '';
  display: block;
}

#lp-form {
  font-size: 12px;
  line-height: 1.42857143;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

#lp-form table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Form 項目と入力ボックス間の空白調節*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
  float: left;
  position: relative;
  min-height: 1px;
}
.col-24 {width: 100%;}
.col-23 {width: 95.83333333%;}
.col-22 {width: 91.66666667%;}
.col-21 {width: 87.5%;}
.col-20 {width: 83.33333333%;}
.col-19 {width: 79.16666667%;}
.col-18 {width: 75%;}
.col-17 {width: 70.83333333%;}
.col-16 {width: 66.66666667%;}
.col-15 {width: 62.5%;}
.col-14 {width: 58.33333333%;}
.col-13 {width: 54.16666667%;}
.col-12 {width: 50%;}
.col-11 {width: 45.83333333%;}
.col-10 {width: 41.66666667%;}
.col-9 {width: 37.5%;}
.col-8 {width: 33.33333333%;}
.col-7 {width: 29.16666667%;}
.col-6 {width: 25%;}
.col-5 {width: 20.83333333%;}
.col-4 {width: 16.66666667%;}
.col-3 {width: 12.5%;}
.col-2 {width: 8.33333333%;}
.col-1 {width: 4.16666667%;}

/*------------------------------------
* PC部分
*-------------------------------------*/
/* 本フォーム全体  */
.form_container_ec {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
}
.form_main_container_ec {
  font-size:12px;
  width: 100%;
  border-radius:3px
}
.landing_form_label_ec {
  padding: 15px;
}
/* フォームの項目名ラベル */
.form_box_label {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
  padding: 2%;
  vertical-align: middle;
  text-align: left;
  color: #333;
  margin-bottom: 2%;
}
span.form_required_ec{
  padding: 2px 4px;
  margin-left: 5px;
  display: inline-block;
  float: right !important;
}
/* フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  width: 852px;
  margin: 0 auto;
}
/* フォーム一項目　項目名ラベルと入力ボックス */
.landing_form_ec tr {
  line-height: 18px;
  font-size: 14px;
}
/* フォーム左側　項目名ラベル */
.landing_form_ec th {
  text-align: left;
  vertical-align: top;
  padding: 13px 11px;
}
/* フォーム右側　入力ボックス */
.landing_form_ec td {
  width: 584px;
  padding: 13px 5px;
}
/* フォームトップメッセージ */
.login_message_ec,
.purchase_message_ec {
  font-weight: normal;
  font-size: 14px;
  padding:20px 0px;
  margin-left: 4%;
  margin-right: 4%;
}
/* エラーメッセージ背景 */
.alert-danger_ec {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-success_ec {
  background-color: #DFF0D8;
  border-color: #d6e9c6;
  color: #468847;
}

.form_main_container_sp_ec .formError {
  width: 200px;
}

.form_main_container_ec .formError {
  width: 470px;
}

.formError .formErrorContent {
  width: 60%;
  font-size: 100%;
}

.alert_ec {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
p.caution_ec {
  padding-top:10px;
  font-size: 14px;
}
.optin_view_ec,
.agreement_view_ec,
.order_checklist_view_ec {
  margin-left: 4%;
  padding-top: 20px;
  position: relative;
}

.submit_ec {
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
}

#option_types {
  margin-top: 10px;
}

#option_types:empty {
  display: none;
}

.option_type{
  margin: 5px 0;
}

.option_type label {
  display: inline-block;
  width: 80px;
}

.form_group_ec {
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
}
.form_main_container_ec div.form_group_ec input{
  padding: 10px 10px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form_main_container_ec div.form_group_ec input[type=checkbox]{
  margin-left: 3px;
  margin-right: 3px;
}
.form_main_container_ec div.form_group_ec select{
  padding: 10px 10px;
  height: 40px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form_main_container_ec div.form_group_ec .disabled-input-ec {
  pointer-events: none;
  background-color: #ccc !important;
  opacity: 0.7;
}
input.input_box_ec { width:70%; }
select.input_box_product_ec { min-width:50%; }
p.input_product_ec { display:inline-block; }
input.input_box_name_ec { width:70%; }
input.input_box_name1_ec { width:70%; }
input.input_box_name2_ec { width:70%; }
input.input_box_kana_ec { width:70%; }
input.input_box_kana1_ec { width:70%; }
input.input_box_kana2_ec { width:70%; }
select.input_box_sex_ec { width: 25%; }
select.input_box_job_ec { width: 70%; }
select.input_box_birth_year_ec { width: 25%; }
select.input_box_birth_month_ec { width: 15%; }
select.input_box_birth_day_ec { width: 15%; }
input.input_box_zip1_ec { width: 50px; }
input.input_box_zip2_ec { width: 60px; }
select.input_box_pref_ec { width: 150px; }
input.input_box_addr1_ec { width: 70%; }
input.input_box_addr2_ec { width: 70%; }
input.input_box_addr3_ec { width: 70%; }
input.input_box_tel_ec { width: 70%; }
input.input_box_tel1_ec { width: 45px; }
input.input_box_tel2_ec { width: 45px; }
input.input_box_tel3_ec { width: 45px; }
input.input_box_fax_ec { width: 70%; }
input.input_box_fax1_ec { width: 45px; }
input.input_box_fax2_ec { width: 45px; }
input.input_box_fax3_ec { width: 45px; }
input.input_box_email_ec { width: 70%; }
input.input_box_email_confirm_ec { width: 70%; }
input.input_box_customer_number_ec { width: 70%; }
select.input_box_card_method_ec { width: 50%; }
select.input_box_card_times_ec { width: 15%; }
input.input_box_card_number_ec { width: 70%; }
select.input_box_card_month_ec { width: 15%; }
select.input_box_card_year_ec { width: 15%; }
input.input_box_card_name_ec { width: 70%; }
input.input_box_password_ec { width: 70%; }
input.input_box_password_confirm_ec { width: 70%; }

p.form_box_label_ec strong { font-weight: bold; }
p.form_box_label_ec label { font-weight: bold; }
div.form_group_ec p {}
div.form_group_ec span { font-weight: bold; }
div.scheduled_delivery_date_text_ec {
  font-size: 14px;
  line-height: 20px;
}

div.pre_ordered_delivery_description_text_ec {
  font-size: 14px;
  line-height: 20px;
}

.preview_container_ec > table th,
.preview_container_ec > table td {
  border: 1px solid #d0dcec;
}

.table_bordered_ec {
  border: 0px !important;
}

.table_ec {
  width: 100%;
  max-width: 100%;
}

.table_ec tr > .pull_right_ec {
  text-align: right;
}

.table_ec tr > th.product_name_ec {
  width: 60%;
}

.table_ec tr > th.product_price_ec {
  width: 15%;
}

.table_ec tr > th.product_quantity_ec {
  width: 10%;
}

.table_ec tr > th.product_pickup_available_date_ec {
  width: 15%;
}

.table_ec tr > th.product_sub_total_ec {
  width: 15%;
}

.total_color_ec {
  color: #ff0000;
  font-weight: bold;
}

.without_border_ec {
  border: none !important;
}

/* Paypal */
#paypal-button-container {
  width: 50%;
}

/* Amazon Pay */
.amazon_pay_box_ec {
  border: solid 1px #C3C3C3;
  margin: 10px;
  padding: 20px 0;
  text-align: center;
}

.amazon_pay_title_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 25px;
  color: #df1800;
  font-weight: bold;
}

.amazon_pay_subtitle_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 20px;
  color: #e6a300;
}

.amazon_pay_message_ec {
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}

.amazon_pay_not_use_message_ec {
  height: 32px;
  margin: 0 auto !important;
  padding: 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  color: #e6a300;
}

.amazon_pay_button_all_ec {
  margin: 20px auto 20px;
  width: 300px;
}

.amazon_pay_button_wallet_ec {
  padding-top: 15px;
  margin-left: -25px;
}

.amazon_pay_button_wallet_ec input.billing_agreement_ec {
  visibility: hidden;
  font-size: 0px !important;
}

.address_book_widget_wrapper_ec {
  height: 228px;
}

.wallet_widget_wrapper_ec {
  height: 228px;
  width:417px;
  float:left;
  margin-right:6px;
}

.consent_widget_wrapper_ec {
  height:193px;
  width:417px;
  float:left;
  margin-top: 5px;
}

.consent_wrapper_ec {
  height: 30px;
  width: 405px;
  color: white;
  background: red;
  vertical-align: middle;
  display: table-cell;
  padding: 0 10px;
  border-radius: 5px;
  position: relative;
}

.consent_wrapper_ec > span.consent_message_ec {
  padding: 0 0 0 10px;
}

.consent_wrapper_ec > span.consent_mandatory_ec {
  float: right;
  background: white;
  color: red;
  padding: 0 4px;
}

.consent_wrapper_ec > input.consent_checkbox_ec {
  visibility: hidden;
}

/* AmazonPay popup >> */
.amazon_pay_popup_box_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.amazon_pay_popup_content_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30%;
  max-height: 250px;
  padding: 20px;
  background: #ffffff;
}

.amazon_pay_popup_title_ec {
  font-size: 20px;
}

.amazon_pay_popup_close_ec {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border-style: none;
  cursor: pointer;
}

.amazon_pay_popup_subtitle_ec {
  margin: 40px 0 30px;
  font-size: 18px;
}

.amazon_pay_popup_body_ec {
  margin: 20px auto 20px;
  width: 300px;
}
/* << AmazonPay popup */

.login_message_box_ec {
  width: 852px;
  margin: 20px auto 0px auto;
  border: solid 1px #C3C3C3;
}

p.login_message_wrapper_ec {
  font-size: 14px;
  margin: 20px 0 !important;
  text-align: center;
}

/* Socialplus */
.socialplus_ec {
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: center;
}

.socialplus_ec .button-container {
  width: calc(33.3% - 10px);
  margin: 5px;
}

.socialplus_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  padding-left: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.socialplus_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-size: 100%;
}

.socialplus_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.socialplus_ec .button-container .btn-facebook {
  background-color: #4267b2;
}

.socialplus_ec .button-container .btn-facebook:before {
  background-image: url("/assets/login-facebook-3e1626e3d5c7df61a277513295e7acb6cf9112c4df07db1b867c7641a7005492.png");
}

.socialplus_ec .button-container .btn-facebook:after {
  border-color: #8298cc;
}

.socialplus_ec .button-container .btn-twitter {
  background-color: #438dc4;
}

.socialplus_ec .button-container .btn-twitter:before {
  background-image: url("/assets/login-twitter-944a487f4746a5ce6557d56ae65421e8b71eaa7fda7a0f74a1bed6b86d345567.png");
}

.socialplus_ec .button-container .btn-twitter:after {
  border-color: #88BEEF;
}

.socialplus_ec .button-container .btn-google {
  background-color: #0056c7;
}

.socialplus_ec .button-container .btn-google:before {
  background-image: url("/assets/login-google-0119f2ac53e7fc66fe39b1e40fc4757c35ceab4bf28021ce0a81d45eee5d2360.png");
}

.socialplus_ec .button-container .btn-google:after {
  border-color: #4285f4;
}

.socialplus_ec .button-container .btn-gplus {
  background-color: #d04d40;
}

.socialplus_ec .button-container .btn-gplus:before {
  background-image: url("/assets/login-gplus-f2319e7179a28ad715384eb95ff7490c6ff1efa46a13c944022702b87ab4be07.png");
}

.socialplus_ec .button-container .btn-gplus:after {
  border-color: #cf837a;
}

.socialplus_ec .button-container .btn-mixi {
  background-color: #cba958;
}

.socialplus_ec .button-container .btn-mixi:before {
  background-image: url("/assets/login-mixi-99e3d6436ac6491642b1ed205a8f6ea2fbc7a349aea04474f1ae3477c27373f5.png");
}

.socialplus_ec .button-container .btn-mixi:after {
  border-color: #e6bc5c;
}

.socialplus_ec .button-container .btn-yahoo {
  background-color: #fe0032;
  border: 0.5px solid #f00;
}

.socialplus_ec .button-container .btn-yahoo:before {
  background-image: url("/assets/login-yahoo-ecc9e51a9724b036b6fd228bdef4855731ad44ae44b75fe1f4af7eb0f59684de.png");
}

.socialplus_ec .button-container .btn-yahoo:after {
  border-color: #fe0032;
}

.socialplus_ec .button-container .btn-rakuten {
  background-color: #b21d23;
}

.socialplus_ec .button-container .btn-rakuten:before {
  background-image: url("/assets/login-rakuten-8e21ab472f9e803e6d89857d15dd46768e21dc685f03156cfd96205df6773a66.png");
}

.socialplus_ec .button-container .btn-rakuten:after {
  border-color: #ae6164;
}

.socialplus_ec .button-container .btn-line {
  background-color: #31ae36;
}

.socialplus_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.socialplus_ec .button-container .btn-line:after {
  border-color: #70C053;
}

/* ecforce-payment */
.ecforce-payment-card-number,
.ecforce-payment-card-expiry,
.ecforce-payment-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.ecforce-payment-card-number #card-number,
.ecforce-payment-card-expiry #card-expiry,
.ecforce-payment-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

/* payjp */
.payjp-card-number,
.payjp-card-expiry,
.payjp-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.payjp-card-number #card-number,
.payjp-card-expiry #card-expiry,
.payjp-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

/* fincode */
.fincode-card-number,
.fincode-card-expiry,
.fincode-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.fincode-card-number #card-number,
.fincode-card-expiry #card-expiry,
.fincode-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

.toggle_text {
  display: none;
}

/* カスタム項目 */
.free_columns-section_ec input {
  width: 70%;
}
.free_columns-section_ec input[type=checkbox], .free_columns-section_ec input[type=radio] {
  width: auto;
  top: -2px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.free_columns-section_ec .checkbox-wrapper, .free_columns-section_ec .radio-wrapper {
  margin-top:5px
}
.free_columns-section_ec .checkbox-wrapper>label, .free_columns-section_ec .radio-wrapper>label {
  display: inline-block;
  margin-left: 2px;
  width: 93%;
}
.free_columns-section_ec .form_group_ec label {
  font-weight: normal;
}
.free_columns-section_ec textarea {
  width: 100%;
}
.free_columns-section_ec select {
  width: 70%;
}
.free_columns-section_ec select[multiple]{
  height: 100% !important;
}
.free_columns-section_ec .category-caption-wrapper {
  margin: 1.5em 0 0.8em 3em;
  padding: 1em 0em 1em 1em;
  font-size: 14px;
  font-weight: bold;
  border-left: 5px solid #203594;
  width: 852px;
}
.free_columns-section_ec .category-caption-text {
  display: inline-block;
  width: 90%;
}
.free_columns-section_ec tr.free_column_category-footer td{
  border-left: none;
  border-right: none;
}
.free_columns-section_ec .category-btn-wrapper {
  cursor:pointer ;
  font-size: 14px;
  display:inline-block;
  font-weight: bold;
  color: #010FEE;
  letter-spacing: 0.2em;
}
.free_columns-section_ec .category-btn-wrapper .category-btn:before {
  display:inline-block;
  margin-right: 0.4rem;
  width: 1.9rem;
  height: 1.9rem;
  background-color: #010FEE;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.free_columns-section_ec .category-btn-wrapper.category-minus .category-btn:before {
  content:'ー';
  letter-spacing: 0;
  line-height: 1.95rem;
}
.free_columns-section_ec .category-btn-wrapper.category-plus {
  margin: 0.7em 0 0.8em 2em;
  padding: 1em;
}
.free_columns-section_ec .category-btn-wrapper.category-plus .category-btn:before {
  content:'＋';
  letter-spacing: 0;
  line-height: 1.95rem;
  font-weight: bold;
}

/* 受注自由項目 */
.order_free_columns-section_ec input {
  width: 70%;
}
.order_free_columns-section_ec .form_group_ec label {
  font-weight: normal;
}

/* セット商品 */
.table_ec td.set_item_selected{
  padding-left: 28px;
}

/*------------------------------------
* スマートフォン部分
*-------------------------------------*/
.form_container_sp_ec {
  padding: 0;
  background-size: 100%;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}
.landing_form_label_sp_ec {
  padding: 15px;
}
/* フォーム入力ボックスの基本 */
.form_main_container_sp_ec div.form_group_sp_ec input{
  padding: 8px 4px;
  line-height: 2.4;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
}
.form_main_container_sp_ec div.form_group_sp_ec input[type=checkbox]{
  margin-left: 3px;
  margin-right: 3px;
}
.form_main_container_sp_ec div.form_group_sp_ec select{
  height: 50px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
}
.form_group_sp_ec {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-top: 15px;
  position: relative;
}
.form_main_container_sp_ec div.form_group_sp_ec .disabled-input-ec {
  pointer-events: none;
  color: #555;
  background-color: #ccc !important;
  border: 1px solid #cccccc;
  opacity: 0.7;
}
/* フォームトップメッセージ */
.login_message_sp_ec,
.purchase_message_sp_ec {
  font-weight: normal;
  font-size: 14px;
  padding:20px 0px;
  margin-left: 4%;
  margin-right: 4%;
}
/* エラーメッセージ背景 */
.alert-danger_sp_ec {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-success_sp_ec {
  background-color: #DFF0D8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert_sp_ec {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.form_main_container_sp_ec {
  width: 100%;
  border-radius:3px
}
span.form_required_sp_ec{
  padding: 2px 4px;
  margin-left: 5px;
  display: inline-block;
}
/* フォームの項目名ラベル */
.form_box_label_sp_ec {
  padding: 2%;
  vertical-align: middle;
  text-align: left;
  margin-bottom: 2%;
}
select.input_box_sp_ec {
  padding: 10px;
  font-size: 14px;
  width: 100%;
  height: 50px;
}
input.input_box_sp_ec { width:98%; }
select.input_box_product_sp_ec { width:98%; }
select.input_box_quantity_sp_ec { width:98%; }
input.input_box_name_sp_ec { width:98%; }
input.input_box_name1_sp_ec { width:45%; }
input.input_box_name2_sp_ec { width:45%; }
input.input_box_kana_sp_ec { width:98%; }
input.input_box_kana1_sp_ec { width:45%; }
input.input_box_kana2_sp_ec { width:45%; }
select.input_box_sex_sp_ec { width:98%; }
select.input_box_job_sp_ec { width:98%; }
select.input_box_birth_year_sp_ec { width: 40%; }
select.input_box_birth_month_sp_ec { width: 25%; }
select.input_box_birth_day_sp_ec { width: 25%; }
input.input_box_zip1_sp_ec { width: 80px; }
input.input_box_zip2_sp_ec { width: 100px; }
select.input_box_pref_sp_ec { width:98%; }
input.input_box_addr1_sp_ec { width:98%; }
input.input_box_addr2_sp_ec { width:98%; }
input.input_box_addr3_sp_ec { width:98%; }
input.input_box_tel_sp_ec { width: 98%; }
input.input_box_tel1_sp_ec { width: 24%; }
input.input_box_tel2_sp_ec { width: 24%; }
input.input_box_tel3_sp_ec { width: 24%; }
input.input_box_fax_sp_ec { width: 98%; }
input.input_box_fax1_sp_ec { width: 24%; }
input.input_box_fax2_sp_ec { width: 24%; }
input.input_box_fax3_sp_ec { width: 24%; }
input.input_box_company_sp_ec { width: 98%; }
input.input_box_email_sp_ec { width:98%; }
input.input_box_email_confirm_sp_ec { width:98%; }
input.input_box_customer_number_sp_ec { width:98%; }
select.input_box_shipping_address_sp_ec { width:98%; }
select.input_box_wrapping_sp_ec { width:98%; }
select.input_box_card_method_sp_ec { width:98%; }
select.input_box_card_times_sp_ec { width:98%; }
input.input_box_card_number_sp_ec { width:98%; }
select.input_box_card_month_sp_ec { width: 25%; }
select.input_box_card_year_sp_ec { width: 25%; }
input.input_box_card_name_sp_ec { width:98%; }
select.input_box_container_payment_schedule_sp_ec { width:98%; }
input.input_box_password_sp_ec { width:98%; }
input.input_box_password_confirm_sp_ec { width:98%; }

p.form_box_label_sp_ec strong { font-weight: bold; }
p.form_box_label_sp_ec label { font-weight: bold; }
div.form_group_sp_ec p {}
div.form_group_sp_ec span { font-weight: bold; }
p.caution_sp_ec {
  padding-top:10px;
  font-size: 14px;
}
p.product_name_sp_ec {
  padding: 0 15px 0 15px;
  font-size: 16px;
}
div.scheduled_delivery_date_text_sp_ec {
  font-size: 14px;
  line-height: 20px;
  padding-left:15px;
  padding-right:15px;
}
.optin_view_sp_ec,
.agreement_view_sp_ec,
.order_checklist_view_sp_ec {
  margin-left: 4%;
  padding-top: 15px;
  position: relative;
}
.submit_sp_ec {
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%
  margin-left: auto;
  margin-right: auto;
}

.pre_ordered_delivery_description_text_sp_ec {
  font-size: 14px;
  line-height: 20px;
  padding-left:15px;
  padding-right:15px;
}

/* カスタム項目 */
.free_columns-section_sp_ec input {
  width: 98%;
}
.free_columns-section_sp_ec input[type=checkbox], .free_columns-section_sp_ec input[type=radio] {
  width: auto;
  top: -1px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.free_columns-section_sp_ec .checkbox-wrapper, .free_columns-section_sp_ec .radio-wrapper {
  margin-top:5px
}
.free_columns-section_sp_ec .checkbox-wrapper>label, .free_columns-section_sp_ec .radio-wrapper>label {
  display: inline-block;
  margin-left: 6px;
  width: 90%;
}
.free_columns-section_sp_ec .form_group_ec label {
  font-weight: normal;
}
.free_columns-section_sp_ec textarea {
  width: 100%;
}
.free_columns-section_sp_ec select {
  width: 98%;
}
.free_columns-section_sp_ec select[multiple]{
  height: 100% !important;
}
.free_columns-section_sp_ec .category-caption-wrapper {
  margin: 1em 0;
  padding: 1em 0em 1em 1em;
  font-size: 13px;
  font-weight: bold;
  border-left: 5px solid #203594;
}
.free_columns-section_sp_ec .category-caption-text {
  display: inline-block;
  width: 78%;
}
.free_columns-section_sp_ec tr.free_column_category-footer td{
  border-left: none;
  border-right: none;
}
.free_columns-section_sp_ec .category-btn-wrapper {
  cursor:pointer ;
  font-size: 14px;
  display:inline-block;
  font-weight: bold;
  color: #010FEE;
  letter-spacing: 0.2em;
}
.free_columns-section_sp_ec .category-btn-wrapper .category-btn:before {
  display:inline-block;
  margin-right: 0.4rem;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #010FEE;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-minus .category-btn:before {
  content:'ー';
  letter-spacing: 0;
  line-height: 1.35rem;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-plus {
  padding: 1em;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-plus .category-btn:before {
  content:'＋';
  letter-spacing: 0;
  line-height: 1.35rem;
  font-weight: bold;
}

/* 受注自由項目 */
.order_free_columns-section_sp_ec input {
  width: 98%;
}
.order_free_columns-section_sp_ec .form_group_sp_ec label {
  font-weight: normal;
}

/* セット商品 */
.table_sp_ec td.set_item_selected{
  padding-left: 28px;
}

/*------------------------------------
* PCデザイン可変部分
*-------------------------------------*/
/* 【PC】フォームの項目名ラベル内必須アイコン */
span.form_required_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}
/* 【PC】フォームのセクションラベル */
.landing_form_label_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}
/* 【PC】フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  border-top: 1px solid #d0dcec;
  border-right: 1px solid #d0dcec;
  background: #FFF;
  border-bottom: 1px solid #999;
}
/* 【PC】フォーム左側　項目名ラベル */
.landing_form_ec th {
  background-color: #e1edfd;
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #e1edfd;
}
/* 【PC】フォーム右側　入力ボックス */
.landing_form_ec td {
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #ffffff;
}
/* 【PC】購入ボタンのデザイン */
.login_button_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_login_btn-3545ead6f7c1f581390be8bada934a229cd580f4f4830b21c14803de789ad249.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* 【PC】購入ボタンのデザイン */
.submit_bottom_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_btn-f6c2a9bc1ad7a90718756cd965847d700d3750ab3c837bf74bcf30dd3d083ea0.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* 【PC】購入ボタンのデザイン */
.submit_button_complete_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_order_comp-6baf1ae5951cb6ca295e07a256d9d8ce2e646d315125a11207f4d833c9cca5d3.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*------------------------------------
* スマートフォンデザイン可変部分
*-------------------------------------*/
/* 【SP】フォームの項目名ラベル内必須アイコン */
span.form_required_sp_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【SP】フォームのセクションラベル */
.landing_form_label_sp_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【SP】フォームの項目名ラベル */
.form_box_label_sp_ec {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
}

/* 【SP】ログインボタンのデザイン */
.login_button_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_login_btn-3545ead6f7c1f581390be8bada934a229cd580f4f4830b21c14803de789ad249.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* 【SP】購入ボタンのデザイン */
.submit_bottom_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_btn-f6c2a9bc1ad7a90718756cd965847d700d3750ab3c837bf74bcf30dd3d083ea0.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.submit_button_complete_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_order_comp-6baf1ae5951cb6ca295e07a256d9d8ce2e646d315125a11207f4d833c9cca5d3.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.preview_container_sp_ec > table {
  width: 100%;
}

.preview_container_sp_ec > table th {
  background: #cadefc;
}

.preview_container_sp_ec > table,
.preview_container_sp_ec > table tr,
.preview_container_sp_ec > table th,
.preview_container_sp_ec > table td {
  border: 1px solid #C3C3C3;
}

.table_bordered_sp_ec {
  border: 0px !important;
}

.table_sp_ec {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table_sp_ec > thead > tr > th,
.table_sp_ec > tbody > tr > th,
.table_sp_ec > tfoot > tr > th,
.table_sp_ec > thead > tr > td,
.table_sp_ec > tbody > tr > td,
.table_sp_ec > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table_bordered_sp_ec > thead > tr > th,
.table_bordered_sp_ec > tbody > tr > th,
.table_bordered_sp_ec > tfoot > tr > th,
.table_bordered_sp_ec > thead > tr > td,
.table_bordered_sp_ec > tbody > tr > td,
.table_bordered_sp_ec > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table_sp_ec tr > th {
  border-top: 0px;
  background: #F0F0F0;
  font-size: 10px;
}

.table_sp_ec tr > th,
.table_sp_ec tr > td {
  font-size: 12px;
}

.table_bordered_sp_ec tr > th,
.table_bordered_sp_ec tr > td {
  border: 1px solid #e5e5e5 !important;
}

.table_sp_ec th,
.table_sp_ec td {
  vertical-align: middle !important;
  line-height: 20px !important;
  border-top: 1px solid #e5e5e5 !important;
}

.total_color_sp_ec {
  color: #ff0000;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}

/* Amazon Pay */
.amazon_pay_box_sp_ec {
  border: solid 3px #C3C3C3;
  margin: 10px auto;
  padding: 20px 0;
  text-align: center;
}

.amazon_pay_title_sp_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  color: #df1800;
  font-weight: bold;
}

.amazon_pay_subtitle_sp_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  color: #e6a300;
}

.amazon_pay_message_sp_ec {
  margin: 0 10px;
  font-weight: bold;
  text-align: center;
}

.amazon_pay_not_use_message_sp_ec {
  margin: 0 10px !important;
  padding: 0 0 10px 0;
  text-align: center;
  font-size: 12px;
  color: #e6a300;
}

.amazon_pay_button_all_sp_ec {
  margin: 20px auto 20px;
  width: 300px;
}

.amazon_pay_button_wallet_sp_ec {
  padding-top: 15px;
  margin-left: -15px;
}

.amazon_pay_button_wallet_sp_ec input.billing_agreement_sp_ec {
  visibility: hidden;
  font-size: 0px !important;
}

.address_book_widget_wrapper_sp_ec,
.wallet_widget_wrapper_sp_ec,
.consent_widget_wrapper_sp_ec {
}

.address_book_widget_wrapper_sp_ec,
.wallet_widget_wrapper_sp_ec,
.consent_widget_wrapper_sp_ec {
}

.consent_wrapper_sp_ec {
  height: 30px;
  color: white;
  background: red;
  padding-top: 5px;
  margin: 10px 0;
}

.consent_wrapper_sp_ec > span.consent_message_sp_ec {
  padding: 0 0 0 10px;
}

.consent_wrapper_sp_ec > span.consent_mandatory_sp_ec {
  float: right;
  background: white;
  color: red;
  padding: 2px 8px;
  margin: 2px 10px;
}

.consent_wrapper_sp_ec > input.consent_checkbox_sp_ec {
  visibility: hidden;
}

/* AmazonPay popup >> */
.amazon_pay_popup_box_sp_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.amazon_pay_popup_content_sp_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 250px;
  padding: 20px;
  background: #ffffff;
}

.amazon_pay_popup_title_sp_ec {
  font-size: 20px;
}

.amazon_pay_popup_close_sp_ec {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border-style: none;
  cursor: pointer;
}

.amazon_pay_popup_subtitle_sp_ec {
  margin: 40px 0 30px;
  font-size: 15px;
}

.amazon_pay_popup_body_sp_ec {
  margin: 20px auto 20px;
  width: 300px;
}
/* << AmazonPay popup */

.login_message_box_sp_ec {
  width: 100%;
  margin: 0 auto;
  border: solid 1px #d0dcec;
}

p.login_message_wrapper_sp_ec {
  font-size: 14px;
  margin: 20px 0 !important;
  text-align: center;
}

/* Socialplus */
.socialplus_sp_ec {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.socialplus_sp_ec .button-container {
  width: 100%;
  float: left;
  padding: 10px 10px 0;
  box-sizing: border-box;
}

.socialplus_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 20px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.socialplus_sp_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.socialplus_sp_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.socialplus_sp_ec .button-container .btn-facebook {
  background-color: #4267b2;
}

.socialplus_sp_ec .button-container .btn-facebook:before {
  background-image: url("/assets/login-facebook-3e1626e3d5c7df61a277513295e7acb6cf9112c4df07db1b867c7641a7005492.png");
}

.socialplus_sp_ec .button-container .btn-facebook:after {
  border-color: #8298cc;
}

.socialplus_sp_ec .button-container .btn-twitter {
  background-color: #438dc4;
}

.socialplus_sp_ec .button-container .btn-twitter:before {
  background-image: url("/assets/login-twitter-944a487f4746a5ce6557d56ae65421e8b71eaa7fda7a0f74a1bed6b86d345567.png");
}

.socialplus_sp_ec .button-container .btn-twitter:after {
  border-color: #88BEEF;
}

.socialplus_sp_ec .button-container .btn-google {
  background-color: #0056c7;
}

.socialplus_sp_ec .button-container .btn-google:before {
  background-image: url("/assets/login-google-0119f2ac53e7fc66fe39b1e40fc4757c35ceab4bf28021ce0a81d45eee5d2360.png");
}

.socialplus_sp_ec .button-container .btn-google:after {
  border-color: #4285f4;
}

.socialplus_sp_ec .button-container .btn-gplus {
  background-color: #d04d40;
}

.socialplus_sp_ec .button-container .btn-gplus:before {
  background-image: url("/assets/login-gplus-f2319e7179a28ad715384eb95ff7490c6ff1efa46a13c944022702b87ab4be07.png");
}

.socialplus_sp_ec .button-container .btn-gplus:after {
  border-color: #cf837a;
}

.socialplus_sp_ec .button-container .btn-mixi {
  background-color: #cba958;
}

.socialplus_sp_ec .button-container .btn-mixi:before {
  background-image: url("/assets/login-mixi-99e3d6436ac6491642b1ed205a8f6ea2fbc7a349aea04474f1ae3477c27373f5.png");
}

.socialplus_sp_ec .button-container .btn-mixi:after {
  border-color: #e6bc5c;
}

.socialplus_sp_ec .button-container .btn-yahoo {
  background-color: #fe0032;
  border: 0.5px solid #f00;
}

.socialplus_sp_ec .button-container .btn-yahoo:before {
  background-image: url("/assets/login-yahoo-ecc9e51a9724b036b6fd228bdef4855731ad44ae44b75fe1f4af7eb0f59684de.png");
}

.socialplus_sp_ec .button-container .btn-yahoo:after {
  border-color: #fe0032;
}

.socialplus_sp_ec .button-container .btn-rakuten {
  background-color: #b21d23;
}

.socialplus_sp_ec .button-container .btn-rakuten:before {
  background-image: url("/assets/login-rakuten-8e21ab472f9e803e6d89857d15dd46768e21dc685f03156cfd96205df6773a66.png");
}

.socialplus_sp_ec .button-container .btn-rakuten:after {
  border-color: #ae6164;
}

.socialplus_sp_ec .button-container .btn-line {
  background-color: #31ae36;
}

.socialplus_sp_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.socialplus_sp_ec .button-container .btn-line:after {
  border-color: #70C053;
}

/* LINE ID 連携 */

.line_ec {
}

.line_ec .button-container.w100 {
  width: 100%;
}

.line_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.line_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.line_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

@media screen and (min-width: 480px) {
  .line_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .line_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .line_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }

  .line_ec .button-container .button:before {
    width: 40px;
    height: 40px;
  }

  .line_ec .button-container .button:after {
    width: 40px;
  }
}

.line_ec .button-container .btn-line {
  background-color: #31ae36;
}

.line_ec .button-container .btn-line:before {
  background-image: image_url('login-line.png');
}

.line_ec .button-container .btn-line:after {
  border-color: #70C053;
}

.line_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.line_sp_ec {
}

.line_sp_ec .button-container.w100 {
  width: 100%;
}

.line_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.line_sp_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.line_sp_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.line_sp_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.form_container_sp_ec .line_alert_sp_ec {
  font-size: 12px;
  padding: 0px;
}

.line_alert_sp_ec {
  margin: 10px;
}

@media screen and (min-width: 480px) {
  .line_sp_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .line_sp_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .line_sp_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }

  .line_sp_ec .button-container .button:before {
    width: 40px;
    height: 40px;
  }

  .line_sp_ec .button-container .button:after {
    width: 40px;
  }
}

.line_sp_ec .button-container .btn-line {
  background-color: #31ae36;
}

.line_sp_ec .button-container .btn-line:before {
  background-image: image_url('login-line.png');
}

.line_sp_ec .button-container .btn-line:after {
  border-color: #70C053;
  margin: 10px;
  width: 95%;
}

#popup_required_field_check.pc {
  z-index: 99999;
  width: 275px !important;
  float: right;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  position: fixed;
  top: 25px;
  right: 25px;
  display: none;
}

#popup_required_field_check.sp {
  z-index: 99999;
  width: 100% !important;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
  position: fixed;
  top: 0;
  display: none;
  text-align: center;
}

#popup_required_field_check.required_field_exists {
  background: rgba(242, 133, 12, 0.8);
}

#popup_required_field_check.required_field_not_exists {
  background: rgba(4, 162, 34, 0.8)
}

.input_required_ec {
  background-color: rgba(242, 133, 12, 0.2) !important;
}

.hide {
  display: none !important;
}
/* 認証基盤 連携 */

.auth_infra_ec {
}

.auth_infra_ec .button-container.w100 {
  width: 100%;
}

.auth_infra_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
  margin-top: 10px;
  cursor: pointer;
}

#auth_infra_button_name::before {
  content: '認証基盤でログイン';
}

@media screen and (min-width: 480px) {
  .auth_infra_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .auth_infra_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .auth_infra_ec .button-container .button {
    line-height: 40px;
    height: 40px;
  }
}

.auth_infra_ec .button-container .btn-auth_infra {
  background-color: #2780E3;
}

.auth_infra_sp_ec {
}

.auth_infra_sp_ec .button-container.w100 {
  width: 100%;
}

.auth_infra_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
  margin-top: 10px;
}

@media screen and (min-width: 480px) {
  .auth_infra_sp_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .auth_infra_sp_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .auth_infra_sp_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }
}

.auth_infra_sp_ec .button-container .btn-auth_infra {
  background-color: #2780E3;
}


/*-------------------------------------*
 * PCデザイン可変部分
 *-------------------------------------*/
/* 【PC】フォームの項目名ラベル内必須アイコン */
span.form_required_ec {
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}
/* 【PC】フォームのセクションラベル */
.landing_form_label_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}
/* 【PC】フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  border-top: 1px solid #d0dcec;
  border-right: 1px solid #d0dcec;
  background: #FFF;
  border-bottom: 1px solid #999;
}
/* 【PC】フォーム左側　項目名ラベル */
.landing_form_ec th {
  background-color: #e1edfd;
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #e1edfd;
}
/* 【PC】フォーム右側　入力ボックス */
.landing_form_ec td {
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #ffffff;
}

/* 【PC】購入ボタンのデザイン */
.submit_bottom_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*-------------------------------------*
 * スマートフォンデザイン可変部分
 *-------------------------------------*/
/* 【SP】フォームの項目名ラベル内必須アイコン */
span.form_required_sp_ec {
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【SP】フォームのセクションラベル */
.landing_form_label_sp_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【SP】フォームの項目名ラベル */
.form_box_label_sp_ec {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
}

/* 【SP】購入ボタンのデザイン */
.submit_bottom_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* TEN */
/* 初期読み込み */
html,
body,
.lp_wrap * {
  margin: 0;
  padding: 0;
  outline: none;
}
.lp_wrap * {
  font-size: 10px;
  font-weight: normal;
  line-height: 1em;
}
.lp_wrap {
  max-width: 600px;
  container-type: inline-size;
  margin: auto;
  overflow: hidden;
}
.lp_wrap ul,
.lp_wrap dl {
  list-style: none;
}
.lp_wrap img,
.lp_wrap video {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
  line-height: 1.0em;
}
.lp_wrap section {
  position: relative;
}
.lp_wrap .slider {
  display: none;
}
.lp_wrap .slider.slick-initialized {
  display: block;
}
.lp_wrap .slider .slick-arrow {
  cursor: pointer;
}
.lp_wrap .slider .slick-list {
  cursor: grab;
}
.lp_wrap .slider .slick-list:active {
  cursor: grabbing;
}
.lp_wrap .slider .slick-dots li * {
  display: none;
}

/* 元LPと同じGoogle Fontsの配信URL。フォントファイルのアップロードは不要。 */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myRJQVG.ttf") format('truetype');
}

/* google-font-7dbce16d.css */
@font-face {
  font-family: 'Namdhinggo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/namdhinggo/v2/uk-mEGe3rbgg8Xzoy5-TDnU.ttf") format('truetype');
}

/* fvshita.css */

.lp_wrap .fvshita .fvshita2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: 1s 1s;
  opacity: 0;
}
.lp_wrap .fvshita .fvshita2.trigger.move {
  opacity: 1;
}

.lp_wrap .fvshita .fvshita2_txt {
  position: absolute;
  top: 35.5%;
  left: 0%;
  width: 100%;
  transition: 1.2s 0.5s;
  opacity: 0;
}
.lp_wrap .fvshita .fvshita2_txt.trigger.move {
  opacity: 1;
}
.lp_wrap .fvshita_mov {
  position: absolute;
  top: 68%;
  left: 7%;
  aspect-ratio: 1.6467 / 1;
  width: 86.6667%;
  display: block;
  overflow: hidden;
}
.lp_wrap .fvshita_mov video {
  width: 100%;
}
.lp_wrap .fvshita_sita {
  position: absolute;
  bottom: 0%;
  left: 0%;
}

/* sns.css */

.lp_wrap .sns .sns_left1 {
  position: absolute;
  top: 16.5%;
  left: 0%;
  width: 50.2667%;
  transform: translateX(-20%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .sns .sns_left1.trigger.move {
  transform: translateX(11%);
  opacity: 1;
}
.lp_wrap .sns .sns_left2 {
  position: absolute;
  top: 41.5%;
  left: 0%;
  width: 46.6667%;
  transform: translateX(-20%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .sns .sns_left2.trigger.move {
  transform: translateX(5%);
  opacity: 1;
}
.lp_wrap .sns .sns_left3 {
  position: absolute;
  top: 64.8%;
  left: 0%;
  width: 53.2%;
  transform: translateX(-20%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .sns .sns_left3.trigger.move {
  transform: translateX(9%);
  opacity: 1;
}
.lp_wrap .sns .sns_right1 {
  position: absolute;
  top: 15.5%;
  left: 50%;
  width: 50.26667%;
  transform: translateX(20%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .sns .sns_right1.trigger.move {
  transform: translateX(0%);
  opacity: 1;
}
.lp_wrap .sns .sns_right2 {
  position: absolute;
  top: 43.5%;
  left: 50%;
  width: 47.3333%;
  transform: translateX(20%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .sns .sns_right2.trigger.move {
  transform: translateX(-3%);
  opacity: 1;
}
.lp_wrap .sns .sns_right3 {
  position: absolute;
  top: 65%;
  left: 50%;
  width: 44%;
  transform: translateX(20%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .sns .sns_right3.trigger.move {
  transform: translateX(13%);
  opacity: 1;
}

/* boxer.css */

.lp_wrap .boxer .boxer_pita {
  position: absolute;
  top: 77%;
  left: 4%;
  width: 34.53333%;
}
.lp_wrap .boxer .boxer_pita.trigger {
  transition: 0.6s cubic-bezier(0.25, 0.1, 0.45, 1.48);
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .boxer .boxer_pita.trigger.move {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .boxer .boxer_1 {
  position: absolute;
  top: 67%;
  left: 46%;
  width: 54%;
  transform: translateX(50%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .boxer .boxer_1.trigger.move {
  transform: translateX(0%);
  opacity: 1;
}
.lp_wrap .boxer .boxer_2 {
  position: absolute;
  top: 76%;
  left: 46%;
  width: 54%;
  transform: translateX(50%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .boxer .boxer_2.trigger.move {
  transform: translateX(0%);
  opacity: 1;
}
.lp_wrap .boxer .boxer_3 {
  position: absolute;
  top: 85%;
  left: 46%;
  width: 54%;
  transform: translateX(50%);
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .boxer .boxer_3.trigger.move {
  transform: translateX(0%);
  opacity: 1;
}

/* volume.css */

.lp_wrap .volume .vol_hukidasi {
  position: absolute;
  top: 21.5%;
  left: 6.5%;
  width: 32.8%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
  z-index: 100;
}
.lp_wrap .volume .vol_hukidasi.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .volume #vol_countup {
  position: absolute;
  top: 35.4%;
  left: 10%;
  width: 77%;
  text-align: right;
}
.lp_wrap .volume #vol_countup p {
  font-size: 33.3cqw;
  color: #db5331;
  font-family: "Namdhinggo", serif;
}
.lp_wrap .volume #vol_countup p .count_up {
  font-size: 42.7cqw;
  color: #db5331;
  font-family: "Namdhinggo", serif;
}

/* usersvoice.css */

.lp_wrap .usersvoice .usersvoice_comment1 {
  position: absolute;
  top: 14.5%;
  left: 48.5%;
  width: 51.46666667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(20%);
}
.lp_wrap .usersvoice .usersvoice_comment1.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .usersvoice .usersvoice_sp1 {
  position: absolute;
  top: 11.5%;
  left: 0%;
  width: 55.86666667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
}
.lp_wrap .usersvoice .usersvoice_sp1.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .usersvoice .usersvoice_sp1_mov {
  position: absolute;
  top: 8.2%;
  left: -6%;
  width: 100%;
  z-index: -1;
  display: block;
  overflow: hidden;
}
.lp_wrap .usersvoice .usersvoice_comment2 {
  position: absolute;
  top: 56%;
  left: 0%;
  width: 75.06666667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
}
.lp_wrap .usersvoice .usersvoice_comment2.trigger.move {
  opacity: 1;
  transform: translateX(0);
}

.lp_wrap .usersvoice .usersvoice_sp2 {
  position: absolute;
  top: 53.8%;
  left: 42.8%;
  width: 57.2%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(20%);
}
.lp_wrap .usersvoice .usersvoice_sp2.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .usersvoice .usersvoice_sp2_mov {
  position: absolute;
  top: 7.3%;
  left: 6.8%;
  width: 100%;
  z-index: -1;
  display: block;
  overflow: hidden;
}

/* color.css */

.lp_wrap .color .color_kanaeru {
  position: absolute;
  top: 24.6%;
  left: 43.8%;
  width: 12.93333%;
}
.lp_wrap .color .color_kanaeru.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .color .color_kanaeru.trigger.move img {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .color .color_right {
  position: absolute;
  top: 18%;
  left: 60%;
  width: 39.8667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .color .color_right.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .color .color_left {
  position: absolute;
  top: 44%;
  left: 0%;
  width: 37.2%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .color .color_left.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

/* nayami.css */

.lp_wrap .nayami .nayami_items {
  position: absolute;
  top: 0cqw;
  left: 0%;
  width: 100%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .nayami .nayami_items.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .circle1 {
  position: absolute;
  top: 39.926667cqw;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 63%;
  aspect-ratio: 1 / 1; /* 正円にする */
}
.lp_wrap .circle1 svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform:rotate(-90deg); /* グラフは初期値で傾くから左に90度回す */
  opacity: 0.8;
}
.lp_wrap .circle1.trigger svg circle {
  fill: transparent; /* グラフ背景透過 */
  stroke: #f59469; /* 線の色 */
  stroke-width: 35; /* 線の幅（rの値と目視確認しながら調整する） */
  stroke-linecap: round;
  stroke-dasharray: 1800; /* 線の長さ（目視確認） */
  stroke-dashoffset: 1800; /* 線の長さ（目視確認） */
}
.lp_wrap .circle1.trigger.move svg circle {
  animation: 1.6s graph_move1 ease-in-out forwards;
}
@keyframes graph_move1 {
  0% {
    stroke-dashoffset: 1800; /* 線の長さ（目視確認） */
  }
  100%{
    stroke-dashoffset: 200; /* 0だと一周するから少し増やす */
  }
}
.lp_wrap .circle3 {
  position: absolute;
  top: calc(597.393333cqw + var(--mix-comparison-height));
  left: 0%;
  right: 0%;
  margin: auto;
  width: 56%;
  aspect-ratio: 1 / 1; /* 正円にする */
}
.lp_wrap .circle3 svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform:rotate(-90deg); /* グラフは初期値で傾くから左に90度回す */
  opacity: 0.8;
}
.lp_wrap .circle3.trigger svg circle {
  fill: transparent; /* グラフ背景透過 */
  stroke: #f59469; /* 線の色 */
  stroke-width: 35; /* 線の幅（rの値と目視確認しながら調整する） */
  stroke-linecap: round;
  stroke-dasharray: 1800; /* 線の長さ（目視確認） */
  stroke-dashoffset: 1800; /* 線の長さ（目視確認） */
}
.lp_wrap .circle3.trigger.move svg circle {
  animation: 1.6s graph_move2 ease-in-out forwards;
}
@keyframes graph_move2 {
  0% {
    stroke-dashoffset: 1800; /* 線の長さ（目視確認） */
  }
  100%{
    stroke-dashoffset: 200; /* 0だと一周するから少し増やす */
  }
}
.lp_wrap .circle2 {
  position: absolute;
  top: 140.873333cqw;
  left: 4.45%;
  margin: auto;
  width: 55%;
  aspect-ratio: 1 / 1; /* 正円にする */
}
.lp_wrap .circle2 svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform:rotate(-90deg); /* グラフは初期値で傾くから左に90度回す */
  opacity: 0.8;
}
.lp_wrap .circle2.trigger svg circle {
  fill: transparent; /* グラフ背景透過 */
  stroke: #4c617e; /* 線の色 */
  stroke-width: 30; /* 線の幅（rの値と目視確認しながら調整する） */
  stroke-linecap: round;
  stroke-dasharray: 1800; /* 線の長さ（目視確認） */
  stroke-dashoffset: 1800; /* 線の長さ（目視確認） */
}
.lp_wrap .circle2.trigger.move svg circle {
  animation: 1.6s graph_move3 ease-in-out forwards;
}
@keyframes graph_move3 {
  0% {
    stroke-dashoffset: 1800; /* 線の長さ（目視確認） */
  }
  100%{
    stroke-dashoffset: 1300; /* 0だと一周するから少し増やす */
  }
}

/* --------nayami カウントアップ------------------ */
.lp_wrap .nayami #nayami_countup1 {
  position: absolute;
  top: 48.213333cqw;
  left: 25.5%;
  width: 46%;
  text-align: center;
  transform: scale(0.9, 1);
}
.lp_wrap .nayami #nayami_countup1 p .count_up {
  font-family: "Jost", sans-serif;
  color: #db5331;
  font-size: 36cqw;
  letter-spacing: -0.1em;
}
.lp_wrap .nayami #nayami_countup2 {
  position: absolute;
  top: 148.406667cqw;
  left: 11.8%;
  width: 39%;
  text-align: center;
  transform: scale(0.9, 1);
}
.lp_wrap .nayami #nayami_countup2 p .count_up {
  font-family: "Jost", sans-serif;
  color: #1f395e;
  font-size: 32cqw;
  letter-spacing: -0.05em;
}
.lp_wrap .nayami #nayami_countup3 {
  position: absolute;
  top: calc(606.433333cqw + var(--mix-comparison-height));
  left: 30.3%;
  width: 37%;
  text-align: center;
  transform: scale(0.9, 1);
}
.lp_wrap .nayami #nayami_countup3 p .count_up {
  font-family: "Jost", sans-serif;
  color: #db5331;
  font-size: 30.7cqw;
  letter-spacing: -0.1em;
}

.lp_wrap .nayami .nayami_text {
  position: absolute;
  top: 33.674cqw;
  left: 75.5%;
  width: 12%;
}
/* -------nayami 注釈--------------------------- */
.lp_wrap .nayami .nayami_np_manzokudo_txt {
  position: absolute;
  top: 197.373333cqw;
  left: 8%;
  font-size: 2.2cqw;
  font-weight: normal;
  font-family: sans-serif;
  line-height: 1.5;
}
.lp_wrap .nayami .nayami_tsukiobi_manzokudo_txt {
  position: absolute;
  top: calc(661.426667cqw + var(--mix-comparison-height));
  left: 6%;
  font-size: 2.2cqw;
  font-weight: normal;
  font-family: sans-serif;
  line-height: 1.5;
}

/* -------nayami 12345--------------------------- */
.lp_wrap .nayami .nayami_1 {
  position: absolute;
  top: 235.04cqw;
  left: 5%;
  width: 89.06667%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_1.trigger.move {
  opacity: 1;
}
.lp_wrap .nayami .nayami_2 {
  position: absolute;
  top: 259.9cqw;
  left: 5%;
  width: 89.06667%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_2.trigger.move {
  opacity: 1;
}
.lp_wrap .nayami .nayami_3 {
  position: absolute;
  top: 284.76cqw;
  left: 5%;
  width: 89.06667%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_3.trigger.move {
  opacity: 1;
}
.lp_wrap .nayami .nayami_4 {
  position: absolute;
  top: 308.113333cqw;
  left: 5%;
  width: 89.06667%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_4.trigger.move {
  opacity: 1;
}
.lp_wrap .nayami .nayami_5 {
  position: absolute;
  top: 331.466667cqw;
  left: 5%;
  width: 89.06667%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_5.trigger.move {
  opacity: 1;
}

.lp_wrap .nayami .nayami_check_1 {
  position: absolute;
  top: calc(680.636667cqw + var(--mix-comparison-height));
  left: 8%;
  width: 66.6667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
  z-index: 100;
}
.lp_wrap .nayami .nayami_check_1.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .nayami .nayami_check_2 {
  position: absolute;
  top: calc(693.82cqw + var(--mix-comparison-height));
  left: 8%;
  width: 66.6667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
  z-index: 100;
}
.lp_wrap .nayami .nayami_check_2.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .nayami .nayami_check_3 {
  position: absolute;
  top: calc(706.626667cqw + var(--mix-comparison-height));
  left: 8%;
  width: 66.6667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
  z-index: 100;
}
.lp_wrap .nayami .nayami_check_3.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .nayami .nayami_check_4 {
  position: absolute;
  top: calc(719.81cqw + var(--mix-comparison-height));
  left: 8%;
  width: 66.6667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
  z-index: 100;
}
.lp_wrap .nayami .nayami_check_4.trigger.move {
  opacity: 1;
  transform: translateX(0);
}

/* kinou_fi.css */

.lp_wrap .kinou_fi .kinou_fi_hikari {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  mix-blend-mode: screen;
  transition: 0.8s 1s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_fi_hikari.trigger.move {
  opacity: 1;
}
/* -------kinou_alphabet 01-14--------------------------- */
.lp_wrap .kinou_fi .kinou_alphabet_01 {
  position: absolute;
  top: 2.6%;
  left: 5.6%;
  width: 4%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_01.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_02 {
  position: absolute;
  top: 2.6%;
  left: 9.6%;
  width: 4%;
  transition: 0.5s 0.1s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_02.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_03 {
  position: absolute;
  top: 2.6%;
  left: 13.6%;
  width: 6%;
  transition: 0.5s 0.7s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_03.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_04 {
  position: absolute;
  top: 2.6%;
  left: 19.6%;
  width: 10%;
  transition: 0.5s 0.2s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_04.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_05 {
  position: absolute;
  top: 2.6%;
  left: 29.6%;
  width: 5.33333%;
  transition: 0.5s 0.4s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_05.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_06 {
  position: absolute;
  top: 2.6%;
  left: 35%;
  width: 8%;
  transition: 0.5s 0.3s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_06.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_07 {
  position: absolute;
  top: 2.6%;
  left: 43%;
  width: 4%;
  transition: 0.5s 0.6s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_07.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_08 {
  position: absolute;
  top: 2.6%;
  left: 47%;
  width: 6.6667%;
  transition: 0.5s 1s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_08.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_09 {
  position: absolute;
  top: 2.6%;
  left: 53.6667%;
  width: 4%;
  transition: 0.5s 0.5s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_09.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_10 {
  position: absolute;
  top: 2.6%;
  left: 57.6667%;
  width: 9.86667%;
  transition: 0.5s 0.4s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_10.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_11 {
  position: absolute;
  top: 2.6%;
  left: 67.5%;
  width: 5.06667%;
  transition: 0.5s 0.9s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_11.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_12 {
  position: absolute;
  top: 2.6%;
  left: 73%;
  width: 5.3333333%;
  transition: 0.5s 1s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_12.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_13 {
  position: absolute;
  top: 2.6%;
  left: 78.5%;
  width: 9.3333333%;
  transition: 0.5s 1.1s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_13.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_alphabet_14 {
  position: absolute;
  top: 2.6%;
  left: 87.84%;
  width: 8%;
  transition: 0.5s 0.3s;
  opacity: 0;
}
.lp_wrap .kinou_fi .kinou_alphabet_14.trigger.move {
  opacity: 1;
}
.lp_wrap .kinou_fi .kinou_fi_donna {
  position: absolute;
  top: 24%;
  left: 54%;
  width: 40.133333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .kinou_fi .kinou_fi_donna.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .kinou_fi .kinou_fi_motto {
  position: absolute;
  top: 24.8%;
  left: 0%;
  width: 100%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .kinou_fi .kinou_fi_motto.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .kinou_fi .kinou_fi_guruguru {
  position: absolute;
  top: 42.4%;
  left: 33.8%;
  width: 31.46667%;

  animation:10s linear infinite guruguru;
}
@keyframes guruguru{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
.lp_wrap .kinou_fi .kinou_fi_logo {
  position: absolute;
  top: 53.8%;
  left: 19.5%;
  width: 62.6667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .kinou_fi .kinou_fi_logo.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .kinou_fi .kinou_fi_item_black {
  position: absolute;
  top: 64.6%;
  left: 0%;
  width: 54.93333%;
}
.lp_wrap .kinou_fi .kinou_fi_item_black.trigger img {
  transition: 0.8s;
  opacity: 0;
  transform-origin: left;
  transform: rotateZ(-120deg);
}
.lp_wrap .kinou_fi .kinou_fi_item_black.trigger.move img {
  opacity: 1;
  transform: rotateZ(0);
}
.lp_wrap .kinou_fi .kinou_fi_black {
  position: absolute;
  top: 75.5%;
  left: 2%;
  width: 4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .kinou_fi .kinou_fi_black.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .kinou_fi .kinou_fi_item_beige {
  position: absolute;
  top: 76.5%;
  right: 0%;
  width: 53.86666%;
}
.lp_wrap .kinou_fi .kinou_fi_item_beige.trigger img {
  transition: 0.8s;
  opacity: 0;
  transform-origin: 100% 80%;
  transform: rotateZ(120deg);
}
.lp_wrap .kinou_fi .kinou_fi_item_beige.trigger.move img {
  opacity: 1;
  transform: rotateZ(0);
}
.lp_wrap .kinou_fi .base {
  position: relative;
  z-index: 3;
}
.lp_wrap .kinou_fi .kinou_fi_item_beige .kinou_fi_item_beige_s {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 106.7%;
  z-index: 2;
  mix-blend-mode: multiply;
}
.lp_wrap .kinou_fi .kinou_fi_beige {
  position: absolute;
  top: 90.6%;
  left: 93%;
  width: 3.86667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .kinou_fi .kinou_fi_beige.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

/* point_title.css */

.lp_wrap .point_title {
  overflow: hidden;
}
.lp_wrap .point_title .point_title_yellow1 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: 0.8s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point_title .point_title_yellow1.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point_title .point_title_yellow2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: 0.8s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .point_title .point_title_yellow2.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point_title .point_title_w {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: 0.6s ;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .point_title .point_title_w.trigger.move {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .point_title .point_title_txt {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: 0.8s 1s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point_title .point_title_txt.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

/* point01.css */

.lp_wrap .point01 .point01_w {
  position: absolute;
  top: 1.2%;
  left: 36%;
  width: 28.66667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point01 .point01_w.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point01 .point01_title1 {
  position: absolute;
  top: 6.2%;
  left: 6%;
  width: 88%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point01 .point01_title1.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .point01 .point01_title2 {
  position: absolute;
  top: 8.2%;
  left: 7.8%;
  width: 88%;
  transition: 0.5s;
  opacity: 0;
  filter: blur(10px);
}
.lp_wrap .point01 .point01_title2.trigger.move {
  opacity: 1;
  filter: blur(0);
}
/* --------point01 動画------------------------------------------- */
.lp_wrap .point01 .point01_video {
  position: absolute;
  top: 11.85%;
  left: 4%;
  aspect-ratio: 1.38 / 1;
  width: 92%;
  display: block;
  overflow: hidden;
}
.lp_wrap .point01 .point01_video video {
  width: 100%;
  border-radius: 10%;
}
/* --------------------------------------------------- */
.lp_wrap .point01 .point01_graph {
  position: absolute;
  top: 20.4%;
  left: 3.5%;
  width: 93.2%;
  transition: 0.5s;
  opacity: 0;

}
.lp_wrap .point01 .point01_graph.trigger.move {
  opacity: 1;

}
.lp_wrap .point01 .point01_hiyatto {
  position: absolute;
  top: 27.1%;
  left: 5%;
  width: 36.933333%;
  transition: 0.6s cubic-bezier(0.25, 0.1, 0.45, 1.48);

  transform: scale(0);
  opacity: 0;
}
.lp_wrap .point01 .point01_hiyatto.trigger.move {
  transform: scale(1);
  opacity: 1;
}
/* -------point01 loopslider---------------------------- */
.lp_wrap .point01 .slider_wrap {
  position: absolute;
  top: 29.3%;
  left: 0%;

  width: 230%;
  overflow: hidden;
}
/* -------point01_360---------------------------- */
.lp_wrap .point01 .point01_360 {
  position: absolute;
  top: 39.15%;
  left: 0%;
  width: 100%;
}
.lp_wrap .point01 .point01_360kaihou {
  position: absolute;
  top: 37.8%;
  left: 5%;
  width: 93.06667%;
}

/* --------point01　英語回転------------------------- */
.lp_wrap .point01 .point01_free_c {
  position: absolute;
  top: 47.2%;
  left: 36.6%;
  width: 26.133333%;

  animation:10s linear infinite free_guru;
}
@keyframes free_guru{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
/* --------point01 矢印上下に動く--------------------- */
.lp_wrap .point01 .point01_free_a {
  position: absolute;
  top: 48%;
  left: 47.3%;
  margin: auto;
  width: 4.666667%;
}
.lp_wrap .point01 .point01_free_a.trigger {
  animation: 0.8s fuwa ease-in-out alternate infinite;
}
@keyframes fuwa {
  from {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(5px);
  }
}
/* --------------------------------------------------- */
.lp_wrap .point01 .point01_kyuusui {
  position: absolute;
  top: 51.5%;
  left: 6%;
  width: 38.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
}
.lp_wrap .point01 .point01_kyuusui.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point01 .point01_kakusan {
  position: absolute;
  top: 51.5%;
  left: 55%;
  width: 38.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(20%);
}
.lp_wrap .point01 .point01_kakusan.trigger.move {
  opacity: 1;
  transform: translateX(0);
}

.lp_wrap .point01 .point01_waterabsorption {
  position: absolute;
  top: 55.5%;
  left: 6.5%;
  width: 86.666667%;
}

.lp_wrap .point01 .point01_model1 {
  position: absolute;
  top: 62.3%;
  right: 0;
  width: 57.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(20%);
}
.lp_wrap .point01 .point01_model1.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
/* --------------------------------------------------- */

.lp_wrap .point01 .point01_item_front {
  position: absolute;
  top: 66.6%;
  left: 0%;
  width: 66.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
}
.lp_wrap .point01 .point01_item_front.trigger.move {
  opacity: 1;
  transform: translateX(0);
}

.lp_wrap .point01 .point01_kyuusuikakusansozai {
  position: absolute;
  top: 63.8%;
  left: 6%;
  width: 31.2%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point01 .point01_kyuusuikakusansozai.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point01 .point01_mentenjiku {
  position: absolute;
  top: 75.6%;
  left: 6.5%;
  width: 31.2%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .point01 .point01_mentenjiku.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point01 .point01_drop {
  position: absolute;
  top: 68%;
  left: 8%;
  margin: auto;
  width: 28%;
}
.lp_wrap .point01 .point01_drop.trigger {
  animation: 0.8s pota ease-in-out alternate infinite;
}
@keyframes pota {
  from {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(5px);
  }
}

/* --------------------------------------------------- */
.lp_wrap .point01 .point01_model2 {
  position: absolute;
  top: 81%;
  left: 0%;
  width: 49.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
}
.lp_wrap .point01 .point01_model2.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point01 .point01_item_back {
  position: absolute;
  top: 83.3%;
  left: 33.5%;
  width: 66.1333333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(20%);
}
.lp_wrap .point01 .point01_item_back.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point01 .point01_bousuihu {
  position: absolute;
  top: 80.7%;
  left: 60%;
  width: 31.2%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point01 .point01_bousuihu.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point01 .point01_wingpocket {
  position: absolute;
  top: 93%;
  left: 57%;
  width: 38.9333333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .point01 .point01_wingpocket.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

/* point02.css */

.lp_wrap .point02 .point02_w {
  position: absolute;
  top: -17.233761cqw;
  left: 35.8%;
  width: 28.66667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
  z-index: 9999;
}
.lp_wrap .point02 .point02_w.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point02 .point02_title1 {
  position: absolute;
  top: 25.850641cqw;
  left: 17%;
  width: 66.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_title1.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .point02 .point02_title2 {
  position: absolute;
  top: 39.63765cqw;
  left: 5.9%;
  width: 88.933333%;
  transition: 0.5s;
  opacity: 0;

  filter: blur(10px);
}
.lp_wrap .point02 .point02_title2.trigger.move {
  opacity: 1;

  filter: blur(0);
}
/* --------------------------------------------------- */
.lp_wrap .point02 .point02_hutari {
  position: absolute;
  top: 55.148034cqw;
  left: 0%;
  width: 100%;
}
.lp_wrap .point02 .point02_hutari.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .point02 .point02_hutari.trigger.move img {
  opacity: 1;
  transform: scale(1);
}

.lp_wrap .point02 .point02_tategaki {
  position: absolute;
  top: 91.91339cqw;
  left: 2%;
  width: 28.666667%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_tategaki.trigger.move {
  opacity: 1;
}

.lp_wrap .point02 .point02_yorenai {
  position: absolute;
  top: 155.103846cqw;
  left: 66%;
  width: 29.866667%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_yorenai.trigger.move {
  opacity: 1;
}
/* -------point02_pita1 ピタッ--------------------- */
.lp_wrap .point02 .point02_pita1 {
  position: absolute;
  top: 171.188689cqw;
  left: 63%;
  width: 32.8%;
}
.lp_wrap .point02 .point02_pita1.trigger {
  transition: 0.6s cubic-bezier(0.25, 0.1, 0.45, 1.48);
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .point02 .point02_pita1.trigger.move {
  transform: scale(1);
  opacity: 1;
}
/* --------------------------------------------------- */
.lp_wrap .point02 .point02_2item {
  position: absolute;
  top: 189.571368cqw;
  left: 51%;
  width: 48.6667%;
}

/* -------point02_dokuji 独自技術　英語回転--------------------- */
.lp_wrap .point02 .point02_dokuji {
  position: absolute;
  top: 188.42245cqw;
  left: 3%;
  width: 26%;
}
.lp_wrap .point02 .point02_dokuji_c {
  position: absolute;
  top: 188.42245cqw;
  left: 3%;
  width: 26%;
  animation:10s linear infinite org-guru;
}
@keyframes org-guru{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

/* --------------------------------------------------- */
.lp_wrap .point02 .point02_greensq {
  position: absolute;
  top: 217.145385cqw;
  left: 8%;
  width: 42.5333333%;
}

.lp_wrap .point02 .point02_skinhug {
  position: absolute;
  top: 219.443219cqw;
  left: 11.2%;
  width: 36.5333333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_skinhug.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point02 .point02_dakisimeruyouni {
  position: absolute;
  top: 237.251439cqw;
  left: 10.5%;
  width: 37.466667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_dakisimeruyouni.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .point02 .point02_housei {
  position: absolute;
  top: 255.059658cqw;
  left: 0%;
  width: 46.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20%);
}
.lp_wrap .point02 .point02_housei.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point02 .point02_seni {
  position: absolute;
  top: 255.059658cqw;
  left: 55%;
  width: 45.2%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(20%);
}
.lp_wrap .point02 .point02_seni.trigger.move {
  opacity: 1;
  transform: translateX(0);
}

/* --------------------------------------------- */
.lp_wrap .point02 .point02_keisan {
  position: absolute;
  top: 302.854621cqw;
  left: 61%;
  width: 31.3333333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_keisan.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .point02 .point02_6kiji {
  position: absolute;
  top: 303.314188cqw;
  left: 30%;
  width: 24.8%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_6kiji.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

/* --------point02_nuno 6枚の布--------------------- */
.lp_wrap .point02 .point02_nuno01 {
  position: absolute;
  top: 311.35661cqw;
  left: 3%;
  width: 24.66666667%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_nuno01.trigger.move {
  opacity: 1;
}
.lp_wrap .point02 .point02_nuno02 {
  position: absolute;
  top: 317.675655cqw;
  left: 2%;
  width: 25.73333333%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_nuno02.trigger.move {
  opacity: 1;
}
.lp_wrap .point02 .point02_nuno03 {
  position: absolute;
  top: 321.122407cqw;
  left: 2%;
  width: 25.6%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_nuno03.trigger.move {
  opacity: 1;
}
.lp_wrap .point02 .point02_nuno04 {
  position: absolute;
  top: 326.062752cqw;
  left: 3%;
  width: 24.66666667%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_nuno04.trigger.move {
  opacity: 1;
}
.lp_wrap .point02 .point02_nuno05 {
  position: absolute;
  top: 331.462664cqw;
  left: 3%;
  width: 25.6%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_nuno05.trigger.move {
  opacity: 1;
}
.lp_wrap .point02 .point02_nuno06 {
  position: absolute;
  top: 338.930627cqw;
  left: 3.6%;
  width: 23.6%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point02 .point02_nuno06.trigger.move {
  opacity: 1;
}
/* --------------------------------------------- */
.lp_wrap .point02 .point02_2suwaru {
  position: absolute;
  top: 350.994259cqw;
  left: 0%;
  width: 100%;
}
.lp_wrap .point02 .point02_2suwaru.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-10%);
}
.lp_wrap .point02 .point02_2suwaru.trigger.move img {
  opacity: 1;
  transform: translateY(0);
}
/* -------point02_pita2 ピタッ--------------------- */
.lp_wrap .point02 .point02_pita2 {
  position: absolute;
  top: 454.971282cqw;
  left: 51%;
  width: 41.2%;
}
.lp_wrap .point02 .point02_pita2.trigger {
  transition: 0.6s cubic-bezier(0.25, 0.1, 0.45, 1.48);
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .point02 .point02_pita2.trigger.move {
  transform: scale(1);
  opacity: 1;
}
/* --------point02_asinotukene ゆれる吹き出し--------------------- */
.lp_wrap .point02 .point02_asinotukene {
  position: absolute;
  top: 477.375171cqw;
  left: 55%;
  margin: auto;
  width: 40.8%;
}
.lp_wrap .point02 .point02_asinotukene.trigger {
  animation: 0.8s yura ease-in-out alternate infinite;
}
@keyframes yura {
  from {
    transform: rotate(15deg);
    transform-origin:center bottom;
  }
  to {
    transform: rotate(-15deg);
    transform-origin:center bottom;

  }
}

/* --------point02_checklist1 右側チェックリスト123----------- */
.lp_wrap .point02 .point02_checklist1_01 {
  position: absolute;
  top: 502.651353cqw;
  left: 59.3%;
  width: 40.6667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(101%);
}
.lp_wrap .point02 .point02_checklist1_01.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point02 .point02_checklist1_02 {
  position: absolute;
  top: 515.289444cqw;
  left: 59.3%;
  width: 40.6667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(101%);
}
.lp_wrap .point02 .point02_checklist1_02.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point02 .point02_checklist1_03 {
  position: absolute;
  top: 531.948746cqw;
  left: 59.3%;
  width: 40.6667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(101%);
}
.lp_wrap .point02 .point02_checklist1_03.trigger.move {
  opacity: 1;
  transform: translateX(0);
}

/* -------point02_pita3 ピタッ--------------------- */
.lp_wrap .point02 .point02_pita3 {
  position: absolute;
  top: 548.608048cqw;
  left: 55%;
  width: 41.2%;
}
.lp_wrap .point02 .point02_pita3.trigger {
  transition: 0.6s cubic-bezier(0.25, 0.1, 0.45, 1.48);
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .point02 .point02_pita3.trigger.move {
  transform: scale(1);
  opacity: 1;
}
/* --------point02_asinotukene ゆれる吹き出し--------------------- */
.lp_wrap .point02 .point02_uesuto {
  position: absolute;
  top: 574.458689cqw;
  left: 6%;
  margin: auto;
  width: 33.2%;
}
.lp_wrap .point02 .point02_uesuto.trigger {
  animation: 0.8s yurari ease-in-out alternate infinite;
}
@keyframes yurari {
  from {
    transform: rotate(15deg);
    transform-origin:center bottom;
  }
  to {
    transform: rotate(-15deg);
    transform-origin:center bottom;
  }
}
/* --------point02_checklist2 左側チェックリスト123----------- */
.lp_wrap .point02 .point02_checklist2_01 {
  position: absolute;
  top: 598.011496cqw;
  left: 0%;
  width: 45.06667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(-100%);
}
.lp_wrap .point02 .point02_checklist2_01.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point02 .point02_checklist2_02 {
  position: absolute;
  top: 610.649587cqw;
  left: 0%;
  width: 45.06667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(-100%);
}
.lp_wrap .point02 .point02_checklist2_02.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .point02 .point02_checklist2_03 {
  position: absolute;
  top: 627.079105cqw;
  left: 0%;
  width: 45.06667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(-100%);
}
.lp_wrap .point02 .point02_checklist2_03.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
/* --------------------------------------------------- */
.lp_wrap .point02 .point02_sarani {
  position: absolute;
  top: calc(657.180741cqw + var(--mix-stretch-height));
  left: 40%;
  width: 20.53333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_sarani.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .point02 .point02_ususa {
  position: absolute;
  top: calc(684.754758cqw + var(--mix-stretch-height));
  left: 8.6%;
  width: 81.2%;
  transition: 0.5s;
  opacity: 0;

}
.lp_wrap .point02 .point02_ususa.trigger.move {
  opacity: 1;

}

.lp_wrap .point02 .point02_yakuhanbun {
  position: absolute;
  top: calc(727.264701cqw + var(--mix-stretch-height));
  left: 16.8%;
  width: 66.26667%;
  transition: 0.5s;
  opacity: 0;

}
.lp_wrap .point02 .point02_yakuhanbun.trigger.move {
  opacity: 1;

}
/* --------point02_pink 点滅ピンク--------------------- */
.lp_wrap .point02 .point02_pink {
  position: absolute;
  top: calc(743.924003cqw + var(--mix-stretch-height));
  left: 52%;
  width: 34.6667%;
  animation: 0.5s tenmetu ease-in-out alternate infinite;
}
@keyframes tenmetu {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* --------point02_osiri 後姿と横姿の写真切替-------------- */
.lp_wrap .point02 .point02_osiri {
  position: absolute;
  top: calc(788.157322cqw + var(--mix-stretch-height));
  left: 0%;
  width: 100%;
  transition: 0.5s 0.5s;
  opacity: 1;

}
.lp_wrap .point02 .point02_osiri.trigger.move {
  opacity: 0;

}

/* --------------------------------------------------- */
.lp_wrap .point02 .point02_dakara {
  position: absolute;
  top: calc(855.943447cqw + var(--mix-stretch-height));
  left: 39.2%;
  width: 21.2%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_dakara.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .point02 .point02_siropandatte {
  position: absolute;
  top: calc(898.45339cqw + var(--mix-stretch-height));
  left: 83%;
  width: 11.733333333%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .point02 .point02_siropandatte.trigger.move {
  opacity: 1;
}

.lp_wrap .point02 .point02_usudedatte {
  position: absolute;
  top: calc(909.942564cqw + var(--mix-stretch-height));
  left: 0%;
  width: 18.6667%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .point02 .point02_usudedatte.trigger.move {
  opacity: 1;
}
.lp_wrap .point02 .point02_freenitanosimu {
  position: absolute;
  top: calc(946.70792cqw + var(--mix-stretch-height));
  left: 0%;
  width: 100%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .point02 .point02_freenitanosimu.trigger.move {
  opacity: 1;
}

/* -------point02_loopslide--------------------- */
.lp_wrap .point02 .slider_wrap {
  position: absolute;
  top: calc(1038.621311cqw + var(--mix-stretch-height));
  left: 0%;
  width: 180%;

  overflow: hidden;
}
/* --------------------------------------------------- */
.lp_wrap .point02 .point02_nayamikaiketu {
  position: absolute;
  top: calc(1113.30094cqw + var(--mix-stretch-height));
  left: 8%;
  width: 84.533333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point02 .point02_nayamikaiketu.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

/* point03.css */

.lp_wrap .point03 .point03_w {
  position: absolute;
  top: -15.374667cqw;
  left: 36%;
  width: 28.66667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
  z-index: 100;
}
.lp_wrap .point03 .point03_w.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point03 .point03_title1 {
  position: absolute;
  top: 28.975333cqw;
  left: 21.1%;
  width: 55.86667%;
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point03 .point03_title1.trigger.move {
  opacity: 1;
  transform: translateY(0);
}

.lp_wrap .point03 .point03_title2 {
  position: absolute;
  top: 38.436667cqw;
  left: 5.7%;
  width: 88%;
  transition: 0.5s;
  opacity: 0;

  filter: blur(10px);
}
.lp_wrap .point03 .point03_title2.trigger.move {
  opacity: 1;

  filter: blur(0);
}
/* --------------------------------------------------- */
.lp_wrap .point03 .point03_women {
  position: absolute;
  top: 52.628667cqw;
  left: 0%;
  width: 100%;
}
.lp_wrap .point03 .point03_women.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .point03 .point03_women.trigger.move img {
  opacity: 1;
  transform: scale(1);
}
.lp_wrap .point03 .point03_hikari {
  position: absolute;
  top: 0cqw;
  left: 0%;
  width: 100%;
  mix-blend-mode: screen;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point03 .point03_hikari.trigger.move {
  opacity: 1;
}

.lp_wrap .point03 .point03_sarasara {
  position: absolute;
  top: 102.300667cqw;
  left: 0%;
  width: 100%;
  transition: 0.5s;
  opacity: 0;

}
.lp_wrap .point03 .point03_sarasara.trigger.move {
  opacity: 1;

}
.lp_wrap .point03 .point03_desmel {
  position: absolute;
  top: 140.146cqw;
  left: 0%;
  width: 100%;
  transition: 0.5s;
  opacity: 0;

}
.lp_wrap .point03 .point03_desmel.trigger.move {
  opacity: 1;

}
/* ---------point03_video--------------------- */
.lp_wrap .point03 .point3_video {
  position: absolute;
  top: 166.164667cqw;
  left: 20%;
  width: 61.3333%;
  aspect-ratio: 1 / 1.239;

  display: block;
  border-radius: 100vw;
  overflow: hidden;
  opacity: 0;
}
.lp_wrap .point03 .point3_video video {
  width: 102%;
}
.lp_wrap .point03 .point3_video.trigger.move {
  opacity: 1;
}
/* ---------point03_graph 1と2--------------------- */
.lp_wrap .point03 .point3_graph1 {
  position: absolute;
  top: 324.050667cqw;
  left: 1.7%;
  width: 93.6%;
  transition: 0.1s;
  opacity: 0;
}
.lp_wrap .point03 .point3_graph1.trigger.move {
  opacity: 1;
}
.lp_wrap .point03 .point3_graph2 {
  position: absolute;
  top: 463.605333cqw;
  left: 5.4%;
  width: 85.2%;
  transition: 0.1s;
  opacity: 0;
}
.lp_wrap .point03 .point3_graph2.trigger.move {
  opacity: 1;
}

/* point04.css */

.lp_wrap .point04 .point04_w {
  position: absolute;
  top: -2.1%;
  left: 36%;
  width: 28.66667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_w.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point04 .point04_title1 {
  position: absolute;
  top: 2.3%;
  left: 27%;
  width: 45.46667%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_title1.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point04 .point04_title2 {
  position: absolute;
  top: 3.3%;
  left: 7.8%;
  width: 88.6667%;
  transition: 0.5s;
  opacity: 0;
  filter: blur(10px);
}
.lp_wrap .point04 .point04_title2.trigger.move {
  opacity: 1;
  filter: blur(0);
}
.lp_wrap .point04 .point04_onakaphoto {
  position: absolute;
  top: 6.2%;
  left: 0%;
  width: 100%;
}
.lp_wrap .point04 .point04_onakaphoto.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .point04 .point04_onakaphoto.trigger.move img {
  opacity: 1;
  transform: scale(1);
}
/* --------point04_en ほんわり大小--------------------- */
.lp_wrap .point04 .point04_en {
  position: absolute;
  top: 9%;
  left: 13%;
  margin: auto;
  width: 57.6%;
  animation: 0.8s howa ease-in-out alternate infinite;
}
@keyframes howa {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
.lp_wrap .point04 .point04_sagaru {
  position: absolute;
  top: 16.2%;
  left: 0%;
  width: 100%;
}
/* ---------point04_graph--------------------- */
.lp_wrap .point04 .point4_graph {
  position: absolute;
  top: 18.4%;
  left: 10%;
  width: 81.3333333%;
  transition: 0.1s;
  opacity: 0;
}
.lp_wrap .point04 .point4_graph.trigger.move {
  opacity: 1;
}
/* --------------------------------------------------- */
.lp_wrap .point04 .point04_hieru {
  position: absolute;
  top: 27.1%;
  left: 3%;
  width: 30%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_hieru.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point04 .point04_kekkouhuryou {
  position: absolute;
  top: 27.1%;
  left: 35%;
  width: 30%;
  transition: 0.5s 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_kekkouhuryou.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point04 .point04_seirituu {
  position: absolute;
  top: 27.1%;
  left: 67%;
  width: 30%;
  transition: 0.5s 1s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_seirituu.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
/* -------point04_heatcycle 英語回転--------------------- */
.lp_wrap .point04 .point04_heatcycle {
  position: absolute;
  top: 39.45%;
  left: 22.8%;
  width: 56.93333%;
  animation: 20s linear infinite kaiten;
}
@keyframes kaiten{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg);}
}
.lp_wrap .point04 .point04_junkan {
  position: absolute;
  top: 43%;
  left: 12%;
  width: 76.933333%;
}
/* --------------とげとげ　3個------------------------------------- */
.lp_wrap .point04 .point04_zutuu {
  position: absolute;
  top: 59.3%;
  left: 18.5%;
  width: 22.13333333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_zutuu.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point04 .point04_ituu {
  position: absolute;
  top: 61.5%;
  left: 3.5%;
  width: 22.13333333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_ituu.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point04 .point04_hukutuu {
  position: absolute;
  top: 63.6%;
  left: 18.5%;
  width: 22.13333333%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_hukutuu.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
/* --------------------------------------------------- */
.lp_wrap .point04 .point04_kea {
  position: absolute;
  top: 71.8%;
  left: 9.8%;
  width: 80.4%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .point04 .point04_kea.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .point04 .point04_2koron {
  position: absolute;
  top: 75.2%;
  left: 0%;
  width: 100%;
  overflow: hidden;
}
.lp_wrap .point04 .point04_2koron.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: scale(1.2);
}
.lp_wrap .point04 .point04_2koron.trigger.move img {
  opacity: 1;
  transform: scale(1);
}
.lp_wrap .point04 .point04_nowandfuture {
  position: absolute;
  top: 76.5%;
  left: 2%;
  width: 33.86667%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point04 .point04_nowandfuture.trigger.move {
  opacity: 1;
}
.lp_wrap .point04 .point04_atatameru {
  position: absolute;
  top: 80.2%;
  left: 59%;
  width: 29.73333333%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point04 .point04_atatameru.trigger.move {
  opacity: 1;
}
.lp_wrap .point04 .point04_imadekiru {
  position: absolute;
  top: 85.1%;
  left: 7%;
  width: 29.46667%;
  transition: 0.5s;
  opacity: 0;
}
.lp_wrap .point04 .point04_imadekiru.trigger.move {
  opacity: 1;
}

/* --------point04　丸3つ------------------------- */
.lp_wrap .point04 .point04_kanwa {
  position: absolute;
  top: 94%;
  left: 28%;
  width: 44.26667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateY(0%);
}
.lp_wrap .point04 .point04_kanwa.trigger.move {
  opacity: 1;
  transform: translateY(-80%);
}
.lp_wrap .point04 .point04_ninsin {
  position: absolute;
  top: 94%;
  left: 28%;
  width: 44.26667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(0%);
}
.lp_wrap .point04 .point04_ninsin.trigger.move {
  opacity: 1;
  transform: translateX(-50%);
}
.lp_wrap .point04 .point04_hujinbyou {
  position: absolute;
  top: 94%;
  left: 28%;
  width: 44.26667%;
  transition: 0.5s;
  opacity: 1;
  transform: translateX(0%);
}
.lp_wrap .point04 .point04_hujinbyou.trigger.move {
  opacity: 1;
  transform: translateX(50%);
}

/* tsukiobi_img.css */

.lp_wrap .tsukiobi_img .tsukiobi_img_left {
  position: absolute;
  top: 34.666667cqw;
  left: 9%;
  width: 41.3333333%;
}
.lp_wrap .tsukiobi_img .tsukiobi_img_left.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .tsukiobi_img .tsukiobi_img_left.trigger.move img {
  opacity: 1;
  transform: translateY(0%);
}
.lp_wrap .tsukiobi_img .tsukiobi_img_right {
  position: absolute;
  top: 34.666667cqw;
  left: 50%;
  width: 41.3333333%;
}
.lp_wrap .tsukiobi_img .tsukiobi_img_right.trigger img {
  transition: 0.5s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .tsukiobi_img .tsukiobi_img_right.trigger.move img {
  opacity: 1;
  transform: translateY(0%);
}
/* --------tsukiobi_img 手書き風文字SVG-------------- */
.lp_wrap .tsukiobi_img .tsukiobi_img_itudatte {
  position: absolute;
  top: 96cqw;
  left: 5%;
  width: 90%;
}
.lp_wrap .tsukiobi_img .tsukiobi_img_itudatte .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 4883;
  stroke-dashoffset: 4883;
}
.lp_wrap .tsukiobi_img .tsukiobi_img_itudatte.trigger .st0 {
  transition: 3s;
  stroke-dashoffset: 4883 !important;
}
.lp_wrap .tsukiobi_img .tsukiobi_img_itudatte.trigger.move .st0 {
  stroke-dashoffset: 0 !important;
}
/* routine.css */

.lp_wrap .routine .routine_kuro {
  position: absolute;
  top: 3.3%;
  left: 52.3%;
  width: 41%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-80%);
}
.lp_wrap .routine .routine_kuro.trigger.move {
  opacity: 1;
  transform: translateX(0%);
}
.lp_wrap .routine .routine_siro {
  position: absolute;
  top: 3.2%;
  left: 7%;
  width: 45.7%;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(80%);
}
.lp_wrap .routine .routine_siro.trigger.move {
  opacity: 1;
  transform: translateX(0%);
}
.lp_wrap .routine .routine_tsukiobiaru {
  position: absolute;
  top: 27%;
  left: 0%;
  width: 100%;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .routine .routine_tsukiobiaru.trigger.move {
  opacity: 1;
  transform: translateY(0%);
}
.lp_wrap .routine {
  overflow: hidden;
}
.lp_wrap .routine .slider_wrap {
  position: absolute;
  top: 64.8%;
  left: 0%;
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .routine .slider_wrap.trigger.move {
  opacity: 1;
  transform: translateY(0%);
}
.lp_wrap .routine .slider_wrap img {
  width: 96%;
  margin: auto;
}

/* taikyuusei.css */

.lp_wrap .taikyuusei .taikyuusei_mp4 {
  position: absolute;
  top: 0%;
  left: 0%;
  aspect-ratio: 1 / 1.064;
  width: 100%;
  display: block;
  overflow: hidden;
}
.lp_wrap .taikyuusei .taikyuusei_mp4 video {
  width: 100%;
}
/* --------taikyuusei カウントアップ------------------ */
.lp_wrap .taikyuusei #taikyuusei_countup1 {
  position: absolute;
  top: 70.3%;
  left: 8%;
  width: 37.9%;
  text-align: center;
  transform: scale(0.9, 1);
}
.lp_wrap .taikyuusei #taikyuusei_countup1 p .count_up {
  font-family: "Jost", sans-serif;
  font-weight: bold;
  color: #282828;
  font-size: 21.3cqw;
  letter-spacing: -0.02em;
}
.lp_wrap .taikyuusei #taikyuusei_countup2 {
  position: absolute;
  top: 70.3%;
  left: 59.4%;
  width: 26%;
  text-align: center;
  transform: scale(0.9, 1);
}
.lp_wrap .taikyuusei #taikyuusei_countup2 p .count_up {
  font-family: "Jost", sans-serif;
  font-weight: bold;
  color: #282828;
  font-size: 21.3cqw;
  letter-spacing: -0.05em;
}
.lp_wrap .taikyuusei .taikyuusei_cgreen {
  position: absolute;
  top: 66.6%;
  left: 5%;
  width: 44%;
  aspect-ratio: 1 / 1;
}
.lp_wrap .taikyuusei .taikyuusei_cgreen svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform:rotate(-90deg);
}
.lp_wrap .taikyuusei .taikyuusei_cgreen svg circle {
  fill: transparent;
  stroke: #4ab089;
  stroke-width: 20;
  stroke-linecap: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
.lp_wrap .taikyuusei .taikyuusei_cgreen.trigger.move svg circle {
  animation: 1.6s taikyuusei_cgreen ease-in-out forwards;
}
@keyframes taikyuusei_cgreen {
  0% {
    stroke-dashoffset: 1000;
  }
  100%{
    stroke-dashoffset: 0;
  }
}
.lp_wrap .taikyuusei .taikyuusei_cblue {
  position: absolute;
  top: 66.6%;
  left: 50%;
  width: 44.4%;
  aspect-ratio: 1 / 1;
}
.lp_wrap .taikyuusei .taikyuusei_cblue svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform:rotate(-90deg);
}
.lp_wrap .taikyuusei .taikyuusei_cblue svg circle {
  fill: transparent;
  stroke: #006cb8;
  stroke-width: 20;
  stroke-linecap: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
.lp_wrap .taikyuusei .taikyuusei_cblue.trigger.move svg circle {
  animation: 1.6s taikyuusei_cblue ease-in-out forwards;
}
@keyframes taikyuusei_cblue {
  0% {
    stroke-dashoffset: 1000;
  }
  100%{
    stroke-dashoffset: 60;
  }
}

/* oteire.css */

.lp_wrap .oteire .slider_wrap {
  position: absolute;
  top: 38%;
  left: 0%;
  width: 100%;
}
.lp_wrap .oteire .slider_wrap img {
  width: 88%;
  margin: auto;
}
.lp_wrap .oteire .slider_wrap .slick-slide {
  opacity: 0.5;
  transition: 0.6s;
}
.lp_wrap .oteire .slider_wrap .slick-slide.slick-center {
  opacity: 1;
}
.lp_wrap .oteire .slider_wrap .slick-arrow {
  position: absolute;
  top: 49.5%;
  width: 4.7%;
  z-index: 1;
}
.lp_wrap .oteire .slider_wrap .slick-arrow.prev {
  left: 12%;
}
.lp_wrap .oteire .slider_wrap .slick-arrow.next {
  right: 12%;
}
.lp_wrap .oteire .slider_wrap .slider .slick-dots {
  bottom: -5.8%;
  height: 2.5%;
}
.lp_wrap .oteire .slider_wrap .slider .slick-dots li {
  width: auto;
  height: 100%;
  margin: 0% 0.8%;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.2s;
}
.lp_wrap .oteire .slider_wrap .slider .slick-dots li.slick-active {
  background-color: #f77e49;
}

/* tsukiobi_img_loopslide.css */

.lp_wrap .tsukiobi_img_loopslide {
  overflow: hidden;
}
.lp_wrap .tsukiobi_img_loopslide .slider_wrap {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 280%;
  overflow: hidden;
}

/* faq.css */

.lp_wrap .faq {
  overflow: hidden;
}
.lp_wrap .faq dl {
  padding: 0 5% 10% 5%;
  background: #ffd7d7;
}
.lp_wrap .faq dt {
  position: relative;
  cursor: pointer;
}
.lp_wrap .faq dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 2%;
  width: 5.334%;
  height: 100%;
  background: url("https://d2w53g1q050m78.cloudfront.net/onedaylabcom/uploads/tsukiobi-lp-mix/images/09-faq/faq_open.png") center center/100% no-repeat;
  transition-duration: 0.6s;
  transform: rotate(0deg);
}
.lp_wrap .faq dt.open::after {
  transform: rotate(45deg);
}
.lp_wrap .faq dt:nth-of-type(n + 2) {
  margin-top: 3%;
}
.lp_wrap .faq dd {
  display: none;
  width: 100%;
  margin: auto;
}

/* LP01 CTA：LP全体の幅に合わせて配置 */

.llw img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
.llw a {
  display: block;
}
.posRel {
  position: relative;
}
.posAbs {
  position: absolute;
}
.cta03_01 .elm01 {
  width: 100%;
  height: 45%;
  inset: 24.3% auto auto 0px;
}
.cta03_01 .elm01_01 {
  width: 53.6%;
  inset: 0px auto auto 0px;
}
.cta03_01 .elm01_02 {
  width: 53.7333333333%;
  inset: 0px 0px auto auto;
}
.floating {
  position: fixed;
  max-width: 600px;
  width: 100%;
  inset: auto 0px 0px;
  margin: 0px auto;
  opacity: 0;
  z-index: 10;
}
.llw {
  max-width: 600px;
  width: 100%;
  background: rgb(255, 255, 255);
  margin: 0px auto;
  overflow: hidden;
}
.llw .cta03_01 .elm01_01 {
  inset: -10% auto auto 0px;
}
.llw .cta03_01 .elm01_02 {
  inset: -10% 0px auto auto;
}
.llw .set-jump {
  position: relative;
}
.llw .set-jump ul {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  list-style: none;
  left: 50%;
  margin: 0px auto;
  padding: 0px;
  position: absolute;
  top: calc(26.6667cqw);
  transform: translateX(-50%);
  width: calc(89.3333cqw);
}

.llw .set-jump ul li:nth-of-type(1) {
  width: calc(28cqw);
}

.llw .set-jump ul li:nth-of-type(2) {
  width: calc(28.1333cqw);
}

.llw .set-jump ul li:nth-of-type(3) {
  width: calc(28.1333cqw);
}

.llw .set-jump ul li a {
  display: block;
}
.llw .set-jump ul li a img {
  max-width: 100%;
  width: 100%;
}
.llw .cta-area-3set {
  position: relative;
}
.llw .cta-area-3set a {
  left: 50%;
  position: absolute;
  top: calc(125.333cqw);
  transform: translateX(-50%);
  width: calc(83.7333cqw);
}

.llw .cta-area-3set a img {
  width: 100%;
}
.llw .cta-area-5set {
  position: relative;
}
.llw .cta-area-5set a {
  left: 50%;
  position: absolute;
  top: calc(225.067cqw);
  transform: translateX(-50%);
  width: calc(100cqw);
}

.llw .cta-area-5set a img {
  width: 100%;
}
.llw .cta-area-7set {
  position: relative;
}
.llw .cta-area-7set a {
  left: 50%;
  position: absolute;
  top: calc(240cqw);
  transform: translateX(-50%);
  width: calc(100cqw);
}

.llw .cta-area-7set a img {
  width: 100%;
}
.llw .cta-area-single a {
  left: 50%;
  position: absolute;
  top: calc(64.6667cqw);
  transform: translateX(-50%);
  width: calc(83.7333cqw);
}

.llw .cta-area-single a img {
  width: 100%;
}
.llw .cta-area-7set .present-2512-01 {
  left: 50%;
  position: absolute;
  top: calc(161.333cqw);
  transform: translateX(-50%);
  width: calc(92cqw);
  z-index: 99;
}

.llw .cta-area-7set .present-2512-01 img {
  width: 100%;
}
.llw .cta-area-5set .present-2512-01 {
  left: 50%;
  position: absolute;
  top: calc(146.4cqw);
  transform: translateX(-50%);
  width: calc(92cqw);
  z-index: 99;
}

.llw .cta-area-5set .present-2512-01 img {
  width: 100%;
}
.llw .cta-area-single {
  position: relative;
}
.set-jump li {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s, transform 0.6s;
}
.set-jump.animate-in li:nth-child(1) {
  transition-delay: 0s;
}
.set-jump.animate-in li:nth-child(2) {
  transition-delay: 0.2s;
}
.set-jump.animate-in li:nth-child(3) {
  transition-delay: 0.4s;
}
.set-jump.animate-in li {
  opacity: 1;
  transform: translateY(0px);
}
.floating {
  position: fixed;
  max-width: 600px;
  width: 100%;
  inset: auto 0px 0px;
  margin: 0px auto;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  pointer-events: none;
}
.floating.visible {
  opacity: 0.8;
  visibility: visible;
  pointer-events: auto;
}
.floating img {
  height: auto;
  width: 100%;
}

/* MIX全体 */
/* 商品カラー紹介：旧パッケージの位置に訴求文を表示 */
.lp_wrap .kinou_fi_copy {
  position: absolute;
  box-sizing: border-box;
  padding: 1.8cqw 0.8cqw;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.6cqw;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}
.lp_wrap .kinou_fi_copy_black {
  top: 68%;
  left: 56.5%;
  width: 38.93333%;
  color: #203a60;
}
.lp_wrap .kinou_fi_copy_beige {
  top: 88.5%;
  left: 5.6%;
  width: 39.6%;
  color: #db633d;
}
.lp_wrap .mix-cta {max-width:600px;margin:0 auto;overflow:hidden}
.mix-cta picture {display:block}
.mix-award img {display:block;width:100%;height:auto}
.lp_wrap header img,
.lp_wrap header video {display:block;width:100%;height:auto}
.floating {left:0;right:0}
.mix-cta .timer {pointer-events:none}

/* LP02の棒グラフ：0〜60ml、平均30ml・吸水量60ml */
.lp_wrap .capacity-graph {display:block;width:100%;height:auto;overflow:visible}
.lp_wrap .capacity-graph text {font-family:"Jost","Noto Sans JP",sans-serif;font-weight:500}
.lp_wrap .capacity-graph .capacity-tick {font-size:28px}
.lp_wrap .capacity-graph .capacity-label text {font-size:29px;font-weight:700}
.lp_wrap .capacity-graph .capacity-brand text {font-size:37px;letter-spacing:1px}
.lp_wrap .capacity-graph .capacity-average-number {font-size:64px}
.lp_wrap .capacity-graph .capacity-average-unit {font-size:30px}
.lp_wrap .capacity-graph .capacity-callout-label {font-size:32px;font-weight:700}
.lp_wrap .capacity-graph .capacity-callout-number {font-size:84px}
.lp_wrap .capacity-graph .capacity-callout-unit {font-size:27px}
.lp_wrap .capacity-bar {transform-box:view-box;transform-origin:127px 0;transform:scaleX(0)}
.lp_wrap .capacity-average-value,
.lp_wrap .capacity-callout {opacity:0}
.lp_wrap .point01_graph.move .capacity-bar {animation:capacity-bar-grow 4.2s ease-in-out infinite}
.lp_wrap .point01_graph.move .capacity-average-value,
.lp_wrap .point01_graph.move .capacity-callout {animation:capacity-label-show 4.2s ease-in-out infinite}
@keyframes capacity-bar-grow{0%,5%{transform:scaleX(0)}40%,95%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes capacity-label-show{0%,28%{opacity:0}40%,95%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
.lp_wrap .capacity-bar {transform:scaleX(1);animation:none!important}
.lp_wrap .capacity-average-value,
.lp_wrap .capacity-callout {opacity:1;animation:none!important}}

/* LP01の伸縮性デモをPOINT2のウエスト説明と薄さ説明の間に挿入。
   750px幅の原画から上部230pxを表示範囲外にし、章番号を隠す。
   カード：LPと同じ幅100%・最大600px、縦横比750:879。挿入高＝上下余白7cqw＋カード117.2cqw。
   POINT2の既存のtopは背景寸法に合わせたcqwで固定し、後半だけ挿入高を加算。 */
.lp_wrap .point02 {--mix-stretch-height:124.2cqw}
.lp_wrap .point02-waist-tail {position:relative;width:100%;aspect-ratio:702/120;overflow:hidden}
.lp_wrap .point02-thinness-background {position:relative;width:100%;aspect-ratio:702/1003;overflow:hidden}
.lp_wrap .point02-waist-tail img,
.lp_wrap .point02-thinness-background img {position:absolute;left:0;width:100%;height:auto}
.lp_wrap .point02-waist-tail img {top:0}
.lp_wrap .point02-thinness-background img {top:-11.964107677%}
.lp_wrap .mix-stretch-demo {height:var(--mix-stretch-height);box-sizing:border-box;padding:3cqw 0 4cqw;background:#fff}
.lp_wrap .mix-stretch-card {position:relative;width:100%;max-width:600px;aspect-ratio:750/879;margin:0 auto;overflow:hidden;border-radius:3cqw;background:#ffd0cb}
.lp_wrap .mix-stretch-card .mix-stretch-background {position:absolute;left:0;top:-26.1660978385%;width:100%;height:auto}
.lp_wrap .mix-stretch-card .mix-stretch-motion {position:absolute;left:5.3333333333%;top:45.5062571104%;width:89.3333333333%;height:auto;border-radius:4%;z-index:1}
.lp_wrap .mix-stretch-card .mix-stretch-title {position:absolute;left:3.8666666667%;top:28.3276450512%;width:85.8666666667%;height:auto;z-index:2}

/* 旧パッケージを削除した紹介部分。
   写真の位置は原画の座標で維持し、背景後半の不要な510px分を詰める。
   750×1000pxの背景後半から、写真下端用の先頭260pxとコピー用の末尾230pxを表示。 */
.lp_wrap .tsukiobi_img_photo-tail {position:relative;width:100%;aspect-ratio:750/260;overflow:hidden}
.lp_wrap .tsukiobi_img_quote {position:relative;width:100%;aspect-ratio:750/230;overflow:hidden;background:#fff}
.lp_wrap .tsukiobi_img_photo-tail img,
.lp_wrap .tsukiobi_img_quote img {position:absolute;left:0;width:100%;height:auto}
.lp_wrap .tsukiobi_img_photo-tail img {top:0}
.lp_wrap .tsukiobi_img_quote img {top:-334.782608696%}

/* LP01の通気性・抗菌消臭デモ。最大600px／画面幅に追従。
   冒頭の「革新4」230pxは隠し、既存のPOINT番号と重複させない。
   POINT3末尾の150pxを詰め、試験方法の注記は残す。POINT4見出し用の余白165pxを末尾に確保。 */
.lp_wrap .mix-point3-tail {position:relative;aspect-ratio:750/704;overflow:hidden}
.lp_wrap .mix-point3-tail>img {position:absolute;top:0;left:0;width:100%;height:auto}
.lp_wrap .mix-breathable {width:100%;max-width:600px;margin:0 auto;padding-bottom:22cqw;background:#e7edf1;box-sizing:border-box}
.lp_wrap .mix-breathable-top {position:relative;aspect-ratio:750/973;overflow:hidden;background:#e5f3ed}
.lp_wrap .mix-breathable-top .mix-breathable-background {position:absolute;left:0;top:-23.6382322713%;width:100%;height:auto}
.lp_wrap .mix-breathable-top .mix-breathable-motion {position:absolute;left:5.3333333333%;top:57.0400822199%;width:89.3333333333%;height:auto;border-radius:2cqw}
.lp_wrap .mix-breathable-top .mix-breathable-label {position:absolute;left:14.2666666667%;top:51.3874614594%;width:71.4666666667%;height:auto}
.lp_wrap .mix-odor-material {position:relative}
.lp_wrap .mix-odor-material .mix-odor-material-motion {position:absolute;left:5.3333333333%;top:0;width:89.3333333333%;height:auto;border-radius:4cqw}

/* 満足度の画像直前にLP03の比較表と機能紹介（750×2720px）を挿入。
   nayamiの後半だけ追加高を加算し、既存のグラフ・数値・注釈の位置を維持。 */
.lp_wrap .nayami {--mix-comparison-height:362.66666666666663cqw}
.lp_wrap .mix-nayami-intro {position:relative;aspect-ratio:750/578;overflow:hidden}
.lp_wrap .mix-nayami-satisfaction {position:relative;aspect-ratio:750/622;overflow:hidden}
.lp_wrap .mix-nayami-intro>img,
.lp_wrap .mix-nayami-satisfaction>img {position:absolute;left:0;width:100%;height:auto}
.lp_wrap .mix-nayami-intro>img {top:0}
.lp_wrap .mix-nayami-satisfaction>img {top:-92.9260450161%}
.lp_wrap .mix-napkin-comparison {width:100%;max-width:600px;margin:0 auto;background:#fff}
.lp_wrap .mix-napkin-comparison>img,
.lp_wrap .mix-breathable>img,
.lp_wrap .mix-odor-material>img {display:block;width:100%;height:auto}

/* LP03の環境・防災紹介。原画750pxの座標を比率で保持し、最大600pxに縮小。
   lp06_06の防災画像はlp06_07の白背景まで重なるため、両方をセットで管理する。 */
.lp_wrap .mix-environment {width:100%;max-width:600px;margin:0 auto;background:#fff}
.lp_wrap .mix-environment .posRel {position:relative}
.lp_wrap .mix-environment .posAbs {position:absolute}
.lp_wrap .mix-environment picture {display:block}
.lp_wrap .mix-environment img {display:block;width:100%;height:auto}
.lp_wrap .mix-environment .lp06_02 .elm01_01 {width:39.7333333333%;inset:11.8% 0 auto;margin:0 auto}
.lp_wrap .mix-environment .lp06_03 .elm01_01 {width:89.0666666667%;inset:-2.35% auto auto 5.45%}
.lp_wrap .mix-environment .lp06_03 .elm02_01 {width:61.4666666667%;inset:48.15% auto auto 0}
.lp_wrap .mix-environment .lp06_03 .elm03_01 {width:94.2666666667%;inset:26.45% 0 auto auto}
.lp_wrap .mix-environment .lp06_04 .elm01_01 {width:67.7333333333%;inset:1.5% 0 auto;margin:0 auto}
.lp_wrap .mix-environment .lp06_05 .elm01 {width:100%;height:80%;inset:10.15% auto auto 0}
.lp_wrap .mix-environment .lp06_05 .elm01_01 {width:11.0666666667%;inset:0 4.95% auto auto}
.lp_wrap .mix-environment .lp06_05 .elm01_02 {width:11.2%;inset:0 16.95% auto auto}
.lp_wrap .mix-environment .lp06_05 .elm01_03 {width:11.0666666667%;inset:0 29.05% auto auto}
.lp_wrap .mix-environment .lp06_06 .elm01_01 {width:53.0666666667%;inset:2.2% 0 auto;margin:0 auto}
.lp_wrap .mix-environment .lp06_06 .elm02_01 {width:90.6666666667%;inset:31.4% 0 auto;margin:0 auto;z-index:1}
.lp_wrap .mix-environment .lp06_06 .elm03_01 {width:88%;inset:62.3% auto auto 6%;z-index:2}
.lp_wrap .mix-environment .lp06_07 .elm01_01 {width:63.0666666667%;inset:37.95% 2.7% auto auto;z-index:1}

/* 防災紹介とお手入れ方法の間。600px幅で32px、スマホでは20px程度の余白。 */
.lp_wrap .mix-environment + .oteire {margin-top:clamp(20px,5.333333cqw,32px)}

/* LP03の比較表と4つの機能。原画750×2720px、最大600px。満足度の表示座標は上の追加高に追従する。 */
.lp_wrap .mix-napkin-comparison .posRel {position:relative}
.lp_wrap .mix-napkin-comparison .posAbs {position:absolute}
.lp_wrap .mix-napkin-comparison picture {display:block}
.lp_wrap .mix-napkin-comparison img {display:block;width:100%;height:auto}
.lp_wrap .mix-napkin-comparison .lp05_15 .elm01 {width:100%;height:100%;inset:0 auto auto 0}
.lp_wrap .mix-napkin-comparison .lp05_15 .elm01_01,
.lp05_15 .elm01_02,
.lp05_15 .elm01_03,
.lp05_15 .elm01_04,
.lp05_15 .elm01_05 {transform-origin:bottom center}
.lp_wrap .mix-napkin-comparison .lp05_15 .elm01_01 {width:47.3333333333%;inset:16.48% auto auto 35.6%}
.lp_wrap .mix-napkin-comparison .lp05_15 .elm01_02 {width:48.5333333333%;inset:31.8% auto auto 34.4%}
.lp_wrap .mix-napkin-comparison .lp05_15 .elm01_03 {width:46.6666666667%;inset:48.35% auto auto 36.25%}
.lp_wrap .mix-napkin-comparison .lp05_15 .elm01_04 {width:47.3333333333%;inset:64.6% auto auto 35.6%}
.lp_wrap .mix-napkin-comparison .lp05_15 .elm01_05 {width:47.3333333333%;inset:81.73% auto auto 35.6%}
.lp_wrap .mix-napkin-comparison .lp05_16 .elm01 {width:100%;height:80%;inset:12.5% auto auto 0}
.lp_wrap .mix-napkin-comparison .lp05_16 .elm01_01 {width:22.2666666667%;inset:5.3% auto auto 5.75%}
.lp_wrap .mix-napkin-comparison .lp05_16 .elm01_02 {width:22.2666666667%;inset:0 auto auto 28.8%}
.lp_wrap .mix-napkin-comparison .lp05_16 .elm01_03 {width:22.2666666667%;inset:0 auto auto 51.85%}
.lp_wrap .mix-napkin-comparison .lp05_16 .elm01_04 {width:22.1333333333%;inset:5.3% auto auto 75.05%}
.lp_wrap .mix-napkin-comparison .lp05_16 .elm01_05 {width:81.4666666667%;inset:37.7% auto auto 4.05%}
/* LP03のロゴ横スクロール。画像3枚を並べ、1枚分ずつ一定速度でループする。 */
.lp_wrap .mix-napkin-comparison .lp05_16 .elm02 {position:absolute;left:0;top:88.35%;width:100%;overflow:hidden}
.lp_wrap .mix-comparison-logo-track {display:flex;flex-wrap:nowrap;width:100%;animation:mix-comparison-logo-scroll 20s linear infinite}
.lp_wrap .mix-comparison-logo-slide {flex:0 0 98%;width:98%}
@keyframes mix-comparison-logo-scroll{to{transform:translateX(-98%)}}
@media(prefers-reduced-motion:reduce){
.lp_wrap .mix-comparison-logo-track {animation:none}}

/* POINT4の上半分も同じ暖色背景でつなぐ。
   見出し用に確保した22cqwの余白へ、既存背景の上端を上下反転して延長する。
   接点の色は元画像の先頭行に一致。余白の高さと既存コンテンツの位置は維持。 */
.lp_wrap .point04::before {
  content:"";
  position:absolute;
  left:0;
  top:-22cqw;
  width:100%;
  height:calc(22cqw + 1px);
  background-image:url("https://d2w53g1q050m78.cloudfront.net/onedaylabcom/uploads/tsukiobi-lp-mix/images/07-main-content/point04_01.jpg");
  background-position:center top;
  background-size:100% auto;
  background-repeat:no-repeat;
  transform:scaleY(-1);
  pointer-events:none;
}

/* 購入フォーム：PCは参考LPと同じ940px。本文・CTAの600px幅とは別に管理します。 */
.form_container_ec#lp-form {width:100%;max-width:940px;box-sizing:border-box;margin-inline:auto}
@media(max-width:600px){
  .form_container_ec#lp-form input,
  .form_container_ec#lp-form select,
  .form_container_ec#lp-form textarea {max-width:100%;box-sizing:border-box}
  .form_container_ec#lp-form table,
  .form_container_ec#lp-form tbody,
  .form_container_ec#lp-form tr,
  .form_container_ec#lp-form th,
  .form_container_ec#lp-form td {display:block;width:100%;box-sizing:border-box}
  .form_container_ec#lp-form .amazon_pay_popup_content_ec {width:calc(100% - 32px);max-width:400px;max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box}
}