@charset "UTF-8";
.header-wrap__content {
    background: #fff;
}

.event-wrap * {
  color: #5f1f31;
}


.event-wrap .f-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.event-wrap .btn-detail {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  display: block;
  text-align: center;
  line-height: 1.5;
  width: 70%;
  margin: auto;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  border: 1px solid #552b21;
  font-size: 16px;
}



  .btn,
  a.btn,
  button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: white;
    border-radius: 0.2rem;
  }

  a.btn-gradient {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  }

  a.btn-gradient:hover {
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px);
    color: #fff;
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
  }


  /* 会員登録LP　----------------------------------------- */



  .event-wrap .top-mv {
    line-height: 0;
  }

  .event-wrap .mv_bottom {
    background-image: url(https://suzette-shop.jp/contents/lp/mr01_2025/SP_bg01.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-color: #FCF9F4;
    padding: 10% 0 7%;
  }

h3 {
  color: #7e4c59;
  text-align: center;
  font-size: 22px;
}

.bg_ye {
  background-color: #FEFAF1;
}

.text-pink {
  color: #c94f8e;
}

.merit_list {
  display: flex;
  gap:10px;
  margin: 10px;
  flex-wrap: wrap;
}

.merit_list li {
  border: solid 1px #552b21;
  border-radius: 10px;
  padding: 20px 10px 10px;
  text-align: center;
  width: calc(50% - 5px);
}

.merit_list li:nth-of-type(1) img {
margin-bottom: 15px;
}

.merit_list li p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 10px;
}

#event-wrap .merit_img {
  margin-bottom: 5px;
}

#event-wrap .merit_img img{
  height: 65px;
}

.merit_list li .merit_title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  height: 45px;
  display: flex;
  align-items:center;
  justify-content:center;
}

.point_list {
  margin: auto;
  padding: 0 10% 30px;
  display: flex;
  gap:20px;
  justify-content: center;
  flex-wrap: wrap;
}

.point_list li {
  width: calc( 50% - 10px);
}

#event-wrap .dy_load_content {
    opacity: 1 !important;
}
.first_area {
  padding-right: 3%;
  padding-left: 3%;
}


/* PC style --------------------------------------------- */

@media screen and (min-width: 768px) {

.event-wrap .btn-detail {
  padding: 20px 10px;
  width: 480px;
  font-size: 23px;
}

.top-mv-pc {
  background-image: url(https://suzette-shop.jp/contents/lp/mr01_2025/PC_top1920.jpg);
  background-repeat: no-repeat;
  background-size: auto 640px;
  background-position: top center;
  height: 640px;
  min-width: 1000px;
}

.top-mv-pc_inner {
width: 1000px;
margin: auto;
padding-right: 600px;
text-align: center;
letter-spacing: 5px;
}

.mv-pc-logo {
  padding: 150px 0 30px;
}

.mv-pc-title {
  font-size: 42px;
  font-weight: 700;
  color: #2b0e05;
  line-height: 1.8;
  margin-bottom: 30px;
}

.mv-pc-sub {
  line-height: 1.5;
}

.mv-pc-sub span {
  background-color: #fff;
  color: #c94f8e;
  font-size: 28px;
  display: inline-block;
  padding: 0 20px;
}


.event-wrap-inner {
  max-width: 1260px;
}

  .event-wrap .mv_bottom {
    background-image: url(https://suzette-shop.jp/contents/lp/mr01_2025/bottom_PC_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-color: #FCF9F4;
    padding: 10% 0 7%;
  }

  h3 {
  font-size: 40px;
}

.merit_list {
  display: flex;
  gap:20px;
  flex-wrap: wrap;
  margin: 30px 0;
}

.merit_list li {
  padding: 30px 20px 20px;
  text-align: center;
  width: 358px;
}

.merit_list li:nth-of-type(1) img {
margin-bottom: 15px;
}

.merit_list li p {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 10px;
}


#event-wrap .merit_img img{
  height: 100px;
}

.merit_list li .merit_title {
  font-size: 24px;
  height: 80px;
}

.point_list {
  padding: 30px 0;
  gap:30px;
  flex-wrap: nowrap;
}

.point_list li {
  width: 264px;
}

.first_area {
  max-width: 1260px;
  padding-right: 0;
  padding-left: 0;
}

}