@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; }

.gdv_art__wrp {
  position: relative;
  text-align: center; }
  .gdv_art__wrp section {
    position: relative; }

@media (max-width: 768px) {
  .title {
    margin: 0 0 5.128vw !important; } }
@media screen and (min-width: 769px) {
  .title {
    margin: 0 0 20px !important; } }

.gdv_lead {
  text-align: center;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif; }
  @media (max-width: 768px) {
    .gdv_lead {
      letter-spacing: -0.1282vw; } }
  @media screen and (min-width: 769px) {
    .gdv_lead {
      font-size: 18px;
      margin: 20px 0 40px;
      line-height: 2; } }
  @media (max-width: 768px) {
    .gdv_lead {
      font-size: 3.4vw;
      margin: 5.128vw 0 7.692vw;
      line-height: 1.7; } }

@media (max-width: 768px) {
  .is__pc_col4 .tmp_nav__lnk {
    padding-bottom: 1.5em !important; } }
@media screen and (min-width: 769px) {
  .is__pc_col4 .tmp_nav__lnk {
    padding-bottom: 1em !important; } }
@media screen and (min-width: 769px) {
  .is__pc_col4 .tmp_nav__lnk .gd_small {
    font-size: 14px !important; } }

.tmp_nav__wrp .tmp_nav__btn {
  color: #fff;
  background-size: contain;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif;
  border-radius: 0.5em; }
  @media (max-width: 768px) {
    .tmp_nav__wrp .tmp_nav__btn {
      background-image: url("/ec/images/shop1/ft_godiva/anchor_sp.png");
      height: 19.231vw; } }
  @media screen and (min-width: 769px) {
    .tmp_nav__wrp .tmp_nav__btn {
      background-image: url("/ec/images/shop1/ft_godiva/anchor_pc.png");
      height: 88px;
      position: relative; } }
  @media (max-width: 768px) {
    .tmp_nav__wrp .tmp_nav__btn {
      letter-spacing: -0.1282vw; } }
  @media (max-width: 768px) {
    .tmp_nav__wrp .tmp_nav__btn.is__full_sp {
      width: 100% !important;
      height: 20vw !important;
      margin-right: 0 !important;
      background-image: url("/ec/images/shop1/ft_godiva/anchor_full_sp.png"); } }
  @media (max-width: 768px) {
    .tmp_nav__wrp .tmp_nav__btn.is__full_sp .tmp__txt {
      margin-bottom: 3vw; } }
  .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk {
    justify-content: center; }
    @media (max-width: 768px) {
      .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk {
        padding: 1.8em 0; } }
    @media screen and (min-width: 769px) {
      .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk {
        padding: 1.3em 0; } }
    .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk::before {
      content: none !important; }
    .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk.is__naire, .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk.is__limited {
      position: relative;
      padding: 2.2em 0 1.6em 0; }
    .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch {
      position: absolute;
      top: 0;
      color: #AC7C30;
      background-color: #fff;
      display: block;
      padding: 3px 4px 1px 4px;
      border-radius: 0 0 5px 5px; }
      @media screen and (min-width: 769px) {
        .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch.is__naire {
          width: 150px; }
        .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch.is__limited {
          width: 147px; } }
      @media (max-width: 768px) {
        .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch.is__naire {
          width: 31vw; }
        .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch.is__limited {
          width: 34vw; } }
      .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch .cross {
        line-height: 0; }
        @media (max-width: 768px) {
          .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch .cross {
            font-size: 2.8vw; } }
        @media screen and (min-width: 769px) {
          .tmp_nav__wrp .tmp_nav__btn .tmp_nav__lnk .is__catch .cross {
            font-size: 14px; } }
@media screen and (min-width: 769px) {
  .tmp_nav__wrp {
    margin-bottom: -40px; }
    .tmp_nav__wrp .tmp__txt {
      font-size: 16px; }
      .tmp_nav__wrp .tmp__txt.is__catch {
        font-size: 14px;
        top: 15px; } }
@media (max-width: 768px) {
  .tmp_nav__wrp {
    margin-bottom: -10vw; }
    .tmp_nav__wrp .tmp__txt {
      font-size: 3.59vw; }
      .tmp_nav__wrp .tmp__txt.is__catch {
        font-size: 2.8vw;
        top: 3vw; } }
.tmp_nav__wrp.gdv_nav__category {
  justify-content: center; }
  @media screen and (min-width: 769px) {
    .tmp_nav__wrp.gdv_nav__category {
      width: 582px;
      margin-bottom: 60px; }
      .tmp_nav__wrp.gdv_nav__category .tmp_nav__btn {
        width: 184px;
        margin-bottom: 10px; }
      .tmp_nav__wrp.gdv_nav__category .tmp_nav__btn:nth-of-type(1), .tmp_nav__wrp.gdv_nav__category .tmp_nav__btn:nth-of-type(2), .tmp_nav__wrp.gdv_nav__category .tmp_nav__btn:nth-of-type(4) {
        margin-right: 10px; }
      .tmp_nav__wrp.gdv_nav__category .tmp_nav__btn:nth-of-type(3), .tmp_nav__wrp.gdv_nav__category .tmp_nav__btn:nth-of-type(5) {
        margin-right: 0; } }
  @media (max-width: 768px) {
    .tmp_nav__wrp.gdv_nav__category {
      margin-bottom: 10vw; }
      .tmp_nav__wrp.gdv_nav__category .tmp_nav__btn:nth-of-type(5) {
        margin-right: 0; }
      .tmp_nav__wrp.gdv_nav__category .tmp_nav__lnk.is__set span {
        line-height: 2; } }
  .tmp_nav__wrp.gdv_nav__category .tmp_nav__lnk {
    padding: 1em 0 1.5em 0; }

.tmp__img {
  z-index: 0 !important; }

@media (max-width: 768px) {
  #num01,
  #num02,
  #num03,
  #num04,
  #num05 {
    padding-top: 9px !important; } }
@media screen and (min-width: 769px) {
  #num01,
  #num02,
  #num03,
  #num04,
  #num05 {
    padding-top: 12px !important; } }

.gdv_art__ttl {
  background-image: url(/ec/images/shop1/ft_godiva/h2_bg.png);
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px) {
    .gdv_art__ttl {
      height: 165px;
      width: 780px;
      margin-top: 100px;
      margin-bottom: 40px; } }
  @media (max-width: 768px) {
    .gdv_art__ttl {
      height: 19.038vw;
      width: 90vw;
      margin: 20vw auto 5vw auto; } }
  .gdv_art__ttl h2 {
    color: #fff;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif; }
    @media (max-width: 768px) {
      .gdv_art__ttl h2 {
        letter-spacing: -0.1282vw; } }
    @media screen and (min-width: 769px) {
      .gdv_art__ttl h2 {
        font-size: 24px;
        padding-top: 50px;
        line-height: 1.5; }
        .gdv_art__ttl h2 span {
          font-size: 44px;
          display: block; }
        .gdv_art__ttl h2 .medium_ttl {
          font-size: 36px; } }
    @media (max-width: 768px) {
      .gdv_art__ttl h2 {
        font-size: 3.2vw;
        padding-top: 5.6vw;
        line-height: 1.4;
        letter-spacing: 0vw !important; }
        .gdv_art__ttl h2 span {
          font-size: 6vw;
          display: block;
          letter-spacing: -0.1282vw; }
        .gdv_art__ttl h2 .medium_ttl {
          font-size: 4.4vw; } }

.gdv__ttl_m {
  color: #AC7C30;
  line-height: 1.5;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif; }
  @media (max-width: 768px) {
    .gdv__ttl_m {
      letter-spacing: -0.1282vw; } }
  @media screen and (min-width: 769px) {
    .gdv__ttl_m {
      font-size: 24px;
      margin-bottom: 20px; }
      .gdv__ttl_m span {
        font-size: 36px;
        display: block; }
      .gdv__ttl_m.is__limited {
        margin-top: 60px; }
      .gdv__ttl_m.la {
        font-family: "Noto Serif JP" !important; } }
  @media (max-width: 768px) {
    .gdv__ttl_m {
      font-size: 4.2vw;
      margin-bottom: 5vw; }
      .gdv__ttl_m span {
        font-size: 5vw;
        display: block; }
      .gdv__ttl_m.is__limited {
        margin-top: 12vw; } }

@media (max-width: 768px) {
  .gdv_sec__img {
    width: 90vw;
    margin: auto; } }

.gdv_sec__ttl {
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center; }
  @media screen and (min-width: 769px) {
    .gdv_sec__ttl {
      width: 780px;
      height: 300px;
      padding-left: 24px; } }
  @media (max-width: 768px) {
    .gdv_sec__ttl {
      width: 90vw;
      height: 34.615vw;
      margin: auto;
      padding-left: 1.5vw; } }
  @media (max-width: 768px) {
    .gdv_sec__ttl.is__wide {
      height: 42vw !important; } }
  @media screen and (min-width: 769px) {
    .gdv_sec__ttl.is__wide {
      height: 390px !important; } }
  .gdv_sec__ttl.is__h3_assortment {
    background-image: url(/ec/images/shop1/ft_godiva/h3_assortment.jpg); }
  .gdv_sec__ttl.is__cookie {
    background-image: url(/ec/images/shop1/ft_godiva/h3_cookie.jpg); }
  .gdv_sec__ttl.is__cake {
    background-image: url(/ec/images/shop1/ft_godiva/h3_cake.jpg); }
  .gdv_sec__ttl.is__chocolate {
    background-image: url(/ec/images/shop1/ft_godiva/h3_chocolate.jpg); }
  .gdv_sec__ttl.is__ice {
    background-image: url(/ec/images/shop1/ft_godiva/h3_ice.jpg); }
  .gdv_sec__ttl.is__set {
    background-image: url(/ec/images/shop1/ft_godiva/h3_set.jpg); }
  .gdv_sec__ttl.is__patisserie {
    background-image: url(/ec/images/shop1/ft_godiva/h3_patisserie.jpg); }
  .gdv_sec__ttl.is__nairegift {
    background-image: url(/ec/images/shop1/ft_godiva/h3_nairegift.jpg); }
  .gdv_sec__ttl.is__nrkr {
    background-image: url(/ec/images/shop1/ft_godiva/h3_narikiri.jpg); }
  .gdv_sec__ttl.is__limited {
    background-image: url(/ec/images/shop1/ft_godiva/h3_limited.jpg);
    padding-left: 0px !important; }
  .gdv_sec__ttl h3 {
    color: #DBCBA4;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.5; }
    @media (max-width: 768px) {
      .gdv_sec__ttl h3 {
        letter-spacing: -0.1282vw; } }
    .gdv_sec__ttl h3 span {
      color: #fff;
      display: block;
      line-height: 1.3; }
  .gdv_sec__ttl.is__limited h3 {
    color: #FDED95;
    white-space: nowrap; }
    @media screen and (min-width: 769px) {
      .gdv_sec__ttl.is__limited h3 {
        width: 380px; } }
    @media (max-width: 768px) {
      .gdv_sec__ttl.is__limited h3 {
        width: 42vw; } }
    .gdv_sec__ttl.is__limited h3 span {
      color: #fff; }
      @media screen and (min-width: 769px) {
        .gdv_sec__ttl.is__limited h3 span {
          font-size: 30px; } }
      @media (max-width: 768px) {
        .gdv_sec__ttl.is__limited h3 span {
          font-size: 3.846vw; } }
  @media screen and (min-width: 769px) {
    .gdv_sec__ttl h3 {
      font-size: 24px;
      width: 320px; }
      .gdv_sec__ttl h3 span {
        font-size: 44px;
        margin-top: 8px; } }
  @media (max-width: 768px) {
    .gdv_sec__ttl h3 {
      font-size: 3vw;
      width: 38.5vw; }
      .gdv_sec__ttl h3 span {
        font-size: 5.3vw;
        margin-top: 2vw; } }

@media (max-width: 768px) {
  .is__h3_assortment h3 span {
    font-size: 4.103vw !important; } }
@media screen and (min-width: 769px) {
  .is__h3_assortment h3 span {
    font-size: 40px !important; } }

@media screen and (min-width: 769px) {
  .gdv_sec__dsc {
    font-size: 16px;
    margin: 20px 0; } }
@media (max-width: 768px) {
  .gdv_sec__dsc {
    font-size: 3.3vw;
    margin: 5vw 0; } }
.gdv_sec__dsc span {
  color: #E16482;
  display: block;
  font-weight: bold; }
  @media (max-width: 768px) {
    .gdv_sec__dsc span {
      font-size: 4.103vw; } }
  @media screen and (min-width: 769px) {
    .gdv_sec__dsc span {
      font-size: 20px; } }

.gdv_sec__btn .gdv_btn {
  background-color: #AC7C30;
  color: #fff !important; }
@media screen and (min-width: 769px) {
  .gdv_sec__btn {
    margin-top: 20px;
    margin-bottom: 60px; } }
@media (max-width: 768px) {
  .gdv_sec__btn {
    margin-bottom: 14vw !important;
    line-height: 1.5;
    padding: 1em 0 !important; } }

@media (max-width: 768px) {
  .gdv_sec__btn--mg {
    margin-bottom: 0 !important; } }
@media screen and (min-width: 769px) {
  .gdv_sec__btn--mg {
    margin-bottom: 20px !important; } }

.gdv_chef__img {
  margin: auto; }

.gdv_chef__dsc {
  color: #AC7C30;
  line-height: 1.3;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif; }
  @media (max-width: 768px) {
    .gdv_chef__dsc {
      letter-spacing: -0.1282vw; } }
  .gdv_chef__dsc span {
    display: block; }

@media screen and (min-width: 769px) {
  .gdv_chef__img {
    width: 200px;
    height: 200px; }

  .gdv_chef__dsc {
    font-size: 24px;
    margin: 20px 0; }
    .gdv_chef__dsc span {
      font-size: 18px; }

  .gdv_chef__note {
    font-size: 12px;
    width: 600px;
    margin: auto; } }
@media (max-width: 768px) {
  .gdv_chef__img {
    width: 28vw;
    height: 28vw; }

  .gdv_chef__dsc {
    font-size: 5vw;
    margin: 5vw auto;
    width: 90vw; }
    .gdv_chef__dsc span {
      font-size: 3.3vw; }

  .gdv_chef__note {
    font-size: 3vw;
    width: 90vw;
    margin: auto;
    text-align: left; } }
.gdv_kodawari_ttl {
  background-color: #F5F0DC;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5; }
  .gdv_kodawari_ttl.is__cacao {
    background-image: url(/ec/images/shop1/ft_godiva/kodawari_cacao.jpg); }
  .gdv_kodawari_ttl.is__recipe {
    background-image: url(/ec/images/shop1/ft_godiva/kodawari_recipe.jpg); }
  .gdv_kodawari_ttl.is__design {
    background-image: url(/ec/images/shop1/ft_godiva/kodawari_design.jpg); }
  .gdv_kodawari_ttl h3 {
    color: #AC7C30;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif; }
    @media (max-width: 768px) {
      .gdv_kodawari_ttl h3 {
        letter-spacing: -0.1282vw; } }

.gdv_kodawari_dsc {
  text-align: left;
  line-height: 1.5; }

@media screen and (min-width: 769px) {
  .gdv_kodawari_li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px;
    flex-wrap: wrap; }
    .gdv_kodawari_li .gdv_kodawari_ttl {
      width: 49%;
      height: 110px;
      padding-left: 110px;
      background-size: 110px;
      font-size: 20px; }
    .gdv_kodawari_li .gdv_kodawari_dsc {
      width: 50%;
      padding-left: 10px;
      font-size: 14px; } }
@media (max-width: 768px) {
  .gdv_kodawari_li {
    width: 90vw;
    margin: 0 auto 14vw auto; }
    .gdv_kodawari_li .gdv_kodawari_ttl {
      height: 28vw;
      padding-left: 28vw;
      background-size: 28vw;
      font-size: 5vw;
      margin-bottom: 5vw; }
    .gdv_kodawari_li .gdv_kodawari_dsc {
      font-size: 3.3vw; } }
.gdv__la {
  background-color: #fff; }
  @media (max-width: 768px) {
    .gdv__la {
      padding: 2.564vw;
      border-radius: 2.564vw;
      margin: 0 5.128vw; } }
  @media screen and (min-width: 769px) {
    .gdv__la {
      padding: 20px;
      border-radius: 20px; } }
  .gdv__la .gdv__la_img {
    width: 100%; }
  .gdv__la .gdv__la_link {
    position: relative;
    text-align: center;
    color: #F05C80;
    font-family: "Yu Gothic";
    font-weight: 700; }
    @media (max-width: 768px) {
      .gdv__la .gdv__la_link {
        font-size: 3.077vw;
        line-height: 3.077vw;
        padding-top: 2.564vw; } }
    @media screen and (min-width: 769px) {
      .gdv__la .gdv__la_link {
        font-size: 22px;
        line-height: 29px;
        padding-top: 20px; } }
    .gdv__la .gdv__la_link:hover {
      transition: all .2s ease-out;
      opacity: 0.6; }
    @media screen and (min-width: 769px) {
      .gdv__la .gdv__la_link:before {
        content: "";
        position: absolute;
        border-top: 3px solid #F05C80;
        border-right: 3px solid #F05C80;
        width: 13px;
        height: 13px;
        transform: rotate(45deg);
        right: 150px;
        top: 26px; } }

.gdv__offer {
  font-family: "Yu Gothic";
  font-weight: 400;
  color: #5B5557;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em; }
  @media (max-width: 768px) {
    .gdv__offer {
      font-size: 3.077vw;
      line-height: 4.103vw;
      margin: 0 5.128vw 5.128vw; } }
  @media screen and (min-width: 769px) {
    .gdv__offer {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 20px; } }

.godiva_fixed a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
  color: #fff !important;
  background-color: #854732;
  position: fixed;
  right: 0;
  z-index: 20;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl; }
  @media (max-width: 768px) {
    .godiva_fixed a {
      font-size: 3.59vw;
      width: 9.231vw;
      height: 68.205vw;
      border-radius: 2.564vw 0 0 2.564vw;
      top: 99.231vw; } }
  @media screen and (min-width: 769px) {
    .godiva_fixed a {
      transition: all .3s ease;
      font-size: 18px;
      width: 50px;
      height: 362px;
      border-radius: 10px 0 0 10px;
      top: 253px; } }
  .godiva_fixed a .godiva_fixed__txt {
    position: relative;
    padding-top: 20px; }
    .godiva_fixed a .godiva_fixed__txt::before {
      width: 8px;
      height: 8px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      content: "";
      position: absolute;
      right: 50%;
      top: 0; }
      @media (max-width: 768px) {
        .godiva_fixed a .godiva_fixed__txt::before {
          -webkit-transform: translateX(50%) rotate(315deg); } }
      @media screen and (min-width: 769px) {
        .godiva_fixed a .godiva_fixed__txt::before {
          transform: translateX(50%) rotate(315deg); } }

.godiva_fixed__off {
  display: none; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown; }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp; }

.close-btn {
  background: none; }

.content-wrap {
  max-width: 90%;
  height: 110px;
  overflow: hidden;
  position: relative;
  margin: 0 auto 20px; }

.content-wrap::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 40px;
  z-index: 10;
  background: linear-gradient(0deg, #f3f3f3, transparent);
  background-size: 100% 100%;
  bottom: 0;
  left: 0; }

.content-wrap.slide-down::after {
  display: none; }

.more-btn p {
  text-align: center;
  color: #707070;
  font-size: 18px;
  cursor: pointer;
  padding: 5px 0px 15px;
  margin: 20px auto 20px;
  background: url(/ec/images/shop1/ft_winter_gift/top-banner/toggle_arrow.png) no-repeat bottom center;
  background-size: 12px 8px; }

.content-txt {
  color: #707070;
  font-size: 14px;
  line-height: 20px; }

.slide-up {
  position: relative;
  height: 110px;
  padding-bottom: 0;
  overflow: hidden; }

.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 0px; }

.is__red {
  color: red; }

@media (max-width: 768px) {
  .is__monthly {
    margin-bottom: 2.56vw; } }
@media screen and (min-width: 769px) {
  .is__monthly {
    margin-bottom: 17px; } }

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