/* line 1, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
#header {
  padding-top: 98px !important; }

/* line 4, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
#monthCampaign {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 3.75vw;
  overflow-x: hidden; }
  /* line 12, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign img {
    max-width: 100%;
    vertical-align: bottom; }
  /* line 16, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .flex {
    display: flex; }
  /* line 19, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign sup {
    vertical-align: sub;
    font-size: 1.0rem; }
  /* line 23, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign p.note {
    font-size: 1.0rem; }
  /* line 26, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign span.bold {
    font-family: "Hiragino Kaku Gothic W6 JIS2004"; }
  /* line 29, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign #present {
    background: url(../img202102/present_bg.jpg) no-repeat 0 0;
    background-size: cover;
    margin-top: 8%;
    padding: 9% 4%; }
    /* line 34, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #present h2 {
      text-align: center;
      margin-bottom: 5%; }
      /* line 37, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #present h2 img {
        width: 90%; }
    /* line 41, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #present .yellow {
      background-color: #fcf0b9;
      padding: 5%; }
      /* line 44, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #present .yellow h3 {
        margin-bottom: 15px;
        text-align: center; }
        /* line 47, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign #present .yellow h3 img {
          width: 86%; }
      /* line 51, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #present .yellow .white {
        background-color: #fff;
        padding: 5%; }
        /* line 54, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign #present .yellow .white p {
          font-size: 1.2rem;
          margin-top: 3%; }
        /* line 58, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign #present .yellow .white .accBox {
          height: 12vw;
          overflow: hidden;
          position: relative; }
          /* line 62, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
          #monthCampaign #present .yellow .white .accBox:before {
            content: "";
            display: block;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(255,255,255,0)',endColorstr = 'rgba(255,255,255,1)');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgba(255,255,255,0)', endColorstr = 'rgba(255,255,255,1)')";
            background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
            background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0)), to(white));
            background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
            background-image: linear-gradient(top, rgba(255, 255, 255, 0), white);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 8vw; }
          /* line 78, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
          #monthCampaign #present .yellow .white .accBox.open:before {
            display: none; }
        /* line 83, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign #present .yellow .white .accBoxBtn {
          text-align: center;
          margin-top: 11; }
          /* line 86, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
          #monthCampaign #present .yellow .white .accBoxBtn span {
            position: relative; }
      /* line 91, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #present .yellow p.note {
        margin-top: 3%; }
      /* line 94, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #present .yellow.last {
        margin-top: 5%; }
        /* line 97, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign #present .yellow.last h3 img {
          width: 73%; }
  /* line 104, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign #top_tab {
    margin-top: 5%; }
  /* line 108, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .navBtnWrap a:active,
  #monthCampaign .navBtnWrap a:focus {
    opacity: 1; }
  /* line 113, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .selectorWrap {
    margin: .75rem 0 1.25rem 0;
    position: relative; }
  /* line 117, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .forms {
    padding: 5%; }
    /* line 119, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .forms h3 {
      position: relative;
      padding: 2px 0 2px 14px;
      font-size: 1.3rem; }
      /* line 123, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign .forms h3:before {
        content: "";
        display: block;
        width: 6px;
        height: 100%;
        background-color: #ecc7c7;
        position: absolute;
        left: 0;
        top: 0; }
    /* line 134, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .forms .modal_link {
      margin: 2% 0; }
      /* line 136, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign .forms .modal_link a {
        color: #b81649;
        font-size: 1.4rem;
        text-decoration: underline; }
    /* line 143, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .forms button:disabled {
      opacity: 0.3; }
  /* line 148, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .btnWrap {
    padding: 1% 0 1% 0; }
  /* line 151, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .noteWrap {
    padding: 0 6% 8% 6%; }
  /* line 154, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign select {
    width: 100%;
    height: 40px;
    padding-right: 40px;
    padding-left: 10px;
    cursor: pointer;
    font-size: 16px;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: #ccc solid 1px;
    outline: none;
    background: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block; }
    /* line 174, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign select + span {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 0;
      width: 40px;
      height: 40px;
      border-left: #ccc solid 1px;
      pointer-events: none; }
      /* line 183, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign select + span:after {
        display: block;
        width: 6px;
        height: 6px;
        padding: 0;
        content: '';
        position: absolute;
        top: 0;
        bottom: 4px;
        left: 0;
        right: 0;
        margin: auto;
        border-right: 2px solid #b81649;
        border-top: 2px solid #b81649;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        pointer-events: none; }
  /* line 203, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .pageNavi {
    padding: 6% 2% 0% 4%; }
    /* line 205, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .pageNavi li {
      margin-bottom: 3%; }
  /* line 209, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .block {
    padding: 0 4%; }
  /* line 212, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .shadow {
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    position: relative; }
    /* line 219, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .shadow .icon {
      position: absolute;
      top: -6px;
      left: 5%; }
      /* line 223, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign .shadow .icon img {
        width: 10vw;
        max-width: 96px; }
      @media screen and (max-width: 320px) {
        /* line 219, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign .shadow .icon {
          left: 2.5%; } }
  /* line 232, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign #skincare {
    padding-bottom: 10%; }
    /* line 234, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #skincare .teiki {
      padding-bottom: 10%;
      margin-bottom: 8%; }
    /* line 238, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #skincare #sec1 {
      background: url(../img202102/bg_skincare01.jpg) no-repeat 0 0;
      background-size: 100% auto;
      padding-top: 12%; }
    /* line 243, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #skincare #sec2 {
      background: url(../img202102/bg_skincare02.jpg) no-repeat 0 0;
      background-size: 100% auto;
      padding-top: 7%; }
    /* line 248, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #skincare #sec3 {
      background: url(../img202102/bg_skincare03.jpg) no-repeat 0 0;
      background-size: 100% auto; }
      /* line 251, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #skincare #sec3 .more {
        text-align: right;
        margin: 5% 0; }
        /* line 254, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign #skincare #sec3 .more a {
          text-decoration: underline;
          font-family: "Hiragino Kaku Gothic W6 JIS2004";
          color: #333; }
      /* line 260, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #skincare #sec3 .shadow {
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 8% 4% 2% 4%;
        margin-bottom: 8%; }
      /* line 266, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #skincare #sec3 .forms {
        padding-left: 0;
        padding-right: 0; }
  /* line 272, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign #zakka {
    display: none;
    background: url(../img202102/zakka_bg.jpg) no-repeat 0 0;
    background-size: 100% auto; }
    /* line 276, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #zakka .pageNavi {
      margin-bottom: 4%; }
    /* line 281, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #zakka .forms h3:before {
      background-color: #f2db96; }
    /* line 286, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #zakka .shadow {
      margin-bottom: 6%; }
      /* line 289, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign #zakka .shadow .sliders h3 {
        text-align: center; }
        /* line 291, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
        #monthCampaign #zakka .shadow .sliders h3 img {
          width: 80%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 8%;
          margin-bottom: 4%; }
    /* line 301, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #zakka #bnr_login {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10%; }
    /* line 307, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign #zakka .pdBox {
      padding-left: 5%;
      padding-right: 5%;
      padding-bottom: 2em; }
  /* line 313, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .txtAttention {
    font-family: "Hiragino Kaku Gothic W6 JIS2004";
    color: #b81649;
    margin-bottom: 0; }
    /* line 317, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .txtAttention span {
      background: linear-gradient(transparent 40%, #fef390 0%); }
  /* line 321, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .slideWrap {
    margin: 0 15px;
    border: 1px solid #a0a0a0;
    /*position: relative;*/ }
  /* line 326, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .accodionWrap {
    background-color: #f2eeec;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 5%; }
    /* line 332, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .accodionWrap h4 {
      text-align: center;
      line-height: 1;
      position: relative;
      color: #333;
      font-family: "Hiragino Kaku Gothic W4 JIS2004"; }
      /* line 338, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign .accodionWrap h4:before {
        content: "";
        display: block;
        width: 15px;
        height: 1px;
        background-color: #333;
        position: absolute;
        right: 1%;
        top: 40%; }
      /* line 348, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign .accodionWrap h4:after {
        content: "";
        display: block;
        width: 15px;
        height: 1px;
        background-color: #333;
        position: absolute;
        right: 1%;
        top: 39%;
        transform: rotate(90deg);
        transition: .3s; }
      /* line 361, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
      #monthCampaign .accodionWrap h4.open:after {
        transform: rotate(0); }
    /* line 366, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .accodionWrap .hide {
      display: none;
      padding-top: 5%; }
  /* line 371, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign br.pc {
    display: none; }
  /* line 374, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
  #monthCampaign .detail_link {
    text-align: center;
    margin-top: 1em; }
    /* line 377, ../../xampp/htdocs/macchialabel.com/Page/campaign/month/css/sp202102.scss */
    #monthCampaign .detail_link a {
      font-size: 1.4rem;
      text-decoration: underline; }

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