@charset "UTF-8";
body {
  background: #ffffff;
  margin: 0 !important;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Osaka, 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic'; }

html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 750px) {
    html {
      font-size: 1.3333333333vw; } }
  @media (min-width: 750px) {
    html {
      font-size: 1.3333333333vw; } }
  @media only screen and (min-width: 750px) {
    html {
      font-size: 10px; } }

.pomupomupurin *,
.pomupomupurin *::before,
.pomupomupurin *::after, .pomupomupurin-prod *,
.pomupomupurin-prod *::before,
.pomupomupurin-prod *::after {
  box-sizing: border-box; }
.pomupomupurin h1,
.pomupomupurin h2,
.pomupomupurin h3,
.pomupomupurin h4,
.pomupomupurin h5,
.pomupomupurin div,
.pomupomupurin p,
.pomupomupurin ul,
.pomupomupurin li, .pomupomupurin-prod h1,
.pomupomupurin-prod h2,
.pomupomupurin-prod h3,
.pomupomupurin-prod h4,
.pomupomupurin-prod h5,
.pomupomupurin-prod div,
.pomupomupurin-prod p,
.pomupomupurin-prod ul,
.pomupomupurin-prod li {
  margin: 0;
  padding: 0; }
.pomupomupurin li, .pomupomupurin-prod li {
  list-style: none; }
.pomupomupurin img, .pomupomupurin-prod img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }
.pomupomupurin a:hover img, .pomupomupurin-prod a:hover img {
  filter: saturate(200%);
  opacity: 1; }
.pomupomupurin .note, .pomupomupurin-prod .note {
  color: #81292d;
  font-size: 1.8rem;
  line-height: 1.2em;
  text-align: center;
  margin: 2.5em auto 0; }
.pomupomupurin .pcOnly, .pomupomupurin-prod .pcOnly {
  display: none; }
  @media only screen and (min-width: 750px) {
    .pomupomupurin .pcOnly, .pomupomupurin-prod .pcOnly {
      display: inline; } }
.pomupomupurin .spOnly, .pomupomupurin-prod .spOnly {
  display: inline; }
  @media only screen and (min-width: 750px) {
    .pomupomupurin .spOnly, .pomupomupurin-prod .spOnly {
      display: none; } }
@media only screen and (min-width: 420px) {
  .pomupomupurin a[href*='tel:'], .pomupomupurin-prod a[href*='tel:'] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

/******* キービジュアル*******/
.keyvisual {
  position: relative;
  width: 100%;
  height: 103.6rem;
  background-image: url(../img/bg_kv_glass.svg), url(../img/bg_kv_note.svg), url(../img/bg_kv.png);
  background-size: 100% 100%, auto 100%, 1.5rem 1.5rem;
  background-position: bottom center, top center, top center;
  background-repeat: no-repeat,no-repeat,repeat; }
  .keyvisual .kv_cont {
    width: 100%;
    margin: 0 auto;
    padding: 4.9rem 0 0 0; }
    @media only screen and (min-width: 750px) {
      .keyvisual .kv_cont {
        width: 75rem; } }
    .keyvisual .kv_cont .kv-title {
      width: 70.3rem;
      margin: 0 auto 0; }
    .keyvisual .kv_cont .kv-ill {
      width: 70.6rem;
      margin: 1.8rem auto 0; }
    .keyvisual .kv_cont .kv-period {
      width: 64.6rem;
      margin: 2rem auto 0; }
    .keyvisual .kv_cont .kv-shop {
      width: 70rem;
      margin: 2.1rem auto 0; }

/******* キービジュアル*******/
.navi {
  width: 100%;
  background-color: #ffd800;
  background-image: url("../img/bg_check.png"), url("../img/bg_check.png"), url(../img/bg_footprints.svg);
  background-size: 4.6rem auto, 4.6rem auto, auto 100%;
  background-position: top center, bottom center, top center;
  background-repeat: repeat-x,repeat-x,no-repeat; }
  .navi .navi_cont {
    position: relative;
    width: 100%;
    height: 108rem;
    margin: 0 auto;
    padding: 15rem 0 0 0; }
    @media only screen and (min-width: 750px) {
      .navi .navi_cont {
        width: 75rem; } }
    .navi .navi_cont .navi-text {
      width: 70.3rem;
      margin: 0 auto 0; }
    .navi .navi_cont .navi-area {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      width: 57.8rem;
      margin: 6rem 8.2rem 0 auto; }
      .navi .navi_cont .navi-area li {
        width: 26.7rem; }
        .navi .navi_cont .navi-area li a:hover img {
          filter: saturate(100%);
          opacity: 0.8; }
    .navi .navi_cont .navi-ill {
      position: absolute;
      width: 29.3rem;
      bottom: 8rem;
      right: 7.8rem; }

.novelty-wrap {
  background-image: url("../img/bg_contents_ill.svg"), url("../img/bg_dot.png");
  background-size: 200rem auto, 3.2rem auto;
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
  padding: 8.6rem 0 8.8rem !important; }
  .novelty-wrap .novelty-note {
    color: #81292d;
    font-size: 1.8rem;
    text-align: center;
    margin: 2.5em auto 0; }

/******* レシート　*******/
.receipt-wrap {
  background-image: url("../img/bg_contents_ill.svg"), url("../img/bg_dot.png");
  background-size: 200rem auto, 3.2rem auto;
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
  padding: 8.6rem 0 8.8rem !important; }

.receipt-md {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 69rem;
  height: 12.5rem;
  margin: 0 auto !important;
  background: #ff7300;
  border-radius: 1.7rem 1.7rem 0 0; }
  .receipt-md img {
    width: 64rem; }

.receipt-cont {
  width: 69rem;
  background-color: #fff;
  border-radius: 0 0 1.7rem 1.7rem;
  padding: 7.2rem 0 9rem !important;
  margin: 0 auto !important; }
  .receipt-cont .receipt-lead {
    width: 62.8rem;
    margin: 0 auto 0; }
  .receipt-cont .bt-prod {
    width: 54rem;
    margin: 1.6rem auto 0;
    filter: drop-shadow(0.7rem 0.9rem 0 rgba(0, 0, 0, 0.1)); }
  .receipt-cont .receipt-lead-note {
    width: 62rem;
    margin: 4.2rem auto 0;
    color: #81292d;
    font-size: 1.8rem;
    line-height: 1.38em; }
    .receipt-cont .receipt-lead-note li + li {
      margin-top: 0.5em; }
  .receipt-cont .receipt-period {
    width: 63.9rem;
    margin: 8rem auto 0; }
  .receipt-cont .present-lead {
    width: 63.9rem;
    margin: 7.8rem auto 0; }
  .receipt-cont .present-tab {
    width: 63rem;
    margin: 6.3rem auto 0;
    display: flex;
    justify-content: space-between; }
    .receipt-cont .present-tab .tab01, .receipt-cont .present-tab .tab02 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30.2rem;
      height: 9.2rem;
      border-radius: 1rem 1rem 0 0;
      cursor: pointer; }
      .receipt-cont .present-tab .tab01 img, .receipt-cont .present-tab .tab02 img {
        height: 5.7rem;
        width: auto; }
    .receipt-cont .present-tab .tab01 {
      background: #ff6c91; }
    .receipt-cont .present-tab .tab02 {
      background: #00bad8; }
  .receipt-cont .present01 {
    background-color: #ffd7e1; }
  .receipt-cont .present02 {
    background-color: #caebf2; }
  .receipt-cont .present01, .receipt-cont .present02 {
    width: 63rem;
    margin: 0 auto;
    padding: 5.7rem 0 10rem;
    border-radius: 0 0 2rem 2rem;
    display: none; }
    .receipt-cont .present01.active, .receipt-cont .present02.active {
      display: block; }
  .receipt-cont .present-period {
    width: 59.7rem;
    margin: 0 auto; }
  .receipt-cont .present-ti {
    width: 60.1rem;
    margin: 5.2rem auto 0; }
  .receipt-cont .present-ph {
    width: 59.6rem;
    margin: 0 auto 0; }
  .receipt-cont .present-ti + .present-ph {
    margin-top: 2.4rem; }
  .receipt-cont .present-ph + .present-ph {
    margin-top: 3.2rem; }
  .receipt-cont .present-ph + .present-ti {
    margin-top: 7.5rem; }
  .receipt-cont .present-btarea {
    position: relative;
    width: 57.8rem;
    margin: 5.8rem auto 0; }
    .receipt-cont .present-btarea li {
      filter: drop-shadow(0.6rem 0.8rem 0 rgba(0, 0, 0, 0.1)); }
    .receipt-cont .present-btarea li + li {
      margin-top: 4rem; }
    .receipt-cont .present-btarea .comingsoon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin-top: 0rem;
      border-radius: 1.8rem;
      background-color: rgba(0, 0, 0, 0.65);
      filter: drop-shadow(0.6rem 0.8rem 0 rgba(0, 0, 0, 0));
      display: flex;
      justify-content: center;
      align-items: center; }
      .receipt-cont .present-btarea .comingsoon img {
        width: 51rem; }
  .receipt-cont .present-w-ti {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 63rem;
    height: 10.4rem;
    margin: 9.5rem auto 0 !important;
    background-color: #81292d;
    border-radius: 2rem 2rem 0 0; }
    .receipt-cont .present-w-ti img {
      width: 27.6rem; }
    .receipt-cont .present-w-ti .present-w-ill {
      position: absolute;
      width: 21.2rem;
      top: -4.6rem;
      right: -4.4rem; }
      .receipt-cont .present-w-ti .present-w-ill img {
        width: 100%; }
  .receipt-cont .present-w {
    width: 63rem;
    margin: 0 auto 0 !important;
    padding: 3.6rem 0 5.2rem;
    background-color: #ffddc1;
    border-radius: 0 0 2rem 2rem; }
    .receipt-cont .present-w .present-w-ph {
      width: 54rem;
      margin: 0 auto 0 !important; }
  .receipt-cont .chance-text {
    width: 63rem;
    margin: 8.5rem auto 0; }
  .receipt-cont .bt-prod-chance {
    width: 65rem;
    margin: 1.7rem auto 0; }

/******* 応募方法 *******/
.method {
  width: 63rem;
  position: relative;
  background-color: #ffebdb;
  padding: 5.2rem 0 7rem !important;
  border-radius: 2rem;
  margin: 9rem auto 0 !important; }
  .method .method-ti {
    width: 36.1rem;
    margin: 0 auto; }
  .method .method-ill01 {
    position: absolute;
    width: 10.4rem;
    top: -1.3rem;
    left: -1.2rem; }
    .method .method-ill01 img {
      width: 100%; }
  .method .method-ill02 {
    position: absolute;
    width: 11.5rem;
    top: 4.7rem;
    right: -2.2rem; }
    .method .method-ill02 img {
      width: 100%; }
  .method .step {
    width: 57.4rem;
    margin: 4.2rem auto 0; }
    .method .step li + li {
      margin-top: 7rem; }
  .method .method-detail {
    width: 56rem;
    margin: 8.8rem auto 0;
    background-color: #ffd9bc;
    border-radius: 1.8rem;
    padding: 5.4rem 0 7rem; }
    .method .method-detail .method-detail01 {
      width: 50.4rem;
      margin: 0 auto; }
    .method .method-detail .method-detail02 {
      width: 51.4rem;
      margin: 6.6rem auto 0; }
    .method .method-detail .method-detail03 {
      width: 51.4rem;
      margin: 4.5rem auto 0; }
  .method .method-note {
    color: #ff0000;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3em;
    text-align: center;
    margin: 4.2rem auto 3.8rem; }

/******* リード *******/
.ribbon {
  width: 100%;
  height: 9.5rem;
  background-color: #ffd800;
  background-image: url("../img/bg_ribbon.svg");
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: center; }

/******* ノベルティ　*******/
.novelty-wrap {
  background-image: url("../img/bg_novelty_ill.svg"), url("../img/bg_dot.png");
  background-size: 200rem auto, 3.2rem auto;
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
  padding: 15.4rem 0 8.8rem !important; }

.novelty-ti {
  position: relative;
  width: 69rem;
  height: 26.4rem;
  margin: 0 auto !important;
  background: #31ca00;
  border-radius: 2rem 2rem 0 0; }
  .novelty-ti img {
    position: absolute;
    width: 63rem;
    top: -4.9rem;
    left: 0;
    right: 0;
    margin: auto; }

.novelty-cont {
  position: relative;
  width: 69rem;
  background-color: #fff;
  border-radius: 0 0 2rem 2rem;
  padding: 8.7rem 0 7.5rem !important;
  margin: 0 auto !important; }
  .novelty-cont .novelty-ill01 {
    position: absolute;
    width: 14.7rem;
    top: -1.6rem;
    right: 1.6rem; }
  .novelty-cont .novelty-text {
    width: 62.3rem;
    margin: 0 auto 0; }
  .novelty-cont .bt-shop {
    width: 65rem;
    margin: 6rem auto 0;
    filter: drop-shadow(0.7rem 0.9rem 0 rgba(0, 0, 0, 0.1)); }
  .novelty-cont .novelty-ill02 {
    width: 38.7rem;
    margin: 6rem auto 0;
    transform: translateX(-0.5rem); }
  .novelty-cont .novelty01 {
    width: 63rem;
    margin: 6.5rem auto 0; }
  .novelty-cont .novelty02 {
    width: 63rem;
    margin: 3.8rem auto 0; }
  .novelty-cont .calendar {
    width: 63rem;
    margin: 7.2rem auto 0; }

/******* キービジュアル*******/
.footer {
  position: relative;
  width: 100%;
  background-image: url(../img/bg_footer_ill.svg), url(../img/bg_kv.png);
  background-size: 200rem auto, 1.5rem 1.5rem;
  background-position: top center, top center;
  background-repeat: no-repeat,repeat; }
  .footer .footer-cont {
    width: 100%;
    margin: 0 auto !important;
    padding: 3.9rem 0 7.2rem; }
    @media only screen and (min-width: 750px) {
      .footer .footer-cont {
        width: 75rem; } }
    .footer .footer-cont .footer-ill01 {
      width: 18.7rem;
      margin: 0 auto 0; }
    .footer .footer-cont .footer-rule-ti {
      background: #81292d;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 69rem;
      height: 12.2rem;
      margin: 3.2rem auto 0;
      border-radius: 2rem 2rem 0 0; }
      .footer .footer-cont .footer-rule-ti img {
        width: 43.6rem; }
    .footer .footer-cont .footer-rule {
      background: #FFF;
      width: 69rem;
      margin: 0rem auto 0;
      border-radius: 0 0 2rem 2rem;
      padding: 3rem 2.8rem 3rem 4.2rem; }
      .footer .footer-cont .footer-rule .footer-rule-cont {
        width: auto;
        height: 52rem;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 0 1.5em 0 0; }
    .footer .footer-cont .footer-info-ti {
      background: #81292d;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 69rem;
      height: 18rem;
      margin: 4.4rem auto 0;
      border-radius: 2rem 2rem 0 0; }
      .footer .footer-cont .footer-info-ti img {
        width: 64.2rem; }
    .footer .footer-cont .footer-info {
      background: #FFF;
      width: 69rem;
      margin: 0rem auto 0;
      border-radius: 0 0 2rem 2rem;
      padding: 5.1rem 0 4.2rem; }
      .footer .footer-cont .footer-info .tel {
        width: 56rem;
        margin: 0rem auto 0; }
      .footer .footer-cont .footer-info .info-period {
        width: 62rem;
        margin: 5.2rem auto 0; }
      .footer .footer-cont .footer-info .info-receipt {
        width: 62rem;
        margin: 4.2rem auto 0; }
    .footer .footer-cont .footer-ill02 {
      width: 48.7rem;
      margin: 6rem auto 0; }

/******* 応募要項・規約 *******/
.footer-rule-cont {
  font-size: 2.3rem;
  line-height: 1.6em;
  color: #81292d; }
  .footer-rule-cont p {
    margin-top: 0em; }
    .footer-rule-cont p.note {
      padding-left: 1em;
      text-indent: -1em; }
  .footer-rule-cont h2 {
    font-size: 2.8rem;
    margin-top: 1.5em;
    text-align: center; }
  .footer-rule-cont h3 {
    font-size: 2.5rem;
    margin-top: 1.5em;
    border-bottom: 2px solid #81292d; }
  .footer-rule-cont h4,
  .footer-rule-cont .subtitle {
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 1em; }
  .footer-rule-cont h5 {
    font-size: 2.3rem;
    margin-top: 0.75em; }
  .footer-rule-cont .prizelist li {
    padding-left: 1em;
    text-indent: -1em; }
  .footer-rule-cont ul.sub {
    margin: 0.5em auto 0 1em; }
    .footer-rule-cont ul.sub li {
      padding-left: 1em;
      text-indent: -1em; }
  .footer-rule-cont ul.square li {
    margin-left: 1em;
    list-style: square !important; }
  .footer-rule-cont ul.note {
    margin: 0.5em auto 0; }
    .footer-rule-cont ul.note li {
      padding-left: 1em;
      text-indent: -1em; }
  .footer-rule-cont h5 + ul, .footer-rule-cont h4 + ul, .footer-rule-cont h3 + ul, .footer-rule-cont h3 + p, .footer-rule-cont p + .list-kome, .footer-rule-cont h3 + .list-kome-l {
    margin-top: 0.7em; }
  .footer-rule-cont ul.disc li {
    list-style: disc;
    margin-left: 1.25em;
    margin-bottom: 0.25em; }
    .footer-rule-cont ul.disc li ul {
      margin-top: 0.2em; }
      .footer-rule-cont ul.disc li ul li {
        list-style: none;
        margin-left: inherit;
        margin-bottom: inherit; }
  .footer-rule-cont ul.disc li + li {
    margin-top: 0.5em; }
  .footer-rule-cont .list-no, .footer-rule-cont .list-no-B {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
  .footer-rule-cont .list-no {
    margin: 1em auto 0; }
    .footer-rule-cont .list-no dt {
      width: 2em;
      margin-bottom: 0.5em; }
    .footer-rule-cont .list-no dd {
      width: calc(100% - 2em);
      margin-left: 0;
      margin-bottom: 0.5em; }
  .footer-rule-cont .list-no-B {
    margin: 0.5em auto 0; }
    .footer-rule-cont .list-no-B dt {
      width: 1em;
      margin-bottom: 0.5em; }
    .footer-rule-cont .list-no-B dd {
      width: calc(100% - 1em);
      margin-left: 0;
      margin-bottom: 0.5em; }
  .footer-rule-cont .list-kome {
    margin: 0rem auto 0; }
    .footer-rule-cont .list-kome li {
      position: relative;
      padding-left: 1em;
      font-size: 2rem;
      line-height: 1.3em;
      margin: 0em 0 0 0; }
      .footer-rule-cont .list-kome li:before {
        content: '※';
        position: absolute;
        left: 0; }
    .footer-rule-cont .list-kome li + li {
      margin-top: 0.5em; }
  .footer-rule-cont .list-kome-l {
    margin: 0rem auto 0; }
    .footer-rule-cont .list-kome-l li {
      position: relative;
      padding-left: 1em;
      margin: 0em 0 0 0; }
      .footer-rule-cont .list-kome-l li:before {
        content: '※';
        position: absolute;
        left: 0; }
    .footer-rule-cont .list-kome-l li + li {
      margin-top: 0.5em; }
  .footer-rule-cont .mb1 {
    margin-bottom: 1em; }

/******* お問い合わせ先 *******/
.contact {
  position: relative;
  background-image: url("../img/wave_white_b.png"), url("../img/bg_info.png");
  background-position: top center, top center;
  background-size: 100% auto, cover;
  background-repeat: no-repeat,no-repeat;
  padding: 13.5rem 0 18.2rem !important; }
  @media only screen and (min-width: 750px) {
    .contact {
      padding: 13.5rem 0 10.2rem !important; } }
  .contact .contact-note {
    color: #FFF;
    font-size: 2.2rem;
    text-align: center;
    margin: 0 auto 0; }
  .contact .contact-ti {
    width: 53.2rem;
    margin: 6.8rem auto 0; }
  .contact .contact-telno {
    width: 59.6rem;
    margin: 4.6rem auto 0; }
  .contact .contact-period {
    width: 60.1rem;
    margin: 2rem auto 0; }

/******* 固定ボタン *******/
.fixbtn {
  position: fixed;
  right: 1rem;
  bottom: -35rem;
  width: 16.4rem;
  z-index: 2000;
  transition: all 0.3s ease; }
  .fixbtn li {
    width: 16.4rem;
    text-align: right;
    filter: drop-shadow(0 0.7rem 0 rgba(0, 0, 0, 0.15)); }
  .fixbtn .small {
    width: 13rem;
    margin: 1rem 0 0 auto; }
  .fixbtn.active {
    bottom: 1.5rem; }
  .fixbtn.pagebtm {
    bottom: -35rem; }
  .fixbtn .apy01,
  .fixbtn .apy02 {
    display: none; }
    .fixbtn .apy01.active,
    .fixbtn .apy02.active {
      display: block; }

/******* 対象商品 *******/
.prod-contents-wrap {
  background-image: url("../img/bg_dot.png");
  background-size: 3.2rem auto;
  background-position: top center;
  background-repeat: repeat;
  padding: 5.3rem 0 8.8rem !important; }
  .prod-contents-wrap .prod-title {
    width: 70.4rem;
    margin: 0 auto 0;
    transform: translateX(-0.4rem); }
  .prod-contents-wrap .prod-cont {
    width: 69rem;
    background-color: #fff;
    border-radius: 2rem;
    padding: 5.7rem 0 5.4rem !important;
    margin: 4.6rem auto 0 !important; }
  .prod-contents-wrap .prod-catch {
    width: 63.2rem;
    margin: 0 auto; }
  .prod-contents-wrap .prod-lead {
    width: 58.8rem;
    margin: 3.4rem auto 0; }
  .prod-contents-wrap .prod-text01 {
    width: 39.3rem;
    margin: 4.4rem auto 0; }
  .prod-contents-wrap .prod-text02 {
    width: 62rem;
    margin: 5rem auto 0; }
  .prod-contents-wrap .prod-text03 {
    width: 47rem;
    margin: 1.8rem auto 0; }
  .prod-contents-wrap .prod-tab {
    width: 62.8rem;
    margin: 3rem auto 0;
    display: flex;
    justify-content: space-between;
    padding: 0; }
    .prod-contents-wrap .prod-tab li {
      list-style: none;
      width: 20.2rem;
      height: 9rem;
      cursor: pointer; }
      .prod-contents-wrap .prod-tab li:hover {
        opacity: 0.8; }
  .prod-contents-wrap .prod-list-health,
  .prod-contents-wrap .prod-list-home,
  .prod-contents-wrap .prod-list-beauty {
    display: none;
    width: 62.8rem;
    margin: 0 auto; }
    .prod-contents-wrap .prod-list-health.active,
    .prod-contents-wrap .prod-list-home.active,
    .prod-contents-wrap .prod-list-beauty.active {
      display: block; }
  .prod-contents-wrap .prod-list-health {
    border: 1.1rem solid #6ebce3; }
  .prod-contents-wrap .prod-list-home {
    border: 1.1rem solid #6ed773; }
  .prod-contents-wrap .prod-list-beauty {
    border: 1.1rem solid #ff90b3; }
  .prod-contents-wrap .prod-list li img {
    width: 60.6rem; }
  .prod-contents-wrap .prod-fixbtn {
    position: fixed;
    right: 1rem;
    bottom: -17rem;
    width: 13rem;
    z-index: 2000;
    transition: all 0.3s ease; }
    @media only screen and (min-width: 750px) {
      .prod-contents-wrap .prod-fixbtn {
        right: 50%;
        bottom: -17rem;
        transform: translateX(40rem); } }
    .prod-contents-wrap .prod-fixbtn.active {
      bottom: 2rem; }
      @media only screen and (min-width: 750px) {
        .prod-contents-wrap .prod-fixbtn.active {
          bottom: 2rem; } }
    .prod-contents-wrap .prod-fixbtn li {
      width: 13rem;
      text-align: right;
      filter: drop-shadow(0.6rem 0.6rem 0 rgba(226, 111, 7, 0.3)); }