/* line 1, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
#contentWrap {
  width: 750px;
  margin: auto; }
  /* line 5, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  #contentWrap img {
    vertical-align: top; }
  /* line 8, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  #contentWrap sup {
    font-size: 0.6em;
    vertical-align: top;
    position: relative;
    top: -0.1em;
    margin-right: 0.2em; }

/* line 18, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.inFade {
  opacity: 0;
  transition-duration: 1s;
  transition-delay: .1s;
  transition-timing-function: ease-in-out; }
  /* line 23, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeL {
    transform: translate(-1rem, 0); }
  /* line 24, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeR {
    transform: translate(1rem, 0); }
  /* line 25, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeT {
    transform: translate(0, -1rem); }
  /* line 26, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeB {
    transform: translate(0, 1rem); }
  /* line 27, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeLT {
    transform: translate(-1rem, -1.5rem); }
  /* line 28, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeDelayLv1 {
    transition-delay: .6s; }
  /* line 29, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeDelayLv2 {
    transition-delay: 1s; }
  /* line 30, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeDelayLv3 {
    transition-delay: 2s; }
  /* line 31, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .inFade.fadeDelayLv4 {
    transition-delay: 2.2s; }

/* line 33, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.viewOn .inFade,
.inFade.viewOn {
  opacity: 1;
  transform: translate(0, 0); }

/* line 40, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
#fv {
  padding: 2% 0 9%;
  background: url("../img/fv_bg.png") no-repeat;
  position: relative; }
  /* line 44, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  #fv canvas {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  /* line 51, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  #fv h2 {
    z-index: 2;
    position: relative;
    transition-duration: 1.6s;
    transition-delay: .3s; }
  /* line 59, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  #fv + .note {
    padding: 1em;
    color: #666; }

/* line 64, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.planet {
  position: relative; }
  /* line 66, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .planet > div {
    position: absolute; }
  /* line 69, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .planet .item01 {
    top: 53%;
    left: 33%; }
  /* line 73, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .planet .item02 {
    top: 43.4%;
    left: 24.7%; }
  /* line 77, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .planet .item03 {
    top: 28%;
    left: 11.4%; }
  /* line 81, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .planet .text01 {
    top: 28%;
    left: 4%; }
  /* line 85, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .planet .text02 {
    bottom: 3.6%;
    left: 1.4%; }

/* line 90, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.planetBtn {
  text-align: center;
  padding: 6% 0;
  background: url("../img/btn00001_bg.png"); }

/* line 95, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.history01 {
  background: url("../img/slice00002.png") no-repeat;
  height: 1202px; }
  /* line 99, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .history01 .his_title {
    padding-top: 56px; }

/* line 103, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.history02 {
  background: url("../img/slice00003.png") no-repeat;
  height: 1198px; }
  /* line 107, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .history02 .his_title {
    padding-top: 80px; }

/* line 111, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.history03 {
  background: url("../img/slice00004.png") no-repeat;
  height: 1722px; }
  /* line 115, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .history03 .his_title {
    padding-top: 80px; }

/* line 119, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.history01,
.history02,
.history03 {
  position: relative;
  text-align: center; }
  /* line 125, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .history01 .his_photo,
  .history02 .his_photo,
  .history03 .his_photo {
    padding-top: 40px; }
  /* line 128, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .history01 .his_text,
  .history02 .his_text,
  .history03 .his_text {
    padding-top: 48px; }

/* line 132, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.coupon {
  padding: 8% 0 10%;
  background: #fff0ee url("../img/coupon_bg.png") bottom right no-repeat;
  background-size: 100% auto; }
  /* line 136, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
  .coupon .box {
    background: #fff;
    margin: 4% 5% 0;
    padding: 8% 4% 6%;
    box-shadow: 1px 1px 4px rgba(50, 0, 0, 0.1); }
    /* line 141, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
    .coupon .box > div {
      margin-top: 5%; }
    /* line 144, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
    .coupon .box h4,
    .coupon .box .btnWrap {
      margin-bottom: 9%;
      text-align: center; }

/* line 151, ../macchialabel.com/Page/campaign/clear-esthe-veil-10million-anniversary/css/pc.scss */
.endGreeting {
  margin-top: -8%;
  margin-bottom: 10%;
  text-align: center; }

/*# sourceMappingURL=pc.css.map */