@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1500px);
            transform: translateX(-1500px);
  }
  100% {
    -webkit-transform: translateX(-160px);
            transform: translateX(-160px);
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1500px);
            transform: translateX(-1500px);
  }
  100% {
    -webkit-transform: translateX(-160px);
            transform: translateX(-160px);
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1500px);
            transform: translateX(1500px);
  }
  100% {
    -webkit-transform: translateX(-160px);
            transform: translateX(-160px);
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1500px);
            transform: translateX(1500px);
  }
  100% {
    -webkit-transform: translateX(-160px);
            transform: translateX(-160px);
  }
}
/************************************************************ 
    contents common
***********************************************************/
.container {
  overflow: hidden;
}
.container .top {
  padding-top: 15.8rem;
}
.container .top_tit {
  font-size: 7.2rem;
  line-height: 1.2;
  letter-spacing: -0.216rem;
}
.container .top_tit .f_lato {
  display: block;
  padding-bottom: 1.8rem;
  font-size: 10rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.3rem;
}
.container .top_tit.small {
  font-size: 3.4rem;
  line-height: 1.5;
  letter-spacing: -0.102rem;
}
.container .content {
  padding-top: 12rem;
}
.container .content h3 {
  font-size: 4.6rem;
  font-weight: 700;
}
.container .content div, .container .content p, .container .content span, .container .content li, .container .content strong, .container .content em {
  font-size: 1.8rem;
  vertical-align: baseline;
}
.container .content .inner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container .content_head {
  width: 30.4rem;
}
.container .content_head_tit {
  line-height: 1.5;
  letter-spacing: -0.138rem;
}
.container .content_head .f_lato {
  line-height: 1.5;
  font-size: 5.2rem;
}
.container .content_head + .content_txt {
  width: calc(100% - 30.4rem);
}

/************************************************************ 
    membership
***********************************************************/
#membership .inner *[class$=_tit] {
  color: #000;
}
#membership .top {
  position: relative;
}
#membership .top_txt {
  padding: 8rem 10rem 16rem;
  font-size: 3.2rem;
  font-weight: 400;
  color: #000;
  line-height: 1.6;
  letter-spacing: -0.096rem;
}
#membership .top .content_bg img {
  position: absolute;
}
#membership .top .content_bg img:nth-of-type(1) {
  top: 0rem;
  right: 6rem;
  z-index: -1;
}
#membership .top .content_bg img:nth-of-type(2) {
  top: 17rem;
  right: -14.2rem;
  z-index: -2;
}
#membership .top_area {
  padding-top: 26rem;
  background-color: #00172F;
}
#membership .top_area .tit {
  width: 86rem;
  height: 25.8rem;
  position: relative;
  color: #fff;
  margin: 0 auto;
}
#membership .top_area .tit h2 span {
  display: block;
  text-transform: uppercase;
}
#membership .top_area .tit h2 span.f_lato {
  font-size: 10rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -3px;
}
#membership .top_area .tit h2 span.f_noto {
  font-size: 72px;
  font-weight: 500;
  line-height: 122.222%;
  letter-spacing: -2.16px;
}
#membership .top_area .tit p {
  position: absolute;
  top: 15.5rem;
  left: 25rem;
  font-size: 32px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.96px;
  word-break: keep-all;
}
#membership .top_area .tit p .f_lato {
  vertical-align: baseline;
  font-weight: 500;
}
#membership .top_area .list_show {
  margin-top: 18.5rem;
  display: grid;
  grid-template-rows: repeat(3, auto);
}
#membership .top_area .list_show ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
#membership .top_area .list_show ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 47.8rem;
  height: 12.6rem;
  font-family: "Lato", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#membership .top_area .list_show ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
#membership .top_area .list_show ul li.bg_pink::before {
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 478 126'><path d='M433.5 0H0.5V126H433.5L478 63L433.5 0Z' fill='rgba(232, 70, 138, 1)'/></svg>") no-repeat;
}
#membership .top_area .list_show ul li.bg_blue::before {
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 478 126'><path d='M433.5 0H0.5V126H433.5L478 63L433.5 0Z' fill='rgba(11, 99, 163, 1)'/></svg>") no-repeat;
}
#membership .top_area .list_show ul li.bg_white::before {
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 478 126'><path d='M433.5 0H0.5V126H433.5L478 63L433.5 0Z' fill='rgba(246, 246, 246, 1)'/></svg>") no-repeat;
}
#membership .top_area .list_show ul li.bg_gray::before {
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 478 126'><path d='M433.5 0H0.5V126H433.5L478 63L433.5 0Z' fill='rgba(179, 177, 178, 1)'/></svg>") no-repeat;
}
#membership .top_area .list_show ul li::after {
  position: absolute;
  top: 50%;
  right: 5rem;
  display: block;
  content: "";
  width: 4.4rem;
  height: 3.5rem;
  margin-top: -1.75rem;
  background: url(../../resource/images/membership/list_show_arrow.svg) no-repeat;
}
#membership .top_area .list_show ul li span,
#membership .top_area .list_show ul li strong {
  position: relative;
  z-index: 1;
  display: block;
  text-transform: uppercase;
  padding: 0 5.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#membership .top_area .list_show ul li span {
  font-size: 1.4rem;
  color: #333;
  font-weight: 500;
  line-height: 180%;
}
#membership .top_area .list_show ul li strong {
  font-family: "Lato", sans-serif;
  font-size: 3.2rem;
  color: #000;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.96px;
}
#membership .top_area .list_show ul:nth-child(1) {
  -webkit-animation: slide-in-left 5s ease both;
          animation: slide-in-left 5s ease both;
}
#membership .top_area .list_show ul:nth-child(3) {
  -webkit-animation: slide-in-left 5s ease both;
          animation: slide-in-left 5s ease both;
}
#membership .top_area .list_show ul:nth-child(2) {
  -webkit-animation: slide-in-right 5s ease both;
          animation: slide-in-right 5s ease both;
}
#membership .top_area .list_show ul:nth-child(2) li::before, #membership .top_area .list_show ul:nth-child(2) li::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
#membership .top_area .list_show ul:nth-child(2) li::after {
  left: 5rem;
}
#membership .top_area .list_show ul:nth-child(2) li span,
#membership .top_area .list_show ul:nth-child(2) li strong {
  text-align: right;
}
#membership ul.bullet.fc_gray > li, #membership ul.bullet .fc_gray {
  color: #808080;
}
#membership ul.bullet li {
  position: relative;
  padding-left: 1.4rem;
}
#membership ul.bullet li::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  background: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.24219' width='6' height='6' transform='rotate(45 4.24219 0)' fill='black'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: 5px;
}
#membership .content {
  padding-top: 0;
}
#membership .content > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8rem 0;
}
#membership .content_head {
  width: 40.8rem;
}
#membership .content_head.type2 {
  width: 33.2rem;
}
#membership .content_head_tit {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.12rem;
}
#membership .content_head_tit span {
  font-family: "Lato", sans-serif;
  font-size: 4rem;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  padding-right: 2.7rem;
}
#membership .content_txt {
  width: calc(100% - 40.8rem);
}
#membership .content_txt.type2 {
  width: calc(100% - 33.2rem);
}
#membership .content_txt_desc_tit {
  margin-bottom: 1.6rem;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -1.02px;
}
#membership .content_txt_desc p, #membership .content_txt_desc ul, #membership .content_txt_desc li {
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.054rem;
}
#membership .content_txt_desc p {
  color: #000;
}
#membership .content_txt_desc p span {
  font-size: 1.8rem;
  display: block;
  color: #808080;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.54px;
}
#membership .content_txt_desc .txt_details dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3rem;
  margin-bottom: 0.8rem;
}
#membership .content_txt_desc .txt_details dl dt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 6.5rem;
  font-size: 1.8rem;
  color: #001B37;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: -0.54px;
}
#membership .content_txt_desc .txt_details dl dd {
  color: #000;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: -0.054rem;
}
#membership .content_txt_desc .bullet {
  margin-top: 1.6rem;
}
#membership .content > div:first-child .content_txt_desc + .content_txt_desc {
  margin-top: 5rem;
}
#membership .content > div:first-child .content_txt_desc ul {
  margin-top: 1.6rem;
}
#membership .content_info {
  padding-bottom: 12rem;
}
#membership .content_info > div .content_txt_desc:nth-child(2) {
  margin-top: 5rem;
}
#membership .content_info > div:first-child {
  padding: 15.6rem 0 8rem 0;
}
#membership .content_info > div:nth-child(2) .content_txt_desc ul {
  margin-top: 0.7rem;
}
#membership .content_info .content_head_tit {
  font-size: 4.6rem;
  font-weight: 700;
  letter-spacing: -1.38px;
}
#membership .content_info .content_head_tit span {
  padding-right: 0.9rem;
  vertical-align: baseline;
  font-size: 5.2rem;
}
#membership .content_info .content_txt_desc .btn_popup {
  font-size: 1.4rem;
  letter-spacing: -0.42px;
  padding: 0 0 0 0;
  margin-top: 2.3rem;
  border-bottom: 1px solid #000;
  cursor: pointer;
}
#membership .content_giftcard {
  padding-bottom: 20rem;
}
#membership .content_giftcard > div {
  border-top: 1px solid #000;
}
#membership .content_giftcard > div:nth-child(2) .content_txt_desc + .content_txt_desc {
  margin-top: 6.6rem;
}
#membership .content_giftcard > div:nth-child(2) .content_txt_desc ul {
  margin-top: 1.2rem;
}
#membership .content_giftcard > div:nth-child(3) .content_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#membership .content_giftcard > div:nth-child(3) .content_txt_desc {
  width: calc((100% - 2.4rem) / 2);
}
#membership .content_giftcard > div:nth-child(3) .content_txt_desc_tit {
  margin-bottom: 1.8rem;
}
#membership .content_giftcard > div:nth-child(3) .content_txt .btn_primary {
  max-width: 28.3rem;
  margin-top: 5rem;
  background-color: #000;
  color: #fff;
}
#membership .content_giftcard .content_head_tit {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -0.12rem;
}
#membership .notice_wrap {
  padding: 6rem 0;
  background-color: #F6F8F9;
  line-height: 1.6;
}
#membership .notice_wrap .inner {
  padding-left: 9rem;
  background: url("../images/icon/icon_caution_black.svg") left top no-repeat;
  background-size: 7rem 6rem;
}
#membership .notice_tit {
  font-size: 1.8rem;
  letter-spacing: -0.054rem;
}
#membership .notice_list li {
  margin-top: 0.6rem;
  padding-left: 1.3rem;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.048rem;
  color: #808080;
}
#membership .notice_list li::before {
  -webkit-transform: none !important;
          transform: none !important;
  top: 1.2rem !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
}

html[lang=en] #membership .top_area {
  padding-top: 15.8rem;
}
html[lang=en] #membership .top_area .tit {
  margin: 0;
  width: auto;
  height: auto;
}
html[lang=en] #membership .top_area .tit p {
  position: static;
  padding: 8rem 0 0 10rem;
  white-space: initial;
}
html[lang=en] #membership .top_area .list_show {
  top: 16.5rem;
}
html[lang=en] #membership .content_info div:nth-child(3) .content_head_tit {
  padding-right: 10rem;
}
html[lang=en] #membership ul.bullet li::before {
  top: 1.8rem;
}
html[lang=en] #membership .content_giftcard > div:nth-child(3) .content_txt .content_txt_desc:nth-child(2) .btn_primary {
  min-width: 34rem;
}
html[lang=en] #membership .content_txt_desc .txt_details dl dt {
  min-width: 13.5rem;
}

#popup_giftcard_check .popup_content {
  width: 55.8rem;
}
#popup_giftcard_check .popup_content_txt p, #popup_giftcard_check .popup_content_txt strong {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.054rem;
  color: #333;
}
#popup_giftcard_check .popup_content_txt .input_area {
  position: relative;
  padding: 4rem 0;
}
#popup_giftcard_check .popup_content_txt .input_area strong {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  margin-bottom: 20px;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input {
  display: inline-block;
  width: 9rem;
  height: 4rem;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input.custom_input_card {
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.125;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input::-webkit-outer-spin-button,
#popup_giftcard_check .popup_content_txt .input_area .form_row input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row .bar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row .bar:before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.1rem;
  background: #000;
}
#popup_giftcard_check .popup_content_txt .btn_primary {
  background: #000;
  line-height: 1.7;
}

#popup_store_save .popup_content_txt > div + div, #popup_store_use .popup_content_txt > div + div {
  margin-top: 3.2rem;
}
#popup_store_save .popup_content_txt > div h3, #popup_store_use .popup_content_txt > div h3 {
  margin-bottom: 0.8rem;
}
#popup_store_save .popup_content_txt > div h3.f_lato, #popup_store_use .popup_content_txt > div h3.f_lato {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.0909090909;
}
#popup_store_save .popup_content_txt > div p, #popup_store_use .popup_content_txt > div p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.054rem;
  color: #333;
}
#popup_store_save .popup_content_txt_desc, #popup_store_use .popup_content_txt_desc {
  position: relative;
  padding: 3rem 3rem 3rem 12rem;
  background: #F6F8F9;
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.048rem;
  line-height: 1.8;
}
#popup_store_save .popup_content_txt_desc:before, #popup_store_use .popup_content_txt_desc:before {
  display: block;
  content: "";
  position: absolute;
  left: 3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 7rem;
  height: 6rem;
  background: url("../images/icon/icon_caution_black.svg") no-repeat;
  background-size: cover;
}
#popup_store_save .popup_content_txt_desc ul, #popup_store_save .popup_content_txt_desc li, #popup_store_use .popup_content_txt_desc ul, #popup_store_use .popup_content_txt_desc li {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
#popup_store_save .popup_content_txt_desc li, #popup_store_use .popup_content_txt_desc li {
  position: relative;
  padding-left: 1.3rem;
}
#popup_store_save .popup_content_txt_desc li:before, #popup_store_use .popup_content_txt_desc li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url("../images/icon/icon_bullet_dia.svg") no-repeat;
  background-size: cover;
}
#popup_store_save .popup_content_txt_desc li.fc_gray, #popup_store_use .popup_content_txt_desc li.fc_gray {
  color: #808080;
}
#popup_store_save .popup_content_txt_desc li + li, #popup_store_use .popup_content_txt_desc li + li {
  margin-top: 0.4rem;
}

#popup_giftcard_check .popup_content {
  width: 55.8rem;
}
#popup_giftcard_check .popup_content_txt p, #popup_giftcard_check .popup_content_txt strong {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.054rem;
  color: #333;
}
#popup_giftcard_check .popup_content_txt .input_area {
  position: relative;
  padding: 4rem 0;
}
#popup_giftcard_check .popup_content_txt .input_area strong {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  margin-bottom: 20px;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input {
  display: inline-block;
  width: 9rem;
  height: 4rem;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input.custom_input_card {
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.125;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input::-webkit-outer-spin-button,
#popup_giftcard_check .popup_content_txt .input_area .form_row input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row input[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row .bar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
}
#popup_giftcard_check .popup_content_txt .input_area .form_row .bar:before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.1rem;
  background: #000;
}
#popup_giftcard_check .popup_content_txt .btn_primary {
  background: #000;
  line-height: 1.7;
}

.app-link {
  padding: 6rem 0;
  background-color: #F6F8F9;
}
.app-link .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.app-link .title {
  min-height: 173px;
  margin-left: 33.2rem;
}
.app-link .title h3 {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #333;
}
.app-link .title h3 strong {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  vertical-align: top;
}
.app-link .title .desc {
  display: block;
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #808080;
}
.app-link .down-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
}
.app-link .down-group a {
  position: relative;
  display: inline-block;
  width: 21rem;
  height: 21rem;
  padding: 13.8rem 2rem 1.4rem;
  border: 1px solid #d8d8d8;
  border-radius: 0.6rem;
}
.app-link .down-group a * {
  color: #333;
}
.app-link .down-group a span {
  position: relative;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.042rem;
}
.app-link .down-group a span::before {
  position: absolute;
  content: "";
  display: block;
  height: 0.1rem;
  width: 17rem;
  background: #d8d8d8;
  top: -1.2rem;
}
.app-link .down-group a strong {
  display: inline-block;
  margin-top: -0.6rem;
  padding-right: 3rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.066em;
  background: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1791_25129)'%3E%3Cline x1='3' y1='17' x2='19' y2='17' stroke='%23333' stroke-width='2'/%3E%3Cpath d='M11 0L11 12' stroke='%23333' stroke-width='2'/%3E%3Cpath d='M17 6L11 12L5 6' stroke='%23333' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1791_25129'%3E%3Crect width='22' height='18' fill='%23333'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 100% 50%;
  background-size: 2.2rem auto;
}
.app-link .down-group a.btn-a {
  background: #fff url(../images/icon/qr_apple.png) no-repeat center 1.4rem/10rem;
}
.app-link .down-group a.btn-a::after {
  width: 3.52rem;
  height: 4.4rem;
  background: url("data:image/svg+xml,%3Csvg width='56' height='70' viewBox='0 0 56 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.4317 36.7649C45.4959 31.7339 48.1063 27.0869 52.3485 24.4518C49.6601 20.5726 45.3187 18.2013 40.634 18.0532C35.7052 17.5305 30.927 21.033 28.4154 21.033C25.8552 21.033 21.9882 18.1051 17.8241 18.1916C12.3452 18.3705 7.36118 21.4415 4.69558 26.2812C-0.980918 36.211 3.25324 50.8045 8.69085 58.831C11.4114 62.7614 14.5909 67.1517 18.7513 66.996C22.8225 66.8254 24.343 64.373 29.2572 64.373C34.1259 64.373 35.5524 66.996 39.7972 66.897C44.1658 66.8253 46.9182 62.9492 49.5433 58.9816C51.498 56.1811 53.0021 53.0859 54 49.8107C48.8115 47.5935 45.4378 42.4567 45.4317 36.7649Z' fill='%23333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.6462 12.4276C40.0574 9.51733 41.2454 5.77667 40.9577 2C37.2739 2.38901 33.8711 4.15918 31.4273 6.95779C29.0142 9.719 27.7917 13.3314 28.0291 16.9993C31.7623 17.038 35.3069 15.353 37.6462 12.4276Z' fill='%23333'/%3E%3C/svg%3E%0A") no-repeat;
  background-size: 100%;
}
.app-link .down-group a.btn-g {
  background: #fff url(../images/icon/qr_google.png) no-repeat center 1.4rem/10rem;
}
.app-link .down-group a.btn-g::after {
  width: 3.699rem;
  height: 4.2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='42' viewBox='0 0 38 42' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.49509 0.648672C1.02824 1.15202 0.753906 1.93156 0.753906 2.94317V39.057C0.753906 40.0686 1.02824 40.8481 1.49509 41.3515L1.61381 41.4692L21.4734 21.2387V20.7615L1.61381 0.531006L1.49509 0.648672Z' fill='%2300D7FE'/%3E%3Cmask id='mask0_6627_35610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='21' y='14' width='17' height='14'%3E%3Cpath d='M28.0786 27.9851L21.4609 21.2389V20.7617L28.0819 14.0171L36.0744 18.642C38.314 19.9396 38.314 22.0609 36.0744 23.3569L28.2311 27.8968L28.0786 27.9851Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6627_35610)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.0786 27.9851L21.4609 21.2389V20.7617L28.0819 14.0171L36.0744 18.642C38.314 19.9396 38.314 22.0609 36.0744 23.3569L28.2311 27.8968L28.0786 27.9851Z' fill='url(%23paint0_linear_6627_35610)'/%3E%3C/g%3E%3Cmask id='mask1_6627_35610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='20' width='28' height='22'%3E%3Cpath d='M28.2367 27.8964L21.4665 20.9999L1.48828 41.3513C2.22786 42.1472 3.44712 42.2452 4.8204 41.451L28.2367 27.8964Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_6627_35610)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.2367 27.8966L21.4665 21L1.48828 41.3514C2.22786 42.1473 3.44712 42.2454 4.8204 41.4511L28.2367 27.8966Z' fill='url(%23paint1_linear_6627_35610)'/%3E%3C/g%3E%3Cmask id='mask2_6627_35610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='0' width='28' height='21'%3E%3Cpath d='M28.2367 14.1034L4.8204 0.548877C3.44712 -0.245373 2.22786 -0.147317 1.48828 0.648566L21.4665 21L28.2367 14.1034Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_6627_35610)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.2367 14.1034L4.8204 0.548877C3.44712 -0.245373 2.22786 -0.147317 1.48828 0.648566L21.4665 21L28.2367 14.1034Z' fill='url(%23paint2_linear_6627_35610)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6627_35610' x1='34.6174' y1='21.0008' x2='21.4609' y2='21.0008' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBC00'/%3E%3Cstop offset='1' stop-color='%23FFDA03'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_6627_35610' x1='24.5574' y1='27.4893' x2='7.12966' y2='41.591' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E22652'/%3E%3Cstop offset='1' stop-color='%23FF3A44'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_6627_35610' x1='4.51344' y1='3.09859' x2='16.1464' y2='13.1399' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230ED574'/%3E%3Cstop offset='1' stop-color='%2307F076'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
}
.app-link .down-group a::after {
  content: "";
  display: block;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}

html[lang=en] .app-link .down-group a span {
  display: block;
  height: 100%;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}
html[lang=en] .app-link .down-group a strong {
  display: none;
}
html[lang=en] .app-link .down-group a.btn-a::after {
  right: auto;
  left: 2rem;
}
html[lang=en] .app-link .down-group a.btn-a span {
  background: url("../images/icon/en_app_apple_txt.png") no-repeat 4.62rem center;
  background-size: 11.9rem 4.2rem;
}
html[lang=en] .app-link .down-group a.btn-g::after {
  right: auto;
  left: 2rem;
}
html[lang=en] .app-link .down-group a.btn-g span {
  background: url("../images/icon/en_app_google_txt.png") no-repeat 4.1rem center;
  background-size: 12.7rem 4.2rem;
}

/************************************************************ 
    contents mypage.scss copy
***********************************************************/
.point {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 2.8rem !important;
  color: #E8468A !important;
}
.point.minus {
  color: #0066FF !important;
}

#popup_history .point {
  -ms-flex-item-align: start;
      align-self: flex-start;
  color: #000 !important;
}

.btn-show-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 10rem;
  height: 3.4rem;
  padding: 0.6rem 2rem;
}
.btn-show-more span {
  display: inline-block;
  padding-right: 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: -0.03em;
  background: url(../images/icon/icon_plus.svg) no-repeat 100% 50%;
  background-size: 1.2rem;
}

#popup_history .card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4rem;
}
#popup_history .card-wrap img {
  width: 26rem;
  height: auto;
}
#popup_history .card-wrap .card-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
#popup_history .card-wrap .card-info .card-number span {
  display: inline-block;
  position: relative;
  font-family: "Lato";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4remm;
  color: #808080;
}
#popup_history .card-wrap .card-info .card-number span + span {
  margin-left: 1rem;
  padding-left: 1.5rem;
}
#popup_history .card-wrap .card-info .card-number span + span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 1px;
  background: #808080;
}
#popup_history .card-wrap .card-info .card-price {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.03em;
}
#popup_history .card-wrap .card-info .card-price strong {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 3.7rem;
  vertical-align: bottom;
}
#popup_history .sort-box {
  margin: 4rem 0 0;
  padding: 4rem;
  background-color: #F6F8F9;
}
#popup_history .sort-box .tit {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.03em;
}
#popup_history .sort-box .period_lookup .form_area .period_area .btn_period {
  width: 6.5rem;
  height: 3rem;
  font-size: 1.4rem;
  background: #fff;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area {
  margin-left: 2rem;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .calendar {
  width: 16rem;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .calendar .input_calendar {
  height: 3rem;
  background-color: transparent;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .btn_search {
  margin-left: 2rem;
  width: 7.2rem;
  height: 3rem;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .btn_search strong {
  font-size: 1.4rem;
  letter-spacing: -0.03em;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .btn_search strong::before {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.4rem;
  background: url(../images/icon/icon_search_w.svg) no-repeat 50% 50%;
  background-size: 18px;
}
#popup_history .his-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.6rem 2rem;
  border-bottom: 1px solid #DADADA;
  gap: 2rem;
}
#popup_history .his-list li:first-child {
  margin-top: 4rem;
  border-top: 1px solid #DADADA;
}
#popup_history .his-list li.empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10rem 0;
  color: #808080;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.054rem;
}
#popup_history .his-list li .data strong {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.03em;
}
#popup_history .his-list li .data .date {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #808080;
}
#popup_history .btn-show-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 4rem auto 0;
}

html[lang=en] #popup_history .sort-box .period_lookup .form_area .period_area .btn_period {
  width: 8rem;
}
html[lang=en] #popup_history .sort-box .period_lookup .form_area .lookup_area .calendar {
  width: 15.05rem;
}
html[lang=en] #popup_history .sort-box .period_lookup .form_area .btn_search {
  margin-left: 2rem;
  width: 8.6rem;
}/*# sourceMappingURL=membership.css.map */