@charset "UTF-8";
/*================================================

【楽天市場】ビューティアドバイザー×Rakuten Brand Day（楽天ブランドデー）

=================================================*/
html {
  overflow-x: hidden !important; /* 横方向のスクロールを非表示にする */
}

:root {
  --vw: 375*100vw;
}

.campaign_title {
  text-align: center;
  font-size: 36px;
  padding: 40px 0 48px;
}

.step_title {
  text-align: center;
  font-size: 28px;
  color: #333333;
  margin-bottom: 35px;
}
.step_title:before {
  display: block;
  content: "";
  width: 960px;
  height: 120px;
  margin-bottom: 24px;
}
.step_title._01:before {
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/beautyadvisor/_pc/img/20260116/step_top01.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}
.step_title._02:before {
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/beautyadvisor/_pc/img/20260116/step_top02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}
.step_title._03:before {
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/beautyadvisor/_pc/img/20260116/step_top03.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}
.step_title:after {
  display: block;
  content: "";
  width: 110px;
  height: 20px;
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/beautyadvisor/_pc/img/20260116/title_end.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 22px auto 0;
}

.section {
  margin-bottom: 72px;
}

.entry-date {
  text-align: center;
  font-size: 16px;
  color: #333333;
  margin-bottom: 16px;
}

.entry-alt-wrap {
  padding: 15px 188px;
  margin-bottom: 16px;
}
.entry-alt-wrap .entry-alt {
  text-align: left;
  font-size: 12px;
  color: #333333;
  padding-left: 1em;
  text-indent: -1em;
}

.-entry_anchor a {
  font-size: 16px;
  color: #333333;
  text-align: center;
  padding: 0 16px;
}
.-entry_anchor a + a {
  border-left: 1px solid #333333;
}

.step2_alt {
  text-align: center;
  font-size: 14px;
  color: #828282;
  margin-bottom: 24px;
}

.button {
  cursor: pointer;
  margin: 16px auto;
  display: block;
  padding: 1px;
  width: 360px;
  height: 64px;
  border-radius: 40px;
  background-image: linear-gradient(to right, #EC6A7A 0%, #f3384f 100%);
  overflow: hidden;
}
.button:hover {
  opacity: 0.8;
  text-decoration: none;
}
.button span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  border-radius: 40px;
  background-image: none;
  background-color: #ffffff;
  font-size: 18px;
  color: #f3384f;
  line-height: 2;
}
.button._fill {
  background-image: linear-gradient(to right, #ef8491 0%, #dccbff 50%, #b8d5ff 100%);
}
.button._fill span {
  background-image: linear-gradient(to right, #EC6A7A 0%, #f3384f 100%);
  color: #ffffff;
}
.button .con_icon_writing {
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/beautyadvisor/_pc/img/20260116/icon_writing.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 17px;
  height: 20px;
  margin-right: 10px;
}

.ecm-modal-step .ecm-modal-content {
  border-radius: 18.75px;
}

.step2_modal_txt {
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
}
.step2_modal_txt span {
  font-weight: bold;
  color: #f3384f;
}

.step3_alt_wrap {
  margin: 0 180px 24px;
}

.step3_alt {
  text-align: left;
  font-size: 14px;
  color: #828282;
  padding-left: 1em;
  text-indent: -1em;
}
.step3_alt + .step3_alt{
  margin-top: 5px;
}

.modal_notice {
  font-size: 12px;
  text-align: center;
  color: #828282;
  margin-top: 40px;
}

.point_2x_title {
  text-align: center;
  color: #333333;
  margin-bottom: 16px;
}
.point_2x_title:before {
  display: block;
  content: "";
  width: 961px;
  height: 120px;
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/beautyadvisor/_pc/img/20260116/point2x_top.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 16px;
}

.article.-bg {
  padding: 72px 0 88px;
}
.article.-bg._gradation {
  background-image: linear-gradient(45deg, #ffecf9 0%, #fff1e0 100%);
}

.content_title {
  position: relative;
  text-align: center;
  font-size: 36px;
  color: #333333;
  padding-top: 16px;
  padding-bottom: 74px;
  margin-bottom: 24px;
}
.content_title:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  width: 110px;
  height: 20px;
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/beautyadvisor/_pc/img/20260116/title_end.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.alcol_box .ecm-alcor {
    padding: 8px;
    /* box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .2); */
    border-radius: 5px;
    border: 1px solid var(--black-8, rgba(0, 0, 0, 0.08));
}

.shoplist_subtitle {
  text-align: center;
  font-size: 24px;
  color: #333333;
  margin-bottom: 24px;
}
.shoplist_lead {
  text-align: center;
  font-size: 14px;
  color: #828282;
  margin-bottom: 24px;
}

.d-grid.-item a.ecm-button {
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  white-space: wrap;
}

.other-banner img {
  border-radius: 5px;
}

.about_text {
  font-size: 16px;
  text-align: center;
  margin: 0 auto 24px;
}

.about_image {
  width: 680px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}/*# sourceMappingURL=cnt_beautyadvisor20260116.css.map */



/* 26.04.17 */
.about_area{
  margin-bottom: 23px;
}
.about_note{
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
}
.about_area ._ttl{
  font-weight: bold;
  font-size: 20px;
}
.about_area ._bold{
  font-weight: bold;
}
.about_note + .about_note{
  margin-top: 20px;
}
.about_box{
  margin-bottom: 23px;
  color: #333;
}
.about_area .ecm-slider-container{
  padding: 0 16px;
}
.section._shoplink{
  margin-bottom: 64px;
}
.about_list_box{
  width: 816px;
  margin: 0 auto;
  gap: 8px;
}