@charset "UTF-8";
#areaWrapper {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
}

.breadcrumb-list {
  width: 1000px;
  margin: 0 auto 8px;
}

/* reward */
.reward {
  display: flex;
  width: 1000px;
  margin: 8px auto;
}
.reward__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 12px;
  text-align: center;
  background-color: #ebebeb;
}
.reward__item + .reward__item {
  margin-left: 8px;
}

.kv {
  width: 1000px;
  margin: 0 auto;
}
.kv__image {
  width: 100%;
}

.campaign {
  width: 1000px;
  padding: 40px 0;
  margin: 0 auto;
}
.campaign__period {
  font-size: 14px;
  text-align: center;
}
.campaign__period + .campaign__period {
  margin-top: 24px;
}
.campaign__period--title {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
}
.campaign__note {
  margin-top: 24px;
}
.campaign__note-item {
  font-size: 12px;
  line-height: 1.3;
  color: #717171;
  text-align: center;
}
.campaign__note-item + .campaign__note-item {
  margin-top: 4px;
}
.campaign__detail-link-wrapper {
  margin-top: 12px;
  text-align: center;
}
.campaign__detail-link:link, .campaign__detail-link:visited {
  position: relative;
  padding-right: 12px;
  font-size: 12px;
  color: #0078b5;
}
.campaign__detail-link:link::after, .campaign__detail-link:visited::after {
  position: absolute;
  top: 30%;
  right: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  content: "";
  border-top: 1px solid #0078b5;
  border-right: 1px solid #0078b5;
  transform: rotate(135deg);
}

/* 非遷移型エントリーボタン */
.entry_button {
  margin-bottom: 16px !important;
}

.rcEntryButton-button {
  height: 56px !important;
  font-family: Noto Sans JP, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  background-color: #333 !important;
  border: none !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.rcEntryButton-status--applied .rcEntryButton-button,
.rcEntryButton-status--selected .rcEntryButton-button {
  color: #000000 !important;
  background-color: #ffffff !important;
  border: 1px solid #000000 !important;
  opacity: 0.3 !important;
}

.rcEntryButton-status--entered .rcEntryButton-button,
.rcEntryButton-status--before .rcEntryButton-button,
.rcEntryButton-status--closed .rcEntryButton-button {
  color: #ffffff !important;
  background-color: #b2b2b2 !important;
}

.rcEntryButton-check-svg {
  display: none !important;
}

.rcEntryButton > .rcEntryButton-button {
  position: relative !important;
}

.rcEntryButton > .rcEntryButton-button::after {
  position: absolute;
  top: 43%;
  right: 35%;
  display: inline-block;
  width: 6.5px;
  height: 6.5px;
  content: "";
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform: rotate(45deg);
}

.rcEntryButton.rcEntryButton-status--applied > .rcEntryButton-button::after,
.rcEntryButton.rcEntryButton-status--loading > .rcEntryButton-button::after,
.rcEntryButton.rcEntryButton-status--entered > .rcEntryButton-button::after,
.rcEntryButton.rcEntryButton-status--before > .rcEntryButton-button::after,
.rcEntryButton.rcEntryButton-status--closed > .rcEntryButton-button::after {
  display: none !important;
}

.entry__anchor-list-item + .entry__anchor-list-item {
  padding-left: 10px;
  margin-left: 10px;
  border-left: solid 1px #333;
}

.howto {
  padding: 64px 0;
  background-color: #fff2ec;
}
.howto__inner {
  width: 1000px;
  margin: 0 auto;
}
.howto__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.howto__step {
  margin-top: 56px;
}
.howto__step-item + .howto__step-item {
  margin-top: 56px;
}
.howto__step-icon {
  width: 80px;
  margin: 0 auto;
}
.howto__step-icon-image {
  width: 100%;
}
.howto__step-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.howto__step-button-wrapper {
  margin-top: 16px;
}
.howto__step-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 480px;
  height: 56px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.12em;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 2px;
}
.howto__step-button:hover {
  text-decoration: none;
  opacity: 0.7;
}
.howto__step-button-text {
  position: relative;
  padding-right: 16px;
  color: #333;
}
.howto__step-button-text::after {
  position: absolute;
  top: 33%;
  right: 0;
  display: inline-block;
  width: 6.5px;
  height: 6.5px;
  content: "";
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
}
.howto__step-note {
  margin-top: 16px;
  color: #717171;
  text-align: center;
}
.howto__step-note-link:link, .howto__step-note-link:visited {
  color: #0078b5;
}
.howto__step-note-link:link:hover, .howto__step-note-link:visited:hover {
  opacity: 0.7;
}
.howto__incentive {
  position: relative;
  width: 550px;
  margin: 144px auto 0;
  text-align: center;
}
.howto__incentive::after {
  position: absolute;
  top: -95px;
  left: 50%;
  content: "";
  border: 48px solid transparent;
  border-top: 48px solid #333;
  transform: translateX(-50%);
}
.howto__incentive-image {
  width: 100%;
}

.review {
  padding: 64px 0;
  background-color: #fffcfb;
}
.review__inner {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.review__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.review__list-wrapper {
  margin-top: 56px;
}
.review__post-text {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.review__post-text--height {
  padding-bottom: 1.5em;
}
.review__post-image {
  display: block;
  width: 82%;
  margin: 32px auto 0;
  box-shadow: 3px 4px 16px 0 rgba(239, 209, 199, 0.48);
}

.js-review-list {
  position: relative;
}
.js-review-list__arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 10;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #333;
  border-bottom: 0;
  border-left: 0;
  transform: translateY(-50%) rotate(45deg);
}
.js-review-list__arrow--prev {
  right: auto;
  left: 8px;
  transform: translateY(-50%) rotate(-135deg);
}
.js-review-list__arrow.swiper-button-disabled {
  display: none;
}
.js-review-list__pagination {
  margin-top: 32px;
  text-align: center;
}
.js-review-list__pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #d9d9d9;
  opacity: 1;
}
.js-review-list__pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 20px;
}
.js-review-list__pagination .swiper-pagination-bullet-active {
  background-color: #333;
}

.point {
  padding: 64px 0;
  background-color: #fff2ec;
}
.point__inner {
  width: 1000px;
  margin: 0 auto;
}
.point__sub-title {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.point__title {
  margin-top: 16px;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.point__list-wrapper {
  position: relative;
  margin: 56px 20px 0;
}
.point__list {
  display: flex;
  gap: 48px;
}
.point__item {
  box-sizing: border-box;
  flex: 1;
  padding: 40px 32px;
  background-color: #fff;
  border-radius: 15px;
}
.point__item-title {
  font-size: 14px;
  text-align: center;
}
.point__item-title--fashion {
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #127abb;
  letter-spacing: 10px;
}
.point__item-title--cosmetics {
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #e69366;
  letter-spacing: 10px;
}
.point__example-item {
  margin-top: 24px;
}
.point__example-icon {
  width: 90px;
  margin: 0 auto;
}
.point__example-icon-image {
  width: 100%;
}
.point__example-text {
  margin-top: 20px;
  font-size: 14px;
}
.point__example-text--blue {
  font-weight: 700;
  color: #127abb;
}
.point__example-text--orange {
  font-weight: 700;
  color: #e69366;
}
.point__example-text--height {
  padding-bottom: 1.5em;
}

.floating-entry {
  display: none;
}
.floating-entry.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.5);
}

.gender {
  width: 1000px;
  margin: 64px auto 0;
}

.gender-navi {
  margin-top: 0;
  margin-bottom: 0;
}

.gender-navi__item {
  width: 237px;
  font-size: 18px;
}

.gender-navi__item-link:link,
.gender-navi__item-link:visited {
  width: 237px;
}

.gender-wrap {
  border: none;
}

.gender-wrap + .gender-wrap {
  margin-top: 56px;
}

#pitari_main > div:first-of-type .gender-wrap {
  border: none;
}

.gender__head-heading {
  margin: 0;
  font-size: 32px;
}

.contents {
  padding: 64px 0;
  margin-bottom: 0;
}

.contents__heading {
  margin-top: 0;
}

/* キャンペーン詳細 */
.campaign-detail {
  width: 1000px;
  padding: 64px 0;
  margin: 56px auto 0;
}
.campaign-detail__title {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: center;
}
.campaign-detail__item + .campaign-detail__item {
  margin-top: 40px;
}
.campaign-detail__item-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
}
.campaign-detail__item-text {
  font-size: 14px;
  line-height: 25.2px;
}
.campaign-detail__item-text-item {
  font-size: 14px;
  line-height: 25.2px;
}
.campaign-detail__item-text-item--bold-underline {
  font-weight: 700;
  text-decoration: underline;
}
.campaign-detail__item-text-item--bold {
  font-weight: bold;
}
.campaign-detail__item-text-item--red {
  color: #c00;
}
.campaign-detail__item-nest {
  margin: 0 0 24px 20px;
}
.campaign-detail__item-nest-title {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 25.2px;
}
.campaign-detail__notes--type01 {
  margin-bottom: 32px;
  line-height: 1.8;
  text-align: center;
}
.campaign-detail__notes-item--type01 {
  font-size: 14px;
  line-height: 1.8;
}
.campaign-detail__notes-item--type02 {
  font-size: 14px;
  line-height: 1.8;
  color: #828282;
}
.campaign-detail__item-link:link, .campaign-detail__item-link:visited {
  color: #0078b5;
  text-decoration: underline;
}
.campaign-detail__item-link:link:hover, .campaign-detail__item-link:visited:hover {
  opacity: 0.7;
}

#page-top {
  z-index: 10;
}

#page-top a {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, \\30D2ラギノ角ゴProN W3, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  line-height: 1;
}