.clearfix:after, .newyear-event .section.d-day .title:after, .newyear-event .section.d-day .count-area:after {
  content: '';
  display: block;
  clear: both; }

.readable-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.newyear-event .section.products .clearfix .box, .newyear-event .section.package .clearfix .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

button {
  cursor: pointer;
  font-family: 'Noto Sans Regular', sans-serif;
  font-weight: 500; }

p {
  margin: 0; }

.br {
  display: block; }

.clearfix:after, .newyear-event .section.d-day .title:after, .newyear-event .section.d-day .count-area:after {
  content: '';
  display: block;
  clear: both; }

.readable-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.newyear-event .section.products .clearfix .box, .newyear-event .section.package .clearfix .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after, .newyear-event .section.d-day .title:after, .newyear-event .section.d-day .count-area:after {
  content: '';
  display: block;
  clear: both; }

.readable-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.newyear-event .section.products .clearfix .box, .newyear-event .section.package .clearfix .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* var */
.newyear-event {
  margin-bottom: 30px;
  padding-bottom: 10px; }
  .newyear-event h3 {
    display: inline-block;
    border-top: 2px solid #e14440;
    border-bottom: 2px solid #e14440;
    font-family: 'Noto Sans Medium', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    text-align: center;
    letter-spacing: 0.2143em; }
    .newyear-event h3 span {
      margin: 2px 0;
      border-top: 1px solid #e14440;
      border-bottom: 1px solid #e14440;
      line-height: 28px; }
  .newyear-event img {
    width: 100%; }
  .newyear-event .message_emp {
    padding: 35px 0 30px;
    font-size: 24px;
    font-weight: 400;
    color: #424242;
    text-align: center;
    letter-spacing: -0.04em;
    line-height: 40px; }
    .newyear-event .message_emp .black {
      font-family: 'Noto Sans Bold', sans-serif;
      font-weight: 900; }
    .newyear-event .message_emp .br {
      font-size: 45px;
      font-weight: 500;
      color: #e1440;
      letter-spacing: -0.0556em;
      line-height: 45px; }
      .newyear-event .message_emp .br .underline {
        position: relative;
        color: #424242; }
        .newyear-event .message_emp .br .underline:before {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: 4px;
          width: 100%;
          height: 3px;
          background-color: #424242; }
    .newyear-event .message_emp .color {
      font-family: 'Noto Sans Bold', sans-serif;
      font-weight: 500;
      color: #f02c27; }
    .newyear-event .message_emp strong {
      font-family: 'Noto Sans Bold', sans-serif;
      font-size: 50px;
      font-weight: 900;
      color: #b12f2c;
      letter-spacing: -0.04em;
      line-height: 40px; }
      .newyear-event .message_emp strong .bul {
        position: relative; }
        .newyear-event .message_emp strong .bul:before {
          content: '';
          position: absolute;
          top: 7px;
          left: 50%;
          width: 4px;
          height: 4px;
          margin-left: -2px;
          background-color: #b12f2c;
          border-radius: 4px; }
  .newyear-event .section.intro {
    text-align: center; }
    .newyear-event .section.intro .contents {
      position: relative;
      height: 394px;
      background: url(/images/event/201701_newyear/en_c1_table.png) center 0 no-repeat; }
      .newyear-event .section.intro .contents .date {
        zoom: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)";
        filter: alpha(opacity=67);
        -moz-opacity: 0.67;
        -khtml-opacity: 0.67;
        opacity: 0.67;
        position: absolute;
        top: 61px;
        left: 36px;
        width: 117px;
        height: 24px;
        font-family: 'Noto Sans Bold', sans-serif;
        font-size: 21px;
        font-weight: 900;
        color: #000;
        text-align: center;
        letter-spacing: -0.05em;
        line-height: 24px; }
      .newyear-event .section.intro .contents .date-limit {
        position: absolute;
        top: 97px;
        left: 47px;
        width: 98px;
        height: 20px;
        font-size: 21px;
        font-weight: 500;
        color: #fff;
        text-align: center;
        letter-spacing: -0.05em;
        line-height: 20px; }
        .newyear-event .section.intro .contents .date-limit .num {
          font-family: 'Noto Sans Bold', sans-serif; }
      .newyear-event .section.intro .contents .message {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 22px;
        font-size: 32px;
        font-weight: 300;
        color: #343537;
        text-align: center;
        letter-spacing: -0.0717em;
        line-height: 40px; }
        .newyear-event .section.intro .contents .message .price {
          padding: 0 3px;
          background-color: #e8534f;
          color: #fff;
          letter-spacing: 0.1px; }
        .newyear-event .section.intro .contents .message .black {
          font-family: 'Noto Sans Bold', sans-serif;
          font-weight: 900; }
        .newyear-event .section.intro .contents .message .br {
          padding-top: 9px;
          font-size: 22px;
          color: #424242;
          letter-spacing: -0.04em;
          line-height: 25px; }
  .newyear-event .section.d-day {
    margin-bottom: 23px;
    border: 7px solid #fa582f; }
    .newyear-event .section.d-day .title-area {
      background-color: #fa582f;
      text-align: center; }
    .newyear-event .section.d-day .title {
      display: inline-block;
      font-size: 17px;
      font-weight: 500;
      color: #fff;
      text-align: center;
      letter-spacing: 0.5556em;
      line-height: 44px; }
      .newyear-event .section.d-day .title .bul {
        float: left;
        position: relative;
        width: 15px;
        margin-right: 11px; }
        .newyear-event .section.d-day .title .bul:before {
          content: '';
          position: absolute;
          left: 50%;
          top: 6px;
          width: 3px;
          height: 3px;
          margin-left: -1.5px;
          background-color: #fff;
          border-radius: 3px; }
    .newyear-event .section.d-day .count-area-wrap {
      padding: 18px 0;
      background-color: #fff;
      text-align: center; }
    .newyear-event .section.d-day .count-area {
      display: inline-block;
      font-size: 28px;
      font-weight: 500;
      color: #343537;
      letter-spacing: -0.0333em; }
      .newyear-event .section.d-day .count-area div {
        display: block;
        float: left;
        height: 77px;
        font-size: 28px;
        font-weight: 500;
        color: #343537;
        letter-spacing: -0.0333em;
        line-height: 77px; }
        .newyear-event .section.d-day .count-area div.time {
          width: 57px;
          margin-right: 2px;
          background: url(/images/event/201701_newyear/common_c2_time1.png) 0 0 repeat-x;
          font-size: 47px;
          font-weight: 500;
          color: #fff;
          text-align: center; }
        .newyear-event .section.d-day .count-area div.unit {
          padding: 0 8px;
          font-family: 'Noto Sans Bold', sans-serif; }
        .newyear-event .section.d-day .count-area div.colon {
          width: 6px;
          padding: 0 8px;
          background: url(/images/event/201701_newyear/c2_dot1.png) center no-repeat; }
  .newyear-event .section.products {
    border: 7px solid #870c0a; }
    .newyear-event .section.products h4 {
      padding: 9px 0;
      background-color: #e54946;
      font-family: 'Noto Sans Bold', sans-serif;
      font-size: 28px;
      font-weight: 500;
      color: #ffb6b6;
      text-align: center;
      letter-spacing: -0.0667em;
      line-height: 36px; }
      .newyear-event .section.products h4 .color {
        color: #fff; }
    .newyear-event .section.products > .contents {
      position: relative; }
      .newyear-event .section.products > .contents:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -34px;
        width: 58px;
        height: 58px;
        margin-left: -29px;
        background: url(/images/event/201701_newyear/common_c3_plus.png) 0 0 no-repeat; }
    .newyear-event .section.products .clearfix .box {
      float: left;
      width: 50%;
      border-top: 7px solid #870c0a;
      border-left: 3.5px solid #870c0a; }
      .newyear-event .section.products .clearfix .box:first-child {
        border-left: 0;
        border-right: 3.5px solid #870c0a; }
      .newyear-event .section.products .clearfix .box h4 {
        margin: 0;
        padding: 26px 0 24px;
        font-size: 25px;
        line-height: 30px; }
  .newyear-event .section.package {
    padding: 0 25px 54px;
    background-color: #f9f9f9;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; }
    .newyear-event .section.package h4 {
      padding-top: 59px;
      font-size: 24px;
      color: #424242;
      text-align: center;
      letter-spacing: -0.05em;
      line-height: 34px; }
      .newyear-event .section.package h4 .color {
        display: block;
        font-family: 'Noto Sans Light';
        color: #178fd9;
        line-height: 34px; }
    .newyear-event .section.package .message {
      zoom: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
      opacity: 0.7;
      padding-top: 30px;
      font-size: 15px;
      text-align: center;
      letter-spacing: -0.0333em;
      line-height: 22px; }
      .newyear-event .section.package .message.v2 {
        zoom: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)";
        filter: alpha(opacity=54);
        -moz-opacity: 0.54;
        -khtml-opacity: 0.54;
        opacity: 0.54;
        padding: 30px 0 0;
        border-bottom: 1px solid #eee;
        font-size: 12px;
        letter-spacing: -0.0417em;
        line-height: 16px; }
      .newyear-event .section.package .message span {
        zoom: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
        display: block;
        padding-top: 10px;
        font-size: 15px;
        line-height: 15px; }
    .newyear-event .section.package .clearfix {
      margin-top: 16px; }
      .newyear-event .section.package .clearfix .box {
        float: left;
        width: 48.971%; }
        .newyear-event .section.package .clearfix .box:first-child {
          margin-right: 14px; }
        .newyear-event .section.package .clearfix .box h5 {
          border: 1px solid #eee;
          border-bottom: 0;
          background-color: #23363f;
          font-size: 18px;
          font-weight: 500;
          color: #fff;
          text-align: center;
          letter-spacing: -0.0667em;
          line-height: 52px; }
          .newyear-event .section.package .clearfix .box h5 .color {
            color: #7ecdff; }
        .newyear-event .section.package .clearfix .box .package-list {
          position: relative;
          height: 90px;
          background-color: #2f4a57;
          border: 1px solid #eee;
          border-top: 0;
          border-bottom: 0;
          font-family: 'Noto Sans Light', sans-serif;
          font-size: 14px;
          font-weight: 300;
          color: #fff;
          text-align: center;
          letter-spacing: -0.0857em;
          line-height: 20px; }
          .newyear-event .section.package .clearfix .box .package-list p {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            transform: translate(-50%, -50%);
            font-size: 16px;
            font-weight: 300;
            letter-spacing: -0.0625em;
            line-height: 22px; }
          .newyear-event .section.package .clearfix .box .package-list .reg {
            font-family: 'Noto Sans Regular', sans-serif;
            font-weight: 400; }
          .newyear-event .section.package .clearfix .box .package-list .bold {
            font-family: 'Noto Sans Regular', sans-serif; }
          .newyear-event .section.package .clearfix .box .package-list .best-tag {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 10px;
            width: 50px;
            height: 38px;
            background: url(/images/event/201701_newyear/common_ic_ribbon.png) 0 0 no-repeat;
            font-family: 'Noto Sans Bold', sans-serif;
            font-size: 18px;
            font-weight: 500;
            color: #000;
            text-align: center;
            letter-spacing: -0.0882em;
            line-height: 38px; }
        .newyear-event .section.package .clearfix .box .price-area {
          position: relative;
          padding: 15px 0 14px;
          background-color: #fff;
          border: 1px solid #eee;
          border-top: 0;
          text-align: center; }
          .newyear-event .section.package .clearfix .box .price-area .normal-price {
            padding: 0 11px;
            font-size: 45px;
            font-family: 'Noto Sans Bold', sans-serif;
            color: #ba2211;
            letter-spacing: -0.0111em;
            line-height: 45px; }
            .newyear-event .section.package .clearfix .box .price-area .normal-price span {
              font-family: 'Noto Sans Regular', sans-serif;
              font-size: 35px;
              font-weight: 500;
              letter-spacing: 0; }
          .newyear-event .section.package .clearfix .box .price-area .saled-price {
            display: block;
            padding-top: 10px;
            font-size: 45px;
            font-family: 'Noto Sans Bold', sans-serif;
            font-weight: 900;
            color: #ba2211;
            letter-spacing: -0.0111em;
            line-height: 45px; }
            .newyear-event .section.package .clearfix .box .price-area .saled-price span {
              font-family: 'Noto Sans Regular', sans-serif;
              font-size: 35px;
              font-weight: 500;
              letter-spacing: 0; }
          .newyear-event .section.package .clearfix .box .price-area .saled-tag {
            display: inline-block;
            position: absolute;
            top: -20px;
            right: 10px;
            width: 75px;
            height: 69px;
            background: url(/images/event/201701_newyear/common_ic_pricedown.png) 0 0 no-repeat;
            font-size: 20px;
            font-weight: 900;
            color: #fff;
            text-align: center;
            letter-spacing: -0.0294em;
            line-height: 69px; }
        .newyear-event .section.package .clearfix .box .button-area {
          margin-top: 12px; }
          .newyear-event .section.package .clearfix .box .button-area .event-button {
            display: block;
            width: 100%;
            background: #1c96db;
            box-shadow: 0px 4px 0px 0px #1480bc;
            border: 0;
            font-size: 18px;
            color: #ffffff;
            text-align: center;
            letter-spacing: -0.0278em;
            line-height: 51px; }
  .newyear-event .section.encore {
    position: relative;
    height: 1320px;
    background: url(/images/event/201701_newyear/1_bg_w.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto; }
    .newyear-event .section.encore .event-date {
      position: absolute;
      top: 321px;
      left: 0;
      right: 0;
      font-family: 'Noto Sans Bold', sans-serif;
      font-size: 18px;
      font-weight: 500;
      color: #202528;
      text-align: center;
      letter-spacing: -0.0833em;
      line-height: 30px; }
      .newyear-event .section.encore .event-date .label {
        display: inline-block;
        margin-right: 15px;
        padding: 0 17px;
        background-color: #f33e1c;
        border-radius: 15px;
        font-size: 14px;
        color: #fff; }
    .newyear-event .section.encore .attention-phrase {
      position: absolute;
      top: 421px;
      left: 354px;
      font-size: 36px;
      font-weight: 500;
      color: #fff;
      letter-spacing: -0.0556em;
      line-height: 48px; }
      .newyear-event .section.encore .attention-phrase span {
        font-family: 'Noto Sans Bold', sans-serif; }
      .newyear-event .section.encore .attention-phrase em {
        display: inline-block;
        background-color: #ffbb00;
        font-family: 'Noto Sans Bold', sans-serif;
        font-style: normal;
        color: #202528;
        line-height: 1; }
    .newyear-event .section.encore .graph-area {
      position: relative;
      top: 588px;
      height: 682px;
      padding-top: 50px;
      background: url(/images/event/201701_newyear/2_bg_en_w.png) 0 0 no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
      text-align: center; }
      .newyear-event .section.encore .graph-area img {
        width: auto; }
      .newyear-event .section.encore .graph-area ul {
        position: absolute;
        top: 414px;
        width: 100%; }
        .newyear-event .section.encore .graph-area ul li {
          position: relative;
          float: left;
          width: 19.89%;
          border-left: 1px solid #bdbdbd;
          font-size: 14px;
          font-weight: 500;
          color: #202528;
          letter-spacing: -0.1em;
          text-align: center; }
          .newyear-event .section.encore .graph-area ul li:before {
            content: '1';
            display: inline-block;
            width: 30px;
            height: 30px;
            margin-bottom: 11px;
            background-color: #202528;
            border-radius: 30px;
            font-size: 18px;
            font-weight: 500;
            color: #eee;
            text-align: center;
            letter-spacing: -0.0833em; }
          .newyear-event .section.encore .graph-area ul li:first-child {
            border-left: 0; }
          .newyear-event .section.encore .graph-area ul li.two:before {
            content: '2'; }
          .newyear-event .section.encore .graph-area ul li.three:before {
            content: '3'; }
          .newyear-event .section.encore .graph-area ul li.four:before {
            content: '4'; }
          .newyear-event .section.encore .graph-area ul li.five:before {
            content: '5'; }

/*# sourceMappingURL=maps/event.css.map */