@charset "utf-8";

html {
  font-size: 62.5%;
}

.fs12 {
  line-height: 1.6;
  font-size: 1.2rem;
}
.fs13 {
  line-height: 1.6;
  font-size: 1.3rem;
}
.fs14 {
  line-height: 1.6;
  font-size: 1.4rem;
}
.fs15 {
  line-height: 1.6;
  font-size: 1.5rem;
}
.fs16 {
  line-height: 1.6;
  font-size: 1.6rem;
}
.fs17 {
  line-height: 1.6;
  font-size: 1.7rem;
}
.fs18 {
  line-height: 1.6;
  font-size: 1.8rem;
}
.fs19 {
  line-height: 1.6;
  font-size: 1.9rem;
}
.fs20 {
  line-height: 1.6;
  font-size: 2rem;
}
.fs22 {
  line-height: 1.6;
  font-size: 2.2rem;
}
.fs25 {
  line-height: 1.6;
  font-size: 2.5rem;
}
.fs28 {
  line-height: 1.6;
  font-size: 2.8rem;
}
.fs30 {
  line-height: 1.6;
  font-size: 3rem;
}
.fs35 {
  line-height: 1.6;
  font-size: 3.5rem;
}
.fs40 {
  line-height: 1.6;
  font-size: 4rem;
}
.fs45 {
  line-height: 1.6;
  font-size: 4.5rem;
}
.fs50 {
  line-height: 1.6;
  font-size: 5rem;
}
.fs55 {
  line-height: 1.6;
  font-size: 5.5rem;
}
.fs60 {
  line-height: 1.6;
  font-size: 6rem;
}
.fs65 {
  line-height: 1.6;
  font-size: 6.5rem;
}
.fs70 {
  line-height: 1.6;
  font-size: 7rem;
}
.fs80 {
  line-height: 1.6;
  font-size: 8rem;
}
.fs100 {
  line-height: 1.6;
  font-size: 10rem;
}
.fs120 {
  line-height: 1.6;
  font-size: 12rem;
}
.fs130 {
  line-height: 1.6;
  font-size: 13rem;
}
.fs150 {
  line-height: 1.6;
  font-size: 15rem;
}
.fs200 {
  line-height: 1.6;
  font-size: 20rem;
}
.clamp1 {
  font-size: clamp(20px, 5vw, 30px);
}
.clamp2 {
  font-size: clamp(28px, 6vw, 45px);
}
.clamp3 {
  font-size: clamp(24px, 10vw, 55px);
}
.clamp4 {
  font-size: clamp(24px, 10vw, 70px);
}

.m10 {
  margin-top: 1rem;
}
.m20 {
  margin-top: 2rem;
}
.m30 {
  margin-top: 3rem;
}
.m40 {
  margin-top: 4rem;
}
.m50 {
  margin-top: 5rem;
}
.m60 {
  margin-top: 6rem;
}
.m70 {
  margin-top: 7rem;
}
.m80 {
  margin-top: 8rem;
}
.m90 {
  margin-top: 9rem;
}
.m100 {
  margin-top: 10rem;
}
.m120 {
  margin-top: 12rem;
}
.m150 {
  margin-top: 15rem;
}
.m200 {
  margin-top: 20rem;
}
.m300 {
  margin-top: 30rem;
}

.mb20 {
  margin-bottom: 2rem;
}
.mb30 {
  margin-bottom: 3rem;
}
.mb50 {
  margin-bottom: 5rem;
}
.mb100 {
  margin-bottom: 10rem;
}
.mb150 {
  margin-bottom: 15rem;
}

.p0 {
  padding-top: 0;
}
.p10 {
  padding-top: 1rem;
}
.p20 {
  padding-top: 2rem;
}
.p30 {
  padding-top: 3rem;
}
.p40 {
  padding-top: 4rem;
}
.p50 {
  padding-top: 5rem;
}
.p60 {
  padding-top: 6rem;
}
.p70 {
  padding-top: 7rem;
}
.p80 {
  padding-top: 8rem;
}
.p90 {
  padding-top: 9rem;
}
.p100 {
  padding-top: 10rem;
}
.p120 {
  padding-top: 12rem;
}
.p130 {
  padding-top: 13rem;
}
.p150 {
  padding-top: 15rem;
}
.p170 {
  padding-top: 17rem;
}
.p200 {
  padding-top: 20rem;
}

.pb0 {
  padding-bottom: 0rem;
}
.pb10 {
  padding-bottom: 1rem;
}
.pb20 {
  padding-bottom: 2rem;
}
.pb30 {
  padding-bottom: 3rem;
}
.pb40 {
  padding-bottom: 4rem;
}
.pb50 {
  padding-bottom: 5rem;
}
.pb60 {
  padding-bottom: 6rem;
}
.pb70 {
  padding-bottom: 7rem;
}
.pb80 {
  padding-bottom: 8rem;
}
.pb90 {
  padding-bottom: 9rem;
}
.pb100 {
  padding-bottom: 10rem;
}
.pb150 {
  padding-bottom: 15rem;
}

.ls0 {
  letter-spacing: 0 !important;
}
.lh1 {
  line-height: 1 !important;
}
.lh1_1 {
  line-height: 1.1 !important;
}
.lh1_2 {
  line-height: 1.2 !important;
}
.lh1_3 {
  line-height: 1.3 !important;
}
.lh1_4 {
  line-height: 1.4 !important;
}
.lh1_5 {
  line-height: 1.5 !important;
}
.lh1_6 {
  line-height: 1.6 !important;
}
.lh1_7 {
  line-height: 1.7 !important;
}
.lh1_8 {
  line-height: 1.8 !important;
}
.lh1_9 {
  line-height: 1.9 !important;
}
.lh2 {
  line-height: 2 !important;
}

.w100 {
  width: 100%;
}
.w95 {
  width: 95%;
}
.w90 {
  width: 90%;
}
.w80 {
  width: 80%;
}
.w70 {
  width: 70%;
}
.w60 {
  width: 60%;
}
.w50 {
  width: 50%;
}
.w40 {
  width: 40%;
}
.w30 {
  width: 30%;
}
.w20 {
  width: 20%;
}
.w10 {
  width: 10%;
}

.bld {
  font-weight: 800;
}

.red {
  color: #ff696c;
}
.pink {
  color: #ff90b7;
}
.blue {
  color: #75acff;
}
.blue2 {
  color: #a9d6ff;
}
.yellow {
  color: #ffff00;
}
.orange {
  color: #febb48;
}
.green {
  color: #75e860;
}
.bk {
  color: #000000;
}
.wt {
  color: #ffffff;
}
.gray {
  color: #adadad;
}
.blown {
  color: #440808;
}
.beige {
  color: #e7b05e;
}

.gold {
  background: repeating-linear-gradient(
    0deg,
    #b67b03 0.1em,
    #daaf08 0.2em,
    #fee9a0 0.3em,
    #daaf08 0.4em,
    #b67b03 0.5em
  );
  -webkit-background-clip: text;
  color: transparent;
}
.gold2 {
  background-image: linear-gradient(
    0deg,
    #b8751e 0%,
    #ffce08 37%,
    #fefeb2 47%,
    #fafad6 50%,
    #fefeb2 53%,
    #e1ce08 63%,
    #b8751e 100%
  );
  -webkit-background-clip: text;
  color: transparent;
}
.gold3 {
  background-image: linear-gradient(
    135deg,
    #b8751e 0%,
    #ffce08 37%,
    #fefeb2 47%,
    #fafad6 50%,
    #fefeb2 53%,
    #e1ce08 63%,
    #b8751e 100%
  );
  -webkit-background-clip: text;
  color: transparent;
}
.gold4 {
  color: transparent;
  background: repeating-linear-gradient(
    135deg,
    #b67b03 0.1em,
    #daaf08 0.2em,
    #fee9a0 0.3em,
    #daaf08 0.4em,
    #b67b03 0.5em
  );
  -webkit-background-clip: text;
}

.silver {
  color: transparent;
  background: repeating-linear-gradient(
    135deg,
    #757575 0.1em,
    #9e9e9e 0.2em,
    #e8e8e8 0.3em,
    #9e9e9e 0.4em,
    #757575 0.5em
  );
  -webkit-background-clip: text;
}

.silver2 {
  color: transparent;
  background: repeating-linear-gradient(
    0deg,
    #757575 0.1em,
    #9e9e9e 0.2em,
    #e8e8e8 0.3em,
    #9e9e9e 0.4em,
    #757575 0.5em
  );
  -webkit-background-clip: text;
}

.bg-y {
  background: #fff000;
  padding: 0 1rem;
}

.bg-y2 {
  background: #fff562b0;
  padding: 0 1rem;
}

.bg-bk {
  background: #000000;
}

.bg-bk2 {
  background: #424242;
}

.bg-r {
  background-color: #de2024;
  padding: 0 1rem;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.shadow {
  box-shadow: 0 0px 25px #000000;
}

.marker {
  background: linear-gradient(transparent 60%, #fdf38c 60%);
}

.marker-r {
  background: linear-gradient(transparent 60%, #ff5b5ba2 60%);
}

.marker-y {
  background: linear-gradient(transparent 60%, #fffb0e 60%);
}

.mincho1 {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 300;
}

.mincho2 {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 500;
}

.mincho3 {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 700;
}

.mincho4 {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 900;
}

.gothic1 {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 300;
  transform: rotate(0.03deg);
}

.gothic2 {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  transform: rotate(0.03deg);
}

.gothic3 {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  transform: rotate(0.03deg);
}

.gothic4 {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  transform: rotate(0.03deg);
}

.glow-y {
  animation: glow-y ease-in-out 2s infinite;
}

@keyframes glow-y {
  0%,
  100% {
    text-shadow: 0 0 5px #fdf844;
  }
  50% {
    text-shadow:
      0 0 5px #ffffff,
      0 0 15px #fdf844,
      0 0 25px #fdf844,
      0 0 45px #fdf844;
  }
}

.glow-b {
  animation: glow-b ease-in-out 2s infinite;
}

@keyframes glow-b {
  0%,
  100% {
    text-shadow: 0 0 5px #44defd;
  }
  50% {
    text-shadow:
      0 0 5px #ffffff,
      0 0 15px #44defd,
      0 0 25px #44defd,
      0 0 45px #44defd;
  }
}

.uline {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 2px;
}

.uline-r {
  text-decoration: underline;
  text-decoration-color: rgb(255, 106, 106);
  text-decoration-thickness: 2px;
}