@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500;700&family=Varela+Round&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500;700&family=Varela+Round&display=swap");
.pcShow {
  display: block;
}
@media (max-width: 414px) {
  .pcShow {
    display: none;
  }
}

.mobShow {
  display: none;
}
@media (max-width: 414px) {
  .mobShow {
    display: block;
  }
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

ul,
li {
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
  list-style: none;
}

@keyframes twinkle {
  0% {
    opacity: 0 0.8;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes twinkle {
  0% {
    opacity: 0 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes lightning {
  0% {
    opacity: 0 0.8;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
@-webkit-keyframes lightning {
  0% {
    opacity: 0 0.8;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@-webkit-keyframes rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@keyframes animStar {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
  }
}
@-webkit-keyframes animStar {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
  }
}
@keyframes wiggle {
  0%, 10%, 20%, 30%, 40% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  40%, 50%, 60%, 70%, 80% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  45%, 55%, 65%, 75%, 85% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  85%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes wiggle {
  0%, 10%, 20%, 30%, 40% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  40%, 50%, 60%, 70%, 80% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  45%, 55%, 65%, 75%, 85% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  85%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.pcShow {
  display: block;
}
@media (max-width: 414px) {
  .pcShow {
    display: none;
  }
}

.mobShow {
  display: none;
}
@media (max-width: 414px) {
  .mobShow {
    display: block;
  }
}

/**** VARIABLES ****/
/* popup基本預設設定 不用動 */
.popup-wrap {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  content: "";
  background: rgba(26, 25, 25, 0.9);
  z-index: 100;
}
.popup-wrap .popup-box {
  width: 100%;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  position: absolute;
  top: 50%;
  left: 50%;
  /* popup自訂設定 */
}
.popup-wrap .popup-box .content {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 3vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbf1e2), to(#ddbca5));
  background-image: linear-gradient(to bottom, #fbf1e2 0%, #ddbca5 100%);
  border-radius: 1vw;
  color: #7a0e0e;
  border: #c4926d solid 3px;
  width: 29vw;
  gap: 0;
  /* 關閉按鈕樣式 */
}
@media (max-width: 1024px) {
  .popup-wrap .popup-box .content {
    width: 37vw;
  }
}
@media (max-width: 820px) {
  .popup-wrap .popup-box .content {
    width: 50vw;
  }
}
@media (max-width: 576px) {
  .popup-wrap .popup-box .content {
    width: 61vw;
  }
}
@media (max-width: 414px) {
  .popup-wrap .popup-box .content {
    width: 66vw;
  }
}
.popup-wrap .popup-box .content h3 {
  font-size: 2vw;
  font-weight: 600;
  margin-bottom: 5%;
}
@media (max-width: 1200px) {
  .popup-wrap .popup-box .content h3 {
    font-size: 2.5vw;
  }
}
@media (max-width: 1024px) {
  .popup-wrap .popup-box .content h3 {
    font-size: 3vw;
  }
}
@media (max-width: 820px) {
  .popup-wrap .popup-box .content h3 {
    font-size: 5vw;
  }
}
@media (max-width: 576px) {
  .popup-wrap .popup-box .content h3 {
    font-size: 7vw;
  }
}
.popup-wrap .popup-box .content p {
  border-top: 1px solid #7a0e0e;
  font-size: 1vw;
  font-weight: 500;
  color: #7a0e0e;
}
@media (max-width: 1200px) {
  .popup-wrap .popup-box .content p {
    font-size: 1.6vw;
  }
}
@media (max-width: 1024px) {
  .popup-wrap .popup-box .content p {
    font-size: 2vw;
  }
}
@media (max-width: 992px) {
  .popup-wrap .popup-box .content p {
    font-size: 3vw;
  }
}
@media (max-width: 414px) {
  .popup-wrap .popup-box .content p {
    font-size: 18px;
  }
}
.popup-wrap .popup-box .content ul {
  border-top: 1px solid #7a0e0e;
  padding-top: 0;
  font-size: 1vw;
}
@media (max-width: 1200px) {
  .popup-wrap .popup-box .content ul {
    font-size: 1.7vw;
  }
}
@media (max-width: 1024px) {
  .popup-wrap .popup-box .content ul {
    font-size: 2.2vw;
  }
}
@media (max-width: 820px) {
  .popup-wrap .popup-box .content ul {
    font-size: 3vw;
  }
}
@media (max-width: 576px) {
  .popup-wrap .popup-box .content ul {
    font-size: 3.5vw;
    overflow-y: scroll;
    height: 104vw;
  }
}
@media (max-width: 414px) {
  .popup-wrap .popup-box .content ul {
    font-size: 18px;
  }
}
.popup-wrap .popup-box .content ul li {
  margin: 2% 0;
  line-height: 1.2;
}
@media (max-width: 576px) {
  .popup-wrap .popup-box .content ul li {
    line-height: 1.3;
  }
}
.popup-wrap .popup-box .content .close-btn {
  width: 3.13rem;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  right: -25%;
  top: 0;
}
@media (max-width: 820px) {
  .popup-wrap .popup-box .content .close-btn {
    right: -17%;
  }
}
@media (max-width: 576px) {
  .popup-wrap .popup-box .content .close-btn {
    width: 2.13rem;
  }
}
.popup-wrap .popup-box .content .close-btn:hover {
  scale: 1.1;
}

/**** VARIABLES ****/
html,
body {
  height: 100%;
}

body {
  background-color: #310505;
  font-weight: 500;
  color: #ffedc3;
  font-family: "Noto Sans HK", sans-serif;
}

p {
  font-weight: normal;
  line-height: 1.8;
  font-size: clamp(15px, 2vw, 18px);
  color: #fdcca6;
}
@media (max-width: 1024px) {
  p {
    font-size: clamp(15px, 2.5vw, 27px);
  }
}
@media (max-width: 768px) {
  p {
    font-size: clamp(23px, 2.7vw, 30px);
  }
}
@media (max-width: 576px) {
  p {
    font-size: clamp(14px, 2.2vw, 25px);
  }
}

.loadinAnimation {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999;
}
.loadinAnimation .but__enter {
  position: absolute;
  display: block;
  z-index: 10;
  width: 40%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .loadinAnimation .but__enter {
    width: 62%;
  }
}
@media (max-width: 576px) {
  .loadinAnimation .but__enter {
    width: 80%;
  }
}
.loadinAnimation video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 1;
  display: block;
}

.wrap {
  max-width: 2560px;
  margin: 0 auto;
  position: relative;
}
.wrap nav {
  position: fixed;
  z-index: 20;
  top: 50%;
  -webkit-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
  width: calc(100% - 5px);
  left: 0;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 400;
  width: 165px;
}
@media (max-width: 1200px) {
  .wrap nav {
    display: none !important;
  }
}
.wrap nav .line {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  letter-spacing: 0.3vw;
  font-size: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap nav .line::before {
  content: "";
  background: url("../img/navDeco.png") no-repeat top;
  background-size: 100%;
  height: 17px;
  width: 9px;
  display: inline-block;
}
.wrap nav .line::after {
  content: "";
  background: url("../img/navDeco.png") no-repeat top;
  background-size: 100%;
  height: 17px;
  width: 9px;
  display: inline-block;
}
.wrap nav ul {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.wrap nav ul li {
  margin-bottom: 4vw;
}
.wrap nav ul li a {
  color: #8f8071;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 10vw;
}
.wrap nav ul li a::before {
  content: "";
  display: inline-block;
  width: 0.5vw;
  height: 0.2vw;
  background-color: #ffedc3;
  margin-right: 1.5vw;
}
.wrap nav ul li a:hover, .wrap nav ul li a:active {
  color: #ffedc3;
}
.wrap nav ul li:last-child {
  margin-bottom: 0;
}
.wrap nav .navActive {
  color: #ffedc3;
}
.wrap nav .navActive::after {
  content: "_";
}
.wrap .mobNav {
  display: none;
}
@media (max-width: 1200px) {
  .wrap .mobNav {
    position: fixed;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    bottom: 0;
    background-color: rgb(140, 119, 80);
    height: 10vw;
    z-index: 99;
  }
}
@media (max-width: 576px) {
  .wrap .mobNav {
    height: 12vw;
  }
}
@media (max-width: 414px) {
  .wrap .mobNav {
    height: 15vw;
  }
}
.wrap .mobNav li {
  width: 33.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #7e6332;
}
.wrap .mobNav li a {
  display: block;
  font-size: 27px;
  padding: 3vw;
  color: rgb(69, 7, 8);
}
@media (max-width: 576px) {
  .wrap .mobNav li a {
    font-size: 20px;
  }
}
@media (max-width: 375px) {
  .wrap .mobNav li a {
    font-size: 18px;
  }
}
.wrap .mobNav li a:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.wrap .dustParticle {
  position: absolute;
  top: 0;
  z-index: 5;
  max-width: 1920px;
}
.wrap .dustParticle .starsec {
  content: " ";
  position: absolute;
  width: 3px;
  height: 3px;
  background: transparent;
  -webkit-box-shadow: 571px 173px #f4c669, 1732px 143px #ff8361, 1745px 454px #FF5722, 234px 784px #d98a3b, 1793px 1123px #FF9800, 1076px 504px #ff8d2a, 633px 601px #FF5722, 350px 630px #ffa73b, 1164px 782px #ff5151, 76px 690px #ff9a26, 1825px 701px #dc3939, 1646px 578px #9e1111, 544px 293px #f38021, 445px 1061px #905245, 928px 47px #d40000, 168px 1410px #e56237, 777px 782px #eb4213, 1235px 1941px #b06027, 104px 1690px #a32c1c, 1167px 1338px #E91E63, 345px 1652px #5e4224, 1682px 1196px #F44336, 1995px 494px #7c5244, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #b02727, 1339px 1344px #f38484, 1102px 1745px #ee4040, 1592px 1676px #f35d21, 419px 1024px #FF9800, 630px 1033px #af544c, 1995px 1644px #f76b52, 1092px 712px #ff9696, 1355px 606px #F44336, 622px 1881px #dc3939, 1481px 621px #97270d, 19px 1348px #c3664a, 864px 1780px #E91E63, 442px 1136px #a93027, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #c5664a, 592px 630px #E91E63, 1012px 1690px #b02e27, 1749px 23px #fa7250, 94px 1542px #c44d0d, 1201px 1657px #ee3d3d, 1505px 692px #f34821, 1799px 601px #f46f03, 656px 811px #832f2f, 701px 597px #d42000, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #f32121, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #8a2f1e, 622px 1643px #F44336, 174px 1559px #b7403a, 212px 517px #6d1a1a, 340px 505px #310505, 1700px 39px #8a2f1e, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #5a1d1d, 1119px 1680px #FFC107, 812px 1480px #f0540c, 1438px 1585px #dc3e39, 137px 1397px #b94949, 1080px 456px #b73a3a, 1208px 1437px #f40303, 857px 281px #F44336, 1254px 1306px #d1321d, 987px 990px #6e2727, 1655px 911px #f13c3c, 1102px 1216px #FF5722, 1807px 1044px #8a2f1e, 660px 435px #ff5353, 299px 678px #844840, 1193px 115px #be1e1e, 918px 290px #9b5a31, 1447px 1422px #800f0d, 91px 1273px #811414, 108px 223px #ff693b, 146px 754px #c05f5f, 461px 1446px #FF5722, 1004px 391px #e08973, 1529px 516px #F44336, 1206px 845px #7e3718, 347px 583px #e78a8a, 1102px 1332px #F44336, 709px 1756px #e16417, 1972px 248px #542020, 1669px 1344px #FF5722, 1132px 406px #f4b136, 320px 1076px #b23737, 126px 943px #ff623b, 263px 604px #FF5722, 1546px 692px #F44336;
          box-shadow: 571px 173px #f4c669, 1732px 143px #ff8361, 1745px 454px #FF5722, 234px 784px #d98a3b, 1793px 1123px #FF9800, 1076px 504px #ff8d2a, 633px 601px #FF5722, 350px 630px #ffa73b, 1164px 782px #ff5151, 76px 690px #ff9a26, 1825px 701px #dc3939, 1646px 578px #9e1111, 544px 293px #f38021, 445px 1061px #905245, 928px 47px #d40000, 168px 1410px #e56237, 777px 782px #eb4213, 1235px 1941px #b06027, 104px 1690px #a32c1c, 1167px 1338px #E91E63, 345px 1652px #5e4224, 1682px 1196px #F44336, 1995px 494px #7c5244, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #b02727, 1339px 1344px #f38484, 1102px 1745px #ee4040, 1592px 1676px #f35d21, 419px 1024px #FF9800, 630px 1033px #af544c, 1995px 1644px #f76b52, 1092px 712px #ff9696, 1355px 606px #F44336, 622px 1881px #dc3939, 1481px 621px #97270d, 19px 1348px #c3664a, 864px 1780px #E91E63, 442px 1136px #a93027, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #c5664a, 592px 630px #E91E63, 1012px 1690px #b02e27, 1749px 23px #fa7250, 94px 1542px #c44d0d, 1201px 1657px #ee3d3d, 1505px 692px #f34821, 1799px 601px #f46f03, 656px 811px #832f2f, 701px 597px #d42000, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #f32121, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #8a2f1e, 622px 1643px #F44336, 174px 1559px #b7403a, 212px 517px #6d1a1a, 340px 505px #310505, 1700px 39px #8a2f1e, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #5a1d1d, 1119px 1680px #FFC107, 812px 1480px #f0540c, 1438px 1585px #dc3e39, 137px 1397px #b94949, 1080px 456px #b73a3a, 1208px 1437px #f40303, 857px 281px #F44336, 1254px 1306px #d1321d, 987px 990px #6e2727, 1655px 911px #f13c3c, 1102px 1216px #FF5722, 1807px 1044px #8a2f1e, 660px 435px #ff5353, 299px 678px #844840, 1193px 115px #be1e1e, 918px 290px #9b5a31, 1447px 1422px #800f0d, 91px 1273px #811414, 108px 223px #ff693b, 146px 754px #c05f5f, 461px 1446px #FF5722, 1004px 391px #e08973, 1529px 516px #F44336, 1206px 845px #7e3718, 347px 583px #e78a8a, 1102px 1332px #F44336, 709px 1756px #e16417, 1972px 248px #542020, 1669px 1344px #FF5722, 1132px 406px #f4b136, 320px 1076px #b23737, 126px 943px #ff623b, 263px 604px #FF5722, 1546px 692px #F44336;
  -webkit-animation: animStar 150s linear infinite;
          animation: animStar 150s linear infinite;
}
.wrap .dustParticle .starthird {
  content: " ";
  position: absolute;
  width: 3px;
  height: 3px;
  background: transparent;
  -webkit-box-shadow: 571px 173px #f4c669, 1732px 143px #ff8361, 1745px 454px #FF5722, 234px 784px #d98a3b, 1793px 1123px #FF9800, 1076px 504px #ff8d2a, 633px 601px #FF5722, 350px 630px #ffa73b, 1164px 782px #ff5151, 76px 690px #ff9a26, 1825px 701px #dc3939, 1646px 578px #9e1111, 544px 293px #f38021, 445px 1061px #905245, 928px 47px #d40000, 168px 1410px #e56237, 777px 782px #eb4213, 1235px 1941px #b06027, 104px 1690px #a32c1c, 1167px 1338px #E91E63, 345px 1652px #5e4224, 1682px 1196px #F44336, 1995px 494px #7c5244, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #b02727, 1339px 1344px #f38484, 1102px 1745px #ee4040, 1592px 1676px #f35d21, 419px 1024px #FF9800, 630px 1033px #af544c, 1995px 1644px #f76b52, 1092px 712px #ff9696, 1355px 606px #F44336, 622px 1881px #dc3939, 1481px 621px #97270d, 19px 1348px #c3664a, 864px 1780px #E91E63, 442px 1136px #a93027, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #c5664a, 592px 630px #E91E63, 1012px 1690px #b02e27, 1749px 23px #fa7250, 94px 1542px #c44d0d, 1201px 1657px #ee3d3d, 1505px 692px #f34821, 1799px 601px #f46f03, 656px 811px #832f2f, 701px 597px #d42000, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #f32121, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #8a2f1e, 622px 1643px #F44336, 174px 1559px #b7403a, 212px 517px #6d1a1a, 340px 505px #310505, 1700px 39px #8a2f1e, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #5a1d1d, 1119px 1680px #FFC107, 812px 1480px #f0540c, 1438px 1585px #dc3e39, 137px 1397px #b94949, 1080px 456px #b73a3a, 1208px 1437px #f40303, 857px 281px #F44336, 1254px 1306px #d1321d, 987px 990px #6e2727, 1655px 911px #f13c3c, 1102px 1216px #FF5722, 1807px 1044px #8a2f1e, 660px 435px #ff5353, 299px 678px #844840, 1193px 115px #be1e1e, 918px 290px #9b5a31, 1447px 1422px #800f0d, 91px 1273px #811414, 108px 223px #ff693b, 146px 754px #c05f5f, 461px 1446px #FF5722, 1004px 391px #e08973, 1529px 516px #F44336, 1206px 845px #7e3718, 347px 583px #e78a8a, 1102px 1332px #F44336, 709px 1756px #e16417, 1972px 248px #542020, 1669px 1344px #FF5722, 1132px 406px #f4b136, 320px 1076px #b23737, 126px 943px #ff623b, 263px 604px #FF5722, 1546px 692px #F44336;
          box-shadow: 571px 173px #f4c669, 1732px 143px #ff8361, 1745px 454px #FF5722, 234px 784px #d98a3b, 1793px 1123px #FF9800, 1076px 504px #ff8d2a, 633px 601px #FF5722, 350px 630px #ffa73b, 1164px 782px #ff5151, 76px 690px #ff9a26, 1825px 701px #dc3939, 1646px 578px #9e1111, 544px 293px #f38021, 445px 1061px #905245, 928px 47px #d40000, 168px 1410px #e56237, 777px 782px #eb4213, 1235px 1941px #b06027, 104px 1690px #a32c1c, 1167px 1338px #E91E63, 345px 1652px #5e4224, 1682px 1196px #F44336, 1995px 494px #7c5244, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #b02727, 1339px 1344px #f38484, 1102px 1745px #ee4040, 1592px 1676px #f35d21, 419px 1024px #FF9800, 630px 1033px #af544c, 1995px 1644px #f76b52, 1092px 712px #ff9696, 1355px 606px #F44336, 622px 1881px #dc3939, 1481px 621px #97270d, 19px 1348px #c3664a, 864px 1780px #E91E63, 442px 1136px #a93027, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #c5664a, 592px 630px #E91E63, 1012px 1690px #b02e27, 1749px 23px #fa7250, 94px 1542px #c44d0d, 1201px 1657px #ee3d3d, 1505px 692px #f34821, 1799px 601px #f46f03, 656px 811px #832f2f, 701px 597px #d42000, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #f32121, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #8a2f1e, 622px 1643px #F44336, 174px 1559px #b7403a, 212px 517px #6d1a1a, 340px 505px #310505, 1700px 39px #8a2f1e, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #5a1d1d, 1119px 1680px #FFC107, 812px 1480px #f0540c, 1438px 1585px #dc3e39, 137px 1397px #b94949, 1080px 456px #b73a3a, 1208px 1437px #f40303, 857px 281px #F44336, 1254px 1306px #d1321d, 987px 990px #6e2727, 1655px 911px #f13c3c, 1102px 1216px #FF5722, 1807px 1044px #8a2f1e, 660px 435px #ff5353, 299px 678px #844840, 1193px 115px #be1e1e, 918px 290px #9b5a31, 1447px 1422px #800f0d, 91px 1273px #811414, 108px 223px #ff693b, 146px 754px #c05f5f, 461px 1446px #FF5722, 1004px 391px #e08973, 1529px 516px #F44336, 1206px 845px #7e3718, 347px 583px #e78a8a, 1102px 1332px #F44336, 709px 1756px #e16417, 1972px 248px #542020, 1669px 1344px #FF5722, 1132px 406px #f4b136, 320px 1076px #b23737, 126px 943px #ff623b, 263px 604px #FF5722, 1546px 692px #F44336;
  -webkit-animation: animStar 10s linear infinite;
          animation: animStar 10s linear infinite;
}
.wrap .dustParticle .starfourth {
  content: " ";
  position: absolute;
  width: 2px;
  height: 2px;
  background: transparent;
  -webkit-box-shadow: 571px 173px #f4c669, 1732px 143px #ff8361, 1745px 454px #FF5722, 234px 784px #d98a3b, 1793px 1123px #FF9800, 1076px 504px #ff8d2a, 633px 601px #FF5722, 350px 630px #ffa73b, 1164px 782px #ff5151, 76px 690px #ff9a26, 1825px 701px #dc3939, 1646px 578px #9e1111, 544px 293px #f38021, 445px 1061px #905245, 928px 47px #d40000, 168px 1410px #e56237, 777px 782px #eb4213, 1235px 1941px #b06027, 104px 1690px #a32c1c, 1167px 1338px #E91E63, 345px 1652px #5e4224, 1682px 1196px #F44336, 1995px 494px #7c5244, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #b02727, 1339px 1344px #f38484, 1102px 1745px #ee4040, 1592px 1676px #f35d21, 419px 1024px #FF9800, 630px 1033px #af544c, 1995px 1644px #f76b52, 1092px 712px #ff9696, 1355px 606px #F44336, 622px 1881px #dc3939, 1481px 621px #97270d, 19px 1348px #c3664a, 864px 1780px #E91E63, 442px 1136px #a93027, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #c5664a, 592px 630px #E91E63, 1012px 1690px #b02e27, 1749px 23px #fa7250, 94px 1542px #c44d0d, 1201px 1657px #ee3d3d, 1505px 692px #f34821, 1799px 601px #f46f03, 656px 811px #832f2f, 701px 597px #d42000, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #f32121, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #8a2f1e, 622px 1643px #F44336, 174px 1559px #b7403a, 212px 517px #6d1a1a, 340px 505px #310505, 1700px 39px #8a2f1e, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #5a1d1d, 1119px 1680px #FFC107, 812px 1480px #f0540c, 1438px 1585px #dc3e39, 137px 1397px #b94949, 1080px 456px #b73a3a, 1208px 1437px #f40303, 857px 281px #F44336, 1254px 1306px #d1321d, 987px 990px #6e2727, 1655px 911px #f13c3c, 1102px 1216px #FF5722, 1807px 1044px #8a2f1e, 660px 435px #ff5353, 299px 678px #844840, 1193px 115px #be1e1e, 918px 290px #9b5a31, 1447px 1422px #800f0d, 91px 1273px #811414, 108px 223px #ff693b, 146px 754px #c05f5f, 461px 1446px #FF5722, 1004px 391px #e08973, 1529px 516px #F44336, 1206px 845px #7e3718, 347px 583px #e78a8a, 1102px 1332px #F44336, 709px 1756px #e16417, 1972px 248px #542020, 1669px 1344px #FF5722, 1132px 406px #f4b136, 320px 1076px #b23737, 126px 943px #ff623b, 263px 604px #FF5722, 1546px 692px #F44336;
          box-shadow: 571px 173px #f4c669, 1732px 143px #ff8361, 1745px 454px #FF5722, 234px 784px #d98a3b, 1793px 1123px #FF9800, 1076px 504px #ff8d2a, 633px 601px #FF5722, 350px 630px #ffa73b, 1164px 782px #ff5151, 76px 690px #ff9a26, 1825px 701px #dc3939, 1646px 578px #9e1111, 544px 293px #f38021, 445px 1061px #905245, 928px 47px #d40000, 168px 1410px #e56237, 777px 782px #eb4213, 1235px 1941px #b06027, 104px 1690px #a32c1c, 1167px 1338px #E91E63, 345px 1652px #5e4224, 1682px 1196px #F44336, 1995px 494px #7c5244, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #b02727, 1339px 1344px #f38484, 1102px 1745px #ee4040, 1592px 1676px #f35d21, 419px 1024px #FF9800, 630px 1033px #af544c, 1995px 1644px #f76b52, 1092px 712px #ff9696, 1355px 606px #F44336, 622px 1881px #dc3939, 1481px 621px #97270d, 19px 1348px #c3664a, 864px 1780px #E91E63, 442px 1136px #a93027, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #c5664a, 592px 630px #E91E63, 1012px 1690px #b02e27, 1749px 23px #fa7250, 94px 1542px #c44d0d, 1201px 1657px #ee3d3d, 1505px 692px #f34821, 1799px 601px #f46f03, 656px 811px #832f2f, 701px 597px #d42000, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #f32121, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #8a2f1e, 622px 1643px #F44336, 174px 1559px #b7403a, 212px 517px #6d1a1a, 340px 505px #310505, 1700px 39px #8a2f1e, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #5a1d1d, 1119px 1680px #FFC107, 812px 1480px #f0540c, 1438px 1585px #dc3e39, 137px 1397px #b94949, 1080px 456px #b73a3a, 1208px 1437px #f40303, 857px 281px #F44336, 1254px 1306px #d1321d, 987px 990px #6e2727, 1655px 911px #f13c3c, 1102px 1216px #FF5722, 1807px 1044px #8a2f1e, 660px 435px #ff5353, 299px 678px #844840, 1193px 115px #be1e1e, 918px 290px #9b5a31, 1447px 1422px #800f0d, 91px 1273px #811414, 108px 223px #ff693b, 146px 754px #c05f5f, 461px 1446px #FF5722, 1004px 391px #e08973, 1529px 516px #F44336, 1206px 845px #7e3718, 347px 583px #e78a8a, 1102px 1332px #F44336, 709px 1756px #e16417, 1972px 248px #542020, 1669px 1344px #FF5722, 1132px 406px #f4b136, 320px 1076px #b23737, 126px 943px #ff623b, 263px 604px #FF5722, 1546px 692px #F44336;
  -webkit-animation: animStar 50s linear infinite;
          animation: animStar 50s linear infinite;
}
.wrap .videoWrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1vw 0 3vw 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(45, 19, 20, 0)), color-stop(25%, #684242));
  background: linear-gradient(to bottom, rgba(45, 19, 20, 0) 25%, #684242 25%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 680px;
  width: 100%;
}
@media (max-width: 1024px) {
  .wrap .videoWrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(77, 7, 8, 0)), color-stop(25%, #684242));
    background: linear-gradient(to bottom, rgba(77, 7, 8, 0) 25%, #684242 25%);
  }
}
.wrap .videoWrap .video {
  border: 1px solid #ffedc3;
  position: relative;
  width: 670px;
  height: 365px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .wrap .videoWrap .video {
    width: 100%;
  }
}
.wrap .videoWrap .video video {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrap .videoWrap p {
  margin-top: 1.5vw;
}
.wrap .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1200px;
  max-width: 100%;
}
@media (max-width: 1440px) {
  .wrap .content {
    gap: 0vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.wrap .flow {
  position: absolute;
}
@media (max-width: 1300px) {
  .wrap .flow {
    display: none;
  }
}
.wrap h2 {
  width: 30%;
}
@media (max-width: 1600px) {
  .wrap h2 {
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .wrap h2 {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .wrap h2 {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .wrap h2 {
    width: 70%;
  }
}
@media (max-width: 480px) {
  .wrap h2 {
    width: 90%;
  }
}
.wrap .kv {
  background: url("../img/bg01.jpg") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 71.5625rem;
  overflow-x: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .wrap .kv {
    background: url("../img/M_bg01.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 106.81rem;
  }
}
@media (max-width: 820px) {
  .wrap .kv {
    height: 85.5rem;
  }
}
@media (max-width: 576px) {
  .wrap .kv {
    height: 59.5rem;
  }
}
.wrap .kv h1 {
  position: absolute;
  height: 10%;
  left: 14%;
  top: 9%;
  z-index: 5;
}
@media (max-width: 1024px) {
  .wrap .kv h1 {
    height: 10%;
    left: 4%;
    top: 8%;
  }
}
@media (max-width: 576px) {
  .wrap .kv h1 {
    top: 7%;
  }
}
.wrap .kv h1 a {
  display: block;
  background: url("../img/RomLogo.png") no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain;
  margin-right: 1vw;
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
}
.wrap .kv .kvContent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -4vw;
}
.wrap .kv .kvContent .kvCircle {
  width: 46%;
  -webkit-animation: rotate 50s infinite cubic-bezier(0.39, 0.2, 0.9, 0.67);
          animation: rotate 50s infinite cubic-bezier(0.39, 0.2, 0.9, 0.67);
}
@media (max-width: 1024px) {
  .wrap .kv .kvContent .kvCircle {
    width: 68%;
  }
}
.wrap .kv .kvContent .kvJormungandPic {
  position: absolute;
  width: 48%;
}
@media (max-width: 1440px) {
  .wrap .kv .kvContent .kvJormungandPic {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .wrap .kv .kvContent .kvJormungandPic {
    width: 100%;
    bottom: -55vw;
  }
}
@media (max-width: 820px) {
  .wrap .kv .kvContent .kvJormungandPic {
    bottom: -58vw;
  }
}
@media (max-width: 768px) {
  .wrap .kv .kvContent .kvJormungandPic {
    bottom: -61vw;
  }
}
@media (max-width: 576px) {
  .wrap .kv .kvContent .kvJormungandPic {
    bottom: -55vw;
  }
}
@media (max-width: 480px) {
  .wrap .kv .kvContent .kvJormungandPic {
    bottom: -79vw;
  }
}
@media (max-width: 375px) {
  .wrap .kv .kvContent .kvJormungandPic {
    bottom: -87vw;
  }
}
.wrap .kv .kvContent .kvJormungandPic2 {
  position: absolute;
  width: 48%;
  -webkit-animation: twinkle 0.7s infinite alternate;
          animation: twinkle 0.7s infinite alternate;
}
@media (max-width: 1440px) {
  .wrap .kv .kvContent .kvJormungandPic2 {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .wrap .kv .kvContent .kvJormungandPic2 {
    width: 100%;
    bottom: -55vw;
  }
}
@media (max-width: 820px) {
  .wrap .kv .kvContent .kvJormungandPic2 {
    bottom: -58vw;
  }
}
@media (max-width: 768px) {
  .wrap .kv .kvContent .kvJormungandPic2 {
    bottom: -61vw;
  }
}
@media (max-width: 576px) {
  .wrap .kv .kvContent .kvJormungandPic2 {
    bottom: -55vw;
  }
}
@media (max-width: 480px) {
  .wrap .kv .kvContent .kvJormungandPic2 {
    bottom: -79vw;
  }
}
@media (max-width: 375px) {
  .wrap .kv .kvContent .kvJormungandPic2 {
    bottom: -87vw;
  }
}
.wrap .kv .kvContent .kvTitle {
  position: absolute;
  width: 33%;
  bottom: -18%;
}
@media (max-width: 1440px) {
  .wrap .kv .kvContent .kvTitle {
    width: 42%;
    bottom: -57%;
  }
}
@media (max-width: 1200px) {
  .wrap .kv .kvContent .kvTitle {
    width: 50%;
    bottom: -83%;
  }
}
@media (max-width: 1024px) {
  .wrap .kv .kvContent .kvTitle {
    width: 83%;
    bottom: -106%;
  }
}
@media (max-width: 820px) {
  .wrap .kv .kvContent .kvTitle {
    bottom: -110%;
  }
}
@media (max-width: 576px) {
  .wrap .kv .kvContent .kvTitle {
    bottom: -117%;
  }
}
@media (max-width: 480px) {
  .wrap .kv .kvContent .kvTitle {
    width: 100%;
    bottom: -175%;
  }
}
@media (max-width: 375px) {
  .wrap .kv .kvContent .kvTitle {
    bottom: -203%;
  }
}
.wrap .kv .kvContent .Kvlightning {
  position: absolute;
  width: 20%;
  right: 18%;
  top: 28%;
  -webkit-animation: lightning 1s infinite alternate;
          animation: lightning 1s infinite alternate;
}
@media (max-width: 1440px) {
  .wrap .kv .kvContent .Kvlightning {
    top: 76%;
  }
}
@media (max-width: 1024px) {
  .wrap .kv .kvContent .Kvlightning {
    top: 110%;
    right: 5%;
    width: 29%;
  }
}
@media (max-width: 576px) {
  .wrap .kv .kvContent .Kvlightning {
    top: 155%;
  }
}
.wrap .kv .kvContent .Kvlightning2 {
  position: absolute;
  width: 18%;
  left: 22%;
  top: 46%;
  -webkit-animation: lightning 1s infinite alternate;
          animation: lightning 1s infinite alternate;
}
@media (max-width: 1440px) {
  .wrap .kv .kvContent .Kvlightning2 {
    top: 73%;
  }
}
@media (max-width: 1024px) {
  .wrap .kv .kvContent .Kvlightning2 {
    top: 84%;
    left: 7%;
    width: 29%;
  }
}
@media (max-width: 576px) {
  .wrap .kv .kvContent .Kvlightning2 {
    top: 117%;
  }
}
.wrap .event {
  position: relative;
  background: url("../img/bg02.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 63rem;
  padding-top: 1.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  .wrap .event {
    background: url("../img/M_bg02.jpg") no-repeat center bottom #130304;
    background-size: unset;
    width: auto;
    height: auto;
  }
}
.wrap .event h2 {
  padding-bottom: 1%;
}
@media (max-width: 1024px) {
  .wrap .event h2 {
    padding-bottom: 3%;
  }
}
.wrap .event .sign {
  position: absolute;
  text-align: right;
  right: 6%;
  top: 10%;
}
@media (max-width: 1024px) {
  .wrap .event .sign {
    position: static;
    text-align: center;
    margin-bottom: 70px;
    width: 90%;
  }
}
.wrap .event .sign p {
  white-space: nowrap;
  margin-bottom: 1vw;
}
@media (max-width: 1024px) {
  .wrap .event .sign p {
    margin-bottom: 3vw;
    font-size: clamp(25px, 3vw, 42px);
  }
}
@media (max-width: 414px) {
  .wrap .event .sign p {
    font-size: 19px;
    margin-bottom: 7vw;
  }
}
.wrap .event .sign .Btn {
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1024px) {
  .wrap .event .sign .Btn {
    font-size: clamp(25px, 3vw, 42px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.wrap .event .sign .Btn a {
  padding: 5px 7px;
}
@media (max-width: 414px) {
  .wrap .event .sign .Btn a {
    font-size: 20px;
  }
}
.wrap .event .sign .Btn a:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.wrap .event .sign .Btn .note {
  display: inline-block;
  margin-right: 1vw;
}
@media (max-width: 992px) {
  .wrap .event .sign .Btn .note {
    margin-right: 4vw;
  }
}
@media (max-width: 320px) {
  .wrap .event .sign .Btn .note {
    margin-right: 10px;
    width: calc(50% - 10px);
    font-size: 0;
  }
}
.wrap .event .sign .Btn .note a {
  white-space: nowrap;
  color: #fdcca6;
  border: solid 1px #fdcca6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1024px) {
  .wrap .event .sign .Btn .note a {
    font-size: clamp(25px, 3vw, 42px);
  }
}
@media (max-width: 414px) {
  .wrap .event .sign .Btn .note a {
    font-size: 20px;
  }
}
.wrap .event .sign .Btn .note a:hover {
  background-color: #fdcca6;
  color: #310505;
}
.wrap .event .sign .Btn .signinBtn {
  display: inline-block;
}
@media (max-width: 320px) {
  .wrap .event .sign .Btn .signinBtn {
    width: 50%;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
}
.wrap .event .sign .Btn .signinBtn a {
  background-color: #fdcca6;
  text-align: center;
  display: inline-block;
}
@media (max-width: 320px) {
  .wrap .event .sign .Btn .signinBtn a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(50% - 5px);
  }
}
.wrap .event .sign .Btn .signOutBtn {
  display: inline-block;
}
.wrap .event .sign .Btn .signOutBtn a {
  color: #fdcca6;
  border: solid 1px #fdcca6;
}
.wrap .event .sign .Btn .signOutBtn a:hover {
  background-color: #fdcca6;
  color: #310505;
}
.wrap .event ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media (max-width: 1200px) {
  .wrap .event ul {
    gap: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .wrap .event ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 88%;
  }
}
@media (max-width: 1024px) {
  .wrap .event ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 88%;
  }
}
@media (max-width: 992px) {
  .wrap .event ul {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .wrap .event ul li {
    margin-bottom: 15vw;
  }
}
.wrap .event ul li .butGift {
  position: absolute;
  top: 45%;
}
.wrap .event ul li .butGift button {
  display: block;
  border-style: hidden;
  text-indent: 108%;
}
.wrap .event ul li .butGift .butUnclick {
  pointer-events: none;
  border-style: hidden;
}
.wrap .event ul li .butGift .butclick {
  cursor: pointer;
}
.wrap .event ul li .butGift .butclick:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.wrap .event ul li .butGift a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrap .event ul li .butGift a img {
  width: 85%;
}
@media (max-width: 480px) {
  .wrap .event ul li .butGift a img {
    width: 71%;
  }
}
.wrap .event ul li .unpublished {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrap .event ul li .unpublished .unpublishedPic {
  position: relative;
  width: 14.18rem;
}
@media (max-width: 1200px) {
  .wrap .event ul li .unpublished .unpublishedPic {
    width: 12.5rem;
  }
}
@media (max-width: 1024px) {
  .wrap .event ul li .unpublished .unpublishedPic {
    width: 16.81rem;
  }
}
@media (max-width: 820px) {
  .wrap .event ul li .unpublished .unpublishedPic {
    width: 15rem;
  }
}
@media (max-width: 576px) {
  .wrap .event ul li .unpublished .unpublishedPic {
    width: 11rem;
  }
}
@media (max-width: 375px) {
  .wrap .event ul li .unpublished .unpublishedPic {
    width: 10rem;
  }
}
.wrap .event ul li .unpublished .lock {
  width: 7.5%;
  -webkit-animation: wiggle 2s infinite;
          animation: wiggle 2s infinite;
  position: absolute;
  top: 37%;
  left: 44.5%;
}
.wrap .event ul li .unpublished .more {
  position: absolute;
  bottom: 2%;
}
.wrap .event ul li .published {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrap .event ul li .published .publishedPic {
  width: 14.18rem;
}
@media (max-width: 1200px) {
  .wrap .event ul li .published .publishedPic {
    width: 12.5rem;
  }
}
@media (max-width: 1024px) {
  .wrap .event ul li .published .publishedPic {
    width: 16.81rem;
  }
}
@media (max-width: 820px) {
  .wrap .event ul li .published .publishedPic {
    width: 15rem;
  }
}
@media (max-width: 576px) {
  .wrap .event ul li .published .publishedPic {
    width: 11rem;
  }
}
@media (max-width: 375px) {
  .wrap .event ul li .published .publishedPic {
    width: 10rem;
  }
}
.wrap .event ul li .published .lock {
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: 36.5%;
  right: 47.4%;
  width: 8%;
  -webkit-animation: wiggle 2s infinite;
          animation: wiggle 2s infinite;
}
.wrap .event ul li .published .more {
  position: absolute;
  bottom: 3%;
}
.wrap .event ul li .published .more a {
  display: block;
  color: white;
  text-shadow: 0px 0px 5px #9d4242;
  font-size: clamp(15px, 2vw, 18px);
}
@media (max-width: 1024px) {
  .wrap .event ul li .published .more a {
    font-size: 3vw;
  }
}
@media (max-width: 576px) {
  .wrap .event ul li .published .more a {
    font-size: 4vw;
  }
}
.wrap .event ul li .published .more .arrow {
  width: 45%;
}
.wrap .event ul li:nth-child(odd) {
  margin-top: 1.5%;
}
@media (max-width: 1024px) {
  .wrap .event ul li:nth-child(odd) {
    margin-top: 0;
  }
}
.wrap .event .flow {
  right: 0;
  top: 40%;
  -webkit-animation: bounce 3s ease-in-out infinite;
  animation: bounce 3s ease-in-out infinite;
}
@media (max-width: 1600px) {
  .wrap .event .flow {
    top: 84%;
  }
}
.wrap .kikoutei {
  background: url("../img/bg03.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 67rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 1.5%;
}
@media (max-width: 1024px) {
  .wrap .kikoutei {
    background: url("../img/M_bg03.jpg?v=230922") no-repeat center top;
    background-size: unset;
    width: auto;
    height: auto;
    padding-top: 25%;
    padding-bottom: 7%;
  }
}
@media (max-width: 576px) {
  .wrap .kikoutei {
    padding-top: 45%;
  }
}
.wrap .kikoutei h2 {
  padding-bottom: 1%;
}
@media (max-width: 1024px) {
  .wrap .kikoutei h2 {
    padding-bottom: 10%;
  }
}
@media (max-width: 576px) {
  .wrap .kikoutei h2 {
    padding-bottom: 1%;
  }
}
.wrap .kikoutei .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .wrap .kikoutei .content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.wrap .kikoutei .content .img {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
  position: relative;
}
.wrap .kikoutei .content .img .kikouteiLight {
  position: absolute;
  -webkit-animation: scale 2s infinite;
          animation: scale 2s infinite;
  right: 2%;
  top: -7%;
}
@media (max-width: 1440px) {
  .wrap .kikoutei .content .img .kikouteiLight {
    right: 22%;
    width: 30%;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .wrap .kikoutei .content .img {
    display: none;
  }
}
.wrap .kikoutei .content p {
  max-width: 620px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}
.wrap .kikoutei .flow {
  -webkit-animation: bounce 3s ease-in-out infinite;
  animation: bounce 3s ease-in-out infinite;
}
.wrap .kikoutei .flow:last-child {
  right: 0;
  top: 65%;
}
@media (max-width: 1440px) {
  .wrap .kikoutei .flow:last-child {
    top: 70%;
  }
}
.wrap .kikoutei .flow01 {
  left: 0;
  top: 55%;
}
.wrap .jormungand {
  background: url("../img/bg04.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 1.5%;
}
@media (max-width: 1024px) {
  .wrap .jormungand {
    background: url("../img/M_bg04.jpg") no-repeat, #0b0202;
    background-size: unset;
    width: auto;
    height: auto;
    padding-top: 15.5%;
    padding-bottom: 7%;
  }
}
@media (max-width: 576px) {
  .wrap .jormungand {
    padding-top: 42.5%;
  }
}
.wrap .jormungand h2 {
  padding-bottom: 1%;
}
@media (max-width: 1024px) {
  .wrap .jormungand h2 {
    padding-bottom: 10%;
  }
}
@media (max-width: 576px) {
  .wrap .jormungand h2 {
    padding-bottom: 1%;
  }
}
.wrap .jormungand .content .jobWrap .videoWrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(12, 2, 2, 0)), color-stop(25%, rgba(104, 66, 66, 0.5)));
  background: linear-gradient(to bottom, rgba(12, 2, 2, 0) 25%, rgba(104, 66, 66, 0.5) 25%);
}
.wrap .jormungand .content .jobWrap .jobIcon {
  margin-top: 3.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
}
@media (max-width: 414px) {
  .wrap .jormungand .content .jobWrap .jobIcon {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.wrap .jormungand .content .jobWrap .jobIcon li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: clamp(14px, 1vw, 17px);
  text-align: center;
}
@media (max-width: 1024px) {
  .wrap .jormungand .content .jobWrap .jobIcon li {
    font-size: clamp(14px, 2.2vw, 25px);
  }
}
@media (max-width: 768px) {
  .wrap .jormungand .content .jobWrap .jobIcon li {
    font-size: clamp(15px, 2.5vw, 27px);
  }
}
@media (max-width: 414px) {
  .wrap .jormungand .content .jobWrap .jobIcon li {
    margin-bottom: 3vw;
    font-size: clamp(14px, 2.2vw, 25px);
  }
}
.wrap .jormungand .content .jobWrap .jobIcon li a {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3.5%;
  color: #fdcca6;
}
@media (max-width: 414px) {
  .wrap .jormungand .content .jobWrap .jobIcon li a {
    width: 74%;
  }
}
.wrap .jormungand .content .jobWrap .jobIcon li a :hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.wrap .jormungand .content .jobWrap .jobIcon li a img {
  margin-bottom: 3.5%;
}
.wrap .jormungand .content .jobWrap span {
  color: #ca7b74;
  font-size: clamp(14px, 1vw, 17px);
  margin-top: 7.5%;
}
@media (max-width: 1024px) {
  .wrap .jormungand .content .jobWrap span {
    font-size: clamp(15px, 2vw, 18px);
  }
}
@media (max-width: 992px) {
  .wrap .jormungand .content .jobWrap span {
    font-size: clamp(14px, 2.2vw, 25px);
  }
}
@media (max-width: 768px) {
  .wrap .jormungand .content .jobWrap span {
    font-size: clamp(15px, 2.5vw, 27px);
  }
}
@media (max-width: 414px) {
  .wrap .jormungand .content .jobWrap span {
    font-size: 16px;
  }
}
.wrap .jormungand .content .img {
  position: relative;
}
@media (max-width: 1024px) {
  .wrap .jormungand .content .img {
    display: none;
  }
}
@media (max-width: 1024px) {
  .wrap .jormungand .content .img .jormungandImg {
    display: none;
  }
}
.wrap .jormungand .content .img .jormungandLightinFront {
  position: absolute;
  width: 80%;
  right: 0;
  bottom: 2rem;
  -webkit-animation: lightning 2s infinite;
          animation: lightning 2s infinite;
}
.wrap .jormungand .content .img .jormungandLightinBack {
  position: absolute;
  width: 40%;
  left: 1rem;
  bottom: 15rem;
  -webkit-animation: lightning 2s infinite;
          animation: lightning 2s infinite;
}
.wrap .jormungand .flow {
  left: 0;
  top: 86%;
  -webkit-animation: bounce 3s ease-in-out infinite;
  animation: bounce 3s ease-in-out infinite;
}
@media (max-width: 1440px) {
  .wrap .jormungand .flow {
    top: 93%;
  }
}
.wrap #FOOTER {
  background-color: #490d0c;
}