@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

.cpn_area {
  position: relative;
  align-items: center;
  background-repeat: no-repeat;
  background-image: url("/ec/images/shop1/inc_item/godiva_coupon_inc-top/godiva_coupon.png"); }
  @media (max-width: 768px) {
    .cpn_area {
      background-size: 87.179vw 17.436vw;
      margin: 0 auto;
      width: 87.179vw;
      height: 17.436vw; } }
  @media screen and (min-width: 769px) {
    .cpn_area {
      background-size: 690px 140px;
      width: 690px;
      height: 140px;
      margin: 0 auto; } }
  .cpn_area .cnt_code {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    width: fit-content;
    line-height: 1.0; }
    @media (max-width: 768px) {
      .cpn_area .cnt_code {
        margin: 0 auto;
        bottom: 2.2vw;
        left: 43vw; } }
    @media screen and (min-width: 769px) {
      .cpn_area .cnt_code {
        margin: 0 auto;
        bottom: 18px;
        left: 335px; } }
    .cpn_area .cnt_code .coupon_code {
      color: black; }
      @media (max-width: 768px) {
        .cpn_area .cnt_code .coupon_code {
          font-size: 2vw; } }
      @media screen and (min-width: 769px) {
        .cpn_area .cnt_code .coupon_code {
          font-size: 18px; } }
    .cpn_area .cnt_code .coupon_btn_gdv {
      color: #fff;
      background-color: #B2272D;
      border-radius: 20px; }
      @media (max-width: 768px) {
        .cpn_area .cnt_code .coupon_btn_gdv {
          font-size: 2vw;
          padding: 0.8vw 4vw;
          margin-left: 1.564vw; } }
      @media screen and (min-width: 769px) {
        .cpn_area .cnt_code .coupon_btn_gdv {
          font-size: 16px;
          padding: 6px 32px;
          margin-left: 10px; } }
      .cpn_area .cnt_code .coupon_btn_gdv:hover {
        cursor: pointer; }
      .cpn_area .cnt_code .coupon_btn_gdv.copied {
        background-color: #F04D19; }

.cpn_offer_txt {
  text-align: center;
  color: #5B5557; }
  @media (max-width: 768px) {
    .cpn_offer_txt {
      margin: 1.564vw 0;
      font-size: 1.2rem !important; } }
  @media screen and (min-width: 769px) {
    .cpn_offer_txt {
      margin: 8px 0;
      font-size: 12px; } }

@media screen and (min-width: 769px) {
  .cpn-modal .cmp_modal__inr {
    max-height: 80vh !important; } }
.cpn-modal .cpn-modal__ttl {
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 769px) {
    .cpn-modal .cpn-modal__ttl {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .cpn-modal .cpn-modal__ttl {
      font-size: 4.1vw; } }
@media (max-width: 768px) {
  .cpn-modal .cpn_coupon__offer {
    margin-top: 1em;
    line-height: 1.7; } }
@media screen and (min-width: 769px) {
  .cpn-modal .cpn_coupon__offer {
    margin-top: 1em;
    line-height: 1.7; } }
@media (max-width: 768px) {
  .cpn-modal .cpn_coupon__offer li {
    padding-right: 3vw;
    font-size: 3.077vw;
    padding-left: 1em;
    text-indent: -1em; } }
@media screen and (min-width: 769px) {
  .cpn-modal .cpn_coupon__offer li {
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em; } }

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