/*------------------------------------
* 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;
}

/* ===== ここから下が、新LP（2026-10）の見た目 ===== */

:root{
  color-scheme:light;
  --ink:#1b1917; --sub:#5c5750; --hair:#e4ddd0; --pearl:#f6f3ee; --paper:#ffffff; --stage:#ece8e1; --beige:#efe6d8;
  --gold:#a98433; --gold-d:#8a6a1f; --gold-l:#efe3c0;
  --goldgrad:linear-gradient(100deg,#8a6a1f 0%,#b8923a 26%,#e6cf8c 50%,#b8923a 74%,#8a6a1f 100%);
  --btn:linear-gradient(180deg,#c9a655 0%,#a98433 55%,#8f6f25 100%);
  --min:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --go:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
  --lat:"Cormorant Garamond","Times New Roman",serif;
  --warm:sepia(.38) saturate(1.5) brightness(1.1) contrast(1.04);
}
body{margin:0;background:var(--stage);color:var(--ink);font-family:var(--go);-webkit-font-smoothing:antialiased}
.lp{container-type:inline-size;width:100%;max-width:430px;margin:0 auto;background:var(--paper);position:relative;box-shadow:0 20px 60px -30px rgba(60,45,10,.45)}
.lp section{position:relative}
:where(.lp) img{width:auto;height:auto}
.lp img{display:block}
.lp :where(p,h1,h2,h3,ul,ol,dl,dd,figure){margin:0;padding:0}
.lp :where(ul,ol){list-style:none}
.g{color:var(--gold-d)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .g{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}
}
.gd{color:var(--gold-d)}
.bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.full{width:100%;height:auto}
.poster{position:relative;overflow:hidden;background:var(--pearl)}
.lab{font-family:var(--lat);font-size:3.2cqw;letter-spacing:.2em;color:var(--gold-d);display:flex;align-items:center;gap:2.6cqw;line-height:1;white-space:nowrap}
.lab b{font-size:6.6cqw;font-weight:500;letter-spacing:.02em}
.lab::after{content:"";height:1px;width:11cqw;background:var(--gold)}
.lab.c{justify-content:center}
.lab.c::before{content:"";height:1px;width:9cqw;background:var(--gold)}
.lab.c::after{width:9cqw}
.h{font-family:var(--min);font-weight:700;font-size:8.2cqw;line-height:1.45;letter-spacing:.02em}
.hd{padding:9cqw 6.4cqw 5cqw;display:flex;flex-direction:column;gap:4cqw}
.hd.c{align-items:center;text-align:center}
.hd.pl{background:var(--pearl)}
.lead{font-family:var(--min);font-weight:500;font-size:3.9cqw;line-height:2}
.note{font-size:3.2cqw;line-height:1.75;color:#55504a}
.cta{display:block;background:var(--btn);color:#fff;text-align:center;text-decoration:none;border-radius:999px;font-family:var(--min);font-weight:700;font-size:4.5cqw;line-height:1.4;padding:4cqw 4cqw;letter-spacing:.06em;white-space:nowrap;box-shadow:0 2.4cqw 5cqw -2.6cqw rgba(120,90,20,.9),inset 0 0 0 1px rgba(255,255,255,.35)}
.cta span{margin-left:2cqw}
.cta b{font-size:6cqw;letter-spacing:0;font-variant-numeric:tabular-nums}
.cta small{font-size:3.1cqw;margin-right:1.6cqw;letter-spacing:.04em}

/* ───── 01 1画面目 ───── */
.fv{height:177.7cqw;overflow:hidden;background:#f1efed}
.fv .bgi{object-position:50% 0}
.fv::after{content:"";position:absolute;inset:auto 0 0 0;height:112cqw;background:linear-gradient(to top,#fff 0,#fff 45%,rgba(255,255,255,.94) 62%,rgba(255,255,255,.78) 76%,rgba(255,255,255,0) 100%)}
.brand{position:absolute;z-index:2;left:6cqw;top:6cqw;display:flex;flex-direction:column;gap:1.2cqw;color:var(--gold-d)}
.brand b{font-family:var(--lat);font-weight:600;font-size:8cqw;letter-spacing:.24em;line-height:1}
.brand span{font-family:var(--lat);font-size:3cqw;letter-spacing:.18em;color:var(--ink);line-height:1.2}
.seals{position:absolute;z-index:2;right:3.4cqw;top:4.4cqw;display:flex;flex-direction:column;gap:1.2cqw}
.seals li{position:relative;width:21cqw;height:23.2cqw;background:var(--goldgrad);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);filter:drop-shadow(0 1cqw 1.4cqw rgba(0,0,0,.25))}
.seals li > div{position:absolute;inset:.4cqw;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);background:linear-gradient(155deg,#34302b 0,#151312 60%,#000 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--min);font-weight:700;color:#f3e7c2;line-height:1.25}
.seals li > div::before{content:"";position:absolute;inset:.9cqw;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);box-shadow:inset 0 0 0 1px rgba(233,214,150,.0)}
.seals small{font-size:2.95cqw;font-weight:700;letter-spacing:0}
.seals b{font-size:3.9cqw;letter-spacing:.02em}
.seals strong{font-size:5.4cqw;line-height:1.05;color:#f0dc9a}
.seals strong i{font-style:normal;font-size:2.8cqw}
.fvt{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 6cqw 5cqw;display:flex;flex-direction:column;align-items:center;gap:2.7cqw;text-align:center}
.tri{display:flex;align-items:center;justify-content:center;gap:1.4cqw;font-family:var(--min);font-weight:700;font-size:3.05cqw;color:var(--gold-d);letter-spacing:.04em;width:100%;text-shadow:0 0 1.6cqw #fff,0 0 1.6cqw #fff,0 0 .8cqw #fff}
.tri::before,.tri::after{content:"";flex:1;height:1px;background:var(--gold);opacity:.7}
.tri i{font-style:normal;font-family:var(--lat);font-size:3.2cqw}
.fv h1{font-family:var(--min);font-weight:800;line-height:1.2;display:flex;flex-direction:column;align-items:center}
.fv h1 .l1{font-size:9.6cqw;letter-spacing:.04em}
.fv h1 .l2{font-size:10.6cqw;letter-spacing:-.01em;padding:.6cqw 0 1cqw;white-space:nowrap}
.fv h1 sup{font-size:3cqw;vertical-align:top;-webkit-text-fill-color:var(--gold-d);margin-left:.4cqw}
.fv .sub{font-family:var(--min);font-weight:500;font-size:3.3cqw;line-height:1.8;letter-spacing:.02em}
.spec{display:flex;align-items:center;justify-content:center;gap:3cqw;font-family:var(--min);font-size:3.2cqw;border-block:1px solid var(--hair);padding:1.6cqw 5cqw;letter-spacing:.06em}
.spec i{width:1px;height:3.4cqw;background:var(--sub);opacity:.5}
.fv .cta{width:100%;box-sizing:border-box}

/* 1画面目の別の形 */
.brand small{font-family:var(--min);font-size:2.5cqw;letter-spacing:.06em;color:var(--sub);margin-top:.6cqw}
.fv.orig{height:auto;background:#fff}
.fv.orig::after{display:none}
.fv.orig .hot{position:absolute;left:14.77%;width:70.46%;box-sizing:border-box;top:91.93%;height:5.44%;display:flex;align-items:center;justify-content:center;padding:0;font-size:4cqw;overflow:hidden}
.fv.bun{background:#fff}
.fv.bun .bgi{inset:0 0 auto 0;height:auto;aspect-ratio:941/1000}
.fv.bun::after{inset:94cqw 0 auto 0;height:13cqw;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 92%)}
.fv.bun .spec,.fv.w40 .spec,.fv.prodv .spec{display:none}
.fv.bun .fvt,.fv.w40 .fvt,.fv.prodv .fvt{gap:2.5cqw;padding-bottom:4cqw}
.fv.bun .seals li,.fv.w40 .seals li,.fv.prodv .seals li{width:20cqw;height:22.1cqw}
.fv.bun .brand b,.fv.bun .brand span{text-shadow:0 0 2cqw #fff,0 0 2cqw #fff}
.fv.w40{background:#fff}
.fv.w40 .bgi{inset:auto;left:-33%;top:-80cqw;width:140%;height:auto}
.fv.w40::after{height:92cqw;background:linear-gradient(to top,#fff 0,#fff 76%,rgba(255,255,255,0) 100%)}
.fv.w40 .btl{position:absolute;z-index:1;left:8cqw;top:36cqw;width:21cqw;height:auto;filter:drop-shadow(1.6cqw 2.4cqw 2.6cqw rgba(60,45,20,.28))}
.fv.prodv{background:radial-gradient(60% 38% at 55% 30%,#fffdf8 0,#f4ecdc 62%,#e8dbc0 100%)}
.fv.prodv::before{content:"";position:absolute;left:55%;top:97.5cqw;width:44cqw;height:4.4cqw;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(60,40,10,.4),rgba(60,40,10,0))}
.fv.prodv::after{height:78cqw;background:linear-gradient(to top,#fff 0,#fff 84%,rgba(255,255,255,0) 100%)}
.fv.prodv .btl{position:absolute;z-index:1;left:55%;top:6cqw;height:104cqw;width:auto;transform:translateX(-50%);mix-blend-mode:multiply}

/* 悩み別のケア（ボタンで、動画の頭出し） */
.try{background:var(--pearl);padding:9cqw 6.4cqw 9cqw;display:flex;flex-direction:column;gap:4.4cqw;align-items:center;text-align:center}
.try .h{font-size:7.6cqw}
.mvid{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111;box-shadow:0 4cqw 9cqw -5cqw rgba(60,45,10,.6);display:block}
.mvid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mvid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mvid i{position:absolute;right:4cqw;bottom:4cqw;width:14cqw;height:14cqw;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2cqw 5cqw -2cqw rgba(0,0,0,.5)}
.mvid i::after{content:"";position:absolute;left:5.6cqw;top:3.9cqw;border-left:4.6cqw solid var(--gold-d);border-top:3.1cqw solid transparent;border-bottom:3.1cqw solid transparent}
.mvid em{position:absolute;left:0;bottom:0;font-style:normal;font-family:var(--min);font-weight:700;font-size:3.6cqw;color:#fff;background:linear-gradient(90deg,rgba(138,106,31,.95),rgba(169,132,51,.85));padding:1.4cqw 4cqw}
.mbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw;width:100%}
.mbs a,.mbs button{appearance:none;font:inherit;font-family:var(--min);font-weight:700;font-size:4cqw;line-height:1.4;color:var(--ink);background:#fff;border:1px solid var(--gold);border-radius:999px;padding:3.2cqw 2cqw;text-decoration:none;cursor:pointer;display:block;letter-spacing:.04em}
.mbs .on{background:var(--btn);color:#fff;border-color:transparent}

@keyframes mvsw{0%{opacity:.25;transform:scale(1.03)}100%{opacity:1;transform:none}}
.mvid.sw img,.mvid.sw iframe{animation:mvsw .45s ease-out}
.mvid.sw em{animation:mvsw .45s ease-out}
/* 顔の図：気になるところを、顔の上で押す */
.fmap{width:100%;display:flex;flex-direction:column;gap:4cqw;align-items:center}
.fm-face{position:relative;width:100cqw;margin-inline:-6.4cqw;aspect-ratio:800/640;overflow:hidden;background:#e9e6e1}
.fm-face>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fm-face::after{content:"";position:absolute;inset:auto 0 0;height:14cqw;background:linear-gradient(to top,var(--pearl),rgba(246,243,238,0));pointer-events:none}
.fm-face button{appearance:none;position:absolute;z-index:1;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;height:11cqw;-webkit-tap-highlight-color:transparent}
.fm-face button.r{transform:translate(-5.5cqw,-50%)}
.fm-face button.l{flex-direction:row-reverse;transform:translate(calc(-100% + 5.5cqw),-50%)}
.fm-face button i{flex:none;width:11cqw;height:11cqw;position:relative}
.fm-face button i::before{content:"";position:absolute;inset:2.5cqw;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid #fff;animation:fmp 2.6s ease-out infinite}
.fm-face button i::after{content:"";position:absolute;left:50%;top:50%;width:2.8cqw;height:2.8cqw;margin:-1.4cqw 0 0 -1.4cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .4cqw var(--gold),0 .6cqw 1.6cqw rgba(60,40,10,.35)}
.fm-face button:nth-of-type(2) i::before{animation-delay:.4s}.fm-face button:nth-of-type(3) i::before{animation-delay:.8s}
.fm-face button:nth-of-type(4) i::before{animation-delay:1.2s}.fm-face button:nth-of-type(5) i::before{animation-delay:1.6s}.fm-face button:nth-of-type(6) i::before{animation-delay:2s}.fm-face button:nth-of-type(7) i::before{animation-delay:.6s}.fm-face button:nth-of-type(8) i::before{animation-delay:1.4s}
.fm-face button span{font-family:var(--min);font-weight:700;font-size:3.3cqw;line-height:1;letter-spacing:.02em;color:var(--ink);background:rgba(255,255,255,.94);border:1px solid var(--gold);border-radius:999px;padding:1.6cqw 2.5cqw;white-space:nowrap;box-shadow:0 1cqw 2.4cqw -1.2cqw rgba(60,40,10,.5)}
.fm-face button.r span{margin-left:-2.3cqw}.fm-face button.l span{margin-right:-2.3cqw}
.fm-face button.on i::before{animation:none;inset:1.6cqw;background:rgba(201,162,75,.28);border-color:var(--gold)}
.fm-face button.on i::after{background:var(--gold-d);box-shadow:0 0 0 .5cqw #fff,0 0 0 .8cqw var(--gold)}
.fm-face button.on span{background:var(--btn);color:#fff;border-color:transparent}
@keyframes fmp{0%{transform:scale(.55);opacity:.95}75%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.fm-sub{width:100%;display:flex;align-items:center;gap:3cqw}
.fm-sub>span{flex:none;font-size:3.2cqw;color:#55504a}
.fm-sub .mbs{flex:1}
.fm-sub .mbs button{font-size:3.6cqw;padding:2.4cqw 1cqw}
/* 1画面目の中の、作った人と2つ目のリンク */
.by{display:flex;align-items:center;justify-content:center;gap:2.4cqw;font-size:3.3cqw;line-height:1.5;color:#3d3833}
.by img{width:9.5cqw;height:9.5cqw;border-radius:50%;object-fit:cover;flex:none}
.by b{font-family:var(--min);font-size:3.9cqw;color:var(--ink)}
.by span{text-align:left;white-space:nowrap}
/* 作った人の見せ方（別案） */
.by2{display:grid;grid-template-columns:36cqw minmax(0,1fr);gap:3.6cqw;align-items:center;width:100%;text-align:left;text-decoration:none;color:inherit}
.by2 .th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;box-shadow:0 2.4cqw 5cqw -3cqw rgba(60,45,10,.6)}
.by2 .th img{width:100%;height:100%;object-fit:cover}
.by2 .th::after{content:"";position:absolute;right:1.6cqw;bottom:1.6cqw;width:6.4cqw;height:6.4cqw;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTkgNi41djExbDktNS41eicgZmlsbD0nIzhhNmExZicvPjwvc3ZnPg==") center/70% no-repeat}
.by2 .tx{display:block}
.by2 small{display:block;font-size:2.9cqw;line-height:1.6;color:#55504a;white-space:nowrap}
.by2 b{display:block;font-family:var(--min);font-size:5cqw;letter-spacing:.1em;line-height:1.5}
.by3{display:grid;grid-template-columns:15cqw minmax(0,1fr);gap:3.6cqw;align-items:center;width:100%;text-align:left}
.by3 img{width:15cqw;height:15cqw;border-radius:50%;object-fit:cover}
.by3 q{quotes:none;display:block;font-family:var(--min);font-weight:700;font-size:4.3cqw;line-height:1.5;letter-spacing:.02em}
.by3 span{display:block;font-size:2.9cqw;line-height:1.7;color:#3d3833;margin-top:1.2cqw;white-space:nowrap}
.by3 span b{font-family:var(--min);font-size:3.4cqw;color:var(--ink)}
.by5{display:grid;grid-template-columns:42cqw minmax(0,1fr);align-items:center;gap:4.4cqw;width:calc(100% + 12cqw);margin:0 -6cqw;background:var(--pearl);text-align:left;text-decoration:none;color:inherit}
.by5 .th{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}
.by5 .th em{position:absolute;left:0;bottom:0;font-style:normal;font-family:var(--min);font-weight:700;font-size:2.9cqw;color:#fff;background:linear-gradient(90deg,rgba(138,106,31,.95),rgba(169,132,51,.85));padding:1cqw 3cqw;letter-spacing:.04em}
.by5 .th img{width:100%;height:100%;object-fit:cover}
.by5 .tx{display:block}
.by5 small{display:block;font-size:3cqw;line-height:1.7;color:#55504a;white-space:nowrap}
.by5 b{display:block;font-family:var(--min);font-size:5.8cqw;letter-spacing:.12em;line-height:1.5}
.by6{display:grid;grid-template-columns:21cqw minmax(0,1fr);align-items:center;gap:4.4cqw;width:calc(100% + 12cqw);margin:0 -6cqw;background:var(--pearl);padding:3.6cqw 6cqw;box-sizing:border-box;text-align:left;text-decoration:none;color:inherit}
.by6 img{width:21cqw;height:21cqw;border-radius:50%;object-fit:cover;box-shadow:0 0 0 .5cqw #fff,0 0 0 .8cqw var(--gold-l)}
.by6 small{display:block;font-size:3cqw;line-height:1.7;color:#55504a;white-space:nowrap}
.by6 b{display:block;font-family:var(--min);font-size:5.8cqw;letter-spacing:.12em;line-height:1.5}
.by6 strong{display:block;font-family:var(--min);font-weight:700;font-size:4.2cqw;line-height:1.6;letter-spacing:.02em;white-space:nowrap;margin-top:.6cqw}
.fvprice{font-family:var(--min);font-weight:700;font-size:3.7cqw;line-height:1.6;white-space:nowrap}
.fvprice b{font-weight:800;font-size:5.4cqw;color:var(--gold-d);font-variant-numeric:tabular-nums}
.fvprice i{font-style:normal;font-family:var(--go);font-weight:700;font-size:2.9cqw;color:var(--gold-d);border:1px solid var(--gold);padding:.6cqw 2cqw;margin-left:2cqw}
.by7,.by8{position:relative;width:calc(100% + 12cqw);margin:0 -6cqw;overflow:hidden;text-align:left}
.by7{aspect-ratio:1348/620}
.by7 img,.by8 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.by7 p,.by8 p{position:absolute;left:7cqw;top:50%;transform:translateY(-50%);z-index:1}
.by7.lf p,.by8.lf p{left:auto;right:6cqw}
.by7 small,.by8 small,.by9 small{display:block;font-size:3.25cqw;font-weight:500;line-height:1.7;letter-spacing:.04em;white-space:nowrap}
.by7 b,.by8 b,.by9 b{display:block;font-family:var(--min);font-size:6.6cqw;letter-spacing:.14em;line-height:1.45}
.by7 span,.by8 span,.by9 span{display:block;font-family:var(--min);font-weight:500;font-size:3.5cqw;line-height:1.7;letter-spacing:.04em;margin-top:1.4cqw;white-space:nowrap}
.by7 small{color:#2b2622}
.by7 b::after,.by8 b::after,.by9 b::after{content:"";display:block;width:9cqw;height:1px;background:var(--gold-d);margin-top:1.6cqw}
.by8{aspect-ratio:1300/455;border-block:1px solid var(--hair)}
.by8 b{font-size:6.2cqw;line-height:1.4}
.by8 span{line-height:1.6;margin-top:1.2cqw}
.by8 small,.by9 small{color:#3d3833}
.by9{display:grid;grid-template-columns:31cqw minmax(0,1fr);align-items:center;gap:6cqw;width:calc(100% + 12cqw);margin:0 -6cqw;padding:0 6cqw 0 0;box-sizing:border-box;background:var(--pearl);text-align:left}
.by9 img{width:31cqw;height:auto;display:block}
.made{display:flex;flex-direction:column}
.made .by7{width:100%;margin:0}
.drb{display:grid;grid-template-columns:40cqw minmax(0,1fr);align-items:center;gap:5cqw;background:var(--pearl);padding-right:5cqw;text-align:left}
.drb img{width:40cqw;height:40cqw;object-fit:cover;display:block;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.drb small{display:block;font-size:2.9cqw;font-weight:500;line-height:1.7;color:#3d3833;white-space:nowrap}
.drb b{display:block;font-family:var(--min);font-size:5.6cqw;letter-spacing:.1em;line-height:1.45;margin-top:1.2cqw;white-space:nowrap}
.drb b i{font-style:normal;font-size:3.6cqw;letter-spacing:.06em;margin-left:1.6cqw}
.drb b::after{content:"";display:block;width:9cqw;height:1px;background:var(--gold-d);margin-top:1.6cqw}
.drb span{display:block;font-family:var(--min);font-weight:500;font-size:3.5cqw;line-height:1.7;letter-spacing:.04em;margin-top:1.4cqw;white-space:nowrap}
.cbox{padding:7cqw 6.4cqw 9cqw;display:flex;flex-direction:column;gap:3cqw;align-items:center;text-align:center;background:#fff}
.cbox .cta{width:100%;box-sizing:border-box}
.cbox small{font-size:3.1cqw;color:#55504a;letter-spacing:.04em}
.s02 .hd .spec{margin-top:1cqw;font-size:3cqw;padding:1.6cqw 3cqw;gap:2.4cqw;white-space:nowrap}
.bist .t2{display:flex;flex-direction:column;align-items:center;gap:1.6cqw;font-family:var(--min);font-weight:700;text-align:center}
.bist .t2 small{font-size:4cqw;letter-spacing:.14em;color:var(--gold-d)}
.bist .t2 p{display:flex;align-items:baseline;gap:2cqw;font-size:5.4cqw}
.bist .t2 p b{font-size:13cqw;line-height:1.05;letter-spacing:.02em}
.bist .t2 span{font-size:5.4cqw;line-height:1.6;letter-spacing:.06em}
.next .more summary{list-style:none;cursor:pointer;font-size:3.1cqw;color:var(--gold-d);text-decoration:underline;text-underline-offset:.25em;padding:2.4cqw 0;border-top:1px solid var(--hair)}
.next .more summary::-webkit-details-marker{display:none}
.next .more summary::after{content:"＋";margin-left:1.6cqw;text-decoration:none;display:inline-block}
.next .more[open] summary::after{content:"－"}
/* 1画面目：絵の下を白へなじませ、ボタンを近づける。下の「そのハリ感」との間も詰める */
.fv.img .pic::after{content:"";position:absolute;inset:auto 0 0 0;height:9cqw;z-index:1;background:linear-gradient(to top,#fff 0,rgba(255,255,255,.7) 45%,rgba(255,255,255,0) 100%);pointer-events:none}
.fv.img .fvb{padding:1.2cqw 6cqw 1cqw;gap:0}
.s02 .hd{padding-top:6.4cqw}
.made .by7 b{font-size:6.2cqw;line-height:1.4}
.made .by7 p{left:6cqw}
.made .by7 span{font-size:3.3cqw;line-height:1.62;margin-top:1.2cqw;letter-spacing:.02em}
.made .by7 small{line-height:1.6}
em.ex{display:inline!important;position:static!important;font-family:var(--go);font-style:normal;font-weight:700;font-size:inherit;color:inherit;margin:0 0 0 .1em;padding:0;background:none}
.try .sup{font-family:var(--min);font-weight:700;font-size:4.2cqw;line-height:1.9;letter-spacing:.04em;padding-top:2cqw}
.try .sup span{display:block;margin-top:2.4cqw}
.try .sup b{color:var(--gold-d);font-size:4.8cqw}
.by4{display:grid;grid-template-columns:32cqw minmax(0,1fr);align-items:center;gap:4.4cqw;width:calc(100% + 12cqw);margin:0 -6cqw;background:var(--pearl);text-align:left}
.by4 .ph{display:block;aspect-ratio:1/1;overflow:hidden}
.by4 .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.by4 small{display:block;font-family:var(--min);font-size:3.3cqw;line-height:1.75;color:#3d3833}
.by4 b{display:block;font-family:var(--min);font-size:5.4cqw;letter-spacing:.12em;margin-top:1.6cqw}
.by small{display:block;font-size:3cqw;letter-spacing:.04em;color:#55504a}
.sublink{font-size:3.5cqw;color:var(--gold-d);text-decoration:underline;text-underline-offset:.25em;font-weight:700}
.fv.bun,.fv.w40,.fv.prodv{height:210cqw}
.eff3{font-family:var(--min);font-size:3.2cqw;letter-spacing:.04em;border-block:1px solid var(--hair);padding:1.4cqw 3cqw}
.s03a .try{padding-top:9cqw}
.s09 .go{padding-top:9cqw}
.end2{font-family:var(--min);font-weight:700;font-size:6.4cqw;line-height:1.6;letter-spacing:.03em;padding-top:5cqw}
.pq{font-family:var(--min);font-weight:700;font-size:3.9cqw;line-height:1.85;text-align:center;padding:1cqw 2cqw 0}
.pq cite{display:block;font-style:normal;font-size:3.2cqw;margin-top:1.6cqw;color:#55504a}
/* 途中のボタン（箱なし・金のボタン1つ） */
.go{padding:2cqw 6.4cqw 9cqw;display:flex;flex-direction:column;align-items:center;gap:3.4cqw;text-align:center}
.go p{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.6cqw 2cqw;font-family:var(--min);font-weight:700;font-size:4cqw;letter-spacing:.08em}
.go p b{font-size:11cqw;line-height:1;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;padding-right:.4cqw}
.go p i{font-style:normal;font-size:3.3cqw;font-weight:500;letter-spacing:0;white-space:nowrap}
.go p span{flex-basis:100%;white-space:nowrap}
.go p b{white-space:nowrap}
.go .cta{width:100%;box-sizing:border-box}
.go small{font-size:3.1cqw;color:#55504a;letter-spacing:.04em}
/* 1画面目：絵そのものを使う形 */
.fv.img{height:auto;background:#fff;overflow:visible}
.fv.img::after{display:none}
.fv.img .pic{position:relative;overflow:hidden;background:#eee}
.fv.img .pic img{width:100%;height:auto;display:block}
.fv.img .pic.t{aspect-ratio:941/1500}
.fv.img .pic.t img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 0}
.fv.img .pic .fnote{position:absolute;right:2.4cqw;bottom:1.2cqw;z-index:2;font-size:1.9cqw;line-height:1.5;text-align:right;color:#6a645b;letter-spacing:.02em}
.fvb{padding:4.6cqw 6cqw 6cqw;display:flex;flex-direction:column;align-items:center;gap:3cqw;text-align:center}
.fvb .seals{position:static;flex-direction:row;justify-content:center;gap:2.4cqw}
.fvb .spec{font-size:3cqw;padding:1.6cqw 3cqw;gap:2.4cqw}
/* あなた用の3つの例 */
.ex{width:100%;display:flex;flex-direction:column;gap:2.4cqw;text-align:left}
.ex > p{font-family:var(--min);font-size:4cqw;text-align:center;line-height:1.8}
.ex > p.sw{animation:mvsw .45s ease-out}
.ex > p b{color:var(--gold-d)}
.ex ol{counter-reset:m;display:flex;flex-direction:column;gap:2cqw}
.ex li{counter-increment:m;display:grid;grid-template-columns:8cqw minmax(0,1fr) auto;gap:3cqw;align-items:center;background:#fff;padding:3.2cqw 4cqw;box-shadow:0 2cqw 5cqw -4cqw rgba(60,45,10,.5)}
.ex li::before{content:counter(m);font-family:var(--lat);font-style:italic;font-size:7cqw;line-height:1;color:var(--gold)}
.ex li b{display:block;font-family:var(--min);font-weight:700;font-size:4.2cqw;line-height:1.4}
.ex li small{display:block;font-size:3.05cqw;line-height:1.6;color:#55504a}
.ex li em{font-style:normal;font-size:3cqw;color:var(--gold-d);border:1px solid var(--gold-l);border-radius:999px;padding:.6cqw 2.6cqw;white-space:nowrap}
.ex ol.sw li{animation:slide .5s cubic-bezier(.2,.7,.2,1) both}
.ex ol.sw li:nth-child(2){animation-delay:.08s}
.ex ol.sw li:nth-child(3){animation-delay:.16s}
@keyframes slide{from{opacity:0;transform:translateX(6cqw)}to{opacity:1;transform:none}}
/* 小さい声・SNSの写真・届いたメッセージ */
.vmini{display:flex;flex-direction:column;gap:3cqw;padding:6cqw 6.4cqw 0}
.vmini li{display:grid;grid-template-columns:24cqw minmax(0,1fr);gap:4cqw;align-items:center;background:#fff;padding:3.4cqw;box-shadow:0 2cqw 6cqw -4cqw rgba(60,45,10,.5)}
.vmini li.t{grid-template-columns:minmax(0,1fr);padding:5cqw}
.vmini img{width:24cqw;aspect-ratio:4/5;object-fit:cover}
.vmini q{quotes:none;display:block;font-family:var(--min);font-weight:700;font-size:4.2cqw;line-height:1.6}
.vmini span{display:block;font-size:3.3cqw;line-height:1.75;color:#55504a;margin:1cqw 0 1.6cqw}
.vmini cite{font-style:normal;font-family:var(--min);font-weight:700;font-size:3.3cqw;letter-spacing:.06em}
.wall{overflow:hidden;padding:0 0 3cqw}
.wall .track{display:flex;gap:2cqw;width:max-content;animation:wall 46s linear infinite}
.wall img{width:44cqw;aspect-ratio:3/4;object-fit:cover;flex:none}
@keyframes wall{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 1cqw))}}
.dm{padding:10cqw 6.4cqw 4cqw;display:flex;flex-direction:column;gap:4.4cqw}
.dm > small{display:block;text-align:center;font-family:var(--lat);font-size:3.2cqw;letter-spacing:.22em;color:var(--gold-d)}
.dm li{display:flex;flex-direction:column;gap:1.4cqw;align-items:flex-start}
.dm li:nth-of-type(even){align-items:flex-end}
.dm li span{font-size:3cqw;color:var(--gold-d);font-weight:700;padding:0 2cqw}
.dm li p{max-width:88%;box-sizing:border-box;background:#fff;border-radius:1.2cqw 5cqw 5cqw 5cqw;padding:3.8cqw 4.6cqw;font-size:3.75cqw;line-height:1.8;box-shadow:0 2cqw 6cqw -4cqw rgba(60,45,10,.55)}
.dm li:nth-of-type(even) p{border-radius:5cqw 1.2cqw 5cqw 5cqw}
.dm li p b{font-family:var(--min);font-weight:700;background:linear-gradient(transparent 62%,var(--gold-l) 62%)}
/* 値段：1本だけでも */
.one{border:1px solid var(--gold);padding:5cqw 4cqw;text-align:center;display:flex;flex-direction:column;gap:2cqw;background:#fff}
.one b{font-family:var(--min);font-weight:800;font-size:6cqw;color:var(--gold-d);letter-spacing:.04em}
.one p{font-size:3.5cqw;line-height:1.85}
.next{font-size:3.6cqw;line-height:2}
.next b{font-family:var(--min);font-size:4.3cqw;font-variant-numeric:tabular-nums}
.next small{font-size:3cqw;color:#55504a}

/* 途中のボタン・作った人の帯・安心の一言 */
.mid{display:grid;grid-template-columns:11cqw minmax(0,1fr) auto;gap:3cqw;align-items:center;margin:0 6.4cqw 13cqw;padding:3.4cqw 4cqw;background:#fff;border:1px solid var(--gold-l);box-shadow:0 3cqw 8cqw -6cqw rgba(60,45,10,.5)}
.mid img{width:11cqw;aspect-ratio:1/2;object-fit:cover;mix-blend-mode:multiply;filter:var(--warm)}
.mid small{display:block;font-size:2.9cqw;color:#55504a;line-height:1.5;white-space:nowrap}
.mid b{display:block;font-family:var(--min);font-weight:800;font-size:6.4cqw;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.mid b i{font-style:normal;font-size:2.8cqw;font-weight:500}
.mid .cta{font-size:3.7cqw;padding:3.2cqw 4.4cqw;letter-spacing:.04em}
.mid .cta span{margin-left:1cqw}
.try + .mid{margin-top:-4cqw}
.s03 .mid,.s07b .mid{margin-top:0}
.maker{display:grid;grid-template-columns:15cqw minmax(0,1fr);gap:4cqw;align-items:center;padding:4.4cqw 6.4cqw;background:var(--pearl);border-block:1px solid var(--gold-l)}
.maker img{width:15cqw;height:15cqw;border-radius:50%;object-fit:cover}
.maker small{display:block;font-size:3cqw;color:var(--sub);letter-spacing:.06em}
.maker b{display:block;font-family:var(--min);font-weight:700;font-size:4.6cqw;line-height:1.5}
.maker span{display:block;font-size:3cqw;color:var(--gold-d);font-weight:700}
.ok{text-align:center;font-family:var(--min);font-weight:700;font-size:3.9cqw;color:var(--gold-d);letter-spacing:.04em}
.pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw}
.pay li{border:1px solid var(--gold-l);background:#fff;padding:3cqw 2cqw;text-align:center;display:flex;flex-direction:column;gap:1cqw;justify-content:center}
.pay small{font-size:2.9cqw;color:var(--sub)}
.pay b{font-family:var(--min);font-weight:700;font-size:3.6cqw;line-height:1.5}

/* ───── 02 使い心地（元の動画） ───── */
.s02 .hd .h{font-size:8.2cqw;white-space:nowrap}
.mov16{position:relative;aspect-ratio:16/9;background:#e9e6e1;overflow:hidden}
.mov16 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.txt{padding:8cqw 6.4cqw 11cqw;display:flex;flex-direction:column;gap:4.4cqw;text-align:center;align-items:center}
.txt .big{font-family:var(--min);font-weight:700;font-size:6.2cqw;line-height:1.6;letter-spacing:.03em}

/* ───── 03 届くのは、美容液だけじゃない（元の絵） ───── */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:9cqw 4cqw 4cqw}
.three li{display:flex;flex-direction:column;align-items:center;gap:2cqw;text-align:center;padding:0 2cqw;border-left:1px solid var(--hair)}
.three li:first-child{border-left:0}
.three b{font-family:var(--min);font-weight:700;font-size:5.6cqw;color:var(--gold-d);letter-spacing:.1em}
.three span{font-size:3.1cqw;line-height:1.75}
/* ずっとそばに：本物の画面が、スマホの中でゆっくり動く */
.near{background:var(--pearl);padding:9cqw 6.4cqw 9cqw;display:flex;flex-direction:column;align-items:center;gap:6.4cqw;text-align:center}
.near .hd{padding:0}
.near .ok{font-family:var(--min);font-size:3.3cqw;color:var(--gold-d);white-space:nowrap}
.near .diff{font-family:var(--min);font-weight:500;font-size:3.7cqw;line-height:1.9;margin-top:-2cqw}
.near .diff b{font-weight:700;color:var(--gold-d)}
.near .how{font-family:var(--min);font-weight:700;font-size:4cqw;line-height:1.8}
.phw{width:100%;height:113cqw;overflow:hidden;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
.near .cap{font-family:var(--min);font-weight:700;font-size:4cqw;line-height:1.8;margin-top:-3cqw}
.phone{flex:none;width:72cqw;aspect-ratio:9/18.6;border-radius:10.8cqw;background:#16130f;padding:1.9cqw;box-sizing:border-box;box-shadow:0 7cqw 14cqw -7cqw rgba(60,45,10,.6),0 0 0 .35cqw #cfc6b4}
.phone .scr{position:relative;width:100%;height:100%;border-radius:9cqw;overflow:hidden;background:#fff8f5}
.phone .scr img{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;animation:scrA 14s linear infinite;--pan:-22%}
.phone .scr .s1{animation-delay:-.8s}
.phone .scr .s2{animation-delay:6.2s;--pan:-2.5%}
@keyframes scrA{0%{opacity:0;transform:translateY(0)}5%{opacity:1}48%{opacity:1}53%{opacity:0;transform:translateY(var(--pan))}100%{opacity:0;transform:translateY(var(--pan))}}
.steps3{width:100%;display:flex;flex-direction:column}
.steps3 li{display:grid;grid-template-columns:18.5cqw minmax(0,1fr);gap:2.4cqw;align-items:baseline;text-align:left;padding:3.2cqw 1cqw;border-top:1px solid var(--gold-l)}
.steps3 li:last-child{border-bottom:1px solid var(--gold-l)}
.steps3 b{font-family:var(--min);font-weight:800;font-size:5cqw;letter-spacing:.06em;color:var(--gold-d)}
.steps3 span{font-family:var(--min);font-weight:700;font-size:3.4cqw;line-height:1.6}
@media (prefers-reduced-motion:reduce){.phone .scr img{animation:none}.phone .scr .s1{opacity:1}}
.after3{padding:8cqw 6.4cqw 11cqw;display:flex;flex-direction:column;gap:2.4cqw;text-align:center}
.after3 p{font-family:var(--min);font-weight:500;font-size:3.7cqw;line-height:1.9}

/* ───── 04 塗る・動かす・見直す ───── */
.s04{background:var(--pearl)}
.s04 .hd .h{font-size:9.6cqw;letter-spacing:.04em}
.s04 .hd p{font-family:var(--min);font-weight:500;font-size:4.2cqw;letter-spacing:.08em}
.clip{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e9e6e1}
.clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.stp{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:4.4cqw;align-items:center;padding:6cqw 6.4cqw 11cqw}
.stp i{font-family:var(--lat);font-style:italic;font-weight:500;font-size:17cqw;line-height:.9;color:var(--gold)}
.stp b{display:block;font-family:var(--min);font-weight:700;font-size:9cqw;line-height:1.3;letter-spacing:.06em}
.stp span{display:block;font-family:var(--min);font-weight:500;font-size:3.8cqw;line-height:1.7;margin-top:1cqw}
.mockwrap{position:relative;padding:9cqw 0 3cqw;display:flex;justify-content:center;background:radial-gradient(60% 50% at 50% 46%,rgba(233,214,150,.55),rgba(233,214,150,0) 100%)}
.pm{width:60cqw;border-radius:9cqw;background:linear-gradient(160deg,#3a3632,#0e0d0c);padding:1.5cqw;box-shadow:0 5cqw 10cqw -5cqw rgba(60,45,10,.6)}
.pm .sc{position:relative;border-radius:7.6cqw;background:#fdfbf8;overflow:hidden;padding:9cqw 4.4cqw 5cqw;display:flex;flex-direction:column;gap:3cqw}
.pm .sc::before{content:"";position:absolute;left:50%;top:2cqw;width:16cqw;height:4cqw;border-radius:99px;background:#0e0d0c;transform:translateX(-50%)}
.pm small.k{font-family:var(--lat);font-size:2.4cqw;letter-spacing:.2em;color:var(--gold-d)}
.pm .t{font-family:var(--min);font-weight:700;font-size:4.4cqw;line-height:1.4}
.pm .hi{background:var(--pearl);border-radius:3cqw;padding:3cqw;font-family:var(--min);font-weight:700;font-size:3.3cqw;line-height:1.5}
.pm .hi b{font-family:var(--lat);font-size:7cqw;line-height:1;color:var(--gold-d);margin-right:1cqw}
.bars{display:flex;flex-direction:column;gap:2cqw}
.bars li{display:grid;grid-template-columns:17cqw minmax(0,1fr) 7cqw;gap:1.6cqw;align-items:center;font-size:2.4cqw;line-height:1.2}
.bars u{display:block;height:1.5cqw;border-radius:99px;background:#efe9df;position:relative;overflow:hidden;text-decoration:none}
.bars u::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:99px;background:var(--goldgrad)}
.bars em{font-style:normal;font-family:var(--lat);font-size:3.2cqw;color:var(--gold-d);text-align:right}
.pm .chip{align-self:flex-start;font-size:2.4cqw;font-weight:700;color:#fff;background:var(--btn);border-radius:99px;padding:1.2cqw 3cqw}
.s04 .end{padding:3cqw 6.4cqw 4cqw;text-align:center;font-family:var(--min);font-weight:700;font-size:5.3cqw;line-height:1.7;letter-spacing:.03em}

/* ───── 05 LUJUプログラム ───── */
.tori{padding:13cqw 6.4cqw 12cqw;display:flex;flex-direction:column;gap:5cqw;align-items:center;text-align:center}
.tori .h{font-size:7.6cqw}
.stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw}
.stat li{background:var(--pearl);border-radius:2.4cqw;padding:2cqw 0;text-align:center;font-size:2.1cqw;line-height:1.3}
.stat b{display:block;font-family:var(--lat);font-size:5.6cqw;line-height:1.1;color:var(--gold-d)}
.know{display:flex;flex-direction:column;gap:1.6cqw}
.know li{display:grid;grid-template-columns:2cqw minmax(0,1fr);gap:2cqw;align-items:start;font-size:2.5cqw;line-height:1.55;text-align:left}
.know li::before{content:"";width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--gold);margin-top:1.1cqw}
.grow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8cqw 4cqw 13cqw}
.grow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.6cqw;text-align:center;padding:0 2cqw}
.grow li + li::before{content:"";position:absolute;left:-2.5cqw;top:6.5cqw;width:5cqw;height:1px;background:var(--gold)}
.grow i{width:13cqw;height:13cqw;border-radius:50%;box-shadow:inset 0 0 0 1px var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--lat);font-style:italic;font-size:6cqw;color:var(--gold-d)}
.grow b{font-family:var(--min);font-weight:700;font-size:3.9cqw;letter-spacing:.04em}
.grow span{font-size:2.9cqw;line-height:1.6;color:var(--sub)}
.dr{background:var(--pearl);padding:9cqw 6.4cqw;display:grid;grid-template-columns:30cqw minmax(0,1fr);gap:5cqw;align-items:center}
.dr img{width:30cqw;height:30cqw;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--gold),0 0 0 1.4cqw #fff,0 0 0 calc(1.4cqw + 1px) rgba(169,132,51,.5)}
.dr small{display:block;font-family:var(--lat);font-size:3cqw;letter-spacing:.2em;color:var(--gold-d)}
.dr b{display:block;font-family:var(--min);font-weight:700;font-size:6cqw;line-height:1.5;margin:1cqw 0 2cqw}
.dr strong{display:block;font-family:var(--min);font-weight:700;font-size:4.2cqw}
.dr span{display:block;font-size:3.1cqw;line-height:1.7;color:#55504a;margin-top:1cqw}

/* ───── 06 ハリ感と薬用ケア ───── */
.s06 .hd .h{font-size:7.9cqw;white-space:nowrap}
.veil{aspect-ratio:1/1}
.veil .cap{position:absolute;z-index:2;left:6.4cqw;top:7cqw;display:flex;flex-direction:column;gap:1cqw}
.veil .cap small{font-family:var(--lat);font-size:3.2cqw;letter-spacing:.22em;color:var(--gold-d)}
.veil .cap b{font-family:var(--min);font-weight:700;font-size:5.4cqw;line-height:1.5}
.veil ul{position:absolute;z-index:2;left:5cqw;bottom:5cqw;display:flex;flex-direction:column;gap:1.6cqw}
.veil li{width:19cqw;height:19cqw;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 0 1cqw rgba(255,255,255,.9),inset 0 0 0 calc(1cqw + 1px) rgba(169,132,51,.4);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--min);font-weight:700;font-size:3cqw;line-height:1.45}
.med{padding:9cqw 6.4cqw 6cqw;display:flex;flex-direction:column;gap:7cqw}
.med .t{display:flex;flex-direction:column;gap:2cqw;align-items:center;text-align:center}
.med .t small{font-family:var(--lat);font-size:3.2cqw;letter-spacing:.22em;color:var(--gold-d)}
.med .t b{font-family:var(--min);font-weight:700;font-size:6.6cqw;line-height:1.5;letter-spacing:.04em}
.eff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6cqw}
.eff li{aspect-ratio:1/1;border-radius:50%;background:var(--goldgrad);padding:.5cqw;box-shadow:0 2.4cqw 5cqw -3cqw rgba(120,90,20,.8)}
.eff li > div{width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1cqw #fff,inset 0 0 0 calc(1cqw + 1px) rgba(169,132,51,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--min);font-weight:800;font-size:5.6cqw;line-height:1.25;letter-spacing:.04em}
.eff small{font-size:2.7cqw;font-weight:700;color:var(--gold-d);letter-spacing:.04em;margin-top:.6cqw}
.eff sup{font-size:2.6cqw;vertical-align:top;line-height:1}
.act{display:flex;flex-direction:column}
.act li{display:grid;grid-template-columns:21cqw minmax(0,1fr);gap:4cqw;align-items:center;padding:5cqw 0;border-top:1px solid var(--gold-l)}
.act li:last-child{border-bottom:1px solid var(--gold-l)}
.act .ball{width:21cqw;height:21cqw;border-radius:50%;overflow:hidden;background:#fff}
.act .ball img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;transform:scale(1.18)}
.act small{display:block;font-size:2.8cqw;font-weight:700;color:var(--gold-d);letter-spacing:.1em}
.act b{display:block;font-family:var(--min);font-weight:700;font-size:4.5cqw;line-height:1.5;letter-spacing:0;white-space:nowrap}
.act span{display:block;font-size:3.4cqw;line-height:1.75;margin-top:1cqw}
.moi{background:var(--pearl);padding:8cqw 4cqw 8cqw;display:flex;flex-direction:column;gap:5cqw}
.moi > p{text-align:center;font-family:var(--min);font-weight:700;font-size:4.8cqw;letter-spacing:.06em}
.moi .ings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6cqw}
.moi .ings li{font-size:2.6cqw !important;display:flex;flex-direction:column;align-items:center;gap:1.6cqw;text-align:center;font-size:2.55cqw;line-height:1.4;font-weight:500}
.moi img{width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--gold-l)}
.moi .tinynote{font-family:var(--go);font-weight:400;font-size:2.3cqw;line-height:1.6;letter-spacing:0;color:#6a645b;text-align:right;margin-top:4cqw}
.moi .free{display:flex;justify-content:center;gap:2cqw;padding-top:4cqw}
.moi .free li{font-size:3.2cqw;white-space:nowrap;font-weight:700;color:var(--gold-d);border:1px solid var(--gold);background:#fff;padding:1cqw 3cqw;letter-spacing:.04em}
.s06 .notes{padding:4cqw 6.4cqw 7cqw;display:flex;flex-direction:column;gap:1cqw}
.faq details.ing p{font-size:3.1cqw;line-height:1.85}

/* ───── 07 こうなりたい・使った方 ───── */
.wish{aspect-ratio:1080/1200}
.wish .bgi{object-position:50% 0}
.wish::after{content:"";position:absolute;inset:auto 0 0 0;height:60cqw;background:linear-gradient(to top,rgba(255,255,255,.96) 30%,rgba(255,255,255,0))}
.wish .ov{position:absolute;z-index:2;left:0;right:0;bottom:8cqw;text-align:center;display:flex;flex-direction:column;gap:3cqw;align-items:center}
.wish .ov .h{font-size:7.4cqw;line-height:1.6}
.s07b{background:var(--pearl)}
.s07b .hd .h{font-size:7.1cqw;white-space:nowrap}
.ba{padding:0 6.4cqw 4cqw;display:flex;flex-direction:column;gap:6cqw}
.ba figure{background:#fff;padding:4cqw 4cqw 4.4cqw;box-shadow:0 3cqw 7cqw -5cqw rgba(60,45,10,.5);display:flex;flex-direction:column;gap:3cqw}
.ba .pair{position:relative}
.ba .pair img{width:100%;height:auto}
.ba .tag{position:absolute;top:0;font-size:2.8cqw;font-weight:700;letter-spacing:.08em;padding:1cqw 3cqw;color:#fff}
.ba .tag.b{left:0;background:rgba(40,36,32,.72)}
.ba .tag.a{left:50.6%;background:var(--btn)}
.ba figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw;font-family:var(--min);font-weight:700;font-size:4cqw}
.ba figcaption small{font-family:var(--go);font-weight:500;font-size:2.8cqw;color:var(--sub)}
.s07b .n0{padding:0 6.4cqw 6cqw}
.vo{display:grid;grid-template-columns:42cqw minmax(0,1fr);align-items:center}
.vo + .vo{margin-top:1.4cqw}
.vo.r{grid-template-columns:minmax(0,1fr) 42cqw}
.vo.r .ph{order:2}
.vo .ph{position:relative;aspect-ratio:4/5;overflow:hidden}
.vo .ph .bgi{object-position:50% 22%}
.vo .tx{padding:0 5cqw;display:flex;flex-direction:column;gap:2.6cqw}
.vo q{quotes:none;font-family:var(--min);font-weight:700;font-size:4cqw;line-height:1.65;letter-spacing:0;display:block}
.vo q::before{content:"\201C";display:block;font-family:var(--lat);font-size:11cqw;line-height:.6;color:var(--gold);margin-bottom:1cqw}
.vo p{font-size:3.3cqw;line-height:1.75;color:#55504a}
.vo cite{font-style:normal;font-family:var(--min);font-weight:700;font-size:3.3cqw;letter-spacing:.06em}
.s07b .n1{padding:4cqw 6.4cqw 0}
.msg{padding:8cqw 6.4cqw 8cqw;display:flex;flex-direction:column}
.msg small{display:block;text-align:center;font-family:var(--lat);font-size:3.2cqw;letter-spacing:.22em;color:var(--gold-d);margin-bottom:4cqw}
.msg li{font-family:var(--min);font-weight:700;font-size:4.5cqw;line-height:1.7;text-align:center;padding:4.4cqw 0;border-top:1px solid var(--gold-l)}
.msg li:last-child{border-bottom:1px solid var(--gold-l)}

/* ───── 08 プロの現場・雑誌 ───── */
.s08 .hd .h{font-size:7.6cqw}
.pro{display:flex;flex-direction:column}
.pro figure{display:flex;flex-direction:column}
.pro .ph{position:relative;aspect-ratio:4/3;overflow:hidden}
.pro .ph img,.duo .a img{filter:brightness(1.12) contrast(.97) saturate(.92)}
.pro figcaption{padding:5cqw 6.4cqw 7cqw;display:flex;flex-direction:column;gap:3cqw}
.pro q{quotes:none;font-family:var(--min);font-weight:700;font-size:3.9cqw;line-height:1.9;letter-spacing:0;display:block;white-space:nowrap}
.pro cite{font-style:normal;font-size:3.2cqw;line-height:1.6;color:#55504a}
.pro cite b{display:block;font-family:var(--min);font-size:3.9cqw;color:var(--ink);letter-spacing:.06em}
.bist{background:var(--pearl);padding:8cqw 6.4cqw 9cqw;display:flex;flex-direction:column;gap:6cqw;align-items:center}
.bist .t{display:flex;align-items:baseline;gap:3cqw;font-family:var(--min);font-weight:700}
.bist .t b{font-size:10cqw;line-height:1;letter-spacing:.02em}
.bist .t span{font-size:4.6cqw;letter-spacing:.06em}
.bist .pics{display:grid;grid-template-columns:38cqw 44cqw;gap:5cqw;align-items:end;justify-content:center}
.bist .pics img{width:100%;height:auto;box-shadow:0 3cqw 7cqw -4cqw rgba(60,45,10,.6)}

/* ───── 09 作った理由 ───── */
.s09 .hd .h{font-size:6.9cqw;line-height:1.6;white-space:nowrap}
.duo{position:relative;padding-bottom:22cqw}
.duo .a{position:relative;aspect-ratio:1/1;overflow:hidden}
.duo .a .bgi{object-position:50% 38%}
.duo .b{position:absolute;right:6.4cqw;bottom:0;width:52cqw;aspect-ratio:496/392;overflow:hidden;border:1.4cqw solid #fff;box-shadow:0 4cqw 9cqw -5cqw rgba(60,45,10,.6)}
.duo .who{position:absolute;left:6.4cqw;bottom:1cqw;width:35cqw}
.duo .who small{display:block;font-size:2.8cqw;line-height:1.6;color:var(--sub);letter-spacing:.04em}
.duo .who b{display:block;font-family:var(--min);font-weight:700;font-size:5.6cqw;letter-spacing:.12em;margin-top:1cqw;white-space:nowrap}
.story{padding:7cqw 6.4cqw 10cqw;display:flex;flex-direction:column;gap:5cqw}
.story p{font-family:var(--min);font-weight:500;font-size:3.9cqw;line-height:2.05}
.story .ans{font-weight:700;font-size:6.4cqw;line-height:1.6;letter-spacing:.03em}
.sign{display:grid;grid-template-columns:44cqw minmax(0,1fr);align-items:end;background:var(--pearl);margin-top:6cqw}
.sign .ph{position:relative;aspect-ratio:3/4;overflow:hidden}
.sign .ph .bgi{object-position:50% 12%}
.sign .nm{padding:0 6.4cqw 8cqw 5cqw}
.sign small{display:block;font-size:2.9cqw;color:var(--sub);letter-spacing:.06em;line-height:1.7}
.sign .ig{display:flex;align-items:baseline;gap:2cqw;margin-top:2.4cqw;font-family:var(--lat);font-size:3.6cqw;letter-spacing:.08em;color:var(--sub)}
.sign .ig em{font-style:normal;font-family:var(--min);font-weight:800;font-size:8.4cqw;line-height:1;color:var(--gold-d);letter-spacing:0;font-variant-numeric:tabular-nums}
.sign .ig i{font-style:normal;font-size:3.6cqw;font-weight:700;margin-left:.4cqw}
.s07v .s07b{padding-bottom:6cqw}
.omoi{background:var(--pearl);padding:9cqw 6.4cqw 13cqw;display:flex;flex-direction:column;gap:3.4cqw;text-align:center}
.omoi p{font-family:var(--min);font-weight:500;font-size:3.8cqw;line-height:2}
.omoi .q{font-weight:700;font-size:7cqw;line-height:1.55;letter-spacing:.04em;padding-bottom:1.6cqw}
.sign b{display:block;font-family:var(--min);font-weight:700;font-size:6.4cqw;letter-spacing:.14em;margin-top:1cqw}

/* ───── 10 商品 ───── */
.s10 .hd{padding-bottom:7cqw}
.s10 .hd .h{font-size:8.6cqw}
.s10 .en{font-family:var(--lat);font-weight:600;font-size:4.2cqw;letter-spacing:.16em;color:var(--gold-d);line-height:1.4}
.prod{aspect-ratio:4/5;background:radial-gradient(64% 52% at 50% 40%,#ffffff 0,#f7f4ef 58%,#ece6dc 100%)}
.prod::before{content:"";position:absolute;left:0;right:0;bottom:0;height:17.5%;background:linear-gradient(to bottom,rgba(255,255,255,.0),rgba(255,255,255,.55));border-top:1px solid rgba(255,255,255,.7)}
.prod::after{content:"";position:absolute;left:50%;top:80.6%;width:36cqw;height:4cqw;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(60,40,10,.42),rgba(60,40,10,0));z-index:1}
.prod .btl{position:absolute;z-index:2;left:50%;top:1%;height:92%;width:auto;transform:translateX(-50%);mix-blend-mode:multiply;filter:var(--warm)}
.prod .ref{position:absolute;z-index:1;left:50%;top:71%;height:92%;width:auto;transform:translateX(-50%) scaleY(-1);mix-blend-mode:multiply;filter:var(--warm);opacity:.28;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 34%);mask-image:linear-gradient(to top,#000 10%,transparent 34%)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--pearl)}
.facts li{padding:6cqw 1cqw;text-align:center;border-left:1px solid rgba(169,132,51,.35);display:flex;flex-direction:column;gap:1cqw}
.facts li:first-child{border-left:0}
.facts b{font-family:var(--min);font-weight:700;font-size:5.6cqw;line-height:1.2}
.facts b i{font-style:normal;font-size:3.2cqw}
.facts span{font-size:2.9cqw;color:var(--sub)}

/* ───── 11 値段 ───── */
.s11{padding:0 0 10cqw;overflow:hidden}
.s11 .bg{position:absolute;right:-7cqw;top:5cqw;width:46cqw;aspect-ratio:700/1400;object-fit:cover;mix-blend-mode:multiply;filter:var(--warm)}
.s11 .inner{position:relative;z-index:2;padding:0 6.4cqw;display:flex;flex-direction:column;gap:5cqw}
.s11 .h{font-size:8.6cqw}
.s11 .nm{font-family:var(--min);font-weight:700;font-size:4.1cqw;line-height:1.7}
.s11 .nm small{display:block;font-weight:500;font-size:3.1cqw;color:var(--sub)}
/* 見本用：購入フォームの置き場所 */
.formph{background:var(--pearl);padding:0 0 12cqw;scroll-margin-top:2cqw}
.formph .fbox{margin:0 6.4cqw;border:1px dashed var(--gold);background:#fff;padding:9cqw 4cqw;display:flex;flex-direction:column;gap:2cqw;text-align:center}
.formph .fbox b{font-family:var(--min);font-weight:700;font-size:4.2cqw}
.formph .fbox span{font-size:3.2cqw;line-height:1.8;color:#55504a}
/* 商品の絵（新しい絵・黒い箱）。文字はWebの文字で左上に重ねる */
.pshot{position:relative;aspect-ratio:1122/1240;overflow:hidden;background:#efe9df}
.pshot .bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ptx{position:absolute;left:6.4cqw;top:6cqw;display:flex;flex-direction:column;gap:2.2cqw}
.ptx .lab{font-size:2.9cqw}
.ptx .h{font-size:7.6cqw;line-height:1.36;letter-spacing:.02em}
.ptx .en{font-family:var(--lat);font-weight:600;font-size:3.3cqw;letter-spacing:.1em;color:var(--gold-d);margin-top:3cqw}
.ptx .sp{font-family:var(--min);font-weight:500;font-size:3.4cqw;line-height:1.8}
/* 買う所：商品の絵（小さく）＋値段を1つに */
.s11 .hd{padding-bottom:5cqw}
.buy{display:flex;flex-direction:column;align-items:center;gap:3.4cqw;padding:8cqw 6.4cqw 9cqw;text-align:center}
.buy .shot{position:relative;width:68cqw;aspect-ratio:4/5}
.buy .shot img{width:100%;height:100%;object-fit:cover;display:block}
.buy .off{position:absolute;right:-8cqw;top:-3cqw;width:23cqw;height:23cqw;border-radius:50%;background:var(--btn);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--min);line-height:1;box-shadow:0 2.4cqw 6cqw -2.4cqw rgba(60,45,10,.65),inset 0 0 0 .5cqw rgba(255,255,255,.35)}
.buy .off i{font-style:normal;font-size:3.1cqw;font-weight:700;letter-spacing:.14em}
.buy .off b{font-size:9.4cqw;font-weight:800;letter-spacing:-.02em;margin:.8cqw 0 .4cqw;font-variant-numeric:tabular-nums}
.buy .off b small{font-size:4.6cqw}
.buy .off em{font-style:normal;font-family:var(--lat);font-size:3.6cqw;font-weight:600;letter-spacing:.16em}
.buy .nm{margin-top:1cqw}
.buy .permo{justify-content:center;margin-bottom:-2.6cqw}
.buy .price{justify-content:center}
.buy .paid{font-family:var(--min);font-weight:500;font-size:3.9cqw;line-height:1.7;color:var(--ink);margin-top:-1.2cqw;white-space:nowrap}
.buy .paid b{font-weight:800;font-size:4.8cqw;font-variant-numeric:tabular-nums}
.buy .stop{font-size:3.3cqw;line-height:1.8;color:#3d3833}
.buy .stop b{font-family:var(--min);font-weight:700;font-size:4cqw;color:var(--ink)}
.seals3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;width:100%;margin-top:1cqw}
.seals3 li{border:1px solid var(--gold);background:#fff;padding:2.8cqw .6cqw;font-family:var(--min);font-weight:700;font-size:3.4cqw;line-height:1.45;color:var(--ink)}
.seals3 li b{display:block;font-size:4.3cqw;color:var(--gold-d)}
.buy .cta{width:100%;box-sizing:border-box;margin-top:1.6cqw}
.s11 .inner .cta{margin-top:1cqw}
.was{font-size:3.3cqw;color:var(--sub)}
.was em{font-style:normal;font-family:var(--min);font-weight:700;font-size:3.5cqw;letter-spacing:.06em;color:#fff;background:var(--btn);border-radius:999px;padding:1cqw 3.6cqw;margin-top:2.2cqw;display:inline-block;white-space:nowrap}
.permo{display:flex;align-items:center;gap:2.4cqw;font-family:var(--min);font-weight:700;font-size:4.6cqw;letter-spacing:.06em;margin-bottom:-3cqw}
.permo span{font-size:3.5cqw;color:#fff;background:var(--btn);border-radius:999px;padding:1cqw 3.4cqw;letter-spacing:.1em}
.bill{font-family:var(--min);font-weight:500;font-size:3.8cqw;line-height:1.9;margin-top:-1.6cqw}
.bill b{font-weight:800;font-size:4.6cqw;font-variant-numeric:tabular-nums}
.keep{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1cqw 4cqw;border-block:1px solid var(--gold);padding:4.4cqw 2cqw}
.keep p{font-family:var(--min);font-weight:700;font-size:4.4cqw;line-height:1.5;letter-spacing:.04em}
.keep b{font-family:var(--min);font-weight:800;font-size:13cqw;line-height:1;color:var(--gold-d);font-variant-numeric:tabular-nums}
.keep b i{font-style:normal;font-size:5.6cqw;margin-left:.4cqw}
.keep small{grid-column:1/-1;font-size:2.7cqw;line-height:1.6;color:#55504a}
.next .nh{font-family:var(--min);font-weight:700;font-size:3.8cqw;padding-bottom:2cqw}
.next .nh small{display:block;font-family:var(--go);font-weight:400;font-size:3.1cqw;color:#55504a;margin-top:.6cqw}
.next dl{display:flex;flex-direction:column;margin:0}
.next dl div{display:grid;grid-template-columns:20cqw minmax(0,1fr);align-items:baseline;gap:2cqw;padding:2.6cqw 0;border-top:1px solid var(--hair)}
.next dt{font-family:var(--min);font-weight:700;font-size:3.7cqw}
.next dd{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 2cqw}
.next dd i{font-style:normal;font-size:3.1cqw;color:var(--sub)}
.next dd b{font-family:var(--min);font-weight:800;font-size:5.4cqw;font-variant-numeric:tabular-nums}
.next dd small{flex-basis:100%;font-size:3.4cqw;color:var(--ink);font-variant-numeric:tabular-nums}
.next .nn{font-size:3.1cqw;line-height:1.8;color:#55504a;padding-top:3cqw;border-top:1px solid var(--hair)}
.paynow{display:block;font-family:var(--min);font-weight:700;font-size:3.9cqw;text-align:center;line-height:1.7}
.paynow b{font-weight:800;font-size:5.6cqw;font-variant-numeric:tabular-nums}
.paynow small{display:block;font-family:var(--go);font-weight:400;font-size:3cqw;color:#55504a}
.was s{font-family:var(--min);font-size:4.6cqw;margin-left:1.6cqw}
.price{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:2cqw;margin-top:-1cqw}
.price b{margin-left:-.6cqw}
.price .chip{width:14cqw;height:14cqw;border-radius:50%;background:var(--btn);color:#fff;font-family:var(--min);font-weight:700;font-size:3.5cqw;line-height:1.3;display:flex;align-items:center;justify-content:center;text-align:center;flex:none;margin-bottom:2.6cqw}
.price b{font-family:var(--min);font-weight:800;font-size:19cqw;line-height:1.05;white-space:nowrap;padding-right:.6cqw;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.price > span:last-child{font-family:var(--min);font-weight:700;font-size:5.4cqw;line-height:1.3;margin-bottom:2.4cqw;white-space:nowrap}
.price > span:last-child small{font-size:2.9cqw;font-weight:500}
.per{font-family:var(--min);font-weight:700;font-size:3.8cqw;line-height:1.6;margin-top:-2cqw}
.per b{font-size:5.6cqw;color:var(--gold-d)}
.chips{display:flex;flex-wrap:wrap;gap:2cqw}
.chips li{font-size:3.2cqw;border:1px solid var(--gold);color:var(--gold-d);padding:1cqw 3.4cqw;font-weight:700;letter-spacing:.04em;background:#fff}
.with{font-size:3.2cqw;color:#55504a;letter-spacing:.04em;margin-top:-1.2cqw}
.incl{background:var(--pearl);padding:6.4cqw 5.4cqw 4cqw;display:flex;flex-direction:column;gap:2cqw}
.incl > b{font-family:var(--min);font-weight:700;font-size:4.8cqw;text-align:center;letter-spacing:.1em;padding-bottom:2.4cqw}
.incl ul{display:flex;flex-direction:column}
.incl li{display:grid;grid-template-columns:9cqw minmax(0,1fr);align-items:start;padding:3.2cqw 0;border-top:1px solid var(--gold-l);font-size:3.3cqw;line-height:1.6;color:#55504a;text-align:left}
.incl li::before{content:"";width:5.4cqw;height:5.4cqw;margin-top:.9cqw;border-radius:50%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTUgMTIuNWw0LjUgNC41TDE5IDcuNScgZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmJyBzdHJva2Utd2lkdGg9JzMnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPg==) center/62% no-repeat,var(--btn)}
.incl li em{display:block;font-style:normal;font-family:var(--min);font-weight:700;font-size:4.4cqw;line-height:1.5;color:var(--ink);letter-spacing:.03em}
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.4cqw}
.flow li{position:relative;border:1px solid var(--gold-l);background:#fff;text-align:center;padding:0 0 3cqw;display:flex;flex-direction:column;gap:2.2cqw}
.flow li + li::before{content:"";position:absolute;left:-2.9cqw;top:50%;border-left:1.8cqw solid var(--gold);border-top:1.4cqw solid transparent;border-bottom:1.4cqw solid transparent;transform:translateY(-50%)}
.flow small{display:block;background:var(--pearl);font-size:3cqw;font-weight:700;padding:1.6cqw 0;letter-spacing:.06em}
.flow li:first-child small{background:var(--btn);color:#fff}
.flow b{font-family:var(--min);font-weight:700;font-size:5.2cqw;font-variant-numeric:tabular-nums}
.flow b i{font-style:normal;font-size:3cqw}
.flow span{font-size:2.4cqw;color:var(--sub);margin-top:-1.6cqw}
.cond{font-size:3.7cqw;line-height:1.9}
.cond b{font-family:var(--min);font-size:4.4cqw}
.gua{display:grid;grid-template-columns:26cqw minmax(0,1fr);gap:4.4cqw;align-items:center;background:var(--pearl);padding:5cqw}
.gua .seal{aspect-ratio:1/1;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--gold),inset 0 0 0 1.2cqw #fff,inset 0 0 0 calc(1.2cqw + 1px) rgba(169,132,51,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--min);font-weight:700;font-size:3.5cqw;line-height:1.3;text-align:center}
.gua .seal b{font-size:8cqw;line-height:1;color:var(--gold-d)}
.gua .seal b i{font-style:normal;font-size:3.6cqw}
.gua p{font-family:var(--min);font-weight:700;font-size:4cqw;line-height:1.7}
.gua details{margin-top:2cqw}
.gua summary{font-size:3.1cqw;color:var(--gold-d);text-decoration:underline;text-underline-offset:.25em;cursor:pointer;list-style:none}
.gua summary::-webkit-details-marker{display:none}
.gua details p{font-family:var(--go);font-weight:400;font-size:2.95cqw;line-height:1.8;margin-top:2cqw}

/* ───── 12 よくある質問・最後 ───── */
.faq{background:var(--pearl);padding:0 6.4cqw 9cqw}
.faq details{border-top:1px solid var(--gold-l)}
.faq details:last-child{border-bottom:1px solid var(--gold-l)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:7cqw minmax(0,1fr) 5cqw;gap:2cqw;align-items:baseline;padding:4.6cqw 0;font-family:var(--min);font-weight:700;font-size:3.6cqw;line-height:1.6;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q.";font-family:var(--lat);font-style:italic;font-size:5.4cqw;color:var(--gold);line-height:1}
.faq summary::after{content:"+";font-family:var(--lat);font-size:6cqw;color:var(--gold-d);line-height:1;text-align:right}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 0 5cqw 9cqw;font-size:3.75cqw;line-height:1.9}
.fin{position:relative;aspect-ratio:1080/1920;overflow:hidden;background:#f1efed}
.fin .bgi{object-position:50% 0}
.fin::before{content:"";position:absolute;z-index:1;inset:0 0 auto 0;height:50cqw;background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,0))}
.fin::after{content:"";position:absolute;inset:auto 0 0 0;height:96cqw;background:linear-gradient(to top,#fff 0,#fff 52%,rgba(255,255,255,.92) 66%,rgba(255,255,255,0) 100%)}
.fin .top{position:absolute;z-index:2;left:0;right:0;top:8cqw;text-align:center}
.fin .top .h{font-size:7cqw;line-height:1.6}
.fin .bot{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 6.4cqw 8cqw;display:flex;flex-direction:column;gap:3.4cqw;text-align:center;align-items:center}
.fin .bot p{font-family:var(--min);font-weight:500;font-size:3.8cqw;line-height:1.9}
.fin .bot .cta{width:100%;box-sizing:border-box}
.fin .bot .as{font-family:var(--go);font-size:3.1cqw;color:#55504a;letter-spacing:.02em}

/* 下に付いてくるボタン */
.bar{position:sticky;bottom:0;z-index:9;padding:2.2cqw 4.4cqw calc(2.2cqw + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--hair);transform:translateY(110%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.bar.on{transform:none;opacity:1;visibility:visible;pointer-events:auto}
.bar{opacity:0;visibility:hidden;pointer-events:none;margin-top:-18.6cqw}
.bar a,.cta2{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;background:var(--btn);color:#fff;border-radius:999px;text-decoration:none;box-shadow:0 2.4cqw 5cqw -2.4cqw rgba(120,90,20,.7);box-sizing:border-box}
.bar a{padding:1.7cqw 4.4cqw 1.9cqw 5.4cqw}
.cta2{width:100%;padding:2.8cqw 5cqw 3cqw 5.6cqw}
.bar a .l,.cta2 .l{display:flex;flex-direction:column;align-items:center;gap:.2cqw;padding-right:3.4cqw;border-right:1px solid rgba(255,255,255,.5)}
.bar a .l small,.cta2 .l small{font-size:2.6cqw;line-height:1.3;letter-spacing:.04em;white-space:nowrap}
.bar a .l b,.cta2 .l b{font-family:var(--min);font-weight:700;font-size:3.6cqw;line-height:1.05;white-space:nowrap}
.bar a .l b i,.cta2 .l b i{font-style:normal;font-size:6.6cqw;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums;margin-right:.4cqw}
.bar a .r,.cta2 .r{display:flex;flex-direction:column;align-items:center;gap:.5cqw;min-width:0;padding-left:2.6cqw;text-align:center}
.bar a .r strong,.cta2 .r strong{font-family:var(--min);font-weight:700;font-size:4.2cqw;line-height:1.3;letter-spacing:.02em;white-space:nowrap}
.bar a .r small,.cta2 .r small{font-size:2.5cqw;line-height:1.3;letter-spacing:0;opacity:.95;white-space:nowrap}
.cta2 .l b i{font-size:6.8cqw}
.cta2 .r strong{font-size:4.05cqw}
.cta2 .r small{font-size:2.55cqw}
/* 全部のボタン：ゆっくり大きさが動き、光がよこぎる（下に付いてくるボタンは、動きを小さく） */
.cta,.cta2,.bar a{position:relative;overflow:hidden;animation:ctaPulse 2.2s ease-in-out infinite}
.bar a{animation-name:ctaPulseS}
.cta::after,.cta2::after,.bar a::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-45%;width:32%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:skewX(-22deg);animation:ctaShine 2.8s ease-in-out infinite;pointer-events:none}
@keyframes ctaPulse{0%,100%{transform:scale(1);box-shadow:0 2.4cqw 5cqw -2.4cqw rgba(120,90,20,.7)}50%{transform:scale(1.035);box-shadow:0 3cqw 7cqw -2cqw rgba(160,120,30,.85),0 0 4cqw rgba(214,178,94,.55)}}
@keyframes ctaPulseS{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
@keyframes ctaShine{0%{left:-45%}60%,100%{left:125%}}

.js .rv{opacity:0;transform:translateY(4cqw)}
.js .rv.is-in{opacity:1;transform:none;transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
/* 端末の「視差効果を減らす」がオンの方（iPhone：設定→アクセシビリティ→動作）。
   止めるもの＝大きく動くもの（下から出てくる動き・写真のゆっくりした拡大・切りかえの動き）。
   動かすもの＝その場で小さく動くだけのもの（ボタンの動きと光・顔の点・ベールの図）。
   10/13 中村さんのiPhone 16（この設定がオン）で、ボタンもベールの図も止まって見えた → 中村さんの決定で、この3つは動かす */
@media (prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after{animation:none !important;transition:none !important}
  .js .rv{opacity:1;transform:none}
  .bar{transform:none}
  .lp .cta,.lp .cta2{animation:ctaPulse 2.2s ease-in-out infinite !important}
  .lp .bar a{animation:ctaPulseS 2.2s ease-in-out infinite !important}
  .lp .cta::after,.lp .cta2::after,.lp .bar a::after{animation:ctaShine 2.8s ease-in-out infinite !important}
  .lp .fm-face button i::before{animation:fmp 2.6s ease-out infinite !important}
  .lp .fm-face button.on i::before{animation:none !important}
}

/* ── 案：リフトベールの説明（1画面目のすぐ下）。写真と図を1つのかたまりに（10/13「長くて見るのが辛い」） ── */
.sveil{background:var(--pearl)}
.sveil .hd{padding:8cqw 6.4cqw 5cqw;gap:1.6cqw;background:#fff}
.sveil .q{font-family:var(--min);font-weight:700;font-size:4.4cqw;letter-spacing:.08em;color:var(--sub)}
.sveil .h{font-size:7.8cqw;white-space:nowrap}
.vph{aspect-ratio:10/8.2}
.vph .bgi{object-position:50% 30%}
.vph::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 56%)}
.vph .cap{position:absolute;z-index:2;left:6.4cqw;top:6cqw}
.vph .cap b{display:block;font-family:var(--min);font-weight:700;font-size:5.7cqw;line-height:1.56;letter-spacing:.03em}
.vph .cap sup{font-size:.42em;font-weight:500;vertical-align:1em;margin-left:.2em}
.vd{position:relative;z-index:3;margin:-15cqw 5cqw 0;padding:3.6cqw 3.6cqw 3cqw;background:rgba(255,255,255,.97);border-radius:3cqw;box-shadow:0 3cqw 7cqw -4cqw rgba(90,70,20,.55),0 0 0 1px rgba(169,132,51,.25)}
/* 動く図：塗る前（折りたたまれた肌）→ 塗る（ベールが広がる）→ ピンッと張る（外へ引かれて、折り目が浅くなる）。6秒でひとまわり。見えている間だけ動く */
.va{position:relative}
.va svg{display:block;width:100%;height:auto;border-radius:1.8cqw;box-shadow:0 0 0 1px var(--hair)}
.va{--vt:6.6s}
.va .v-folds{transform-box:view-box;transform-origin:0 62px;animation:vFold var(--vt) infinite both}
.va .v-veil{transform-box:view-box;transform-origin:0 57px;animation:vVeil var(--vt) infinite both}
.va .v-bead{animation:vBead var(--vt) infinite both}
.va .v-shine{animation:vShine var(--vt) infinite both}
.va .v-arl{animation:vArl var(--vt) infinite both}
.va .v-arr{animation:vArr var(--vt) infinite both}
.va .v-wipe{animation:vWipe var(--vt) infinite both}
.va .v-pin{position:absolute;left:50%;top:0;margin-top:5.6%;transform:translateX(-50%);font-family:var(--min);font-weight:800;font-size:5cqw;line-height:1;letter-spacing:.06em;color:var(--gold-d);animation:vPin var(--vt) infinite both}
.va ol{display:flex;justify-content:center;align-items:center;gap:2.2cqw;margin-top:2.6cqw;font-family:var(--min);font-weight:700;font-size:3.3cqw;letter-spacing:.04em;line-height:1.2}
.va ol li{color:#b9b2a8;padding:1.3cqw 2.6cqw;border-radius:99px;white-space:nowrap}
.va ol li + li{position:relative;margin-left:3cqw}
.va ol li + li::before{content:"";position:absolute;left:-3.9cqw;top:50%;margin-top:-1.3cqw;border-left:1.9cqw solid var(--gold);border-top:1.3cqw solid transparent;border-bottom:1.3cqw solid transparent;opacity:.7}
.va ol li:nth-child(1){animation:vS1 var(--vt) infinite both}
.va ol li:nth-child(2){animation:vS2 var(--vt) infinite both}
.va ol li:nth-child(3){animation:vS3 var(--vt) infinite both}
.vd:not(.is-in) .va *{animation-play-state:paused}
/* 0〜14% 塗る前 ／ 14〜32% ベールが広がる ／ 38〜50% 外へ引かれてピンッ ／ 〜92% そのまま ／ 92〜100% 白くして最初へ（折り目が戻る所は見せない） */
@keyframes vWipe{0%{opacity:1}5%,92%{opacity:0}96%,100%{opacity:1}}
@keyframes vVeil{0%,14%{transform:scaleX(0)}32%,97%{transform:scaleX(1)}97.01%,100%{transform:scaleX(0)}}
@keyframes vBead{0%,13%{transform:translateX(0);opacity:0}15%{transform:translateX(8px);opacity:1}32%{transform:translateX(338px);opacity:1}34%,100%{transform:translateX(338px);opacity:0}}
@keyframes vFold{0%,38%{transform:scaleY(1)}45%{transform:scaleY(.03)}48.5%{transform:scaleY(.2)}52%,97%{transform:scaleY(.13)}97.01%,100%{transform:scaleY(1)}}
@keyframes vArl{0%,37%{opacity:0;transform:translateX(16px)}45%{opacity:1;transform:translateX(-4px)}50%,97%{opacity:1;transform:translateX(0)}97.01%,100%{opacity:0;transform:translateX(16px)}}
@keyframes vArr{0%,37%{opacity:0;transform:translateX(-16px)}45%{opacity:1;transform:translateX(4px)}50%,97%{opacity:1;transform:translateX(0)}97.01%,100%{opacity:0;transform:translateX(-16px)}}
@keyframes vShine{0%,50%{transform:translateX(0);opacity:0}52%{opacity:1}68%{transform:translateX(430px);opacity:1}70%,100%{transform:translateX(430px);opacity:0}}
@keyframes vPin{0%,39%{opacity:0;transform:translateX(-50%) scale(.5)}45%{opacity:1;transform:translateX(-50%) scale(1.22)}51%,92%{opacity:1;transform:translateX(-50%) scale(1)}96%,100%{opacity:0;transform:translateX(-50%) scale(1)}}
@keyframes vS1{0%,13%{color:#fff;background:var(--gold)}16%,95%{color:#b9b2a8;background:transparent}98%,100%{color:#fff;background:var(--gold)}}
@keyframes vS2{0%,13%{color:#b9b2a8;background:transparent}16%,36%{color:#fff;background:var(--gold)}39%,100%{color:#b9b2a8;background:transparent}}
@keyframes vS3{0%,36%{color:#b9b2a8;background:transparent}39%,93%{color:#fff;background:var(--gold)}96%,100%{color:#b9b2a8;background:transparent}}
/* 「視差効果を減らす」がオンの方にも、この図は動かす（上のまとめの決まりより強く書く） */
@media (prefers-reduced-motion:reduce){
  .lp .va .v-folds{animation:vFold var(--vt) infinite both !important}
  .lp .va .v-veil{animation:vVeil var(--vt) infinite both !important}
  .lp .va .v-bead{animation:vBead var(--vt) infinite both !important}
  .lp .va .v-shine{animation:vShine var(--vt) infinite both !important}
  .lp .va .v-arl{animation:vArl var(--vt) infinite both !important}
  .lp .va .v-arr{animation:vArr var(--vt) infinite both !important}
  .lp .va .v-wipe{animation:vWipe var(--vt) infinite both !important}
  .lp .va .v-pin{animation:vPin var(--vt) infinite both !important}
  .lp .va ol li:nth-child(1){animation:vS1 var(--vt) infinite both !important}
  .lp .va ol li:nth-child(2){animation:vS2 var(--vt) infinite both !important}
  .lp .va ol li:nth-child(3){animation:vS3 var(--vt) infinite both !important}
}
.vsum{padding:7cqw 6.4cqw 3cqw;display:flex;flex-direction:column;align-items:center;gap:1cqw;text-align:center}
.vsum p{font-family:var(--min);font-weight:700;font-size:5.2cqw;line-height:1.6;letter-spacing:.03em}
.vsum p b{color:var(--gold-d);font-weight:800}
.vsum small{font-family:var(--go);font-size:2.8cqw;color:var(--sub);margin-top:1.6cqw;letter-spacing:.04em}
.vnote{font-family:var(--go);font-weight:400;font-size:2.3cqw;line-height:1.6;color:#6a645b;text-align:right;padding:0 4cqw 4cqw}
.sveil + .s02 .hd{padding-top:9cqw}

/* ── ecforce 用：お申し込みの見出しと、購入フォームの置き場 ── */
.formhd{background:var(--pearl);scroll-margin-top:2cqw}
.formhd .hd{padding-bottom:7cqw}
.mov16 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mov16{background:#e9e6e1 url(https://d2w53g1q050m78.cloudfront.net/lujucojp/uploads/lp1014/movie1d_poster.webp) center/cover no-repeat}
#mposter{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;display:block;color:var(--ink)}
.mvid{background:#f1ebe0}
.mvid iframe{background:#111}
#mposter .cv{position:absolute;left:0;top:0;bottom:0;width:46%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw;text-align:center}
#mposter .cv b{font-family:var(--min);font-weight:700;font-size:6cqw;line-height:1.4;letter-spacing:.04em}
#mposter .cv u{text-decoration:none;display:inline-flex;align-items:center;gap:1.8cqw;font-family:var(--go);font-weight:700;font-size:3.1cqw;letter-spacing:.08em;color:#fff;background:linear-gradient(180deg,#c9a655 0%,#a98433 55%,#8f6f25 100%);border-radius:99px;padding:1.9cqw 4.4cqw 1.9cqw 3.6cqw;box-shadow:0 1.6cqw 3.4cqw -1.6cqw rgba(110,82,20,.7)}
#mposter .cv u s{display:block;border-left:2.4cqw solid #fff;border-top:1.5cqw solid transparent;border-bottom:1.5cqw solid transparent}
.lpform{max-width:430px;margin:0 auto;background:#fff;padding:0 0 48px;overflow:hidden}
/* 購入フォームの見出しと項目名の色を、LPの色（金・真珠色）に合わせる。入力欄・ボタン・必須の印は ecforce のまま */
#lp-form .landing_form_label_sp_ec{background:linear-gradient(180deg,#c9a655 0%,#a98433 55%,#8f6f25 100%);color:#fff;letter-spacing:.06em}
#lp-form .form_box_label_sp_ec{background:#f6f3ee;border-top:1px solid #e4ddd0;border-bottom:1px solid #e4ddd0}
/* ── PCで開いたとき：ecforce はPC用のフォーム（横940px）を出す。LPと同じ幅の中に、たて並びで収める ── */
.lpform .form_container_ec{width:auto;max-width:100%;box-sizing:border-box}
.lpform .form_container_ec table.landing_form_ec{display:block;width:auto;margin:0 14px;border:0;background:none}
.lpform .form_container_ec table.landing_form_ec > tbody,.lpform .form_container_ec table.landing_form_ec > tbody > tr{display:block;width:auto}
.lpform .form_container_ec .landing_form_ec th,.lpform .form_container_ec .landing_form_ec td{display:block;width:auto;max-width:none;box-sizing:border-box;border:0}
.lpform .form_container_ec .landing_form_ec th{background:#f6f3ee;border-top:1px solid #e4ddd0;border-bottom:1px solid #e4ddd0;padding:10px 12px;text-align:left}
.lpform .form_container_ec .landing_form_ec td{padding:12px 4px 18px;background:#fff}
.lpform .form_container_ec .landing_form_ec td input[type=text],.lpform .form_container_ec .landing_form_ec td input[type=tel],.lpform .form_container_ec .landing_form_ec td input[type=email],.lpform .form_container_ec .landing_form_ec td input[type=password],.lpform .form_container_ec .landing_form_ec td textarea{max-width:100%;box-sizing:border-box}
.lpform .form_container_ec .landing_form_ec td select{max-width:100%}
.lpform .form_container_ec .landing_form_label_ec{background:linear-gradient(180deg,#c9a655 0%,#a98433 55%,#8f6f25 100%);color:#fff;letter-spacing:.06em;width:auto;box-sizing:border-box}
.lpform .form_container_ec span.form_required_ec{float:none;display:inline-block;margin-left:8px}
.lpform .form_container_ec .login_message_box_ec,.lpform .form_container_ec .free_columns-section_ec .category-caption-wrapper{width:auto;max-width:100%;box-sizing:border-box}
.lpform .form_container_ec .wallet_widget_wrapper_ec,.lpform .form_container_ec .consent_widget_wrapper_ec,.lpform .form_container_ec .consent_wrapper_ec{width:auto;max-width:100%;box-sizing:border-box}
.lpform .form_container_ec .submit_button_complete_ec,.lpform .form_container_ec .submit_bottom_ec,.lpform .form_container_ec .login_button_ec{max-width:100%}
.lpform .form_container_ec .form_main_container_ec .formError{max-width:92%}
.lpform .form_container_ec img{max-width:100%;height:auto}
.lpform .form_container_ec .amazon_pay_title_ec{font-size:21px;white-space:normal;line-height:1.4;padding:0 8px;box-sizing:border-box}
/* 注文ボタンを押したあとの「送信しています」の札（SENDING_TIP=1 の台本が出す。さわれない・白地に金） */
#luju-sending{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2147483000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 28px);box-sizing:border-box;padding:13px 20px 13px 16px;border-radius:16px;background:#fff;color:#1b1917;border:1px solid #d8c48a;box-shadow:0 14px 34px -10px rgba(90,70,20,.45);font:700 15px/1.5 "Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;pointer-events:none;white-space:nowrap}
#luju-sending[hidden]{display:none}
#luju-sending i{flex:none;width:22px;height:22px;border-radius:50%;border:3px solid #efe3c0;border-top-color:#a98433;animation:lujuSpin .8s linear infinite}
#luju-sending small{display:block;font-weight:500;font-size:11.5px;color:#5c5750}
@keyframes lujuSpin{to{transform:rotate(360deg)}}
.luju-sending #new-view [type=submit]{opacity:.55}