@charset "UTF-8";
html {
  scroll-padding-top: 143px;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 117px;
  }
}

.lp-content {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  position: relative;
}
.lp-content html, .lp-content body, .lp-content div, .lp-content span, .lp-content applet, .lp-content object, .lp-content iframe,
.lp-content h1, .lp-content h2, .lp-content h3, .lp-content h4, .lp-content h5, .lp-content h6, .lp-content p, .lp-content blockquote, .lp-content pre,
.lp-content a, .lp-content abbr, .lp-content acronym, .lp-content address, .lp-content big, .lp-content cite, .lp-content code,
.lp-content del, .lp-content dfn, .lp-content em, .lp-content img, .lp-content ins, .lp-content kbd, .lp-content q, .lp-content s, .lp-content samp,
.lp-content small, .lp-content strike, .lp-content strong, .lp-content sub, .lp-content sup, .lp-content tt, .lp-content var,
.lp-content b, .lp-content u, .lp-content i, .lp-content center,
.lp-content dl, .lp-content dt, .lp-content dd, .lp-content ol, .lp-content ul, .lp-content li,
.lp-content fieldset, .lp-content form, .lp-content label, .lp-content legend,
.lp-content table, .lp-content caption, .lp-content tbody, .lp-content tfoot, .lp-content thead, .lp-content tr, .lp-content th, .lp-content td,
.lp-content article, .lp-content aside, .lp-content canvas, .lp-content details, .lp-content embed,
.lp-content figure, .lp-content figcaption, .lp-content footer, .lp-content header, .lp-content hgroup,
.lp-content menu, .lp-content nav, .lp-content output, .lp-content ruby, .lp-content section, .lp-content summary,
.lp-content time, .lp-content mark, .lp-content audio, .lp-content video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.lp-content article, .lp-content aside, .lp-content details, .lp-content figcaption, .lp-content figure,
.lp-content footer, .lp-content header, .lp-content hgroup, .lp-content menu, .lp-content nav, .lp-content section {
  display: block;
}
.lp-content body {
  line-height: 1;
}
.lp-content ol, .lp-content ul {
  list-style: none;
}
.lp-content blockquote, .lp-content q {
  quotes: none;
}
.lp-content blockquote:before, .lp-content blockquote:after,
.lp-content q:before, .lp-content q:after {
  content: "";
  content: none;
}
.lp-content table {
  border-collapse: collapse;
  border-spacing: 0;
}
.lp-content input, .lp-content button, .lp-content textarea, .lp-content select, .lp-content option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
.lp-content input::-ms-clear {
  display: none;
}
.lp-content input::-ms-reveal {
  display: none;
}
.lp-content h2, .lp-content h3, .lp-content h4, .lp-content h5, .lp-content h6, .lp-content p, .lp-content li, .lp-content span, .lp-content a, .lp-content div {
  letter-spacing: normal;
}
.lp-content sup {
  font-size: 0.6em;
  top: -0.5em;
}
.lp-content img {
  display: block;
  width: 100%;
}
.lp-content ul li {
  list-style-type: none;
}
.lp-content .optima {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (max-width: 767px) {
  .lp-content .lp-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .lp-content .lp-sp {
    display: none !important;
  }
}
.lp-content .lp-container {
  position: relative;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
.lp-content .mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.lp-content .fs60p {
  font-size: 60%;
}
.lp-content .fs70p {
  font-size: 70%;
}
.lp-content .fs80p {
  font-size: 80%;
}
.lp-content .fs110p {
  font-size: 110%;
}
.lp-content .fs120p {
  font-size: 120%;
}
.lp-content .fs130p {
  font-size: 130%;
}
.lp-content #BB_Look1 {
  background-image: url("/media/export/cms_2.0/LP/holiday-2025-look/20251017/look01_bg.jpg");
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .lp-content #BB_Look1 {
    background-image: url("/media/export/cms_2.0/LP/holiday-2025-look/20251017/look01_bg_sp.jpg");
  }
}
.lp-content #BB_Look2 {
  background-image: url("/media/export/cms_2.0/LP/holiday-2025-look/20251017/look02_bg.jpg");
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .lp-content #BB_Look2 {
    background-image: url("/media/export/cms_2.0/LP/holiday-2025-look/20251017/look02_bg_sp.jpg");
  }
}
@media screen and (min-width: 768px) {
  .lp-content #BB_Look2 .lp-look_head {
    grid-template-columns: auto calc(clamp(0px, 32.9428989751vw, 450px) * 1);
  }
  .lp-content #BB_Look2 .lp-look_head .lp-look_image {
    order: 2;
  }
}
.lp-content #BB_Look2 .lp-look_head .lp-look_image p {
  color: #040a2b;
}
.lp-content .lp-look_line {
  width: 100%;
  height: 2px;
  background-image: linear-gradient(0deg, #c59843 20%, #caa358 40%, #dfc496 60%, #f0e6ca 80%, #dabf8a 100%);
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look_line {
    height: calc(clamp(0px, 0.2666666667vw, 0.2666666667vw) * 1);
  }
}
.lp-content .lp-look {
  max-width: 1000px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look {
    padding-block: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look {
    padding-block: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-inline: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
.lp-content .lp-look .lp-look_head {
  color: #ffdea1;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  display: grid;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_head {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    line-height: 1.3;
    grid-template-columns: calc(clamp(0px, 32.9428989751vw, 450px) * 1) auto;
    gap: calc(clamp(0px, 4.7584187408vw, 65px) * 1);
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_head {
    font-size: calc(clamp(0px, 8vw, 8vw) * 1);
    line-height: 1.3;
    gap: calc(clamp(0px, 4vw, 4vw) * 1);
    text-align: center;
  }
}
.lp-content .lp-look .lp-look_head .lp-look_image {
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_head .lp-look_image {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin: auto;
  }
}
.lp-content .lp-look .lp-look_head .lp-look_image p {
  text-align: start;
  position: absolute;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_head .lp-look_image p {
    bottom: calc(clamp(0px, 0.9150805271vw, 12.5px) * 1);
    left: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 0.7686676428vw, 10.5px) * 1);
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_head .lp-look_image p {
    bottom: calc(clamp(0px, 1.8666666667vw, 1.8666666667vw) * 1);
    left: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_head .lp-look_head_title .optima {
    font-size: calc(clamp(0px, 2.635431918vw, 36px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_head .lp-look_head_title .optima {
    font-size: calc(clamp(0px, 7.2vw, 7.2vw) * 1);
    display: inline-block;
    margin-bottom: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
  }
}
.lp-content .lp-look .lp-look_head .lp-look_head_text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_head .lp-look_head_text {
    font-size: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_head .lp-look_head_text {
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section {
    margin-top: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
    width: calc(clamp(0px, 73.2064421669vw, 1000px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section {
    margin-top: calc(clamp(0px, 11.3333333333vw, 11.3333333333vw) * 1);
  }
}
.lp-content .lp-look .lp-look_section .lp-look_section_title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background-image: linear-gradient(90deg, rgb(192, 146, 109) 1%, rgb(240, 230, 201) 60%, rgb(192, 146, 109) 100%);
  color: #770007;
  text-align: center;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section .lp-look_section_title {
    font-size: calc(clamp(0px, 1.9765739385vw, 27px) * 1);
    height: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section .lp-look_section_title {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    height: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
.lp-content .lp-look .lp-look_section .lp-look_makeup {
  color: #fff;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section .lp-look_makeup {
    padding-inline: calc(clamp(0px, 5.1244509517vw, 70px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    margin-top: calc(clamp(0px, 2.635431918vw, 36px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section .lp-look_makeup {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
    margin-bottom: calc(clamp(0px, 14.1333333333vw, 14.1333333333vw) * 1);
  }
}
.lp-content .lp-look .lp-look_section .lp-look_makeup .lp-look_makeup_title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section .lp-look_makeup .lp-look_makeup_title {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    margin-top: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    margin-bottom: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section .lp-look_makeup .lp-look_makeup_title {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    text-align: center;
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section .lp-look_makeup .lp-look_makeup_title span {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section .lp-look_makeup .lp-look_makeup_title span {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section .lp-look_prod_list {
    padding-inline: calc(clamp(0px, 4.7584187408vw, 65px) * 1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(clamp(0px, 1.8301610542vw, 25px) * 1) calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section .lp-look_prod_list {
    display: grid;
    row-gap: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content .lp-look .lp-look_section .lp-look_prod_list .lp-look_prod {
  text-align: center;
}
.lp-content .lp-look .lp-look_section .lp-look_prod_list .lp-look_prod img {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section .lp-look_prod_list .lp-look_prod img {
    width: calc(clamp(0px, 12.0790629575vw, 165px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section .lp-look_prod_list .lp-look_prod img {
    width: calc(clamp(0px, 42.6666666667vw, 42.6666666667vw) * 1);
  }
}
.lp-content .lp-look .lp-look_section .lp-look_prod_list .lp-look_prod .lp-look_prod_text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .lp-content .lp-look .lp-look_section .lp-look_prod_list .lp-look_prod .lp-look_prod_text {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .lp-look .lp-look_section .lp-look_prod_list .lp-look_prod .lp-look_prod_text {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    word-break: keep-all;
  }
}