@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
/* ====================================================
	フォント
==================================================== */
/* ====================================================
	breakpoint
==================================================== */
html {
  overflow-y: scroll;
  font-size: 62.5%;
  background-color: #324b6e;
}
html a:hover {
  transition: 0.5s;
}
@media screen and (max-width: 640px) {
  html {
    font-size: 1.56vw;
  }
}

body {
  overflow: hidden;
  background-color: #F4EBDB;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

#lp-form * {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 500;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

[class^=is-hover],
.submit_bottom_ec,
.btn_default_ec {
  transition: all 0.3s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .is-hover09:hover {
    opacity: 0.9;
  }
  .is-hover08:hover,
  .submit_bottom_ec:hover,
  .btn_default_ec:hover {
    opacity: 0.8;
  }
  .is-hover06:hover {
    opacity: 0.65;
  }
}
.wrap ul,
#footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wrap p,
#footer p {
  margin: 0;
}

.main {
  max-width: 620px;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .main {
    max-width: 64.1rem;
  }
}

#lp-form {
  background-color: #fff;
}

/* ====================================================
	footer
==================================================== */
#footer {
  background-color: #D5D5D5;
  padding: 0 2rem;
}
#footer .footerInner {
  max-width: 85.2rem;
  width: 100%;
  margin: auto;
  padding: 1.7rem 0 1.4rem;
}
@media screen and (max-width: 640px) {
  #footer .footerInner {
    padding: 2rem 0 2.1rem;
  }
}
#footer .lowerPage_links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
#footer .lowerPage_links a {
  text-decoration: none;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 500;
  color: #626262;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 640px) {
  #footer .lowerPage_links a {
    font-size: 1.5rem;
  }
}
#footer .copy {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-weight: 500;
  color: #626262;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  margin-top: 0.4rem;
}
@media screen and (max-width: 640px) {
  #footer .copy {
    margin-top: 0.9rem;
  }
}

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

/* ====================================================
	フォーム
	pcはform_container_ec
	spはform_container_sp_ec
==================================================== */
.form_container_ec {
  max-width: 852px !important;
  width: auto !important;
  /* ----------------------------------------------------
  	クレジットカードやお届け日のテーブル
  ---------------------------------------------------- */
}
.form_container_ec .login_message_box_ec {
  width: initial;
}
.form_container_ec .purchase_message_ec {
  text-align: center;
}
.form_container_ec .landing_form_ec {
  width: 100%;
}
.form_container_ec .landing_form_ec th {
  width: 233px;
  min-width: 233px;
}
@media screen and (max-width: 640px) {
  .form_container_ec .landing_form_ec th {
    width: calc(100% - 22px);
  }
}
@media screen and (max-width: 640px) {
  .form_container_ec .landing_form_ec td {
    width: calc(100% - 10px);
  }
}
@media screen and (max-width: 640px) {
  .form_container_ec .landing_form_ec td .form_group_ec {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
}
@media screen and (max-width: 640px) {
  .form_container_ec .landing_form_ec tr > * {
    display: block;
    min-width: auto;
  }
}
@media screen and (max-width: 640px) {
  .form_container_ec .landing_form_ec div.form_group_ec > * {
    margin-left: initial;
  }
}
@media screen and (max-width: 640px) {
  .form_container_ec .landing_form_ec span.form_required_ec {
    float: initial !important;
  }
}
.form_container_ec #preview-view .landing_form_ec th {
  width: initial;
  min-width: initial;
}
@media screen and (max-width: 640px) {
  .form_container_ec #preview-view .landing_form_ec tr > * {
    display: table-cell;
  }
}
.form_container_ec .agreement_view_ec {
  margin-right: 4%;
}
.form_container_ec #view-payment-information .landing_form_ec,
.form_container_ec #container_scheduled_delivery_dates .landing_form_ec {
  border-bottom: 0;
}
.form_container_ec #view-credit-card-information .landing_form_ec {
  border-top: 0;
}

#lp-form.form_container_sp_ec {
  /*---------- ご注文内容の確認 ----------*/
}
#lp-form.form_container_sp_ec .form_group_sp_ec {
  padding-bottom: 15px;
}
#lp-form.form_container_sp_ec #scheduled_1st_delivery_date_text {
  margin-top: 10px;
}
#lp-form.form_container_sp_ec #preview-view {
  margin-top: 20px;
}
#lp-form.form_container_sp_ec #preview-view .landing_form_sp_ec tr > * {
  text-align: center;
}

/* ====================================================
	確認画面
==================================================== */
#confirm-view .form_confirm_ec {
  max-width: 800px;
  width: auto;
}

/* ====================================================
	完了画面
==================================================== */
#perform-view .form_confirm_ec {
  max-width: 800px;
  width: auto;
}/*# sourceMappingURL=common.css.map */