@keyframes headerImg {
  0% {
    transform: scale(1.5);
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0;
    opacity: 1;
  }
}
@keyframes headerLogo1 {
  0% {
    filter: blur(8px);
    opacity: 0;
  }
  100% {
    filter: blur(8px);
    opacity: 1;
  }
}
@keyframes headerLogo2 {
  0% {
    filter: blur(8px);
    opacity: 1;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 8px;
  bottom: 8px;
  position: absolute;
}
.ps__rail-y {
  display: block;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 8px;
  right: 0;
  position: absolute;
}
#message .ps__rail-y {
  opacity: 0;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 1 !important;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  opacity: 1 !important;
}
.ps__thumb-x {
  background-color: #8a8f99;
  border-radius: 4px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 8px;
  bottom: 8px;
  position: absolute;
}
.ps__thumb-y {
  background-color: #8a8f99;
  border-radius: 4px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 8px;
  right: 8px;
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #626366;
  height: 8px;
  bottom: 8px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #626366;
  width: 8px;
  right: 8px;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.brand {
  padding: 0 12px;
  box-sizing: border-box;
}
.brand__section {
  width: 100%;
  position: relative;
}
body {
  background: #f2f3f5;
}
.anniversary {
  font-family: "微软雅黑";
  overflow: hidden;
}
.ja .anniversary {
  font-family: "微软雅黑";
}
.anniversary * {
  box-sizing: border-box;
}
.anniversary input::-ms-clear,
.anniversary input::-ms-reveal {
  visibility: hidden;
}
.anniversary .pc_view {
  display: block;
}
.anniversary .sp_view {
  display: none;
}
.anniversary .ldst_link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 304px;
  height: 48px;
  overflow: hidden;
  background: #4c7ee8;
  border-radius: 24px;
  font-family: "微软雅黑";
  font-weight: 900;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0.5;
}
.ja .anniversary .ldst_link {
  font-family: "微软雅黑";
}
.anniversary .ldst_link:hover {
  background: #4c7ee8;
  color: #ffffff;
  text-decoration: none;
  opacity: 1;
  box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
    0px 2px 4px rgba(50, 50, 51, 0.15);
}
.anniversary .ldst_link:active {
  transition: none;
  background: #4470cf;
  color: #ffffff;
  text-decoration: none;
  box-shadow: none;
}
.anniversary .social__btn li {
  width: 48px;
  height: 48px;
}
.anniversary .social__btn li:last-of-type {
  margin-right: 0;
}
.anniversary .social__btn a {
  width: 48px;
  height: 48px;
}
.anniversary .social__btn i {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.anniversary_link {
  background: #ffffff;
  display: flex;
  justify-content: center;
  width: 304px;
  height: 80px;
  border-radius: 12px;
  border: 2px solid #ccb87a;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.anniversary_link:before {
  content: '';
  width: 296px;
  height: 72px;
  border-radius: 8px;
  box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.15) inset,
    0px 2px 0px 0px rgba(0, 0, 0, 0.05) inset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.anniversary_link:hover {
  transform: translateY(-8px);
}
.anniversary_logo {
  width: 128px;
  height: 128px;
}
.anniversary__header {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: calc(100vh - 38px);
  min-height: calc(780px - 38px);
  padding: 0 20px;
  position: relative;
}
.anniversary__header__link {
  width: 100%;
  height: 80px;
  padding: 16px 32px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.anniversary__header__inner {
  width: 100%;
  max-width: 1272px;
  height: 100%;
  max-height: 920px;
  margin: 0 auto;
  padding-bottom: 32px;
  position: relative;
  z-index: 1;
}
.anniversary__header__img {
  width: 100%;
  min-height: calc(2000 / 1920 * 100%);
  padding-top: calc(2000 / 1920 * 100%);
  position: absolute;
  top: -38px;
  opacity: 0;
}
.anniversary__header__img img {
  object-fit: cover;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.anniversary__header__logo {
  width: 100%;
  height: calc(320 / 920 * 100%);
  margin: 0 auto;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  opacity: 0;
}
.anniversary__header__logo img {
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}
.anniversary__header.animate .anniversary__header__img {
  animation: headerImg 2s ease-out forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.anniversary__header.animate .anniversary__header__logo {
  animation: headerLogo1 0.4s 2.2s ease-in forwards,
    headerLogo2 0.6s 2.6s ease-out forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.anniversary__header__copy {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.anniversary__header__copy p {
  color: #333;
  font-size: 12px;
  line-height: 1;
  text-shadow: 0px 0px 16px #fff, 0px 0px 8px #fff, 0px 0px 4px #fff,
    0px 0px 4px #fff;
}
.anniversary__header__popup {
  width: 48px;
  height: 48px;
  margin-left: 32px;
  padding: 4px;
  background: transparent;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.anniversary__header__popup i {
  display: block;
  position: relative;
  z-index: 1;
}
.anniversary__header__popup i:before,
.anniversary__header__popup i:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.anniversary__header__popup i:before {
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
}
.anniversary__header__popup i:after {
  opacity: 0;
}
.anniversary__header__popup:before {
  background: linear-gradient(180deg, #fcfdff 0%, #f7f8fa 100%);
  content: '';
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #fcfdff;
  box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
    0px 2px 4px rgba(50, 50, 51, 0.15);
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.anniversary__header__popup:after {
  background: linear-gradient(180deg, #f7f8fa 0%, #fcfdff 100%);
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: inset 0px 0px 4px rgba(50, 51, 51, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.anniversary__header__popup:hover i {
  filter: none;
}
.anniversary__header__popup:hover i:before {
  opacity: 0;
}
.anniversary__header__popup:hover i:after {
  opacity: 1;
}
.anniversary__header__popup:hover:before {
  opacity: 1;
}
.anniversary__header__popup:active i {
  filter: none;
}
.anniversary__header__popup:active i:before {
  opacity: 0;
}
.anniversary__header__popup:active i:after {
  opacity: 1;
}
.anniversary__header__popup:active:before {
  opacity: 0;
}
.anniversary__header__popup:active:after {
  opacity: 1;
}
.anniversary__header__popup.selected {
  background: linear-gradient(180deg, #ffb54c 0%, #fad464 100%);
  box-shadow: inset 0px 0px 4px rgba(51, 36, 15, 0.35);
  cursor: default;
}
.anniversary__header__popup.selected:before,
.anniversary__header__popup.selected:after {
  opacity: 0;
}
.anniversary__header__popup.selected:hover i:before,
.anniversary__header__popup.selected:active i:before {
  opacity: 1;
}
.anniversary__header__popup.selected:hover i:after,
.anniversary__header__popup.selected:active i:after {
  opacity: 0;
}
.anniversary__header__popup i {
  width: 40px;
  height: 40px;
}
.anniversary__header__popup i:before {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M404.167 403.766C395.429 412.493 381.229 411.402 374.363 404.545C367.498 397.688 300.401 330.677 291.351 321.639C280.117 310.418 288.231 299.131 288.231 299.131L276.62 286.54C252.971 306.868 223.382 319.316 189.823 319.316C119.005 319.316 60 261.266 60 189.658C60 118.597 119.005 60 189.823 60C261.522 60 319.646 118.597 319.646 189.658C319.646 222.931 306.989 253.179 286.359 276.135L298.217 287.977C298.217 287.977 310.076 280.497 320.686 291.094C329.425 299.821 397.768 368.078 404.322 374.624C410.875 381.169 412.905 395.039 404.167 403.766ZM189.927 99.9855C140.289 99.9855 100.049 140.174 100.049 189.749C100.049 239.324 140.289 279.512 189.927 279.512C239.565 279.512 279.804 239.324 279.804 189.749C279.804 140.174 239.565 99.9855 189.927 99.9855ZM199.913 239.667H179.94V199.773H139.996V179.826H179.94V139.931H199.913V179.826H239.86V199.773H199.913V239.667Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__header__popup i:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M404.167 403.766C395.429 412.493 381.229 411.402 374.363 404.545C367.498 397.688 300.401 330.677 291.351 321.639C280.117 310.418 288.231 299.131 288.231 299.131L276.62 286.54C252.971 306.868 223.382 319.316 189.823 319.316C119.005 319.316 60 261.266 60 189.658C60 118.597 119.005 60 189.823 60C261.522 60 319.646 118.597 319.646 189.658C319.646 222.931 306.989 253.179 286.359 276.135L298.217 287.977C298.217 287.977 310.076 280.497 320.686 291.094C329.425 299.821 397.768 368.078 404.322 374.624C410.875 381.169 412.905 395.039 404.167 403.766ZM189.927 99.9855C140.289 99.9855 100.049 140.174 100.049 189.749C100.049 239.324 140.289 279.512 189.927 279.512C239.565 279.512 279.804 239.324 279.804 189.749C279.804 140.174 239.565 99.9855 189.927 99.9855ZM199.913 239.667H179.94V199.773H139.996V179.826H179.94V139.931H199.913V179.826H239.86V199.773H199.913V239.667Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__contents {
  background: transparent;
  padding: 32px 0 96px;
  position: relative;
  z-index: 1;
}
.anniversary__contents__inner {
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  padding: 0 20px;
}
.anniversary__navigation {
  max-width: 1272px;
  margin: 0 auto 4px;
  position: relative;
}
.anniversary__update {
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 136px);
  margin-bottom: 24px;
  box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
    0px 2px 4px rgba(50, 50, 51, 0.15),
    inset 0px 2px 0px rgba(255, 255, 255, 0.1);
  border-radius: 16px 8px 8px 0px;
  overflow: hidden;
}
.anniversary__update__title {
  background: linear-gradient(90deg, #365eb3 0%, #264480 100%);
  width: 192px;
  padding: 16px;
}
.anniversary__update__title h2 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  text-align: center;
}
.anniversary__update__detail {
  width: calc(100% - 208px);
  position: relative;
}
.anniversary__update__list {
  position: relative;
  top: -8px;
}
.anniversary__update__list__wrapper {
  display: none;
  flex: 1;
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid #ccc;
}
.anniversary__update__list__inner {
  max-height: 352px;
  padding-right: 24px;
  overflow-y: scroll;
  position: relative;
}
.anniversary__update__list__btn {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
}
.anniversary__update__list__btn i {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 8px;
  right: 8px;
  transform: rotate(90deg);
  cursor: pointer;
  z-index: 1;
}
.anniversary__update__list__btn.open i {
  transform: rotate(-90deg);
}
.anniversary__update a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.anniversary__update a:hover ~ .title {
  text-decoration: underline;
}
.anniversary__update .date {
  margin-right: 16px;
  color: #999;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}
.anniversary__update .title {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.anniversary__update__list .title {
  word-break: break-all;
}
.anniversary__update__ticker {
  padding-right: 56px;
  position: relative;
}
.anniversary__update__ticker__item {
  display: flex;
  padding: 12px 0;
  position: relative;
}
.anniversary__update__ticker .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.anniversary__tab {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  right: 0;
}
.anniversary__tab li {
  width: 48px;
  height: 48px;
  padding: 4px;
  background: transparent;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.anniversary__tab li i {
  display: block;
  position: relative;
  z-index: 1;
}
.anniversary__tab li i:before,
.anniversary__tab li i:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.anniversary__tab li i:before {
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
}
.anniversary__tab li i:after {
  opacity: 0;
}
.anniversary__tab li:before {
  background: linear-gradient(180deg, #fcfdff 0%, #f7f8fa 100%);
  content: '';
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #fcfdff;
  box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
    0px 2px 4px rgba(50, 50, 51, 0.15);
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.anniversary__tab li:after {
  background: linear-gradient(180deg, #f7f8fa 0%, #fcfdff 100%);
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: inset 0px 0px 4px rgba(50, 51, 51, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.anniversary__tab li:hover i {
  filter: none;
}
.anniversary__tab li:hover i:before {
  opacity: 0;
}
.anniversary__tab li:hover i:after {
  opacity: 1;
}
.anniversary__tab li:hover:before {
  opacity: 1;
}
.anniversary__tab li:active i {
  filter: none;
}
.anniversary__tab li:active i:before {
  opacity: 0;
}
.anniversary__tab li:active i:after {
  opacity: 1;
}
.anniversary__tab li:active:before {
  opacity: 0;
}
.anniversary__tab li:active:after {
  opacity: 1;
}
.anniversary__tab li.selected {
  background: linear-gradient(180deg, #ffb54c 0%, #fad464 100%);
  box-shadow: inset 0px 0px 4px rgba(51, 36, 15, 0.35);
  cursor: default;
}
.anniversary__tab li.selected:before,
.anniversary__tab li.selected:after {
  opacity: 0;
}
.anniversary__tab li.selected:hover i:before,
.anniversary__tab li.selected:active i:before {
  opacity: 1;
}
.anniversary__tab li.selected:hover i:after,
.anniversary__tab li.selected:active i:after {
  opacity: 0;
}
.anniversary__tab li i {
  width: 40px;
  height: 40px;
}
.anniversary__tab li.category i:before {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M349.999 440C300.294 440 259.999 399.678 259.999 349.939C259.999 300.2 300.294 259.877 349.999 259.877C399.705 259.877 439.999 300.2 439.999 349.939C439.999 399.678 399.705 440 349.999 440ZM310.626 217.47H171.336C155.122 217.47 144.909 200.428 152.858 187.087L222.504 70.201C230.609 56.5997 251.354 56.5997 259.459 70.201L329.104 187.087C337.53 200.428 326.841 217.47 310.626 217.47ZM219.999 287.898V407.98C219.999 419.438 211.45 427.993 199.999 427.993H79.999C68.954 427.993 60 419.438 60 407.98V287.898C60 276.845 68.954 267.884 79.999 267.884H199.999C211.45 267.884 219.999 276.845 219.999 287.898Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__tab li.category i:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M349.999 440C300.294 440 259.999 399.678 259.999 349.939C259.999 300.2 300.294 259.877 349.999 259.877C399.705 259.877 439.999 300.2 439.999 349.939C439.999 399.678 399.705 440 349.999 440ZM310.626 217.47H171.336C155.122 217.47 144.909 200.428 152.858 187.087L222.504 70.201C230.609 56.5997 251.354 56.5997 259.459 70.201L329.104 187.087C337.53 200.428 326.841 217.47 310.626 217.47ZM219.999 287.898V407.98C219.999 419.438 211.45 427.993 199.999 427.993H79.999C68.954 427.993 60 419.438 60 407.98V287.898C60 276.845 68.954 267.884 79.999 267.884H199.999C211.45 267.884 219.999 276.845 219.999 287.898Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__tab li.month {
  margin-left: 8px;
}
.anniversary__tab li.month i:before {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M380 440H100C77.909 440 60 422.078 60 399.972V119.773C60 97.6658 77.909 79.7451 100 79.7451H120V60.0142C120 49.8159 128.955 40 140 40C151.046 40 160 49.8159 160 60.0142V79.7451H320V60.0142C320 49.8159 328.955 40 340 40C351.046 40 360 49.8159 360 60.0142V79.7451H380C402.092 79.7451 420 97.6658 420 119.773V399.972C420 422.078 402.092 440 380 440ZM380.104 199.867H100.104V400.009H380.104V199.867ZM160 239.858C171.046 239.858 180 248.819 180 259.873C180 270.925 171.046 279.887 160 279.887C148.955 279.887 140 270.925 140 259.873C140 248.819 148.955 239.858 160 239.858ZM160 319.915C171.046 319.915 180 328.875 180 339.929C180 350.983 171.046 359.943 160 359.943C148.955 359.943 140 350.983 140 339.929C140 328.875 148.955 319.915 160 319.915ZM240 239.858C251.046 239.858 260 248.819 260 259.873C260 270.925 251.046 279.887 240 279.887C228.955 279.887 220 270.925 220 259.873C220 248.819 228.955 239.858 240 239.858ZM240 319.915C251.046 319.915 260 328.875 260 339.929C260 350.983 251.046 359.943 240 359.943C228.955 359.943 220 350.983 220 339.929C220 328.875 228.955 319.915 240 319.915ZM320 239.858C331.046 239.858 340 248.819 340 259.873C340 270.925 331.046 279.887 320 279.887C308.955 279.887 300 270.925 300 259.873C300 248.819 308.955 239.858 320 239.858ZM320 319.915C331.046 319.915 340 328.875 340 339.929C340 350.983 331.046 359.943 320 359.943C308.955 359.943 300 350.983 300 339.929C300 328.875 308.955 319.915 320 319.915Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__tab li.month i:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M380 440H100C77.909 440 60 422.078 60 399.972V119.773C60 97.6658 77.909 79.7451 100 79.7451H120V60.0142C120 49.8159 128.955 40 140 40C151.046 40 160 49.8159 160 60.0142V79.7451H320V60.0142C320 49.8159 328.955 40 340 40C351.046 40 360 49.8159 360 60.0142V79.7451H380C402.092 79.7451 420 97.6658 420 119.773V399.972C420 422.078 402.092 440 380 440ZM380.104 199.867H100.104V400.009H380.104V199.867ZM160 239.858C171.046 239.858 180 248.819 180 259.873C180 270.925 171.046 279.887 160 279.887C148.955 279.887 140 270.925 140 259.873C140 248.819 148.955 239.858 160 239.858ZM160 319.915C171.046 319.915 180 328.875 180 339.929C180 350.983 171.046 359.943 160 359.943C148.955 359.943 140 350.983 140 339.929C140 328.875 148.955 319.915 160 319.915ZM240 239.858C251.046 239.858 260 248.819 260 259.873C260 270.925 251.046 279.887 240 279.887C228.955 279.887 220 270.925 220 259.873C220 248.819 228.955 239.858 240 239.858ZM240 319.915C251.046 319.915 260 328.875 260 339.929C260 350.983 251.046 359.943 240 359.943C228.955 359.943 220 350.983 220 339.929C220 328.875 228.955 319.915 240 319.915ZM320 239.858C331.046 239.858 340 248.819 340 259.873C340 270.925 331.046 279.887 320 279.887C308.955 279.887 300 270.925 300 259.873C300 248.819 308.955 239.858 320 239.858ZM320 319.915C331.046 319.915 340 328.875 340 339.929C340 350.983 331.046 359.943 320 359.943C308.955 359.943 300 350.983 300 339.929C300 328.875 308.955 319.915 320 319.915Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__tab__content {
  display: none;
}
.anniversary__tab__content.selected {
  display: block;
}
.anniversary__category {
  width: 1272px;
  margin: 0 auto;
  padding-bottom: 8px;
}
@media all and (max-width: 1320px) {
  .anniversary__category {
    width: 1016px;
  }
}
@media all and (max-width: 1064px) {
  .anniversary__category {
    width: 760px;
  }
}
.anniversary__category__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.anniversary__category__list li {
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 248px;
  height: 48px;
  margin: 8px 4px 0;
  border: 2px solid #ccb87a;
  box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
    0px 2px 4px rgba(50, 50, 51, 0.15);
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
.anniversary__category__list li span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  position: relative;
  z-index: 1;
}
.anniversary__category__list li:before,
.anniversary__category__list li:after {
  content: '';
  width: 240px;
  height: 40px;
  border-radius: 8px;
  box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.05),
    inset 0px -2px 0px rgba(255, 255, 255, 0.15);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.anniversary__category__list li:after {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.anniversary__category__list li:hover:after {
  opacity: 1;
}
.anniversary__category__list li.selected {
  pointer-events: none;
  box-shadow: none;
}
.anniversary__category__list li.selected span {
  text-shadow: none;
}
.anniversary__category__list li.selected:before {
  background: none !important;
}
.anniversary__category__list li.selected:after {
  display: none;
}
.anniversary__category__list li.disabled {
  pointer-events: none;
  opacity: 0.25;
}
.anniversary__category__list li:nth-of-type(1):before {
  background: linear-gradient(90deg, #997a3d 0%, #cca352 100%);
}
.anniversary__category__list li:nth-of-type(1):after {
  background: linear-gradient(90deg, #b38f47 0%, #e6b85c 100%);
}
.anniversary__category__list li:nth-of-type(1).selected span {
  color: #997a3d;
}
.anniversary__category__list li:nth-of-type(2):before {
  background: linear-gradient(90deg, #993d3d 0%, #cc5252 100%);
}
.anniversary__category__list li:nth-of-type(2):after {
  background: linear-gradient(90deg, #b34747 0%, #e65c5c 100%);
}
.anniversary__category__list li:nth-of-type(2).selected span {
  color: #993d3d;
}
.anniversary__category__list li:nth-of-type(3):before {
  background: linear-gradient(90deg, #bf6913 0%, #f28518 100%);
}
.anniversary__category__list li:nth-of-type(3):after {
  background: linear-gradient(90deg, #d97716 0%, #ff8c1a 100%);
}
.anniversary__category__list li:nth-of-type(3).selected span {
  color: #bf6913;
}
.anniversary__category__list li:nth-of-type(4):before {
  background: linear-gradient(90deg, #bfa313 0%, #f2ce18 100%);
}
.anniversary__category__list li:nth-of-type(4):after {
  background: linear-gradient(90deg, #d9b816 0%, #ffd91a 100%);
}
.anniversary__category__list li:nth-of-type(4).selected span {
  color: #bfa313;
}
.anniversary__category__list li:nth-of-type(5):before {
  background: linear-gradient(90deg, #70991f 0%, #96cc29 100%);
}
.anniversary__category__list li:nth-of-type(5):after {
  background: linear-gradient(90deg, #83b324 0%, #a8e62e 100%);
}
.anniversary__category__list li:nth-of-type(5).selected span {
  color: #70991f;
}
.anniversary__category__list li:nth-of-type(6):before {
  background: linear-gradient(90deg, #468c46 0%, #60bf60 100%);
}
.anniversary__category__list li:nth-of-type(6):after {
  background: linear-gradient(90deg, #53a653 0%, #6cd96c 100%);
}
.anniversary__category__list li:nth-of-type(6).selected span {
  color: #468c46;
}
.anniversary__category__list li:nth-of-type(7):before {
  background: linear-gradient(90deg, #3d7a99 0%, #52a3cc 100%);
}
.anniversary__category__list li:nth-of-type(7):after {
  background: linear-gradient(90deg, #478fb3 0%, #5cb8e6 100%);
}
.anniversary__category__list li:nth-of-type(7).selected span {
  color: #3d7a99;
}
.anniversary__category__list li:nth-of-type(8):before {
  background: linear-gradient(90deg, #3d3d99 0%, #5252cc 100%);
}
.anniversary__category__list li:nth-of-type(8):after {
  background: linear-gradient(90deg, #4747b3 0%, #5c5ce6 100%);
}
.anniversary__category__list li:nth-of-type(8).selected span {
  color: #3d3d99;
}
.anniversary__category__list li:nth-of-type(9):before {
  background: linear-gradient(90deg, #7a3d99 0%, #a352cc 100%);
}
.anniversary__category__list li:nth-of-type(9):after {
  background: linear-gradient(90deg, #8f47b3 0%, #b85ce6 100%);
}
.anniversary__category__list li:nth-of-type(9).selected span {
  color: #5c3d99;
}
.anniversary__category__list li:nth-of-type(10):before {
  background: linear-gradient(90deg, #666666 0%, #999999 100%);
}
.anniversary__category__list li:nth-of-type(10):after {
  background: linear-gradient(90deg, #808080 0%, #b3b3b3 100%);
}
.anniversary__category__list li:nth-of-type(10).selected span {
  color: #666;
}
.anniversary__month {
  text-align: center;
}
.anniversary__month__list {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.anniversary__month__list li {
  background: linear-gradient(180deg, #fcfdff 0%, #f7f8fa 100%);
  float: left;
  display: inline;
  width: 226px;
  height: 48px;
  margin: 0 4px;
  text-align: center;
  border: 1px solid #fcfdff;
  box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
    0px 2px 4px rgba(50, 50, 51, 0.15);
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
.anniversary__month__list li span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #666;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.anniversary__month__list li:before {
  content: '';
  width: 226px;
  height: 48px;
  box-sizing: border-box;
  border-radius: 12px;
  position: absolute;
  top: -1px;
  left: -1px;
  border: 2px solid #ffb54c;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.anniversary__month__list li:hover:before {
  opacity: 1;
}
.anniversary__month__list li.selected {
  background: linear-gradient(180deg, #ffb54c 0%, #fad464 100%);
  border: none;
  box-shadow: inset 0px 0px 4px rgba(51, 36, 15, 0.35);
  border-radius: 12px;
}
.anniversary__month__list li.selected span {
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}
.anniversary__month__list li.selected:hover:before {
  opacity: 0;
}
.anniversary__month__slider {
  display: none;
  height: 116px;
  position: relative;
  overflow: hidden;
}
.anniversary__month__slider__wrapper {
  display: inline-block;
  margin: 0 -1px;
  padding: 0 52px;
  position: relative;
}
.anniversary__month .prev-btn,
.anniversary__month .next-btn {
  width: 48px;
  height: 48px;
  padding: 4px;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0.25;
  pointer-events: none;
  background: transparent;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.anniversary__month .prev-btn i,
.anniversary__month .next-btn i {
  display: block;
  position: relative;
  z-index: 1;
}
.anniversary__month .prev-btn i:before,
.anniversary__month .prev-btn i:after,
.anniversary__month .next-btn i:before,
.anniversary__month .next-btn i:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.anniversary__month .prev-btn i:before,
.anniversary__month .next-btn i:before {
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
}
.anniversary__month .prev-btn i:after,
.anniversary__month .next-btn i:after {
  opacity: 0;
}
.anniversary__month .prev-btn:before,
.anniversary__month .next-btn:before {
  background: linear-gradient(180deg, #fcfdff 0%, #f7f8fa 100%);
  content: '';
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #fcfdff;
  box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
    0px 2px 4px rgba(50, 50, 51, 0.15);
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.anniversary__month .prev-btn:after,
.anniversary__month .next-btn:after {
  background: linear-gradient(180deg, #f7f8fa 0%, #fcfdff 100%);
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: inset 0px 0px 4px rgba(50, 51, 51, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.anniversary__month .prev-btn:hover i,
.anniversary__month .next-btn:hover i {
  filter: none;
}
.anniversary__month .prev-btn:hover i:before,
.anniversary__month .next-btn:hover i:before {
  opacity: 0;
}
.anniversary__month .prev-btn:hover i:after,
.anniversary__month .next-btn:hover i:after {
  opacity: 1;
}
.anniversary__month .prev-btn:hover:before,
.anniversary__month .next-btn:hover:before {
  opacity: 1;
}
.anniversary__month .prev-btn:active i,
.anniversary__month .next-btn:active i {
  filter: none;
}
.anniversary__month .prev-btn:active i:before,
.anniversary__month .next-btn:active i:before {
  opacity: 0;
}
.anniversary__month .prev-btn:active i:after,
.anniversary__month .next-btn:active i:after {
  opacity: 1;
}
.anniversary__month .prev-btn:active:before,
.anniversary__month .next-btn:active:before {
  opacity: 0;
}
.anniversary__month .prev-btn:active:after,
.anniversary__month .next-btn:active:after {
  opacity: 1;
}
.anniversary__month .prev-btn.selected,
.anniversary__month .next-btn.selected {
  background: linear-gradient(180deg, #ffb54c 0%, #fad464 100%);
  box-shadow: inset 0px 0px 4px rgba(51, 36, 15, 0.35);
  cursor: default;
}
.anniversary__month .prev-btn.selected:before,
.anniversary__month .prev-btn.selected:after,
.anniversary__month .next-btn.selected:before,
.anniversary__month .next-btn.selected:after {
  opacity: 0;
}
.anniversary__month .prev-btn.selected:hover i:before,
.anniversary__month .prev-btn.selected:active i:before,
.anniversary__month .next-btn.selected:hover i:before,
.anniversary__month .next-btn.selected:active i:before {
  opacity: 1;
}
.anniversary__month .prev-btn.selected:hover i:after,
.anniversary__month .prev-btn.selected:active i:after,
.anniversary__month .next-btn.selected:hover i:after,
.anniversary__month .next-btn.selected:active i:after {
  opacity: 0;
}
.anniversary__month .prev-btn i,
.anniversary__month .next-btn i {
  width: 40px;
  height: 40px;
}
.anniversary__month .prev-btn:before,
.anniversary__month .prev-btn:after,
.anniversary__month .next-btn:before,
.anniversary__month .next-btn:after {
  display: none;
}
.anniversary__month .prev-btn.active,
.anniversary__month .next-btn.active {
  opacity: 1;
  pointer-events: inherit;
}
.anniversary__month .prev-btn.active:before,
.anniversary__month .prev-btn.active:after,
.anniversary__month .next-btn.active:before,
.anniversary__month .next-btn.active:after {
  display: block;
}
.anniversary__month .prev-btn {
  left: 0;
}
.anniversary__month .prev-btn i:before,
.anniversary__month .prev-btn i:after {
  top: 0;
  left: 0;
  transform: rotateY(180deg);
}
.anniversary__month .prev-btn i:before {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__month .prev-btn i:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__month .next-btn {
  right: 0;
}
.anniversary__month .next-btn i:before {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__month .next-btn i:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%238A8F99"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.anniversary__list__wrapper {
  width: 1580px;
  margin: 0 auto;
}
@media all and (max-width: 1628px) {
  .anniversary__list__wrapper {
    width: 1260px;
  }
}
@media all and (max-width: 1308px) {
  .anniversary__list__wrapper {
    width: 940px;
  }
}
@media all and (max-width: 988px) {
  .anniversary__list__wrapper {
    width: 620px;
  }
}
.anniversary__list__card {
  background: linear-gradient(180deg, #f7f8fa 0%, #fcfdff 100%);
  width: 300px;
  height: 359px;
  margin: 20px 10px 0;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1),
    0px 4px 8px -2px rgba(0, 0, 0, 0.05), 0px 8px 16px -4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  transform: translateY(0);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
  position: relative;
  pointer-events: none;
}
.anniversary__list__card:hover {
  transform: translateY(-10px);
}
.anniversary__list__card .category {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}
.anniversary__list__card .category.icon {
  padding: 0 36px 0 8px;
}
.anniversary__list__card .category.icon:after {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  right: 4px;
  opacity: 0.25;
}
.anniversary__list__card .category.icon.link_internal:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M360 399.999H120C97.909 399.999 80 382.91 80 359.999V120C80 97.908 97.909 80 120 80H360C382.092 80 400 97.908 400 120V359.999C400 382.91 382.092 399.999 360 399.999ZM140 359.999H340C351.046 359.999 360 351.45 360 340V160.104H120V340C120 351.45 128.955 359.999 140 359.999Z" fill="%230"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__list__card .category.icon.link_external:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M399.99 359.999H159.926C137.83 359.999 119.916 342.91 119.916 319.999V80C119.916 57.908 137.83 40 159.926 40H399.99C422.087 40 440 57.908 440 80V319.999C440 342.91 422.087 359.999 399.99 359.999ZM399.99 120.104H159.926V299.999C159.926 311.45 168.884 319.999 179.932 319.999H379.984C391.033 319.999 399.99 311.45 399.99 299.999V120.104ZM359.979 419.999C359.979 431.45 351.023 439.999 339.974 439.999H80.0095C57.9127 439.999 40 422.91 40 399.999V140.104C40 129.58 48.9564 120.104 60.0053 120.104C71.4583 120.104 80.0095 129.58 80.0095 140.104V379.999C80.0095 391.45 88.9669 399.999 100.015 399.999H339.974C351.023 399.999 359.979 408.954 359.979 419.999Z" fill="%230"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.anniversary__list__card .category.icon.video:after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M399.999 400H80C57.908 400 40 382.091 40 360V120C40 97.908 57.908 80 80 80H399.999C422.91 80 439.999 97.908 439.999 120V360C439.999 382.091 422.91 400 399.999 400ZM399.999 140C399.999 128.954 391.45 120 379.999 120H100C88.954 120 80 128.954 80 140V340C80 351.046 88.954 360 100 360H379.999C391.45 360 399.999 351.046 399.999 340V140ZM292.401 253.355L202.695 305.642C192.696 310.92 180.197 303.706 180.195 292.322L180.171 188.536C180.169 176.986 192.673 169.766 202.674 175.544L292.404 227.376C302.401 234.042 302.4 247.582 292.401 253.355Z" fill="%230"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.color-1 .anniversary__list__card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border: 6px solid #ffffff;
}
.color-1 .anniversary__list__card img {
  width: 100%;
  max-width: auto;
  height: auto;
}
.color-2 .anniversary__list__card .category {
  background: linear-gradient(90deg, #993d3d 0%, #cc5252 100%);
}
.color-3 .anniversary__list__card .category {
  background: linear-gradient(90deg, #bf6913 0%, #f28518 100%);
}
.color-4 .anniversary__list__card .category {
  background: linear-gradient(90deg, #bfa313 0%, #f2ce18 100%);
}
.color-5 .anniversary__list__card .category {
  background: linear-gradient(90deg, #70991f 0%, #96cc29 100%);
}
.color-6 .anniversary__list__card .category {
  background: linear-gradient(90deg, #468c46 0%, #60bf60 100%);
}
.color-7 .anniversary__list__card .category {
  background: linear-gradient(90deg, #3d7a99 0%, #52a3cc 100%);
}
.color-8 .anniversary__list__card .category {
  background: linear-gradient(90deg, #3d3d99 0%, #5252cc 100%);
}
.color-9 .anniversary__list__card .category {
  background: linear-gradient(90deg, #7a3d99 0%, #a352cc 100%);
}
.color-10 .anniversary__list__card .category {
  background: linear-gradient(90deg, #666666 0%, #999999 100%);
}
.anniversary__list__card .img {
  width: 100%;
  height: 169px;
  position: relative;
}
.anniversary__list__card .img .new {
  width: 12px;
  height: 12px;
  background: #66ff66;
  box-shadow: 0px 0px 4px #66ff66, 0px 0px 4px #296629;
  border-radius: 6px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.anniversary__list__card .text {
  display: flex;
  flex-direction: column;
  height: 158px;
  padding: 16px;
}
.anniversary__list__card .text .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 16px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
}
.anniversary__list__card .text .date {
  margin-top: auto;
}
.anniversary__list__card .text .date p {
  color: #999;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
}
.anniversary__list__card a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: auto;
}
.anniversary__list__anim {
  min-height: 359px;
  position: relative;
}
.anniversary__list__anim li {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(30px);
  opacity: 0;
  position: absolute;
}
.anniversary__list__anim li.show {
  transform: translateY(0);
  opacity: 1;
}
.anniversary__footer {
  display: none;
}
html:has(.fancybox-active) {
  overflow: hidden;
}
.fancybox-bg {
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-slide {
  padding: 48px 0;
  overflow: hidden;
}
.fancybox__close {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M367.349 141.75L268.284 240.141L367.208 339.65C375.18 346.876 375.18 359.539 367.208 367.349C359.398 375.16 346.734 375.16 338.924 367.349L240 268.425L141.75 367.349C133.265 375.16 120.601 375.16 112.791 367.349C104.82 359.539 104.82 346.876 112.791 339.65L211.715 240.141L112.65 141.75C104.84 133.265 104.84 120.601 112.65 112.791C120.46 104.82 133.123 104.82 140.934 112.791L240 211.857L339.65 112.791C346.876 104.82 359.539 104.82 367.349 112.791C375.16 120.601 375.16 133.265 367.349 141.75Z" fill="%23666666"/></svg>')
    no-repeat 50% 50% !important;
  background-size: contain !important;
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -48px !important;
  right: 0 !important;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
.fancybox__close:hover {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M367.349 141.75L268.284 240.141L367.208 339.65C375.18 346.876 375.18 359.539 367.208 367.349C359.398 375.16 346.734 375.16 338.924 367.349L240 268.425L141.75 367.349C133.265 375.16 120.601 375.16 112.791 367.349C104.82 359.539 104.82 346.876 112.791 339.65L211.715 240.141L112.65 141.75C104.84 133.265 104.84 120.601 112.65 112.791C120.46 104.82 133.123 104.82 140.934 112.791L240 211.857L339.65 112.791C346.876 104.82 359.539 104.82 367.349 112.791C375.16 120.601 375.16 133.265 367.349 141.75Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50% !important;
  background-size: contain !important;
  display: block;
}
.fancybox__popup .fancybox-content {
  max-width: 1400px !important;
}
.fancybox__movie .fancybox-content {
  max-width: 1280px !important;
}
@media print, screen and (max-width: 839px) {
  .brand {
    padding: 0;
  }
  .anniversary a {
    -webkit-tap-highlight-color: transparent;
  }
  .anniversary .pc_view {
    display: none;
  }
  .anniversary .sp_view {
    display: block;
  }
  .anniversary .site-top a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4c7ee8;
    width: 288px;
    height: 28px;
    margin: 0 auto 16px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    border-radius: 16px;
    opacity: 1;
  }
  .anniversary .site-top a:hover {
    background: #4c7ee8;
    text-decoration: none;
    opacity: 1;
  }
  .anniversary .social__btn {
    justify-content: center;
  }
  .anniversary .social__btn li {
    margin-right: 8px;
  }
  .anniversary .social__btn li:last-of-type {
    margin-right: 0;
  }
  .anniversary .social__btn i {
    width: 48px;
    height: 48px;
    font-size: 24px;
    border-radius: 24px;
    opacity: 1;
  }
  .anniversary .social__btn i.xiv-lds-facebook {
    background: #1877f2;
  }
  .anniversary .social__btn i.xiv-lds-x {
    background: #000;
  }
  .anniversary_link {
    width: 272px;
    height: 64px;
    transition: none;
  }
  .anniversary_link:before {
    content: '';
    width: 264px;
    height: 56px;
  }
  .anniversary_link:hover {
    transform: translateY(0);
  }
  .anniversary_logo {
    width: 64px;
    height: 64px;
  }
  .anniversary__header {
    padding: 0;
    height: calc(100vh - 38px);
    min-height: auto;
    overflow: hidden;
  }
  .anniversary__header:after {
    display: none;
  }
  .anniversary__header__link {
    display: none;
  }
  .anniversary__header__inner {
    padding-bottom: 16px;
  }
  .anniversary__header__img {
    height: calc(100vh - 38px);
    padding-top: 0;
    top: 0;
  }
  .anniversary__header__img img {
    object-position: center top;
    width: 100%;
    height: 100%;
    position: inherit;
    top: auto;
    left: auto;
    transform: none;
  }
  .anniversary__header__logo {
    width: 90%;
    height: auto;
    bottom: 16px;
  }
  .anniversary__header__logo img {
    width: 100%;
    height: auto;
  }
  .anniversary__header.rotate {
    height: calc(780px - 38px);
  }
  .anniversary__header.rotate .anniversary__header__img {
    height: calc(780px - 38px);
  }
  .anniversary__header.rotate .anniversary__header__logo {
    width: 576px;
    height: 256px;
  }
  .anniversary__header__copy {
    justify-content: center;
    width: 100%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .anniversary__header__copy p {
    color: #806040;
    font-size: 12px;
    line-height: 1;
    text-shadow: none;
  }
  .anniversary__header__popup {
    display: none;
  }
  .anniversary__contents {
    padding: 0;
  }
  .anniversary__contents__inner {
    padding: 0;
  }
  .anniversary__update_sp {
    width: 100%;
    margin-bottom: 32px;
  }
  .anniversary__update_sp__title {
    background: linear-gradient(90deg, #365eb3 0%, #264480 100%);
  }
  .anniversary__update_sp__title h2 {
    padding: 8px 16px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    text-align: center;
  }
  .anniversary__update_sp__list {
    padding: 0 16px;
  }
  .anniversary__update_sp__list li {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid #ccc;
  }
  .anniversary__update_sp__more,
  .anniversary__update_sp__close {
    margin: 16px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 288px;
    height: 32px;
    box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
      0px 2px 4px rgba(50, 50, 51, 0.15);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: none;
  }
  .anniversary__update_sp__more span,
  .anniversary__update_sp__close span {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    position: relative;
    z-index: 1;
  }
  .anniversary__update_sp__more:before,
  .anniversary__update_sp__more:after,
  .anniversary__update_sp__close:before,
  .anniversary__update_sp__close:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .anniversary__update_sp__more:after,
  .anniversary__update_sp__close:after {
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
  }
  .anniversary__update_sp__more:hover:after,
  .anniversary__update_sp__close:hover:after {
    opacity: 1;
  }
  .anniversary__update_sp__more:before,
  .anniversary__update_sp__close:before {
    background: linear-gradient(90deg, #365fb3 0%, #274480 100%);
  }
  .anniversary__update_sp__more:after,
  .anniversary__update_sp__close:after {
    background: linear-gradient(90deg, #3e6dcc 0%, #2e5299 100%);
  }
  .anniversary__update_sp__more:active:after,
  .anniversary__update_sp__close:active:after {
    background: linear-gradient(90deg, #365fb3 0%, #274480 100%);
  }
  .anniversary__update_sp__more.active,
  .anniversary__update_sp__close.active {
    display: flex;
  }
  .anniversary__update_sp a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .anniversary__update_sp .date {
    margin-bottom: 4px;
    color: #999;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
  }
  .anniversary__update_sp .title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
  }
  .anniversary__lineup {
    background: linear-gradient(90deg, #997a3d 0%, #cca352 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 48px;
    position: relative;
  }
  .anniversary__lineup:before,
  .anniversary__lineup:after {
    background: #f2f3f5;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
  }
  .anniversary__lineup:before {
    top: 2px;
  }
  .anniversary__lineup:after {
    bottom: 2px;
  }
  .anniversary__lineup h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  }
  .anniversary__lineup__btn {
    background: #b38e47;
    width: 32px;
    height: 32px;
    padding: 4px;
    box-shadow: inset 0px -1px 2px rgba(153, 122, 61, 0.35);
    border-radius: 8px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .anniversary__lineup__btn i {
    background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M339.999 260H139.999C128.954 260 119.999 250.155 119.999 240C119.999 228.55 128.954 220 139.999 220H339.999C351.45 220 359.999 228.55 359.999 240C359.999 250.155 351.45 260 339.999 260ZM399.999 160H79.999C68.954 160 60 150.155 60 140C60 128.55 68.954 120 79.999 120H399.999C411.45 120 419.999 128.55 419.999 140C419.999 150.155 411.45 160 399.999 160ZM219.999 320H259.999C271.45 320 279.999 328.55 279.999 340C279.999 350.155 271.45 360 259.999 360H219.999C208.954 360 199.999 350.155 199.999 340C199.999 328.55 208.954 320 219.999 320Z" fill="%23ffffff"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
    display: block;
    width: 24px;
    height: 24px;
  }
  .anniversary__lineup__btn.open {
    background: #f2f3f5;
    box-shadow: inset 0px -1px 2px #fff,
      inset 0px 1px 2px rgba(153, 122, 61, 0.35);
  }
  .anniversary__lineup__btn.open i {
    background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M339.999 260H139.999C128.954 260 119.999 250.155 119.999 240C119.999 228.55 128.954 220 139.999 220H339.999C351.45 220 359.999 228.55 359.999 240C359.999 250.155 351.45 260 339.999 260ZM399.999 160H79.999C68.954 160 60 150.155 60 140C60 128.55 68.954 120 79.999 120H399.999C411.45 120 419.999 128.55 419.999 140C419.999 150.155 411.45 160 399.999 160ZM219.999 320H259.999C271.45 320 279.999 328.55 279.999 340C279.999 350.155 271.45 360 259.999 360H219.999C208.954 360 199.999 350.155 199.999 340C199.999 328.55 208.954 320 219.999 320Z" fill="%23997A3D"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
    display: block;
  }
  .anniversary__filter {
    display: none;
    padding: 16px 16px 16px;
  }
  .anniversary__filter h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #666;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
  }
  .anniversary__filter h3:first-of-type {
    margin-top: 0;
  }
  .anniversary__filter__category {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .anniversary__filter input[type='checkbox'] {
    display: none;
    vertical-align: middle;
  }
  .anniversary__filter input[type='checkbox']:checked + label {
    color: #e57e17;
    font-weight: 700;
  }
  .anniversary__filter input[type='checkbox']:checked + label:after {
    opacity: 1;
  }
  .anniversary__filter label {
    width: calc(50% - 4px);
    margin-top: 16px;
    padding-left: 24px;
    color: #666;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    word-break: break-word;
    word-wrap: break-word;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .anniversary__filter label:first-of-type {
    width: 100%;
    margin-top: 0;
  }
  .anniversary__filter label:before {
    content: '';
    display: block;
    background: #ffffff;
    width: 16px;
    height: 16px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.75);
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .anniversary__filter label:after {
    content: '';
    width: 10px;
    height: 4px;
    border-left: 2px solid #e57e17;
    border-bottom: 2px solid #e57e17;
    transform: rotate(-45deg);
    position: absolute;
    top: 3px;
    left: 2px;
    opacity: 0;
  }
  .anniversary__filter__select {
    position: relative;
  }
  .anniversary__filter__select__btn {
    display: flex;
    align-items: center;
    background: #ffffff;
    width: 100%;
    height: 32px;
    padding: 0 44px 0 8px;
    border: 1px solid #cacbcc;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .anniversary__filter__select__btn:after {
    content: '';
    background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%238A8F99"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 4px;
    pointer-events: none;
    transform: translateY(-50%) rotate(90deg);
  }
  .anniversary__filter__select__btn p {
    color: #666;
    font-size: 14px;
    line-height: 1;
  }
  .anniversary__filter__select__list {
    display: none;
    background: #ffffff;
    width: 100%;
    padding: 4px 0;
    border: 1px solid #cacbcc;
    box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
      0px 2px 4px rgba(50, 50, 51, 0.15);
    border-radius: 8px;
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 10;
  }
  .anniversary__filter__select__list ul {
    max-height: 138px;
    padding: 4px 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
  }
  .anniversary__filter__select__list ul li {
    padding: 6px 16px;
    color: #666;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .anniversary__filter__select__list ul li:hover {
    background: #e57e17;
    color: #ffffff;
  }
  .anniversary__filter__select__list ul li.selected {
    background: #e57e17;
    color: #ffffff;
    pointer-events: none;
  }
  .anniversary__filter__select.open .anniversary__filter__select__list {
    display: block;
  }
  .anniversary__filter__set {
    margin: 32px auto 0;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 288px;
    height: 32px;
    box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1),
      0px 2px 4px rgba(50, 50, 51, 0.15);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
  }
  .anniversary__filter__set span {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    position: relative;
    z-index: 1;
  }
  .anniversary__filter__set:before,
  .anniversary__filter__set:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .anniversary__filter__set:after {
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
  }
  .anniversary__filter__set:hover:after {
    opacity: 1;
  }
  .anniversary__filter__set:before {
    background: linear-gradient(90deg, #997a3d 0%, #cca352 100%);
  }
  .anniversary__filter__set:after {
    background: linear-gradient(90deg, #b38f47 0%, #e6b85c 100%);
  }
  .anniversary__filter__set:active:after {
    background: linear-gradient(90deg, #997a3d 0%, #cca352 100%);
  }
  .anniversary__list {
    margin: 0;
  }
  .anniversary__list__wrapper {
    width: 100%;
    margin-top: 16px;
    padding: 0 16px;
  }
  .anniversary__list li {
    width: 100%;
  }
}
@media print, screen and (max-width: 839px) and (min-width: 624px) {
  .anniversary__list li {
    width: calc(50% - 8px);
  }
}
@media print, screen and (max-width: 839px) {
  .anniversary__list li.color-1 {
    display: none;
  }
  .anniversary__list__card {
    width: 100%;
    height: auto;
    margin: 0 0 16px;
    pointer-events: inherit;
  }
  .anniversary__list__card:hover {
    transform: translateY(0);
  }
  .anniversary__list__card .img {
    height: auto;
    padding-top: 56.25%;
  }
  .anniversary__list__card a {
    pointer-events: inherit;
  }
  .anniversary__list__anim {
    height: auto !important;
    min-height: auto;
  }
  .anniversary__list__anim li {
    transform: translateY(0);
    opacity: 1;
    position: inherit;
    top: auto !important;
    left: auto !important;
  }
  .anniversary__footer {
    display: block;
    padding: 0 16px 32px;
  }
  .anniversary__footer__logo {
    display: block;
    width: 160px;
    margin: 0 auto 16px;
  }
  .anniversary__footer__logo img {
    width: 100%;
    height: auto;
  }
  .anniversary__footer .anniversary_link {
    width: 272px;
    margin: 0 auto 32px;
  }
}