@charset "UTF-8";
/* ============================================
   Base Setting
============================================ */
#areaWrapper1:not(#_) {
  width: 100%;
}

#receipt {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #333333;
  font-weight: 500;
  line-height: 1.4;
  font-family: "Noto Sans JP", sans-serif;
}
#receipt *,
#receipt *::before,
#receipt *::after {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}
#receipt ol,
#receipt ul {
  list-style: none;
}
#receipt img {
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#receipt a:hover {
  text-decoration: none;
}
#receipt a:hover img {
  opacity: 0.7;
}

/* 印刷用 */
@media print {
  html {
    transform: scale(0.7);
  }
}
/* ============================================
   fairID Content
============================================ */
@media print, (min-width: 769px) {
  #camInfo {
    padding: 2.2rem 0 1.4rem;
    margin: 3rem auto !important;
    width: 100%;
    max-width: 1200px;
  }
}

/* ============= 共通 ============= */
#receipt {
  position: relative;
  color: #333333;
  text-align: center;
  font-feature-settings: "palt";
}
#receipt > * {
  box-sizing: border-box;
}
@media print, (min-width: 769px) {
  #receipt {
    position: relative;
    background: url(/library/contents/cmp/sfn2507/img/receipt/background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
  }
}

#receipt .note {
  position: relative;
}

/* display */
#receipt .nw {
  display: inline-block;
}

#receipt .dispPC {
  display: none;
}
@media print, (min-width: 769px) {
  #receipt .dispPC {
    display: block;
  }
}
@media print, (min-width: 769px) {
  #receipt .dispSP {
    display: none;
  }
}

#receipt .prize .note {
  gap: 0;
}

#receipt .copy {
  color: #fff;
  font-size: 1rem;
  background: #141414;
  border-top: solid 1px #c39973;
  padding: 1rem 0;
}

#receipt .margin__top {
  margin-top: min(16vw, 5rem);
}

/* ===== メインエリア ===== */
#receipt .main__container {
  width: 100%;
  position: relative;
  margin-inline: auto;
  display: grid;
  background-color: #ffffff;
}
@media print, (min-width: 769px) {
  #receipt .main__container {
    max-width: 500px;
    box-shadow: 0 10px 40px rgba(0, 12, 24, 0.4117647059);
    position: relative;
    overflow: hidden;
  }
}
#receipt .main__container .red-text {
  color: #ed0021;
}

/* ----- 予告 ----- */
#receipt .pre {
  position: relative;
  z-index: 20;
  margin: 0 auto;
  background-color: #ffff00;
  padding: 0.1em;
  color: #ff0000;
  font-weight: 700;
  font-size: min(6.9333333333vw, 2.5rem);
  letter-spacing: 0.3em;
  text-align: center;
  width: 100%;
}

/* ----- メインビジュアル ----- */
#receipt .mv {
  width: 100%;
}

/* ----- 実施期間 ----- */
#receipt .term__container {
  position: relative;
  padding: min(4.2666666667vw, 1rem) min(4.2666666667vw, 1rem);
  display: grid;
  justify-content: center;
  gap: min(2.6666666667vw, 0.625rem);
  color: #ffffff;
  background-color: #071b26;
  border-top: solid 2px #c39973;
  border-bottom: solid 2px #c39973;
}
#receipt .term__container .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  text-decoration-thickness: 3px;
  -webkit-text-decoration-color: #ae2030;
          text-decoration-color: #ae2030;
}
#receipt .term__title {
  margin-inline: auto;
  padding: 0.25rem clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem);
  font-weight: 700;
  font-size: min(4.2666666667vw, 1.25rem);
  background-color: #ffffff;
  color: #071b26;
  border-radius: 2rem;
}
#receipt .term__date {
  font-size: min(4.8vw, 1.25rem);
  font-weight: 600;
}
#receipt .term__date > .em {
  font-size: 1.2em;
  font-weight: 800;
  color: #fff33e;
}
#receipt .term__note {
  position: relative;
  z-index: 10;
  font-size: min(3.2vw, 0.75rem);
  font-weight: 600;
}

/* ----- リード ----- */
#receipt .lead {
  position: relative;
}

/* ===== コンテンツエリア ===== */
#receipt .content__wrapeer {
  margin-inline: auto;
  margin-top: min(16vw, 5rem);
  position: relative;
  overflow: visible;
  border-radius: 0.25rem;
  width: 90%;
}
#receipt .content__title {
  padding: min(2.6666666667vw, 0.625rem);
  font-size: min(6.4vw, 1.5rem);
  font-weight: 800;
  color: #ffffff;
  background-color: #141314;
}
#receipt .content__subtitle {
  padding: min(2.6666666667vw, 0.625rem);
  font-size: min(4.5333333333vw, 1.25rem);
  font-weight: 800;
  color: #ffffff;
  border-radius: min(2.6666666667vw, 0.625rem);
}
#receipt .content__inner {
  background-color: #ffffff;
  display: grid;
  gap: min(6.4vw, 1.5rem);
}
#receipt .content__inner.border--01 {
  border: 2px solid #141314;
  padding: min(4.2666666667vw, 1rem);
}
#receipt .content__lead {
  font-size: min(5.3333333333vw, 1.25rem);
  font-weight: 800;
  line-height: 1.5;
}
#receipt .content__lead_img {
  width: 100%;
  max-width: 300px;
  margin-inline: auto;
}
#receipt .content__prize_img {
  max-width: 150px;
  width: 100%;
  margin-inline: auto;
  margin-top: 1rem;
  text-align: center;
}
#receipt .content__note {
  font-size: min(3.7333333333vw, 0.875rem);
  font-weight: 800;
  line-height: 1.5;
}

/* ===== 限定 ===== */
#receipt .limited {
  width: 100%;
  max-width: 450px;
  margin-inline: auto;
}

/* ----- 景品 ----- */
#receipt .ttl_sub {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}
#receipt .ttl_sub__txt {
  font-size: min(4.8vw, 1.375rem);
  text-align: center;
  background-color: #ae2030;
  border-radius: 3.125rem;
  color: #ffffff;
  width: 8rem;
  padding: 0.25rem clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem);
}
#receipt .ttl_sub__txt + * {
  margin-top: 1.5rem;
}

#receipt .prize {
  display: grid;
  gap: 1rem;
}
#receipt .prizeList {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-inline: auto;
}
#receipt .prizeList__item {
  width: 100%;
}
#receipt .prizeList__text {
  font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem);
  font-weight: 700;
  text-align: center;
}
#receipt .prizeList__text--em {
  color: #ae2030;
  font-size: clamp(1.375rem, 1.3181818182rem + 0.2424242424vw, 1.5rem);
}
#receipt .prizeList__text.--big {
  font-size: clamp(1.25rem, 1.1931818182rem + 0.2424242424vw, 1.375rem);
  font-weight: 700;
}
#receipt .prizeList .item__text {
  font-size: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem);
  font-weight: bold;
}
#receipt .prizeList .item__pcs {
  font-size: clamp(1.125rem, 1.0681818182rem + 0.2424242424vw, 1.25rem);
  font-weight: bold;
}
#receipt .prizeList .item__note {
  color: #8a8a8a;
  font-size: 0.875rem;
}
#receipt .prizeList .item__flex {
  display: flex;
  gap: 0.5rem;
}
#receipt .prize .em {
  color: #ed0021;
  font-size: 1.5rem;
}
#receipt .prize__items {
  display: grid;
  gap: 1.5rem;
}
#receipt .prize__items .plusIcon {
  width: 3.75rem;
}
#receipt .prize__bg {
  background: #f3f4f5;
  padding: 1rem;
}
#receipt .prize__img {
  width: 60%;
}
#receipt .prize__size {
  text-align: center;
  font-size: clamp(0.8125rem, 0.7272727273rem + 0.3636363636vw, 1rem);
}
#receipt .prize__size--table {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  border: 1px solid #8a98a9;
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
#receipt .prize__size--table .size__ttl {
  color: #fff;
  font-size: 1rem;
  background-color: #8a98a9;
  padding: 0.25rem;
  display: grid;
  place-items: center;
}
#receipt .prize__size--table .size__list {
  padding: 0.5rem 1rem;
}
#receipt .prize__note {
  font-size: min(3.2vw, 0.875rem);
  padding-top: 0.125rem;
}

#receipt .itemList__notes {
  text-indent: -1em;
  padding-left: 1em;
}

#receipt .noindent:not(#_) {
  margin-left: 0;
  text-indent: 0;
}

/* ----- 対象商品 ----- */
#receipt .pop {
  margin-bottom: 1.25rem;
}
#receipt .pop img {
  width: 70%;
}

#receipt .ra {
  color: #006934;
  font-size: 1rem;
  border: solid 1px #006934;
  border-radius: 0.25rem;
  background-color: #ffeefe;
  padding: 0.5rem;
}

#receipt .itemList {
  display: grid;
  flex-flow: wrap;
  gap: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem);
  justify-content: center;
}
#receipt .itemList__item {
  display: flex;
  position: relative;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
#receipt .itemList__img {
  margin: 0 auto;
  width: 100%;
}
@media print, (min-width: 769px) {
  #receipt .itemList__img {
    width: 100%;
    max-width: 320px;
  }
}
#receipt .itemList__detail {
  display: grid;
  flex-grow: 1;
  gap: 0.5rem;
  grid-template-rows: 1fr auto;
}
#receipt .itemList__name {
  font-weight: 700;
  font-size: min(3.7333333333vw, 1rem);
  place-content: center;
}
#receipt .itemList__price {
  display: inline-block;
  background: linear-gradient(to right, #8a8a8a, #8a8a8a 2px, transparent 2px, transparent 8px) repeat-x left top/8px 2px, linear-gradient(to right, #8a8a8a, #8a8a8a 2px, transparent 2px, transparent 8px) repeat-x left bottom/8px 2px;
  padding: 0.5rem 0;
  width: 100%;
  font-weight: 700;
  font-size: min(4.2666666667vw, 1rem);
}
#receipt .itemList.--2col {
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: min(3.7333333333vw, 1.25rem);
       column-gap: min(3.7333333333vw, 1.25rem);
}
#receipt .itemList.--2col:has(.nebikiSeal) {
  margin-top: clamp(3rem, 2.7727272727rem + 0.9696969697vw, 3.5rem);
}
#receipt .itemList.--2col .itemList__item {
  gap: 0.5rem;
  max-width: 17.5rem;
}
#receipt .itemList.--2col .itemList__img {
  width: 100%;
}
#receipt .itemList.--2col .itemList__img > picture > img {
  width: 100%;
}
#receipt .itemList.--2col .itemList__img .nebikiSeal {
  top: calc(min(2.6666666667vw, 1.25rem) * -1);
  right: calc(min(2.1333333333vw, 0.625rem) * -1);
  width: min(16vw, 5rem);
  height: min(16vw, 5rem);
}
#receipt .itemList.--2col.--center {
  grid-template-columns: repeat(4, 1fr);
}
#receipt .itemList.--2col.--center .itemList__item:nth-of-type(odd) {
  grid-column-start: 1;
  grid-column-end: 3;
}
#receipt .itemList.--2col.--center .itemList__item:nth-of-type(even) {
  grid-column-start: 3;
  grid-column-end: 5;
}
#receipt .itemList.--2col.--center .itemList__item.--centerItem {
  grid-column-start: 2 !important;
  grid-column-end: 4 !important;
}

/* ステップ */
#receipt .step {
  margin-inline: auto;
  width: 90%;
}

/* 注釈 */
#receipt .note {
  display: flex;
  flex-direction: column;
  color: #333333;
  font-weight: 400;
  font-size: min(3.2vw, 0.875rem);
  line-height: 1.5;
  text-align: left;
}
#receipt .note--bg {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #f6faff;
  padding: 1.5rem;
  color: #333333;
}
#receipt .note--center {
  text-align: center;
}
#receipt .note--white {
  color: #ffffff;
}
#receipt .note__list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#receipt .note__title {
  font-weight: bold;
  color: #333333;
}
#receipt .note__title--large {
  font-size: 0.875rem;
}
#receipt .note__title--red {
  color: #f10000;
}
#receipt .note__title--red + * {
  margin-top: 0.75rem;
}
#receipt .note__text {
  margin-left: 1em;
  text-indent: -1em;
}

#receipt .copy {
  position: relative;
  color: #fff;
  font-size: 0.875rem;
  background-color: #000;
  padding-top: min(4vw, 1.0625rem);
  padding-bottom: min(4vw, 1.0625rem);
  width: 100%;
  margin: 0 auto;
}
@media print, (min-width: 769px) {
  #receipt .copy {
    width: 31.25rem;
  }
}
#receipt .copy img {
  width: 23%;
  max-width: 120px !important;
  height: auto;
  position: relative;
  z-index: 10;
}

/* ----- 関連情報 ----- */
#receipt .info {
  background-color: #ffffff;
  border-radius: 1rem 1rem 0 0;
  padding: min(6.4vw, 1.5rem);
  padding-top: 2.5rem;
  /* ----- リンクボタン ----- */
}
#receipt .info__wrapper {
  border: 2px solid #333333;
  background-color: #fef100;
  margin-top: 1.5rem;
}
#receipt .info__inner {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#receipt .info__title {
  background-color: #333333;
  color: #ffffff;
  padding: 0.5rem;
  font-size: 1rem;
}
#receipt .info__text {
  font-size: 1rem;
}
#receipt .info__bnr_title {
  font-size: 1.125rem;
  font-weight: bold;
}
#receipt .info__bnr {
  display: grid;
  gap: 1.5rem;
}
#receipt .info__bnr > li {
  border: 2px solid #ededed;
  border-radius: 0.25rem;
}
#receipt .info .button {
  display: grid;
  gap: 2rem;
}

#receipt .back-to-top {
  margin-top: 1.5rem;
}

/* ----- utility ----- */
#receipt .bg-red {
  background-color: #e60020;
}
#receipt .bg-green {
  background-color: #00a93a;
}
#receipt .dummy {
  height: 600px;
}

#receipt .anker_link.mf-flt.floating {
  left: 0;
  right: 0;
  z-index: 99;
}
#receipt .anker_link.mf-flt.floating .links {
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  flex-wrap: nowrap;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
@media print, (min-width: 769px) {
  #receipt .anker_link.mf-flt.floating .links {
    flex-wrap: wrap;
    display: flex;
    grid-template-columns: inherit;
    max-width: 31.25rem;
    margin: 0 auto;
  }
}
@media print, (min-width: 769px) and (max-width: 1200px) {
  #receipt .anker_link.mf-flt.floating .links {
    max-width: none !important;
  }
}
#receipt .anker_link.mf-flt.floating .links__item {
  border-radius: 0;
  width: 100%;
  font-size: 0.9375rem;
}
@media print, (min-width: 769px) {
  #receipt .anker_link.mf-flt.floating .links__item {
    font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
    width: 15.625rem;
    border-bottom: none;
  }
}
@media print, (min-width: 769px) and (max-width: 1200px) {
  #receipt .anker_link.mf-flt.floating .links__item {
    width: 50vw !important;
  }
}
@media screen and (max-width: 768px) {
  #receipt .anker_link.mf-flt.floating .links__txt {
    width: inherit;
  }
}

#receipt .ttl {
  text-align: center;
}
#receipt .ttl--margin + * {
  margin-top: 1.5rem;
}
#receipt .ttl__txt {
  font-size: min(6.4vw, 2rem);
  text-align: center;
}
#receipt .ttl__txt + * {
  margin-top: 1.5rem;
}
#receipt .ttl__deco {
  display: inline-block;
  position: relative;
  padding-bottom: 0.75rem;
}
#receipt .ttl__deco::before, #receipt .ttl__deco::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  background: transparent;
  content: "";
}
#receipt .ttl__deco::before {
  transform: translateX(-141%);
  z-index: 1;
  border-bottom: 5px #ff8533 solid;
  width: 0.8em;
  height: 5px;
}
#receipt .ttl__deco::after {
  transform: translateX(-50%);
  border-bottom: 5px #0a9d30 solid;
  width: 2.25em;
  height: 5px;
}

#receipt .how-to-change__wrp-x {
  overflow-x: scroll;
}
#receipt .how-to-change__container {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
#receipt .how-to-change__container > li {
  position: relative;
  padding: min(4.2666666667vw, 1.5rem);
  display: grid;
  gap: min(4.2666666667vw, 1rem);
  border: solid 0.125rem #141314;
  background-color: #ffffff;
}
#receipt .how-to-change__container > li:not(:last-child)::after {
  position: absolute;
  content: "";
  width: min(13.3333333333vw, 2rem);
  height: min(13.3333333333vw, 2rem);
  bottom: -2.375rem;
  left: 50%;
  border-top: solid 0.5rem #c39973;
  border-right: solid 0.5rem #c39973;
  transform: rotate(135deg) translateX(50%);
}
#receipt .how-to-change__container > li > .exp {
  font-size: min(4vw, 1rem);
}
#receipt .how-to-change__container > li > .exp--center {
  text-align: center;
}
#receipt .how-to-change__container > li > .border--image {
  border: 1px solid #ddd;
}
#receipt .how-to-change__container > li > .image {
  max-width: 250px;
  margin: 0 auto;
}
#receipt .how-to-change__container > li > .number {
  position: absolute;
  top: 0;
  left: -1%;
  width: min(13.3333333333vw, 3.75rem);
  height: min(13.3333333333vw, 3.75rem);
  text-align: center;
  font-size: min(8.5333333333vw, 2.5rem);
  font-weight: 900;
  color: #ffffff;
  background-color: #141314;
  border-radius: 50%;
  transform: translate(-5%, -50%);
}
#receipt .how-to-change-cnt-x {
  flex-direction: row;
  gap: 5rem;
  width: 68.75rem;
}
#receipt .how-to-change-cnt-x > li {
  margin-inline: 0 !important;
}
#receipt .how-to-change-cnt-x > li:not(:last-child)::after {
  content: "";
  bottom: 50% !important;
  left: 20.75rem !important;
  transform: rotate(45deg) translateY(50%) !important;
}
#receipt .how-to-change__title {
  text-align: center;
  font-weight: 700;
  font-size: min(4.8vw, 1.375rem);
  background-color: #d73332;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
  margin-top: 1.25rem;
}
@media print, (min-width: 769px) {
  #receipt .how-to-change__title {
    margin-top: 0;
    max-width: 17.5rem;
  }
}

#receipt .How-to-apply__ttl {
  font-size: 1.25rem;
  font-weight: bold;
}

#receipt .entry-btn {
  margin: 0 auto;
  width: 85%;
}
@media screen and (max-width: 768px) {
  #receipt .entry-btn {
    width: 100%;
  }
}
#receipt .entry-btn a {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #071b26;
  padding: 0.9em 1em;
  border: solid 3px #b99d58;
  border-radius: 3.125rem;
  position: relative;
}
#receipt .entry-btn a.otherWin:after {
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 1em;
  height: 0.8em;
  content: "";
  background: url(/library/contents/cmp/sfn2507/img/receipt/arrow_white.svg) no-repeat;
  transform: rotate(-90deg);
  background-size: 100% 100%;
  margin-top: -0.4em;
}
@media (any-hover: hover) {
  #receipt .entry-btn a:hover {
    opacity: 0.8;
  }
}
#receipt .entry-btn--pre a {
  background: #979797;
  position: relative;
  pointer-events: none;
}
#receipt .entry-btn__img {
  width: 40%;
  margin: 1.5rem auto;
  border: 2px solid #333333;
}

#receipt .how-to-change__wrapper .entry-btn {
  width: 100%;
}

#receipt .receipt_img {
  max-width: 280px;
  margin: 0 auto;
}

#receipt .collab__img {
  margin: 0 auto;
  width: 100%;
}
@media print, (min-width: 769px) {
  #receipt .collab__img {
    width: 100%;
    max-width: 320px;
  }
}
#receipt .collab .youtubeArea__contents {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #receipt .collab .youtubeArea__contents {
    padding: 1rem;
  }
}
@media print, (min-width: 769px) {
  #receipt .collab .youtubeArea__contents {
    max-width: 800px;
    margin: 0 auto;
  }
}

#receipt .links__inner {
  border-top: solid 2px #c39973;
  background-color: #071b26;
  padding: 2.5rem 1.25rem 1.25rem;
  display: grid;
  gap: 2.5rem;
}
#receipt .links .hr {
  background-image: url(/library/contents/cmp/sfn2507/img/matome/diamond.svg);
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 10px;
  opacity: 0.2;
}
#receipt .links .ttl__info {
  width: min(53.3333333333vw, 13.4375rem);
}

#receipt .howto {
  background-color: #fffaae;
}
#receipt .howto__container {
  display: flex;
  flex-direction: column;
  gap: 10.6666666667vw;
}
@media print, (min-width: 769px) {
  #receipt .howto__container {
    gap: 4rem;
  }
}
#receipt .howto__container .card {
  position: relative;
  margin-inline: auto;
  padding: min(4.2666666667vw, 1.5rem);
  display: grid;
  gap: min(4.2666666667vw, 1.5rem);
  width: 90%;
  background-color: #fff;
  border: solid 4px #071b26;
}
#receipt .howto__container .card:not(:last-child)::after {
  position: absolute;
  content: "";
  bottom: -5.3333333333vw;
  left: 50%;
  width: min(8vw, 2.5rem);
  height: min(8vw, 2.5rem);
  border-top: solid min(2.6666666667vw, 0.875rem) #071b26;
  border-left: solid min(2.6666666667vw, 0.875rem) #071b26;
  transform: rotate(-135deg) translate(0, -50%);
}
@media print, (min-width: 769px) {
  #receipt .howto__container .card:not(:last-child)::after {
    bottom: -1.875rem;
  }
}
#receipt .howto__image {
  margin-inline: auto;
  width: 80%;
}
#receipt .howto__title {
  font-size: min(4.2666666667vw, 1.25rem);
  font-weight: 700;
}
#receipt .howto__text {
  padding-top: 0.5rem;
  font-size: min(3.7333333333vw, 1rem);
}
#receipt .howto__text--red {
  margin-bottom: 0.5rem;
  color: #ed0021;
}

#receipt .bannerList {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: center;
  gap: clamp(0.75rem, 0.2954545455rem + 1.9393939394vw, 1.75rem);
  max-width: 62.5rem;
}
#receipt .bannerList__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
  border: solid 1.5px #675e55;
  border-radius: 0.25rem;
  overflow: hidden;
}
#receipt .bannerList__ttl {
  font-weight: 700;
  font-size: min(4.2666666667vw, 1.25rem);
}
#receipt .bannerList__link {
  transition: transform 0.3s ease-in;
}
@media (any-hover: hover) {
  #receipt .bannerList__link:hover {
    transform: scale(1.04);
    opacity: 0.85;
  }
}

#receipt .acc__container {
  display: grid;
  gap: min(4.2666666667vw, 1.25rem);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#receipt .acc__wrapper {
  background-color: #fff;
  border: 2px solid #011b6a;
}
#receipt .acc-sw {
  position: relative;
  display: block;
  padding: min(3.7333333333vw, 1rem);
  text-align: center;
  font-size: min(3.4666666667vw, 1.125rem);
  font-weight: 700;
  color: #fff;
  background-color: #011b6a;
}
#receipt .acc-sw > .icon {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  top: 50%;
  right: 10px;
  margin-right: 0;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
#receipt .acc-body {
  padding: 0 min(1.6vw, 0.5rem) min(1.6vw, 0.5rem);
}
#receipt .acc-body__inner {
  color: #071b26;
  padding: min(4.2666666667vw, 1.25rem);
  display: grid;
  gap: 3.75rem;
  background-color: #fff;
  text-align: left;
}
#receipt .acc-body__exp {
  text-align: left;
  color: #333;
}
#receipt .acc-body_item {
  position: relative;
}
#receipt .acc-body_item:nth-child(-n+3)::after {
  position: absolute;
  content: "";
  bottom: -5.3333333333vw;
  bottom: -1.5625rem;
  left: 50%;
  width: min(8vw, 1.5rem);
  height: min(8vw, 1.5rem);
  border-top: solid min(2.6666666667vw, 0.475rem) #c39973;
  border-left: solid min(2.6666666667vw, 0.475rem) #c39973;
  transform: rotate(-135deg) translate(0, -50%);
}

#receipt .note__title--red {
  text-align: center;
}

#receipt .no-paddingl {
  padding-left: 0;
}

#receipt .is-hidden {
  opacity: 0;
  pointer-events: none;
}
#receipt .floating-btn {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  margin-inline: auto;
  padding: 1.6vw 0;
  display: grid;
  justify-content: center;
  align-items: center;
  width: min(34.6666666667vw, 9.375rem);
  height: min(34.6666666667vw, 9.375rem);
  bottom: 1rem;
  left: 0.625rem;
}
@media print, (min-width: 769px) {
  #receipt .floating-btn {
    left: -10.5rem;
  }
}
/*# sourceMappingURL=receipt_style.css.map */