@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");
:root {
  --primary-color: #d80c18;
  --second-color: #3a3a3a;
  --third-color: #fc9a00;
  --fourth-color: #160a0a;
  --primary-color-light: #fff8f4;
  --primary-color-dark: #901300;
}

a:hover {
  color: var(--primary-color-dark);
}

.main {
  padding-top: 0;
  padding-bottom: 2rem;
  color: #5b5b5b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(14.9%, #d93a2b), to(#8d0c00));
  background: linear-gradient(180deg, #d93a2b 14.9%, #8d0c00 100%);
}
@media (max-width: 62em) {
  .main {
    padding-top: 1px;
  }
}
.main-body h5 {
  color: #b1010e;
}

#deco1 {
  position: absolute;
  top: 35%;
  left: 5%;
}
@media (max-width: 75em) {
  #deco1 {
    display: none;
  }
}

#deco2 {
  position: absolute;
  top: 55%;
  right: 5%;
}
@media (max-width: 75em) {
  #deco2 {
    display: none;
  }
}

#deco3 {
  position: absolute;
  top: 70%;
  left: 5%;
}
@media (max-width: 75em) {
  #deco3 {
    display: none;
  }
}

.banner {
  width: 100%;
}
.banner.ewc {
  padding-bottom: 2.5rem;
}
@media (max-width: 75em) {
  .banner.ewc {
    padding-bottom: 0;
  }
}

.btn-notice {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8rem 3rem;
  background: #ffffff;
  border: 0.5px solid #3d3d3d;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  text-decoration: none;
  color: #3d3d3d;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.btn-notice:hover {
  background: #f7efef;
}

.notice-frame {
  margin: -4rem auto 1rem auto;
  background-color: white;
  border-radius: 10px;
  padding: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 1rem;
  z-index: 2;
  position: relative;
}
@media (max-width: 75em) {
  .notice-frame {
    margin-top: 0;
  }
}
@media (max-width: 62em) {
  .notice-frame {
    margin-top: 1.5rem;
  }
}

.wrap-frame {
  background-color: white;
  border-radius: 0px 0px 10px 10px;
  padding: 1rem;
  overflow: hidden;
}

.type-block {
  width: 100%;
  padding: 1rem 0;
  border: 1px solid #901300;
  border-radius: 10px 10px 0px 0px;
  background-color: #901300;
  color: #fff;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 48em) {
  .type-block {
    border-width: 2px;
  }
}
@media (max-width: 36em) {
  .type-block {
    padding: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0px;
  }
}
.type-block h2 {
  font-size: 1.5rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.type-block h2 .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.5rem;
  width: 30px;
  height: 30px;
  background-color: white;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 48em) {
  .type-block h2 .icon {
    display: none;
  }
}
@media (max-width: 48em) {
  .type-block h2 {
    font-size: 1.25rem;
  }
}
.type-block.active {
  background: white;
  color: #901300;
  border-color: white;
}
.type-block.active h2 .icon {
  background-color: #901300;
}

.icon-plane {
  width: 37px;
  height: 37px;
  --svg-plane: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1589 11.601L1.52353 7.43854C0.906863 7.1559 0.528127 6.69957 0.387321 6.06954C0.246516 5.43951 0.419696 4.88092 0.906863 4.39375L1.52353 3.77708C1.72909 3.57153 1.97986 3.41736 2.27586 3.31458C2.57186 3.21181 2.87352 3.18611 3.18082 3.2375L17.0558 5.70417L21.835 0.886458C22.426 0.295486 23.1521 0 24.0134 0C24.8746 0 25.6003 0.295486 26.1902 0.886458C26.7801 1.47743 27.0756 2.20356 27.0767 3.06483C27.0777 3.92611 26.7822 4.65172 26.1902 5.24167L21.411 10.0594L23.8392 23.8958C23.8905 24.2042 23.871 24.5125 23.7806 24.8208C23.6901 25.1292 23.5426 25.3861 23.3381 25.5917L22.7214 26.1698C22.2332 26.658 21.668 26.8378 21.0256 26.7094C20.3832 26.5809 19.9207 26.2083 19.6381 25.5917L15.5142 15.9563L11.5829 19.849L12.4308 24.6281C12.4822 24.8851 12.4694 25.1358 12.3923 25.3805C12.3152 25.6251 12.1867 25.8368 12.0069 26.0156L11.3517 26.6708C10.9919 27.0306 10.549 27.1719 10.0227 27.0948C9.49652 27.0177 9.10442 26.7479 8.84645 26.2854L6.0329 21.0823L0.829779 18.2687C0.367279 18.0118 0.0974877 17.6202 0.0204044 17.094C-0.0566789 16.5678 0.0846407 16.1243 0.444363 15.7635L1.09957 15.1083C1.27943 14.9285 1.49167 14.8 1.73628 14.7229C1.98089 14.6458 2.23115 14.633 2.48707 14.6844L7.2277 15.4937L11.1589 11.601Z' fill='%23901300'/%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--svg-plane);
  mask-image: var(--svg-plane);
}

.icon-gift {
  width: 37px;
  height: 37px;
  --svg-gift: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6055 17.917C13.3241 19.1034 12.6499 20.1599 11.6934 20.916C10.7367 21.6722 9.55245 22.0843 8.33301 22.084C8.00166 22.0841 7.68355 22.215 7.44922 22.4492C7.2148 22.6836 7.08301 23.0025 7.08301 23.334C7.08312 23.6654 7.21489 23.9835 7.44922 24.2178C7.68356 24.4521 8.00162 24.5839 8.33301 24.584C9.80377 24.5842 11.246 24.1746 12.4971 23.4014C13.7482 22.628 14.7596 21.5208 15.417 20.2051V33.334C8.38539 33.3257 4.75043 33.1999 2.44043 30.8916C0.133772 28.5833 0.00666757 24.9469 0 17.917H13.6055ZM33.333 17.917C33.3247 24.9468 33.1998 28.5849 30.8916 30.8916C28.5833 33.1999 24.9468 33.3256 17.917 33.334V20.2051C18.5744 21.5208 19.5848 22.628 20.8359 23.4014C22.0871 24.1747 23.5291 24.5842 25 24.584C25.3314 24.584 25.6494 24.4521 25.8838 24.2178C26.1181 23.9835 26.2499 23.6654 26.25 23.334C26.25 23.0025 26.1182 22.6836 25.8838 22.4492C25.6494 22.215 25.3314 22.084 25 22.084C23.7806 22.0843 22.5963 21.6722 21.6396 20.916C20.6832 20.1599 20.0099 19.1033 19.7285 17.917H33.333ZM15.417 8.19043C14.687 7.60546 13.8234 7.16705 12.8701 6.92871C9.28346 6.03371 6.03374 9.28346 6.92871 12.8701C7.16133 13.7998 7.59172 14.6687 8.19043 15.417H0C0.00666667 8.38533 0.133763 4.75043 2.44043 2.44043C4.74877 0.133881 8.38545 0.00666655 15.417 0V8.19043ZM11.042 9.37207C11.4409 9.26133 11.862 9.25555 12.2637 9.35547C13.1636 9.58116 13.963 10.1009 14.5342 10.832C15.1052 11.5631 15.4158 12.464 15.417 13.3916V15.417H13.3916C12.4639 15.4159 11.5632 15.1052 10.832 14.5342C10.1008 13.963 9.58114 13.1637 9.35547 12.2637C9.25555 11.862 9.26133 11.4409 9.37207 11.042C9.48284 10.6433 9.6947 10.2799 9.9873 9.9873C10.2799 9.69469 10.6432 9.48281 11.042 9.37207ZM21.0684 9.35547C21.4701 9.25522 21.891 9.26059 22.29 9.37109C22.689 9.48164 23.0528 9.69369 23.3457 9.98633C23.6386 10.2791 23.8511 10.6429 23.9619 11.042C24.0727 11.441 24.0785 11.8618 23.9785 12.2637C23.5152 14.117 21.8497 15.417 19.9414 15.417H17.917V13.3916C17.9181 12.4641 18.228 11.5631 18.7988 10.832C19.3697 10.1009 20.1687 9.58147 21.0684 9.35547ZM17.917 0C24.9468 0.00667027 28.585 0.133799 30.8916 2.44043C33.1999 4.74877 33.3247 8.38539 33.333 15.417H25.1436C25.7417 14.6685 26.1712 13.7997 26.4033 12.8701C27.3015 9.2819 24.0501 6.03223 20.4619 6.92871C19.5328 7.16154 18.6648 7.59197 17.917 8.19043V0Z' fill='%23901300'/%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--svg-gift);
  mask-image: var(--svg-gift);
}

.tag-nav {
  margin-top: 1rem;
  padding: 0 1rem;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
@media (max-width: 48em) {
  .tag-nav {
    margin: 0rem auto;
  }
}
.tag-nav-sentinel {
  height: 1px;
  width: 100%;
}
.tag-nav a {
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#d93a2b), to(#8d0c00));
  background: linear-gradient(180deg, #d93a2b, #8d0c00);
  color: white !important;
  padding: 0.5rem 1rem;
  font-size: 1.15rem;
  margin: 0.3rem;
  border-radius: 2px;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
@media (max-width: 48em) {
  .tag-nav a {
    font-size: 1rem;
    padding: 0.4rem 0.8rem;
  }
}
@media (max-width: 36em) {
  .tag-nav a {
    font-size: 0.9rem;
    padding: 0.3rem 0.8rem;
  }
}
.tag-nav a:hover {
  background-color: #890009;
}
.tag-nav.fixed {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 18;
  background: -webkit-gradient(linear, left top, left bottom, from(#d93a2b), to(#8d0c00));
  background: linear-gradient(180deg, #d93a2b, #8d0c00);
}
@media (max-width: 62em) {
  .tag-nav.fixed {
    top: 50px;
  }
}
.tag-nav.fixed .list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 48em) {
  .tag-nav.fixed .list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-y: scroll;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.tag-nav.fixed a {
  text-decoration: none;
  background-color: transparent;
  color: #007adf;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  margin: 0;
  border-radius: 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tag-nav.fixed a:hover {
  background-color: #005ba5;
  color: white;
}
.tag-nav .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.side-nav {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  top: 40%;
  right: 0px;
  z-index: 99;
  background-color: rgba(91, 91, 91, 0.631372549);
  color: white;
  text-decoration: none;
  border-radius: 4px 0px 0px 4px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 62em) {
  .side-nav {
    display: none;
  }
}
.side-nav.show {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.side-nav a {
  text-decoration: none;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  text-align: left;
}

.tag-title {
  color: #5b5b5b;
  position: relative;
  margin: 3rem auto 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
}
.tag-title::before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  left: -2.5rem;
  top: 0rem;
  position: absolute;
}
.tag-title::after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  right: -2.5rem;
  top: 0rem;
  position: absolute;
}

.pditem {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.pditem:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.pditem-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.pditem-list.event > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(20% - 1rem);
          flex: 0 0 calc(20% - 1rem);
}
@media (max-width: 62em) {
  .pditem-list.event > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 1rem);
            flex: 0 0 calc(25% - 1rem);
  }
}
@media (max-width: 48em) {
  .pditem-list.event > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 1rem);
            flex: 0 0 calc(33.33% - 1rem);
  }
}
@media (max-width: 36em) {
  .pditem-list.event > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1rem);
            flex: 0 0 calc(50% - 1rem);
  }
}
.pditem-price {
  color: var(--primary-color);
  font-weight: 900;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 15.9px;
}
@media (max-width: 36em) {
  .pditem-price {
    font-size: 1rem;
  }
}
.pditem-price span {
  background-color: #d80c18;
  border-radius: 3rem;
  color: white;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 0.2rem 0.5rem;
  margin-left: 0.3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
@media (max-width: 36em) {
  .pditem-price span {
    font-size: 0.7rem;
  }
}
.pditem-point {
  font-weight: 900;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 15.9px;
}
@media (max-width: 36em) {
  .pditem-point {
    font-size: 1rem;
  }
}
.pditem-point span {
  background-color: #d80c18;
  border-radius: 3rem;
  color: white;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 0.2rem 0.5rem;
  margin-left: 0.3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
@media (max-width: 36em) {
  .pditem-point span {
    font-size: 0.7rem;
  }
}
.pditem-point::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 4px;
  margin-top: 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14.3722 7.66509C14.3721 3.96094 11.3692 0.958014 7.66509 0.958014C3.96095 0.958039 0.958039 3.96095 0.958014 7.66509C0.958014 11.3692 3.96094 14.3721 7.66509 14.3722V15.3302C3.43177 15.3301 0 11.8984 0 7.66509C2.52547e-05 3.43179 3.43179 2.52556e-05 7.66509 0C11.8984 0 15.3301 3.43177 15.3302 7.66509C15.3302 11.8984 11.8984 15.3302 7.66509 15.3302V14.3722C11.3693 14.3722 14.3722 11.3693 14.3722 7.66509Z' fill='black'/><path d='M5.22483 3.97289V11.4981H6.45795V8.61027H8.32345C10.1573 8.61027 11.0743 7.83035 11.0743 6.28104C11.0743 4.74228 10.1573 3.97289 8.34452 3.97289H5.22483ZM6.45795 5.02684H8.24967C8.78718 5.02684 9.18768 5.1217 9.45117 5.32195C9.70412 5.51166 9.83059 5.82785 9.83059 6.28104C9.83059 6.73424 9.70412 7.06097 9.45117 7.26122C9.19822 7.45093 8.79772 7.55632 8.24967 7.55632H6.45795V5.02684Z' fill='black'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14.3722 7.66509C14.3721 3.96094 11.3692 0.958014 7.66509 0.958014C3.96095 0.958039 0.958039 3.96095 0.958014 7.66509C0.958014 11.3692 3.96094 14.3721 7.66509 14.3722V15.3302C3.43177 15.3301 0 11.8984 0 7.66509C2.52547e-05 3.43179 3.43179 2.52556e-05 7.66509 0C11.8984 0 15.3301 3.43177 15.3302 7.66509C15.3302 11.8984 11.8984 15.3302 7.66509 15.3302V14.3722C11.3693 14.3722 14.3722 11.3693 14.3722 7.66509Z' fill='black'/><path d='M5.22483 3.97289V11.4981H6.45795V8.61027H8.32345C10.1573 8.61027 11.0743 7.83035 11.0743 6.28104C11.0743 4.74228 10.1573 3.97289 8.34452 3.97289H5.22483ZM6.45795 5.02684H8.24967C8.78718 5.02684 9.18768 5.1217 9.45117 5.32195C9.70412 5.51166 9.83059 5.82785 9.83059 6.28104C9.83059 6.73424 9.70412 7.06097 9.45117 7.26122C9.19822 7.45093 8.79772 7.55632 8.24967 7.55632H6.45795V5.02684Z' fill='black'/></svg>");
}
@media (max-width: 36em) {
  .pditem-point::before {
    font-size: 0.9rem;
  }
}
.pditem-discount:after {
  content: "折";
}
.pditem-txt {
  border-top: none;
}
.pditem-mprice {
  font-weight: 400;
  font-size: 0.8rem;
  text-align: center;
  text-decoration-line: line-through;
  color: #c3c3c3;
  margin-top: auto;
}
@media (max-width: 36em) {
  .pditem-mprice {
    font-size: 0.8rem;
  }
}

.holiday-offers .offer-card {
  text-align: left;
}
.holiday-offers .offer-card .btn-details {
  background-color: #901300;
}
.holiday-offers .offer-card .btn-details:hover {
  background-color: rgb(89, 10, 6);
}
.holiday-offers .offer-title {
  color: #901300;
}
.holiday-offers .offer-title span {
  color: #b82921;
}
.holiday-offers .offer-info span {
  color: #b82921;
}