@charset "UTF-8";
/* flex containers에 적용 */
/* flex items에 적용 */
/** 사용 예시
 	// 속성, 값, 최소값(기본값 0; 생략가능)
	* @include vw-convert-pc(margin, (20, auto, 40, auto), 10)
	* @include vw-convert-pc(width, 1200);
*/
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: url(/tftset16/font/Pretendard-Regular-76a1283c27610a9ad7d6940b9b174e46.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: url(/tftset16/font/Pretendard-Medium-65d0a735617322a4fe0bcc5350642159.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: url(/tftset16/font/Pretendard-SemiBold-d3b288a528801dae385d6f104693e022.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: url(/tftset16/font/Pretendard-Bold-33860c9446a2671456e4619020774137.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  src: url(/tftset16/font/Pretendard-ExtraBold-4e75935a8e92c6b078d8e1bafd81cb42.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  src: url(/tftset16/font/Pretendard-Black-2af430c08505f68fe8ccbd974e4c85f1.woff2) format("woff2");
}
@font-face {
  font-family: "Sachsenwald";
  font-weight: 400;
  src: url(/tftset16/font/SachsenwaldRegular-1315492ba967ec6294d71908cc7ff89e.woff2) format("woff2");
}
@font-face {
  font-family: "Giovanni";
  font-weight: 400;
  src: url(/tftset16/font/ITCGiovanniBook-7a946a19886c1f6e997f675890f1d95f.woff2) format("woff2");
}
@font-face {
  font-family: "DNF Forged Blade";
  font-weight: 500;
  src: url(/tftset16/font/DNFForgedBlade-Medium-a7b1253b9f75b9172fe8cdeb4817ce06.woff2) format("woff2");
}
@font-face {
  font-family: "DNF Forged Blade";
  font-weight: 700;
  src: url(/tftset16/font/DNFForgedBlade-Bold-9a5151a5dc9550fda51c36817c569eea.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url(/tftset16/font/Inter-Regular-b6204e253064e05f23f58f46e9d32d8d.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src: url(/tftset16/font/Inter-Medium-f7656ebefaa01fb7d1f53e221d01ecc1.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: url(/tftset16/font/Inter-SemiBold-728a6fb342d6756e4d46111039a4f201.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  src: url(/tftset16/font/Inter-Bold-4c7e8c21fb1f01a74b10ccfc0c96ae96.woff2) format("woff2");
}
@font-face {
  font-family: "DNF Forged Blade";
  font-weight: 300;
  src: url(/tftset16/font/DNFForgedBlade-Light-93502f0d7eb48121fedc097c58b4deb6.woff2) format("woff2");
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  margin: 0;
  padding: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  display: block;
}

html,
body {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

img,
form,
fieldset,
svg,
li {
  border: 0;
  vertical-align: top;
}

ul,
ol {
  list-style: none;
}

button {
  overflow: visible;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

button::-moz-focus-inner {
  padding: 0;
  margin: -1px;
}

input,
button,
select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

address,
caption,
em {
  font-style: normal;
}

a,
a:focus,
a:active,
a:hover {
  text-decoration: none;
}

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

body, input, select, textarea, button {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: clamp(0px, 0.8333333333vw, 16px);
  color: #000;
}

.blind,
caption span,
legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

.skip {
  height: 0;
}

.skip a {
  display: block;
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  height: 25px;
  text-align: center;
}

.skip a:focus,
#skip a:active {
  position: absolute;
  top: 0;
  z-index: 100;
  padding: 10px 0;
  background: #000;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.section {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.character {
  position: absolute;
  pointer-events: none;
}
.character::before {
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  content: "";
}

.section_head .subtitle {
  text-align: center;
  font-family: "Giovanni";
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 400;
  line-height: 1.4;
  color: #fcf8e0;
  letter-spacing: clamp(-1000px, 0.4166666667vw, 8px);
}
.section_head .title {
  margin-top: clamp(-1000px, 0.4166666667vw, 8px);
}
.section_head .title .img {
  margin: 0 auto;
}
.section_head .desc {
  margin-top: clamp(-1000px, 0.46875vw, 9px);
  text-align: center;
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 400;
  line-height: 1.4;
  color: #fcf8e0;
}
@media screen and (max-width: 768px) {
  .section_head .subtitle {
    font-size: clamp(0px, 2.6041666667vw, 20px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: clamp(0px, 1.0416666667vw, 8px);
  }
  .section_head .title {
    margin-top: clamp(0px, 1.0416666667vw, 8px);
  }
  .section_head .desc {
    margin-top: clamp(0px, 1.0416666667vw, 8px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.27;
  }
}

.notice_list {
  margin-top: clamp(-1000px, 1.25vw, 24px);
}
.notice_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(0px, 0.7291666667vw, 14px);
  font-weight: 400;
  line-height: 1.36;
  color: rgba(255, 255, 255, 0.5);
  word-break: keep-all;
}
.notice_item::before {
  margin-right: 4px;
  content: "※";
}
@media screen and (max-width: 768px) {
  .notice_item.only_mo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (max-width: 768px) {
  .notice_list {
    margin-top: clamp(0px, 3.125vw, 24px);
  }
  .notice_item {
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 400;
    line-height: 1.36;
  }
}

.line_decor {
  position: absolute;
  top: 0;
  width: clamp(-1000px, 3.125vw, 60px);
  height: 100%;
}
.line_decor_left {
  left: clamp(-1000px, 1.9791666667vw, 38px);
}
.line_decor_right {
  right: clamp(-1000px, 1.9791666667vw, 38px);
}
@media screen and (max-width: 768px) {
  .line_decor {
    display: none;
  }
}

.btn_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 0.5208333333vw, 10px);
  width: clamp(-1000px, 22.9166666667vw, 440px);
  height: clamp(-1000px, 4.6875vw, 90px);
  margin-right: auto;
  margin-left: auto;
  background: url(/tftset16/img/btn_check-6be725b4efb7c58baa684161e8066c86.png) no-repeat center/100% 100%;
  font-size: clamp(0px, 1.3541666667vw, 26px);
  font-weight: 800;
  line-height: 1.84;
  -webkit-transition: color 0.3s linear, background 0.3s linear;
  transition: color 0.3s linear, background 0.3s linear;
  color: #453a17;
  -webkit-filter: drop-shadow(0px 6px 6px rgba(102, 75, 44, 0.2509803922));
  filter: drop-shadow(0px 6px 6px rgba(102, 75, 44, 0.2509803922));
}
@media screen and (max-width: 1920px) {
  .btn_check {
    -webkit-filter: drop-shadow(0 0.3125vw 0.3125vw rgba(102, 75, 44, 0.2509803922));
    filter: drop-shadow(0 0.3125vw 0.3125vw rgba(102, 75, 44, 0.2509803922));
  }
}
.btn_check:hover {
  background: url(/tftset16/img/btn_check_hover-99d8ab85e9ac8b02d141c4214d3a8c9f.png) no-repeat center/100% 100%;
  color: #a76700;
}
.btn_check:hover::before, .btn_check:hover::after {
  background: url(/tftset16/img/ic_btn_check_hover-2d9c02af5193ced672d89f829bf15545.png) no-repeat center/cover;
}
.btn_check.is_disabled {
  background: url(/tftset16/img/btn_check_disabled-ae81f613feb346307e111335887f130c.png) no-repeat center/100% 100%;
  color: #a19584;
  -webkit-filter: drop-shadow(0px 6px 6px 0px rgba(102, 75, 44, 0.2509803922));
  filter: drop-shadow(0px 6px 6px 0px rgba(102, 75, 44, 0.2509803922));
  pointer-events: none;
}
.btn_check.is_disabled::before, .btn_check.is_disabled::after {
  background: url(/tftset16/img/ic_btn_check_disabled-3486335314108e5bdec6afdd7e76c0a6.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .btn_check.is_disabled {
    background: url(/tftset16/img/btn_check_disabled_mo-a1b355255fb7c94fa24d1618c0e997c5.png) no-repeat center/100% 100%;
  }
}
.btn_check::before, .btn_check::after {
  width: clamp(-1000px, 1.5625vw, 30px);
  height: clamp(-1000px, 2.2395833333vw, 43px);
  background: url(/tftset16/img/ic_btn_check_default-5b1c4410a4096cd04bdafd0ec6be5418.png) no-repeat center/cover;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  content: "";
}
.btn_check::after {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
@media screen and (max-width: 768px) {
  .btn_check {
    gap: clamp(0px, 1.0416666667vw, 8px);
    width: clamp(0px, 53.6458333333vw, 412px);
    height: clamp(0px, 13.0208333333vw, 100px);
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 800;
    line-height: 1.75;
    -webkit-filter: drop-shadow(0px 1.0417vw 1.0417vw rgba(0, 0, 0, 0.3019607843));
    filter: drop-shadow(0px 1.0417vw 1.0417vw rgba(0, 0, 0, 0.3019607843));
  }
  .btn_check::before, .btn_check::after {
    width: clamp(0px, 4.6875vw, 36px);
    height: clamp(0px, 6.7708333333vw, 52px);
  }
}

.animate {
  opacity: 0.0001;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
  transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
  -webkit-transition-delay: calc(var(--i) * 0.2s);
  transition-delay: calc(var(--i) * 0.2s);
}
.animate.is_show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 768px) {
  .animate {
    -webkit-transform: translateY(6.5vw);
    transform: translateY(6.5vw);
  }
}

.animate_left {
  opacity: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: 0.6s 0.4s ease-out forwards;
  animation: 0.6s 0.4s ease-out forwards;
}
.animate_left.is_show {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
  -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: calc(var(--i) * 0.2s);
  animation-delay: calc(var(--i) * 0.2s);
}
@media screen and (max-width: 768px) {
  .animate_left {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.animate_right {
  opacity: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-animation: 0.6s 0.4s ease-out forwards;
  animation: 0.6s 0.4s ease-out forwards;
}
.animate_right.is_show {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
  -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: calc(var(--i) * 0.2s);
  animation-delay: calc(var(--i) * 0.2s);
}
@media screen and (max-width: 768px) {
  .animate_right {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.animate_top {
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-animation: 0.6s 0.4s ease-out forwards;
  animation: 0.6s 0.4s ease-out forwards;
  -webkit-animation-delay: calc(var(--i) * 0.2s);
  animation-delay: calc(var(--i) * 0.2s);
}
.animate_top.is_show {
  -webkit-animation-name: slideTop;
  animation-name: slideTop;
  -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
@media screen and (max-width: 768px) {
  .animate_top {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.animate_zoom {
  opacity: 0;
}
.animate_zoom.is_show {
  -webkit-animation: zoom-fade 0.75s calc(var(--i) * 0.15s) forwards cubic-bezier(0.22, 0.61, 0.36, 1);
  animation: zoom-fade 0.75s calc(var(--i) * 0.15s) forwards cubic-bezier(0.22, 0.61, 0.36, 1);
}

.animate_butterfly_1.is_show {
  -webkit-animation: butterflyFall1 1.1s calc(var(--i) * 0.2s) forwards ease-out;
  animation: butterflyFall1 1.1s calc(var(--i) * 0.2s) forwards ease-out;
}
@media screen and (max-width: 768px) {
  .animate_butterfly_1 {
    -webkit-animation: none;
    animation: none;
  }
}

.animate_butterfly_2.is_show {
  -webkit-animation: butterflyFall2 1.1s calc(var(--i) * 0.2s) forwards ease-out;
  animation: butterflyFall2 1.1s calc(var(--i) * 0.2s) forwards ease-out;
}
@media screen and (max-width: 768px) {
  .animate_butterfly_2 {
    -webkit-animation: none;
    animation: none;
  }
}

.text_roll_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: clamp(-1000px, 6.1458333333vw, 118px);
  background: linear-gradient(90.05deg, #89B8FF -10.81%, #FBC29E 29.84%, #C5FFEB 68.51%, #F5FFA9 103.27%);
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .text_roll_wrap {
    height: clamp(0px, 15.3645833333vw, 118px);
  }
}
.text_roll_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.text_roll_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: clamp(-1000px, 191.3020833333vw, 3673px);
  height: clamp(-1000px, 6.1458333333vw, 118px);
  -webkit-animation: text_roll 25s infinite linear;
  animation: text_roll 25s infinite linear;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  background: url(/tftset16/img/bg_roll_1-f19c5158bce84b08297da16a6ce10602.png) no-repeat center/contain;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .text_roll_img {
    width: clamp(0px, 478.2552083333vw, 3673px);
    height: clamp(0px, 15.3645833333vw, 118px);
  }
}

@-webkit-keyframes rolling {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(calc(var(--translate)));
    transform: translateY(calc(var(--translate)));
  }
}

@keyframes rolling {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(calc(var(--translate)));
    transform: translateY(calc(var(--translate)));
  }
}
@-webkit-keyframes slideLeft {
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideLeft {
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideRight {
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideRight {
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideTop {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideTop {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes bouncing {
  0% {
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
    -khtml-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@keyframes bouncing {
  0% {
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
    -khtml-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@-webkit-keyframes fadeInZoomIn {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeInZoomIn {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: none;
    filter: none;
  }
}
@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: none;
    filter: none;
  }
}
@-webkit-keyframes pulseBf {
  0%, 100% {
    -webkit-transform: scale(0.9) translateY(0);
    transform: scale(0.9) translateY(0);
  }
  50% {
    -webkit-transform: scale(1) translateY(-0.6vw);
    transform: scale(1) translateY(-0.6vw);
  }
}
@keyframes pulseBf {
  0%, 100% {
    -webkit-transform: scale(0.9) translateY(0);
    transform: scale(0.9) translateY(0);
  }
  50% {
    -webkit-transform: scale(1) translateY(-0.6vw);
    transform: scale(1) translateY(-0.6vw);
  }
}
@-webkit-keyframes text_roll {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes text_roll {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 768px) {
  .only_pc {
    display: none !important;
  }
}

.only_mo {
  display: none;
}
@media screen and (max-width: 768px) {
  .only_mo {
    display: block;
  }
}

.riotbar-header-wrapper {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.btn_play::before {
  display: inline-block;
  width: clamp(-1000px, 6.25vw, 120px);
  height: clamp(-1000px, 6.25vw, 120px);
  background: url(/tftset16/img/bg_btn_play_default-10fe5e1f71ebde3bf33a02bc18905eca.png) no-repeat center/cover;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  content: "";
}
.btn_play::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: clamp(-1000px, 6.25vw, 120px);
  height: clamp(-1000px, 6.25vw, 120px);
  background: url(/tftset16/img/ic_play_default-6d7fa72109f972319324d6f8e230bee6.png) no-repeat center/cover;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  content: "";
}
.btn_play:hover::before {
  background: url(/tftset16/img/bg_btn_play_hover-d1f9dd3fc2bf85aad3eca54105d48fb6.png) no-repeat center/cover;
  -webkit-transform: rotate(105deg);
  transform: rotate(105deg);
}
.btn_play:hover::after {
  background: url(/tftset16/img/ic_play_hover-78950ba16e06ff048a916999aaba3949.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .btn_play::before, .btn_play::after {
    width: clamp(0px, 15.625vw, 120px);
    height: clamp(0px, 15.625vw, 120px);
  }
}

.is_lock {
  position: fixed !important;
  left: 0;
  width: 100%;
  overscroll-behavior-y: none;
  overflow: hidden;
}

.layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100vh;
  display: none;
}

.dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.85);
}

.pop {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pop_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  max-height: calc(100vh - 60px);
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pop_item.pop_video {
  position: relative;
}
@media screen and (max-width: 768px) {
  .pop_item.pop_video {
    padding-left: 0;
    padding-right: 0;
  }
}
.pop_item.pop_video .box_video {
  width: 54.68vw;
  height: 30.62vw;
  border-width: 2px;
  border-color: rgba(197, 161, 98, 0.8);
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 2560px) {
  .pop_item.pop_video .box_video {
    width: clamp(-1000px, 72.9166666667vw, 1400px);
    height: clamp(-1000px, 40.8333333333vw, 784px);
  }
}
@media screen and (max-width: 768px) {
  .pop_item.pop_video .box_video {
    width: clamp(0px, 83.8541666667vw, 644px);
    height: clamp(0px, 47.3958333333vw, 364px);
    border-width: clamp(0px, 0.2604166667vw, 2px);
    padding-left: 0;
    padding-right: 0;
  }
}
.pop_item.pop_video .btn_close {
  position: absolute;
  top: clamp(-1000px, 0.5208333333vw, 10px);
  width: clamp(-1000px, 2.0833333333vw, 40px);
  height: clamp(-1000px, 2.0833333333vw, 40px);
  right: -4.5%;
  background: url(/tftset16/img/ic_close-c3b1c4d8672d3cf482cf25b5f7b2a969.png) no-repeat center/100% 100%;
}
@media (min-width: 2560px) {
  .pop_item.pop_video .btn_close {
    width: clamp(-1000px, 2.0833333333vw, 40px);
    height: clamp(-1000px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .pop_item.pop_video .btn_close {
    top: clamp(0px, 1.3020833333vw, 10px);
    width: clamp(0px, 5.2083333333vw, 40px);
    height: clamp(0px, 5.2083333333vw, 40px);
    margin-bottom: clamp(0px, 1.3020833333vw, 10px);
    top: auto;
    bottom: 100%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
@media (min-width: 600) {
  .pop_item.pop_video {
    padding: clamp(-1000px, 0.9765625vw, 10px) clamp(-1000px, 0.9765625vw, 10px) clamp(-1000px, 0.9765625vw, 10px) clamp(-1000px, 0.9765625vw, 10px);
  }
}
.pop_item.pop_alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px 10px 22px 10px;
  width: 380px;
  height: 188px;
  background: url(/tftset16/img/bg_pop_1-f425d21a86d7c46582a277657074033e.png) no-repeat center/cover;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_alert {
    width: clamp(-1000px, 37.109375vw, 380px);
    height: clamp(-1000px, 18.359375vw, 188px);
    padding: clamp(-1000px, 3.125vw, 32px) clamp(-1000px, 0.9765625vw, 10px) clamp(-1000px, 2.1484375vw, 22px) clamp(-1000px, 0.9765625vw, 10px);
  }
}
@media (max-width: 599.9px) {
  .pop_item.pop_alert {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.pop_item.pop_alert:not(:has(.pop_desc)) {
  padding-top: 36px;
  padding-bottom: 32px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_alert:not(:has(.pop_desc)) {
    padding-top: clamp(-1000px, 3.515625vw, 36px);
    padding-bottom: clamp(-1000px, 3.125vw, 32px);
  }
}
.pop_item.pop_alert:not(:has(.pop_desc)) .pop_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 52px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_alert:not(:has(.pop_desc)) .pop_title {
    min-height: clamp(-1000px, 5.078125vw, 52px);
  }
}
.pop_item.pop_alert:not(:has(.pop_desc)) .pop_btn_area {
  margin-top: 20px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_alert:not(:has(.pop_desc)) .pop_btn_area {
    margin-top: clamp(-1000px, 1.953125vw, 20px);
  }
}
.pop_item.pop_alert .pop_notice {
  color: rgba(255, 255, 255, 0.4);
}
.pop_item.pop_reward_situation td:first-child, .pop_item.pop_reward_situation th:first-child {
  padding-left: 3px;
  width: 24px;
  text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_reward_situation td:first-child, .pop_item.pop_reward_situation th:first-child {
    padding-left: clamp(-1000px, 0.29296875vw, 3px);
    width: clamp(-1000px, 2.34375vw, 24px);
  }
}
.pop_item.pop_reward_situation td:nth-child(2), .pop_item.pop_reward_situation th:nth-child(2) {
  padding-left: 20px;
  width: 139px;
  text-align: left;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_reward_situation td:nth-child(2), .pop_item.pop_reward_situation th:nth-child(2) {
    padding-left: clamp(-1000px, 1.953125vw, 20px);
    width: clamp(-1000px, 13.57421875vw, 139px);
  }
}
.pop_item.pop_reward_situation td:nth-child(3), .pop_item.pop_reward_situation th:nth-child(3) {
  padding-left: 4px;
  width: 119px;
  text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_reward_situation td:nth-child(3), .pop_item.pop_reward_situation th:nth-child(3) {
    padding-left: clamp(-1000px, 0.390625vw, 4px);
    width: clamp(-1000px, 11.62109375vw, 119px);
  }
}
.pop_item.pop_history_ticket td:first-child, .pop_item.pop_history_ticket th:first-child {
  width: 27px;
  text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_history_ticket td:first-child, .pop_item.pop_history_ticket th:first-child {
    width: clamp(-1000px, 2.63671875vw, 27px);
  }
}
.pop_item.pop_history_ticket td:nth-child(2), .pop_item.pop_history_ticket th:nth-child(2) {
  width: 39px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_history_ticket td:nth-child(2), .pop_item.pop_history_ticket th:nth-child(2) {
    width: clamp(-1000px, 3.80859375vw, 39px);
  }
}
.pop_item.pop_history_ticket td:nth-child(3), .pop_item.pop_history_ticket th:nth-child(3) {
  width: 95px;
  padding-left: 14px;
  text-align: left;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_history_ticket td:nth-child(3), .pop_item.pop_history_ticket th:nth-child(3) {
    width: clamp(-1000px, 9.27734375vw, 95px);
    padding-left: clamp(-1000px, 1.3671875vw, 14px);
  }
}
.pop_item.pop_history_ticket td:nth-child(4), .pop_item.pop_history_ticket th:nth-child(4) {
  width: 52px;
  padding-left: 4px;
  text-align: left;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_history_ticket td:nth-child(4), .pop_item.pop_history_ticket th:nth-child(4) {
    width: clamp(-1000px, 5.078125vw, 52px);
    padding-left: clamp(-1000px, 0.390625vw, 4px);
  }
}
.pop_item.pop_history_ticket td:nth-child(5), .pop_item.pop_history_ticket th:nth-child(5) {
  width: 77px;
  padding-left: 4px;
  text-align: left;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_history_ticket td:nth-child(5), .pop_item.pop_history_ticket th:nth-child(5) {
    width: clamp(-1000px, 7.51953125vw, 77px);
    padding-left: clamp(-1000px, 0.390625vw, 4px);
  }
}
.pop_item.pop_history_ticket .is_deduction {
  background: rgba(212, 79, 55, 0.1019607843);
}
.pop_item.pop_history_ticket .is_deduction .badged {
  background-color: #ce5858;
}
.pop_item.pop_history_ticket .badged {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 39px;
  height: 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #08175e;
  background-color: #c5a162;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_history_ticket .badged {
    width: clamp(-1000px, 3.80859375vw, 39px);
    height: clamp(-1000px, 1.7578125vw, 18px);
    border-radius: clamp(-1000px, 4.8828125vw, 50px);
    font-size: clamp(0px, 1.26953125vw, 13px);
    font-weight: 600;
    line-height: 1;
  }
}
.pop_item.pop_item_winner {
  padding: 34px 17px 30px 19px;
  height: 400px;
  width: 380px;
  background: url(/tftset16/img/bg_pop_3-b731c3cad26b1b249f6961602bba2e1e.png) no-repeat center/cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_item_winner {
    padding: clamp(-1000px, 3.3203125vw, 34px) clamp(-1000px, 1.66015625vw, 17px) clamp(-1000px, 2.9296875vw, 30px) clamp(-1000px, 1.85546875vw, 19px);
    height: clamp(-1000px, 39.0625vw, 400px);
    width: clamp(-1000px, 37.109375vw, 380px);
  }
}
@media (max-width: 599.9px) {
  .pop_item.pop_item_winner {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.pop_item.pop_item_winner.is_confirm .pop_notice {
  color: rgba(255, 255, 255, 0.5);
}
.pop_item.pop_item_winner .pop_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 14px;
  width: 100%;
  height: 130px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_item_winner .pop_img {
    margin-top: clamp(-1000px, 1.3671875vw, 14px);
    height: clamp(-1000px, 12.6953125vw, 130px);
  }
}
.pop_item.pop_item_winner .pop_sub_title {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.04em;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_item_winner .pop_sub_title {
    margin-top: clamp(-1000px, 0.390625vw, 4px);
    font-size: clamp(0px, 1.7578125vw, 18px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: clamp(-0.4px, -0.0390625vw, -0.4px);
  }
}
.pop_item.pop_item_winner .pop_desc {
  margin-top: 14px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_item_winner .pop_desc {
    margin-top: clamp(-1000px, 1.3671875vw, 14px);
  }
}
.pop_item.pop_item_winner .pop_desc .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.04em;
  color: #c5a162;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_item_winner .pop_desc .name {
    font-size: clamp(0px, 1.5625vw, 16px);
    font-weight: 600;
    line-height: 1.3;
  }
}
.pop_item.pop_item_winner .pop_notice {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.04em;
  color: #ce5858;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_item_winner .pop_notice {
    margin-top: clamp(-1000px, 0.1953125vw, 2px);
    font-size: clamp(0px, 1.3671875vw, 14px);
    font-weight: 500;
    line-height: 1.3;
  }
}
.pop_item.pop_item_winner .pop_btn_area {
  margin-top: 16px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_item_winner .pop_btn_area {
    margin-top: clamp(-1000px, 1.5625vw, 16px);
  }
}
.pop_item.pop_voucher {
  padding: 34px 35px 32px;
  width: 380px;
  height: 540px;
  background: url(/tftset16/img/bg_pop_2-9f088836afd1ba964ade57b3398c13a8.png) center/cover no-repeat;
}
.pop_item.pop_voucher .guide_inner {
  line-height: 1.8;
}
.pop_item.pop_voucher .guide_inner .guide_title:not(:first-of-type) {
  display: block;
  margin-top: 16px;
}
.pop_item.pop_voucher .guide_inner .guide_title + p.guide_desc {
  margin-top: 4px;
}
.pop_item.pop_voucher .guide_inner .guide_title + ul {
  margin-top: 10px;
}
.pop_item.pop_voucher .guide_inner .text_point {
  color: #489EFF;
  font-size: 12px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_voucher {
    padding: clamp(-1000px, 3.3203125vw, 34px) clamp(-1000px, 3.41796875vw, 35px) clamp(-1000px, 3.125vw, 32px);
    width: clamp(-1000px, 37.109375vw, 380px);
    height: clamp(-1000px, 52.734375vw, 540px);
  }
}
@media (max-width: 599.9px) {
  .pop_item.pop_voucher {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.pop_item.pop_voucher .pop_reward_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  height: 130px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_voucher .pop_reward_img {
    margin-top: clamp(-1000px, 1.5625vw, 16px);
    height: clamp(-1000px, 12.6953125vw, 130px);
  }
}
.pop_item.pop_voucher .tab {
  margin-top: 5px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_item.pop_voucher .tab {
    margin-top: clamp(-1000px, 0.48828125vw, 5px);
  }
}
.pop_item.pop_voucher .tab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pop_item.pop_voucher .tab_item {
  position: relative;
  width: 50%;
  height: 100%;
}
.pop_item.pop_voucher .tab_item .btn_tab {
  display: block;
  width: 100%;
  height: 100%;
}
.pop_item.pop_voucher .tab_panel {
  display: none;
}
.pop_item.pop_voucher .tab_panel[aria-hidden=false] {
  display: block;
}
.pop_item.pop_voucher .scroll-element.scroll-y {
  top: 0;
}
.pop_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.04em;
  color: #c5a162;
  text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_title {
    font-size: clamp(0px, 1.953125vw, 20px);
    font-weight: 700;
    line-height: 1.3;
  }
}
.pop_sub_title {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.04em;
  color: #fff;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_sub_title {
    margin-top: clamp(-1000px, 0.390625vw, 4px);
    font-size: clamp(0px, 1.7578125vw, 18px);
    font-weight: 700;
    line-height: 1.3;
  }
}
.pop_desc {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  min-height: 26px;
  letter-spacing: -0.04em;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_desc {
    min-height: clamp(-1000px, 2.5390625vw, 26px);
    margin-top: clamp(-1000px, 0.390625vw, 4px);
    font-size: clamp(0px, 1.5625vw, 16px);
    font-weight: 600;
    line-height: 1.3;
  }
}
.pop_btn {
  width: 190px;
  height: 48px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.04em;
  color: #453a17;
  text-shadow: 0px 1px 0px rgba(255, 248, 208, 0.6);
  background: url(/tftset16/img/bg_btn_pop_1-ebe2e15d64b450d0dd2fe1fd9bed9b52.png) no-repeat center/cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_btn {
    width: clamp(-1000px, 18.5546875vw, 190px);
    height: clamp(-1000px, 4.6875vw, 48px);
    font-size: clamp(0px, 1.7578125vw, 18px);
    font-weight: 600;
    line-height: 1.3;
  }
}
.pop_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_btn_area {
    gap: clamp(-1000px, 0.9765625vw, 10px);
    margin-top: clamp(-1000px, 1.3671875vw, 14px);
  }
}
.pop_btn_area.pop_btn_double .pop_btn {
  width: 150px;
  background: url(/tftset16/img/bg_btn_pop_2-0fca524b5fd0c6b7b902ee5b87d28f24.png) no-repeat center/cover;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_btn_area.pop_btn_double .pop_btn {
    width: clamp(-1000px, 14.6484375vw, 150px);
  }
}
.pop_btn_area.pop_btn_double .pop_btn:hover {
  background: url(/tftset16/img/bg_btn_pop_2_hover-452c419f1e70a5de7c1b6d441229c1c1.png) no-repeat center/cover;
}
.pop_btn:hover {
  color: #986007;
  background: url(/tftset16/img/bg_btn_pop_1_hover-6fe9fc4806aa6357b592d52841bdc0f4.png) no-repeat center/cover;
}
.pop_btn_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_btn_box {
    gap: clamp(-1000px, 0.9765625vw, 10px);
  }
}
.pop_btn_close {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_btn_close {
    top: clamp(-1000px, 1.07421875vw, 11px);
    right: clamp(-1000px, 1.171875vw, 12px);
    width: clamp(-1000px, 1.953125vw, 20px);
    height: clamp(-1000px, 1.953125vw, 20px);
  }
}
.pop_btn_close::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url(/tftset16/img/ic_close_pop-39ccf4e0dd6b35857c28f737e8f0e90e.png) no-repeat center/100% 100%;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_btn_close::before {
    width: clamp(-1000px, 1.5625vw, 16px);
    height: clamp(-1000px, 1.5625vw, 16px);
  }
}
.pop_voucher .pop_content {
  width: 100%;
}
.pop_voucher .tab_list {
  height: 38px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .tab_list {
    height: clamp(-1000px, 3.7109375vw, 38px);
  }
}
.pop_voucher .tab_item .btn_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.pop_voucher .tab_item .btn_tab[aria-selected=true] {
  color: rgb(197, 161, 98);
  border-color: rgb(197, 161, 98);
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .tab_item .btn_tab {
    font-size: clamp(0px, 1.3671875vw, 14px);
    font-weight: 600;
    line-height: 1;
  }
}
.pop_voucher .tab_item:nth-child(2) .btn_tab[aria-selected=true] {
  color: rgb(197, 161, 98);
}
.pop_voucher .voucher_code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 60px;
  margin-top: 10px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .voucher_code {
    height: clamp(-1000px, 5.859375vw, 60px);
    margin-top: clamp(-1000px, 0.9765625vw, 10px);
  }
}
.pop_voucher .btn_voucher_code {
  position: absolute;
  z-index: 1;
  width: 310px;
  height: 100%;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .btn_voucher_code {
    width: clamp(-1000px, 30.2734375vw, 310px);
  }
  .pop_voucher .btn_voucher_code::before {
    right: clamp(-1000px, 2.34375vw, 24px);
    width: clamp(-1000px, 1.953125vw, 20px);
    height: clamp(-1000px, 1.953125vw, 20px);
  }
}
.pop_voucher .code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 310px;
  height: 100%;
  border-radius: 41px;
  border-width: 2px;
  border-color: #c5a162;
  border-style: solid;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 0.208vw 0.208vw 0px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0px 0.208vw 0.208vw 0px rgba(0, 0, 0, 0.05) inset;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .code {
    padding: clamp(-1000px, 0vw, 0px) clamp(-1000px, 5.859375vw, 60px);
    width: clamp(-1000px, 30.859375vw, 316px);
    border-radius: clamp(-1000px, 4.00390625vw, 41px);
    border-width: clamp(-1000px, 0.1953125vw, 2px);
  }
}
.pop_voucher .code_txt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.04em;
  color: rgb(197, 161, 98);
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .code_txt {
    font-size: clamp(0px, 1.953125vw, 20px);
    font-weight: 600;
    line-height: 1.3;
  }
}
.pop_voucher .toast {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: rgb(197, 161, 98);
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .toast {
    font-size: clamp(0px, 1.953125vw, 20px);
    font-weight: 600;
    line-height: 1.3;
  }
}
.pop_voucher .btn_voucher_code.is_copied ~ .code .code_txt {
  opacity: 0;
}
.pop_voucher .btn_voucher_code.is_copied ~ .toast {
  opacity: 1;
}
.pop_voucher .pop_desc {
  margin-top: 23px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .pop_desc {
    margin-top: clamp(-1000px, 2.24609375vw, 23px);
  }
}
.pop_voucher .guide {
  overflow: hidden;
  width: 310px;
  height: 150px;
  padding-top: 10px;
  padding-right: 23px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .guide {
    padding-right: clamp(-1000px, 2.24609375vw, 23px);
    padding-top: clamp(-1000px, 0.9765625vw, 10px);
    width: clamp(-1000px, 30.2734375vw, 310px);
    height: clamp(-1000px, 14.6484375vw, 150px);
  }
}
.pop_voucher .guide_title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.46;
  letter-spacing: -0.06px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .guide_title {
    font-size: clamp(0px, 1.171875vw, 12px);
    font-weight: 600;
    line-height: 1.46;
  }
}
.pop_voucher .guide_title_desc {
  margin-top: 22px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.46;
  letter-spacing: -0.06px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .guide_title_desc {
    margin-top: clamp(-1000px, 2.1484375vw, 22px);
    font-size: clamp(0px, 1.171875vw, 12px);
    font-weight: 400;
    line-height: 1.46;
  }
}
.pop_voucher .guide_title_desc a {
  color: rgb(72, 158, 255);
  font-weight: 500;
}
.pop_voucher .guide_title_desc + ul {
  margin-top: 22px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .guide_title_desc + ul {
    margin-top: clamp(-1000px, 2.1484375vw, 22px);
  }
}
.pop_voucher .guide_inner {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
}
.pop_voucher .guide_list {
  padding-left: 19px;
  width: 100%;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .guide_list {
    padding-left: clamp(-1000px, 1.85546875vw, 19px);
  }
}
.pop_voucher .guide_desc {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .guide_desc {
    font-size: clamp(0px, 1.171875vw, 12px);
    font-weight: 400;
    line-height: 1.5;
  }
}
.pop_voucher .guide_desc::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 10px;
  width: 3px;
  height: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .guide_desc::before {
    top: clamp(-1000px, 0.9765625vw, 10px);
    width: clamp(-1000px, 0.29296875vw, 3px);
    height: clamp(-1000px, 0.29296875vw, 3px);
  }
}
.pop_voucher .pop_btn_area {
  margin-top: 24px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_voucher .pop_btn_area {
    margin-top: clamp(-1000px, 2.34375vw, 24px);
  }
}
.pop_list {
  padding: 38px 35px 32px;
  width: 380px;
  height: 540px;
  background: url(/tftset16/img/bg_pop_2-9f088836afd1ba964ade57b3398c13a8.png) center/cover no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list {
    padding: clamp(-1000px, 3.7109375vw, 38px) clamp(-1000px, 3.41796875vw, 35px) clamp(-1000px, 3.125vw, 32px);
    width: clamp(-1000px, 37.109375vw, 380px);
    height: clamp(-1000px, 52.734375vw, 540px);
  }
}
@media (max-width: 599.9px) {
  .pop_list {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.pop_list .pop_bx {
  margin-top: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list .pop_bx {
    margin-top: clamp(-1000px, 2.9296875vw, 30px);
  }
}
.pop_list .pop_btn_area {
  margin-top: 24px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list .pop_btn_area {
    margin-top: clamp(-1000px, 2.34375vw, 24px);
  }
}
.pop_list .tbl {
  display: block;
  width: 100%;
}
.pop_list .tbl_head {
  border-bottom: 1px solid #c5a162;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pop_list .tbl_body {
  height: 316px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list .tbl_body {
    height: clamp(-1000px, 30.859375vw, 316px);
  }
}
.pop_list .tbl_body tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  padding: 14px 0 13px;
  border-bottom: 1px solid #c5a162;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list .tbl_body tr {
    height: clamp(-1000px, 6.8359375vw, 70px);
    padding: clamp(-1000px, 1.3671875vw, 14px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 1.26953125vw, 13px);
  }
}
.pop_list .time {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: rgba(197, 161, 98, 0.5);
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list .time {
    font-size: clamp(0px, 1.3671875vw, 14px);
    font-weight: 600;
    line-height: 1;
  }
}
.pop_list .time + .btn_shipping_address {
  margin-top: 6px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list .time + .btn_shipping_address {
    margin-top: clamp(-1000px, 0.5859375vw, 6px);
  }
}
.pop_list .btn_shipping_address {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #c5a162;
  text-decoration: underline;
  text-underline-offset: 6px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop_list .btn_shipping_address {
    font-size: clamp(0px, 1.3671875vw, 14px);
    font-weight: 600;
    line-height: 1;
    text-underline-offset: clamp(-1000px, 0.5859375vw, 6px);
  }
}
.pop .scroll-wrapper {
  overflow: visible !important;
}
.pop .scroll-content {
  overflow: hidden !important;
}
.pop .scroll-content::-webkit-scrollbar, .pop .scroll-content::-webkit-scrollbar-thumb {
  display: none;
}
.pop .scroll-bar {
  background: #c5a162 !important;
  opacity: 1 !important;
  border-radius: 50px !important;
}
.pop .scroll-element_outer {
  border-radius: 6px !important;
}
.pop .scroll-element_track {
  background-color: #2E3737 !important;
  opacity: 1 !important;
  border-radius: 50px !important;
}
.pop .scroll-element.scroll-y {
  width: 4px;
  right: -11px;
  top: -1px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop .scroll-element.scroll-y {
    width: clamp(-1000px, 0.390625vw, 4px);
  }
}
.pop .scroll-wrapper,
.pop .scroll-content {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain; /* 최신 브라우저 */
  -webkit-overflow-scrolling: auto;
}
.pop .tbl_head,
.pop .tbl_body {
  display: block;
  position: relative;
  width: 100%;
}
.pop .tbl_head {
  height: 27px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop .tbl_head {
    height: clamp(-1000px, 2.63671875vw, 27px);
  }
}
.pop .tbl_head th {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #c5a162;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop .tbl_head th {
    font-size: clamp(0px, 1.3671875vw, 14px);
    font-weight: 600;
    line-height: 1;
  }
}
.pop .tbl_body {
  display: block;
}
.pop .tbl_body td {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pop .tbl_body td {
    font-size: clamp(0px, 1.3671875vw, 14px);
    font-weight: 600;
    line-height: 1;
  }
}
.pop .tbl_body td:first-child {
  color: rgba(197, 161, 98, 0.5019607843);
}
.pop .tbl_body td:last-child {
  color: #c5a162;
}

.section {
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 2560px) {
  .section {
    -webkit-background-size: auto auto;
    background-size: auto;
  }
}
.section_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: clamp(-1000px, 73.2291666667vw, 1406px);
  padding: clamp(-1000px, 0.78125vw, 15px) clamp(-1000px, 3.125vw, 60px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 3.125vw, 60px);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_kv {
  position: relative;
  height: clamp(-1000px, 51.8229166667vw, 995px);
}
@media screen and (max-width: 768px) {
  .section_kv {
    height: clamp(0px, 130.2083333333vw, 1000px);
  }
}
.section_kv .kv_image {
  overflow: hidden;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.section_kv .kv_image .image {
  width: 100%;
  height: 100%;
  -webkit-animation: fadeInZoomIn calc(var(--i) * 0.2s) 0.1s forwards;
  animation: fadeInZoomIn calc(var(--i) * 0.2s) 0.1s forwards;
}
.section_kv .section_inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .section_kv .section_inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
  }
}
.section_kv .logo {
  margin-left: clamp(-1000px, 0.2083333333vw, 4px);
}
.section_kv .logo svg, .section_kv .logo image {
  width: clamp(-1000px, 26.4583333333vw, 508px);
  height: clamp(-1000px, 10.8333333333vw, 208px);
}
@media screen and (max-width: 768px) {
  .section_kv .logo {
    margin-left: clamp(0px, 0.5208333333vw, 4px);
  }
  .section_kv .logo svg, .section_kv .logo image {
    width: clamp(0px, 66.1458333333vw, 508px);
    height: clamp(0px, 27.0833333333vw, 208px);
  }
}
.section_kv .kv_desc {
  margin: clamp(-99px, -0.703125vw, -13.5px) clamp(-99px, 0vw, 0px) clamp(-99px, 0vw, 0px) clamp(-99px, 0vw, 0px);
  height: clamp(-1000px, 2.2916666667vw, 44px);
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .section_kv .kv_desc {
    height: clamp(0px, 7.1614583333vw, 55px);
  }
}
.section_kv .kv_duration {
  margin-top: clamp(-1000px, 0.3125vw, 6px);
}
.section_kv .kv_duration .txt_duration {
  display: inline-block;
  position: relative;
  padding: 1px;
  font-family: "Inter";
  font-weight: 500;
  font-size: clamp(0px, 1.0416666667vw, 20px);
  line-height: 1.1;
  color: #F1E39E;
  letter-spacing: -0.04em;
  text-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.4);
}
.section_kv .kv_duration .txt_duration::before {
  content: attr(data-text);
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: 1.5px transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-68.75%, #daa74e), to(#745929));
  background: linear-gradient(180deg, #daa74e -68.75%, #745929 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (max-width: 768px) {
  .section_kv .kv_duration .txt_duration {
    margin-top: clamp(0px, 0.9114583333vw, 7px);
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 600;
    line-height: 1;
  }
}
.section_kv .kv_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: clamp(-99px, 1.5625vw, 30px) clamp(-99px, -0.3125vw, -6px) clamp(-99px, -0.625vw, -12px);
  padding: clamp(-1000px, 2.34375vw, 45px) clamp(-1000px, 1.8229166667vw, 35px) clamp(-1000px, 1.5625vw, 30px) clamp(-1000px, 2.3958333333vw, 46px);
  width: clamp(-1000px, 40.5208333333vw, 778px);
  height: clamp(-1000px, 18.75vw, 360px);
  background: url(/tftset16/img/bg_kv_banner-b6cacf78201e48a91e2c787f018ee6ec.png) no-repeat center/100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_kv .banner_wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: clamp(-1000px, 0.46875vw, 9px);
}
@media screen and (max-width: 768px) {
  .section_kv .banner_wrap {
    margin-top: 0;
    margin-bottom: clamp(0px, 19.921875vw, 153px);
  }
}
.section_kv .banner.event {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: clamp(-1000px, 1.5625vw, 30px);
}
.section_kv .banner.event .banner_list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: clamp(-1000px, 1.1458333333vw, 22px);
}
.section_kv .banner.event .banner_item {
  background: url("/tftset16/img/bg_banner_event-62ebce1d1551319ad554fc2cabe7dc49.png") top/cover no-repeat;
}
.section_kv .banner.event .banner_item .banner_link::before {
  background: url(/tftset16/img/ic_open_event-3a1e9a4e22eb9b3da0fef16e383e9379.png) top/cover no-repeat;
}
.section_kv .banner.event .banner_item .banner_name {
  color: #337299;
}
.section_kv .banner.event .banner_item .banner_sub {
  color: #80a1b5;
}
.section_kv .banner.event .banner_item .banner_time {
  color: #829dad;
}
.section_kv .banner.event .banner_item:nth-child(1) .banner_link {
  padding-top: clamp(-1000px, 1.5104166667vw, 29px);
}
.section_kv .banner.event .banner_item:nth-child(1) .banner_name {
  margin-top: clamp(-1000px, 0.2604166667vw, 5px);
}
.section_kv .banner.event .banner_item:nth-child(1) .banner_desc {
  margin-top: clamp(-1000px, 0.7291666667vw, 14px);
}
.section_kv .banner.event .banner_item:nth-child(1) .banner_character {
  margin-top: clamp(-1000px, 0.2604166667vw, 5px);
  background: url(/tftset16/img/character_galio_1-88472fb6998627e7cdf2fef0e85c4e20.png) top/cover no-repeat;
}
.section_kv .banner.event .banner_item:nth-child(2) .banner_link {
  padding-top: clamp(-1000px, 1.5104166667vw, 29px);
}
.section_kv .banner.event .banner_item:nth-child(2) .banner_name {
  margin-top: clamp(-1000px, 0.2604166667vw, 5px);
}
.section_kv .banner.event .banner_item:nth-child(2) .banner_desc {
  margin-top: clamp(-1000px, 0.7291666667vw, 14px);
}
.section_kv .banner.event .banner_item:nth-child(2) .banner_link {
  padding-top: clamp(-1000px, 1.5104166667vw, 29px);
}
.section_kv .banner.event .banner_item:nth-child(2) .banner_character {
  margin-top: clamp(-1000px, 0.2604166667vw, 5px);
  background: url(/tftset16/img/character_pengu_1-04679cfaca1c1097f294190163029d68.png) top/cover no-repeat;
}
.section_kv .banner.event .banner_item:nth-child(3) .banner_link {
  padding-top: clamp(-1000px, 1.3020833333vw, 25px);
}
.section_kv .banner.event .banner_item:nth-child(3) .banner_name_sub {
  margin-top: clamp(-1000px, 0.15625vw, 3px);
  font-family: "DNF Forged Blade";
  color: #337299;
  font-size: clamp(0px, 0.625vw, 12px);
  font-weight: 700;
  line-height: 1.34;
}
.section_kv .banner.event .banner_item:nth-child(3) .banner_name {
  margin-top: 0;
  margin-bottom: clamp(-1000px, -0.3125vw, -6px);
}
.section_kv .banner.event .banner_item:nth-child(3) .banner_character {
  margin-top: 0;
  background: url(/tftset16/img/character_ziggs_1-01f32e60588d540458f3180f3d0edeb7.png) no-repeat top/cover;
}
.section_kv .banner.event .banner_item:nth-child(3) .banner_sub {
  margin-top: clamp(-1000px, 0.9375vw, 18px);
}
.section_kv .banner.event .banner_item:nth-child(3) .banner_link {
  position: relative;
}
.section_kv .banner.event .banner_item:nth-child(3) .banner_link::after {
  position: absolute;
  top: clamp(-1000px, 0.4166666667vw, 8px);
  right: clamp(-1000px, 0.4166666667vw, 8px);
  width: clamp(-1000px, 0.625vw, 12px);
  height: clamp(-1000px, 0.625vw, 12px);
  background: url(/tftset16/img/ic_external_event-bf449a97dec6037c29e2fe579a9a974d.png) top/cover no-repeat;
  content: "";
}
.section_kv .banner.event .banner_item:hover {
  background: url("/tftset16/img/bg_banner_event_hover-7f94441fd636b609679f7357fe2c5d7a.png") top/cover no-repeat;
}
.section_kv .banner.event .banner_item:hover .banner_character::before {
  opacity: 0;
}
.section_kv .banner.event .banner_item.is_inactivation, .section_kv .banner.event .banner_item.is_finished {
  background: url("/tftset16/img/bg_banner_inactivation-bf992e3f676431cd9feccb3255889ec1.png") top/cover no-repeat;
}
.section_kv .banner.event .banner_item.is_inactivation:nth-child(1) .banner_character, .section_kv .banner.event .banner_item.is_finished:nth-child(1) .banner_character {
  background: url("/tftset16/img/character_galio_2-325582b92cad0697820989c12460f4bd.png") top/cover no-repeat;
}
.section_kv .banner.event .banner_item.is_inactivation:nth-child(2) .banner_character, .section_kv .banner.event .banner_item.is_finished:nth-child(2) .banner_character {
  background: url("/tftset16/img/character_pengu_2-cbda12de9fedc8b248cd1b15adbdec69.png") top/cover no-repeat;
}
.section_kv .banner.event .banner_item.is_inactivation:nth-child(3) .banner_character, .section_kv .banner.event .banner_item.is_finished:nth-child(3) .banner_character {
  margin-top: 0;
  background: url("/tftset16/img/character_ziggs_2-cca1c8ecb49592152256694115b80c22.png") no-repeat top/cover;
}
.section_kv .banner.event .banner_item.is_inactivation:nth-child(3) .banner_link::after, .section_kv .banner.event .banner_item.is_finished:nth-child(3) .banner_link::after {
  background: url("/tftset16/img/ic_external_inactivation-4b4a99de00d0a183f9ffe6ba01c25306.png") top/cover no-repeat;
}
.section_kv .banner.event .banner_item.is_inactivation:hover .banner_character::after, .section_kv .banner.event .banner_item.is_finished:hover .banner_character::after {
  opacity: 0;
}
.section_kv .banner.event .banner_item.is_inactivation .banner_name_sub, .section_kv .banner.event .banner_item.is_finished .banner_name_sub {
  color: #8f9193;
}
.section_kv .banner.event .banner_item.is_inactivation .banner_name, .section_kv .banner.event .banner_item.is_finished .banner_name {
  color: #8f9193;
}
.section_kv .banner.event .banner_item.is_inactivation .banner_sub, .section_kv .banner.event .banner_item.is_inactivation .banner_time, .section_kv .banner.event .banner_item.is_finished .banner_sub, .section_kv .banner.event .banner_item.is_finished .banner_time {
  color: #c3c3c3;
}
.section_kv .banner.event .banner_item.is_inactivation {
  pointer-events: none;
}
.section_kv .banner.event .banner_character::after {
  background: radial-gradient(55.56% 55.56% at 50% 44.44%, rgba(65, 123, 230, 0.5) 0%, rgba(77, 139, 255, 0) 100%);
}
.section_kv .banner.event .banner_link {
  padding-top: clamp(-1000px, 1.5625vw, 30px);
}
.section_kv .banner.event .banner_name {
  margin-top: clamp(-1000px, 0.2083333333vw, 4px);
  font-size: clamp(0px, 0.7291666667vw, 14px);
  font-weight: 700;
  line-height: 1.34;
}
.section_kv .banner.event .banner_character {
  margin-top: clamp(-1000px, 0.2604166667vw, 5px);
}
.section_kv .banner.event .banner_sub {
  margin-top: clamp(-1000px, 0.7291666667vw, 14px);
}
.section_kv .banner.guide {
  width: clamp(-1000px, 8.0208333333vw, 154px);
}
.section_kv .banner.guide .banner_item {
  height: clamp(-1000px, 12.2916666667vw, 236px);
}
.section_kv .banner.guide .banner_item:hover .banner_link::after {
  background: url("/tftset16/img/ic_external_default_hover-6951b7911b80737ee6fbc0ab71af6ad8.png") top/cover no-repeat;
}
.section_kv .banner.guide .banner_title {
  margin-left: clamp(-99px, -0.3125vw, -6px);
}
.section_kv .banner_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(-1000px, 0.2604166667vw, 5px);
  margin-bottom: clamp(-1000px, 0.9895833333vw, 19px);
  font-size: clamp(0px, 0.78125vw, 15px);
  font-weight: 700;
  line-height: 1;
  text-align: left;
  color: #fcf8e0;
  white-space: nowrap;
}
.section_kv .banner_title::before {
  content: "";
  display: block;
  width: clamp(-1000px, 0.46875vw, 9px);
  height: clamp(-1000px, 0.46875vw, 9px);
  background: url("/tftset16/img/ic_dot-4effcc20368f7c40c8244583611bc0ac.png") top/cover no-repeat;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.section_kv .banner_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.section_kv .banner_item {
  position: relative;
  -ms-flex-preferred-size: clamp(-1000px, 8.0208333333vw, 154px);
  flex-basis: clamp(-1000px, 8.0208333333vw, 154px);
  width: clamp(-1000px, 8.0208333333vw, 154px);
  height: clamp(-1000px, 12.2916666667vw, 236px);
  background: url("/tftset16/img/bg_banner_default-37807aa970341315be121831f18849ab.png") top/cover no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.section_kv .banner_item:hover {
  background: url("/tftset16/img/bg_banner_default_hover-7f2e2d8f837a31c8215adcdd294a7350.png") top/cover no-repeat;
}
.section_kv .banner_item:hover .banner_character::before,
.section_kv .banner_item:hover .banner_character::after {
  opacity: 1;
}
.section_kv .banner_item:hover .banner_name {
  color: #be7900;
}
.section_kv .banner_item:hover .banner_sub {
  color: #c79135;
}
.section_kv .banner_item .banner_link::before {
  content: "";
  display: none;
  position: absolute;
  top: clamp(-100px, -0.2083333333vw, -4px);
  left: clamp(-100px, -0.3125vw, -6px);
  width: clamp(-1000px, 3.6458333333vw, 70px);
  height: clamp(-1000px, 1.1979166667vw, 23px);
  background: url("/tftset16/img/ic_open-c9a5e8bc1cdf1a9b4d514b9633646bf1.png") top/cover no-repeat;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  z-index: 1;
}
.section_kv .banner_item.is_open .banner_link::before {
  display: block;
}
.section_kv .banner_character {
  position: relative;
  margin: 0 auto;
  width: clamp(-1000px, 4.6875vw, 90px);
  height: clamp(-1000px, 4.1666666667vw, 80px);
  margin-top: clamp(-1000px, -0.3125vw, -6px);
  background: url("/tftset16/img/character_nimblefoot_3-d45772535481f7544f0239f5222dbcb9.png") top/cover no-repeat;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  pointer-events: none;
}
.section_kv .banner_character::after, .section_kv .banner_character::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: color-dodge;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.section_kv .banner_character::before {
  background: radial-gradient(55.56% 55.56% at 50% 44.44%, rgba(128, 41, 30, 0.32) 0%, rgba(185, 43, 0, 0.24) 100%);
  mix-blend-mode: plus-lighter;
}
.section_kv .banner_character::after {
  background: radial-gradient(55.56% 55.56% at 50% 44.44%, rgba(170, 105, 0, 0.7) 0%, rgba(255, 83, 31, 0) 100%);
}
.section_kv .banner_name {
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: 1.34;
  font-family: "DNF Forged Blade";
  color: #99670f;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.section_kv .banner_sub {
  margin-top: clamp(-1000px, 0.5208333333vw, 10px);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 0.625vw, 12px);
  font-weight: 500;
  line-height: 1.26;
  color: #d3b888;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.section_kv .banner_sub_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: clamp(-1000px, 0.3125vw, 6px);
  bottom: clamp(-1000px, 0.3125vw, 6px);
  font-size: clamp(0px, 0.625vw, 12px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.section_kv .banner_link {
  display: block;
  height: 100%;
  padding: clamp(-1000px, 1.875vw, 36px) clamp(-1000px, 0.5208333333vw, 10px) clamp(-1000px, 1.4583333333vw, 28px) clamp(-1000px, 0.5208333333vw, 10px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_kv .banner_time {
  font-size: clamp(0px, 0.5208333333vw, 10px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.06em;
  color: #D3B888;
}
.section_kv .decor {
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}
.section_kv .decor.left, .section_kv .decor.right {
  bottom: clamp(-1000px, 0.2083333333vw, 4px);
  width: clamp(-1000px, 9.0625vw, 174px);
  height: clamp(-1000px, 2.9166666667vw, 56px);
}
.section_kv .decor.left {
  left: 0;
}
.section_kv .decor.right {
  right: 0;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.section_kv .decor.bottom {
  width: 100%;
  z-index: 1;
  bottom: 0;
  left: 0;
  height: clamp(-1000px, 0.2083333333vw, 4px);
}
.section_kv .decor.bottom img {
  width: 100%;
  height: 100%;
}

.notes {
  position: relative;
  z-index: 1;
}
.notes .btn_toggle {
  width: 100%;
  height: clamp(-1000px, 4.7395833333vw, 91px);
  background: #000;
}
@media screen and (max-width: 768px) {
  .notes .btn_toggle {
    height: clamp(0px, 13.0208333333vw, 100px);
  }
}
.notes .btn_toggle.is_active + .precautions {
  display: block;
}
.notes .btn_toggle.is_active .notes_title::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notes_title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(-1000px, 1.1458333333vw, 22px);
  font-size: clamp(0px, 1.4583333333vw, 28px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.notes_title::after {
  display: block;
  width: clamp(-1000px, 1.3541666667vw, 26px);
  height: clamp(-1000px, 0.8854166667vw, 17px);
  background: url(/tftset16/img/polygon-459d0148ab0e33cd3d43be7f29549de3.png) no-repeat center/100% 100%;
  content: "";
}
@media screen and (max-width: 768px) {
  .notes_title {
    gap: clamp(0px, 2.0833333333vw, 16px);
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 700;
    line-height: 1;
  }
  .notes_title::after {
    width: clamp(0px, 3.3854166667vw, 26px);
    height: clamp(0px, 2.2135416667vw, 17px);
  }
}
.notes .precautions {
  display: none;
  padding: clamp(-1000px, 5.9375vw, 114px) clamp(-1000px, 8.0729166667vw, 155px) clamp(-1000px, 6.25vw, 120px);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
  background-color: #242424;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #9c9c9c;
}
.notes .precautions h4 {
  font-weight: 600;
  color: #d7d7e2;
}
.notes .precautions h4 ~ h4 {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .notes .precautions h4 ~ h4 {
    margin-top: 15px;
  }
}
.notes .precautions > ul {
  padding-left: 10px;
}
.notes .precautions > ul > li .btn_link {
  color: #9c9c9c;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.notes .precautions > ul > li > ul {
  padding-left: 17px;
}
@media screen and (max-width: 768px) {
  .notes .precautions > ul > li > ul {
    padding-left: clamp(10px, 2.2135416667vw, 17px);
  }
}
.notes .precautions .desc_item > li {
  padding-left: 17px;
}
.notes .precautions table,
.notes .precautions th,
.notes .precautions td {
  border: 1px solid #fff;
  border-collapse: collapse;
}
.notes .precautions table {
  margin: 15px 0;
}
.notes .precautions table th,
.notes .precautions table td {
  padding: 8px 12px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .notes .precautions {
    padding: clamp(0px, 10.4166666667vw, 80px) clamp(0px, 8.3333333333vw, 64px) clamp(0px, 11.71875vw, 90px);
    font-size: clamp(10px, 1.8229166667vw, 14px);
  }
}

.floating_menu {
  position: fixed;
  top: 29.2%;
  right: 0;
  z-index: 10;
  width: clamp(-1000px, 11.9270833333vw, 229px);
  height: clamp(-1000px, 21.6666666667vw, 416px);
  padding-top: clamp(-1000px, 4.2708333333vw, 82px);
  padding-bottom: clamp(-1000px, 4.8958333333vw, 94px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: url(/tftset16/img/bg_floating_menu-0496909e1db11ad0407ffce4db36d840.png) no-repeat center/cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 1921px) {
  .floating_menu {
    right: 6.4%;
  }
}
.floating_menu.is_show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.floating_menu::before {
  top: clamp(-1000px, 1.875vw, 36px);
}
.floating_menu::after {
  bottom: clamp(-1000px, 3.0208333333vw, 58px);
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.floating_menu .nav_menu {
  max-width: clamp(-1000px, 6.7708333333vw, 130px);
  margin: 0 auto;
  text-align: center;
}
.floating_menu .nav_menu_item:first-child .nav_menu_link {
  padding-top: 0;
}
.floating_menu .nav_menu_item:not(:last-child) .nav_menu_link {
  border-bottom: 1.1px solid #98855C;
}
.floating_menu .nav_menu_item.is_inactivation {
  pointer-events: none;
}
.floating_menu .nav_menu_link {
  display: block;
  padding-top: clamp(-1000px, 0.625vw, 12px);
  padding-bottom: clamp(-1000px, 0.625vw, 12px);
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: 1.25;
  color: #87733c;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.floating_menu .nav_menu_link.is_active {
  color: #112887;
}
.floating_menu .nav_menu_link:hover {
  color: #112887;
}

.floating_menu_mo {
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: clamp(0px, 23.6979166667vw, 182px);
}
.floating_menu_mo.is_fixed {
  position: fixed;
}
.floating_menu_mo .floating_slider {
  height: 100%;
  overflow: unset;
}
.floating_menu_mo .swiper-slide .image {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.floating_menu_mo .swiper-slide[data-swiper-slide-index="3"] .menu_item .sub_title {
  font-size: clamp(0px, 3.2552083333vw, 25px);
  font-weight: 700;
  line-height: 1.32;
}
.floating_menu_mo .swiper-slide[data-swiper-slide-index="3"] .menu_item .desc {
  margin-top: clamp(0px, 1.0416666667vw, 8px);
}
.floating_menu_mo .swiper-slide.swiper-slide-active {
  z-index: 1;
}
.floating_menu_mo .swiper-slide.swiper-slide-active .image {
  opacity: 1;
}
.floating_menu_mo .swiper-slide:nth-child(1) .desc {
  text-shadow: 0px 1px 0px rgba(255, 248, 219, 0.6);
}
.floating_menu_mo .menu_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding-bottom: clamp(0px, 2.9947916667vw, 23px);
  background: url(/tftset16/img/bg_floating_menu_mo-8bd172ec95a47444a2614cb4d1dfb7dc.png) no-repeat center/cover;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.floating_menu_mo .menu_item.is_event {
  background: url(/tftset16/img/bg_floating_menu_mo_event-fbe8c61010870b06402e6c1f599bb657.png) no-repeat center/cover;
}
.floating_menu_mo .menu_item.is_event .title {
  margin-top: 0;
  color: #5172A8;
}
.floating_menu_mo .menu_item.is_event .desc {
  margin-top: clamp(0px, 1.3020833333vw, 10px);
  color: #7797C2;
}
.floating_menu_mo .menu_item.is_event .ic_external {
  display: none;
  position: absolute;
  top: clamp(0px, 1.8229166667vw, 14px);
  right: clamp(0px, 1.8229166667vw, 14px);
}
.floating_menu_mo .menu_item.is_event .ic_external::before {
  display: inline-block;
  width: clamp(0px, 2.6041666667vw, 20px);
  height: clamp(0px, 2.6041666667vw, 20px);
  background: url(/tftset16/img/ic_arrow_default_mo-5ad3781d4e296136cf1a886567606f9d.png) no-repeat center/cover;
  content: "";
}
.floating_menu_mo .menu_item.is_external .ic_external {
  display: block;
}
.floating_menu_mo .menu_item.is_inactivation, .floating_menu_mo .menu_item.is_finished {
  background: url(/tftset16/img/bg_floating_menu_mo_disabled-bd0a45ec1664f820221ca3ea3fa5333b.png) no-repeat center/cover;
}
.floating_menu_mo .menu_item.is_inactivation .sub_title, .floating_menu_mo .menu_item.is_finished .sub_title {
  color: #787E84;
}
.floating_menu_mo .menu_item.is_inactivation .title, .floating_menu_mo .menu_item.is_finished .title {
  color: #787E84;
}
.floating_menu_mo .menu_item.is_inactivation .desc, .floating_menu_mo .menu_item.is_finished .desc {
  color: #8F9193;
}
.floating_menu_mo .menu_item.is_inactivation .ic_external::before, .floating_menu_mo .menu_item.is_finished .ic_external::before {
  background: url(/tftset16/img/ic_arrow_disabled_mo-493b8f161a7d17326ff8566f7959fb1c.png) no-repeat center/cover;
}
.floating_menu_mo .menu_item.is_inactivation .ic_button, .floating_menu_mo .menu_item.is_finished .ic_button {
  background: url(/tftset16/img/Open_disabled-a55cfd339b14c146c2dffafd5b93f873.png) no-repeat center/contain;
}
.floating_menu_mo .menu_item.is_inactivation {
  pointer-events: none;
}
.floating_menu_mo .image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(0px, 32.5520833333vw, 250px);
  height: clamp(0px, 33.8541666667vw, 260px);
}
.floating_menu_mo .ic_decor {
  width: clamp(0px, 9.1145833333vw, 70px);
  height: clamp(0px, 3.3854166667vw, 26px);
  background: url(/tftset16/img/ic_decor_01-1cecfc248d463509787b242eb041a206.png) no-repeat center/cover;
}
.floating_menu_mo .desc {
  margin-top: clamp(0px, 0.6510416667vw, 5px);
  font-size: clamp(0px, 2.8645833333vw, 22px);
  font-weight: 700;
  line-height: 1;
  color: #A88856;
  text-shadow: 0px 1px 0px rgba(246, 251, 255, 0.6);
}
.floating_menu_mo .sub_title {
  font-family: "DNF Forged Blade";
  color: #5172A8;
}
.floating_menu_mo .title {
  margin-top: clamp(0px, 1.171875vw, 9px);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 4.1666666667vw, 32px);
  font-weight: 700;
  line-height: 1;
  color: #98650C;
  text-shadow: 0px 2px 0px rgba(255, 248, 219, 0.6);
}
.floating_menu_mo .ic_button {
  position: absolute;
  top: 50%;
  right: clamp(0px, 5.2083333333vw, 40px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: clamp(0px, 10.4166666667vw, 80px);
  height: clamp(0px, 11.5885416667vw, 89px);
  background: url(/tftset16/img/Open-964d9abf56468dbbedbc9d6076336259.png) no-repeat center/contain;
}
.floating_menu_mo .swiper-pagination {
  bottom: clamp(0px, 1.6927083333vw, 13px);
}
.floating_menu_mo .swiper-pagination .swiper-pagination-bullet {
  width: clamp(0px, 1.3020833333vw, 10px);
  height: clamp(0px, 1.3020833333vw, 10px);
  margin: clamp(0px, 0vw, 0px) clamp(0px, 0.6510416667vw, 5px);
  border-radius: clamp(0px, 1.3020833333vw, 10px);
  background: #fff;
  opacity: 0.4;
}
.floating_menu_mo .swiper-pagination .swiper-pagination-bullet-active {
  background: #FFE99E;
  opacity: 1;
}

.guide_content {
  overflow: hidden;
}

.section_videos {
  z-index: 1;
  height: clamp(-1000px, 182.0833333333vw, 3496px);
  background: url(/tftset16/img/bg_banner_videos-34e1e008b8892c8a73b1a9613877a8e5.jpg) no-repeat center/100% 100%;
  padding: clamp(-1000px, 7.2916666667vw, 140px) clamp(-1000px, 0vw, 0px);
}
@media screen and (max-width: 768px) {
  .section_videos {
    height: clamp(0px, 319.7916666667vw, 2456px);
    padding: clamp(0px, 13.9322916667vw, 107px) clamp(0px, 0vw, 0px) clamp(0px, 10.9375vw, 84px);
    background: url(/tftset16/img/bg_banner_videos_mo-3db70a9beeb8191daafbdf8ddabbba30.jpg) no-repeat center/100% 100%;
  }
}
.section_videos .inner {
  max-width: clamp(-1000px, 72.9166666667vw, 1400px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_videos .inner {
    max-width: clamp(0px, 88.28125vw, 678px);
  }
}
.section_videos .video_subtitle {
  text-align: center;
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.5625vw, 30px);
  font-weight: 500;
  line-height: 0.93;
  color: #c5a162;
}
@media screen and (max-width: 768px) {
  .section_videos .video_subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(0px, 1.3020833333vw, 10px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: clamp(0px, 4.1666666667vw, 32px);
    font-weight: 500;
    line-height: 0.875;
  }
  .section_videos .video_subtitle::before, .section_videos .video_subtitle::after {
    position: relative;
    bottom: clamp(0px, 0.78125vw, 6px);
    display: block;
    width: clamp(0px, 5.2083333333vw, 40px);
    height: clamp(0px, 5.2083333333vw, 40px);
    background: url(/tftset16/img/video_sub_decor-c1786782dadb752657597f62f1b80fcd.png) no-repeat center/100% 100%;
    content: "";
  }
  .section_videos .video_subtitle::after {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
.section_videos .video_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(-1000px, 0.9375vw, 18px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(-1000px, 0.4166666667vw, 8px) auto clamp(-1000px, 0vw, 0px) auto;
}
.section_videos .video_title svg, .section_videos .video_title image {
  width: clamp(-1000px, 50.9375vw, 978px);
  height: clamp(-1000px, 4.1666666667vw, 80px);
}
.section_videos .video_title::before, .section_videos .video_title::after {
  position: relative;
  bottom: clamp(-1000px, 0.2083333333vw, 4px);
  display: block;
  width: clamp(-1000px, 2.6041666667vw, 50px);
  height: clamp(-1000px, 2.6041666667vw, 50px);
  background: url(/tftset16/img/decor_title_video-b19ca0ee5e757c67717621991f34e976.png) no-repeat center/100% 100%;
  content: "";
}
.section_videos .video_title::after {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media screen and (max-width: 768px) {
  .section_videos .video_title {
    margin-top: clamp(0px, 0.5208333333vw, 4px);
  }
  .section_videos .video_title::before, .section_videos .video_title::after {
    display: none;
  }
  .section_videos .video_title svg, .section_videos .video_title image {
    width: clamp(0px, 67.4479166667vw, 518px);
    height: clamp(0px, 20.8333333333vw, 160px);
  }
}
.section_videos .video_box {
  margin-top: clamp(-1000px, 3.125vw, 60px);
}
@media screen and (max-width: 768px) {
  .section_videos .video_box {
    margin-top: clamp(0px, 6.5104166667vw, 50px);
  }
}
.section_videos .video_item {
  position: relative;
  width: 100%;
  height: clamp(-1000px, 33.3333333333vw, 640px);
}
.section_videos .video_item + .video_item {
  margin-top: clamp(-1000px, 8.3333333333vw, 160px);
}
@media screen and (max-width: 768px) {
  .section_videos .video_item + .video_item {
    margin-top: 0;
  }
}
.section_videos .video_item::before {
  position: absolute;
  left: 50%;
  bottom: clamp(-1000px, 0.5208333333vw, 10px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: clamp(-1000px, 72.3958333333vw, 1390px);
  height: clamp(-1000px, 29.6875vw, 570px);
  background: #191919;
  pointer-events: none;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_videos .video_item::before {
    bottom: clamp(0px, 10.0260416667vw, 77px);
    width: clamp(0px, 87.7604166667vw, 674px);
    height: clamp(0px, 38.0208333333vw, 292px);
  }
}
.section_videos .video_item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 100%;
  pointer-events: none;
}
.section_videos .video_item:nth-child(even) .video_slider {
  right: auto;
  left: clamp(-1000px, 0.1041666667vw, 2px);
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(even) .video_slider {
    left: clamp(0px, 0.5208333333vw, 4px);
  }
}
.section_videos .video_item:nth-child(even) .swiper_button_controls {
  left: auto;
  right: clamp(-1000px, 36.0416666667vw, 692px);
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(even) .swiper_button_controls {
    right: clamp(0px, 19.4010416667vw, 149px);
  }
}
.section_videos .video_item:nth-child(1) .bg {
  background: url(/tftset16/img/video_frame_only_1-1a785b5bb146dff18cc02ac38833d053.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(1) .bg {
    background: url(/tftset16/img/video_frame_mo_1-9f2bf9077ddcbb7386d81eb8276cf445.png) no-repeat center/100% 100%;
  }
}
.section_videos .video_item:nth-child(1) .swiper_button_controls {
  background: url(/tftset16/img/btn_controls_1-65cc7c5cac9c2667d653b590df1a0e3b.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(1) .swiper_button_controls {
    background: url(/tftset16/img/btn_controls_mo_1-408ddd2e1d3029fdcbbd55303c586c75.png) no-repeat center/100% 100%;
  }
}
.section_videos .video_item:nth-child(2) .bg {
  background: url(/tftset16/img/video_frame_only_2-38c46c41cbabc06641b688cb86e5724d.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(2) .bg {
    background: url(/tftset16/img/video_frame_mo_2-6888bf7851a538576579c9cdf55f0e2d.png) no-repeat center/100% 100%;
  }
}
.section_videos .video_item:nth-child(2) .swiper_button_controls {
  background: url(/tftset16/img/btn_controls_2-ceae026b4d137630d66fb14fe25553b9.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(2) .swiper_button_controls {
    background: url(/tftset16/img/btn_controls_mo_2-68137e3abbe5c9c9342e7dd99f607b84.png) no-repeat center/100% 100%;
  }
}
.section_videos .video_item:nth-child(3) .bg {
  background: url(/tftset16/img/video_frame_only_3-53eaddd204635b104080d8a0cc84c489.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(3) .bg {
    background: url(/tftset16/img/video_frame_mo_3-ec5f83c5922017a1fd778f42463af2ca.png) no-repeat center/100% 100%;
  }
}
.section_videos .video_item:nth-child(3) .swiper_button_controls {
  background: url(/tftset16/img/btn_controls_3-15f171f2e434e680157e5abfa42256eb.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(3) .swiper_button_controls {
    background: url(/tftset16/img/btn_controls_mo_3-ff7dc4acc31265ffd9804b01b18edd50.png) no-repeat center/100% 100%;
  }
}
.section_videos .video_item:nth-child(4) .bg {
  background: url(/tftset16/img/video_frame_only_4-95b8022e37c2a33fb2fc1ecc3e15fe76.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(4) .bg {
    background: url(/tftset16/img/video_frame_mo_4-2d69b41854cd53cb034fbd6e5eeffead.png) no-repeat center/100% 100%;
  }
}
.section_videos .video_item:nth-child(4) .swiper_button_controls {
  background: url(/tftset16/img/btn_controls_4-bb68aaaf3db7a40cdf2257c774ad8186.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_videos .video_item:nth-child(4) .swiper_button_controls {
    background: url(/tftset16/img/btn_controls_mo_4-db7d03feb3571459414d192f6307287a.png) no-repeat center/100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .section_videos .video_item {
    height: clamp(0px, 47.7864583333vw, 367px);
  }
  .section_videos .video_item::before, .section_videos .video_item .video_slider {
    bottom: clamp(0px, 0.2604166667vw, 2px);
  }
  .section_videos .video_item:not(:last-child) {
    margin-bottom: clamp(0px, 22.7864583333vw, 175px);
  }
  .section_videos .video_item:not(:last-child).is_only {
    margin-bottom: clamp(0px, 13.0208333333vw, 100px);
  }
}
.section_videos .video_slider {
  position: absolute;
  right: clamp(-1000px, 0.0520833333vw, 1px);
  bottom: clamp(-1000px, 0.5208333333vw, 10px);
  width: clamp(-1000px, 52.7083333333vw, 1012px);
  height: clamp(-1000px, 29.6875vw, 570px);
}
@media screen and (max-width: 768px) {
  .section_videos .video_slider {
    right: clamp(0px, 0.5208333333vw, 4px);
    bottom: clamp(0px, 10.15625vw, 78px);
    width: clamp(0px, 67.0572916667vw, 515px);
    height: clamp(0px, 37.7604166667vw, 290px);
  }
}
.section_videos .video_slider .img {
  width: 100%;
  height: 100%;
}
.section_videos .swiper_button_controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 1.875vw, 36px);
  position: absolute;
  bottom: clamp(-1000px, 0.5208333333vw, 10px);
  left: clamp(-1000px, 36.25vw, 696px);
  z-index: 2;
  width: clamp(-1000px, 20.8333333333vw, 400px);
  height: clamp(-1000px, 3.0208333333vw, 58px);
}
.section_videos .swiper_button_controls .btn_prev, .section_videos .swiper_button_controls .btn_next {
  position: relative;
  top: clamp(-1000px, 0.3125vw, 6px);
  width: clamp(-1000px, 1.25vw, 24px);
  height: clamp(-1000px, 1.3541666667vw, 26px);
  background: url(/tftset16/img/ic_arrow_step-57634cf31fd5c3f86324f51a9040c933.png) no-repeat center/100% 100%;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.section_videos .swiper_button_controls .btn_prev.swiper-button-disabled, .section_videos .swiper_button_controls .btn_next.swiper-button-disabled {
  background: url(/tftset16/img/ic_arrow_step_disabled-69c2074d36fde78b1099de259864a6ab.png) no-repeat center/100% 100%;
}
.section_videos .swiper_button_controls .btn_next {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media screen and (max-width: 768px) {
  .section_videos .swiper_button_controls {
    bottom: -20%;
    left: clamp(0px, 19.4010416667vw, 149px);
    gap: clamp(0px, 8.3333333333vw, 64px);
    width: clamp(0px, 49.4791666667vw, 380px);
    height: clamp(0px, 9.8958333333vw, 76px);
  }
  .section_videos .swiper_button_controls .btn_prev, .section_videos .swiper_button_controls .btn_next {
    top: clamp(-5px, -0.6510416667vw, -5px);
    width: clamp(0px, 4.1666666667vw, 32px);
    height: clamp(0px, 4.4270833333vw, 34px);
  }
}
.section_videos .leaf_first {
  top: 0;
  margin-top: -5.6%;
  margin-left: clamp(-1000px, 25vw, 480px);
  left: 50%;
}
.section_videos .leaf_first::before {
  width: 22.34vw;
  height: 25.5vw;
  background: url(/tftset16/img/leaf_1-8e581de5329a002f2268d9e104859c69.png) no-repeat center/100% 100%;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
@media (min-width: 2560px) {
  .section_videos .leaf_first::before {
    width: clamp(-1000px, 29.7916666667vw, 572px);
    height: clamp(-1000px, 34.0104166667vw, 653px);
  }
}
@media (min-width: 2560px) {
  .section_videos .leaf_first {
    margin-top: clamp(-142px, -7.3958333333vw, -142px);
  }
}
@media screen and (max-width: 768px) {
  .section_videos .leaf_first {
    margin-top: -13.9%;
    left: clamp(0px, 44.140625vw, 339px);
    margin-left: 0;
  }
  .section_videos .leaf_first::before {
    width: clamp(0px, 55.859375vw, 429px);
    height: clamp(0px, 66.2760416667vw, 509px);
    background: url(/tftset16/img/leaf_mo_1-ad388ac218707975f5c940b6bc1ba715.png) no-repeat center/100% 100%;
  }
}
.section_videos .leaf_second {
  top: 9.4%;
  margin-left: clamp(-1000px, 51.71875vw, 993px);
  left: 50%;
}
@media (max-width: 1920px) {
  .section_videos .leaf_second {
    margin-left: 37.08vw;
  }
}
.section_videos .leaf_second::before {
  width: 10.46vw;
  height: 10.11vw;
  background: url(/tftset16/img/leaf_2-9f15c79ee39c0db8222c2c0f46f0796d.png) no-repeat center/100% 100%;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
@media (min-width: 2560px) {
  .section_videos .leaf_second::before {
    width: clamp(-1000px, 13.9583333333vw, 268px);
    height: clamp(-1000px, 13.4895833333vw, 259px);
  }
}
.section_videos .leaf_third {
  top: 60.7%;
  right: 50%;
  margin-right: clamp(-1000px, 41.4583333333vw, 796px);
}
@media (max-width: 1920px) {
  .section_videos .leaf_third {
    margin-right: 36%;
  }
}
.section_videos .leaf_third::before {
  width: 18.94vw;
  height: 21.17vw;
  background: url(/tftset16/img/leaf_3-be95a58616c0d9710a5e707d9b17d2a8.png) no-repeat center/100% 100%;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
@media (min-width: 2560px) {
  .section_videos .leaf_third::before {
    width: clamp(-1000px, 25.2604166667vw, 485px);
    height: clamp(-1000px, 28.2291666667vw, 542px);
  }
}
@media screen and (max-width: 768px) {
  .section_videos .leaf_third {
    top: 29.9%;
    right: 82.1%;
    margin-right: 0;
  }
  .section_videos .leaf_third::before {
    width: clamp(0px, 17.8385416667vw, 137px);
    height: clamp(0px, 44.53125vw, 342px);
    background: url(/tftset16/img/leaf_mo_3-2b5391ae03322b85ae3a10fcac496bab.png) no-repeat center/100% 100%;
  }
}
.section_videos .leaf_four {
  bottom: 23.5%;
  left: 50%;
  margin-left: clamp(-1000px, 46.875vw, 900px);
}
.section_videos .leaf_four::before {
  width: 9.84vw;
  height: 11.52vw;
  background: url(/tftset16/img/leaf_4-b6fc9e0344788614dee2bb9fa958892f.png) no-repeat center/100% 100%;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
@media (min-width: 2560px) {
  .section_videos .leaf_four::before {
    width: clamp(-1000px, 13.125vw, 252px);
    height: clamp(-1000px, 15.3645833333vw, 295px);
  }
}
@media (max-width: 1920px) {
  .section_videos .leaf_four {
    margin-left: 40%;
  }
}
@media screen and (max-width: 768px) {
  .section_videos .leaf_four {
    left: auto;
    right: 0;
    bottom: 42.3%;
    z-index: 1;
    margin-left: 0;
  }
  .section_videos .leaf_four::before {
    width: clamp(0px, 18.8802083333vw, 145px);
    height: clamp(0px, 28.7760416667vw, 221px);
    background: url(/tftset16/img/leaf_mo_4-3d3676f39152fe1f5bf4ad82ba163ce1.png) no-repeat center/100% 100%;
  }
}
.section_videos .leaf_five {
  bottom: 0;
  left: 50%;
  margin-bottom: -1.5%;
  margin-left: clamp(-1000px, 34.375vw, 660px);
}
.section_videos .leaf_five::before {
  width: 15.58vw;
  height: 19.68vw;
  background: url(/tftset16/img/leaf_5-c50e0fbd2e1449dc8908cb4305ae7ed8.png) no-repeat center/100% 100%;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
@media (min-width: 2560px) {
  .section_videos .leaf_five::before {
    width: clamp(-1000px, 20.78125vw, 399px);
    height: clamp(-1000px, 26.25vw, 504px);
  }
}
@media screen and (max-width: 768px) {
  .section_videos .leaf_five {
    bottom: -13.2%;
    left: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .section_videos .leaf_five::before {
    width: clamp(0px, 44.53125vw, 342px);
    height: clamp(0px, 62.109375vw, 477px);
    background: url(/tftset16/img/leaf_mo_5-e272040b477fe677e39dff6b1076a0b6.png) no-repeat center/100% 100%;
  }
}

.section_video_guide {
  padding: clamp(-1000px, 6.25vw, 120px) clamp(-1000px, 0vw, 0px);
  background: #08175e;
}
@media screen and (max-width: 768px) {
  .section_video_guide {
    padding: clamp(0px, 12.6302083333vw, 97px) clamp(0px, 0vw, 0px) clamp(0px, 13.0208333333vw, 100px);
  }
}
.section_video_guide::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(-1000px, 67.9166666667vw, 1304px);
  background: url(/tftset16/img/before_guide-a521252712904d26951a9f86e25336da.jpg) no-repeat center/100% 100%;
  pointer-events: none;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_video_guide::before {
    height: clamp(0px, 145.0520833333vw, 1114px);
    background: url(/tftset16/img/before_guide_mo-3ca4a43e9c276848f567a2db13ec2444.jpg) no-repeat center/100% 100%;
  }
}
.section_video_guide::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(-1000px, 34.0104166667vw, 653px);
  background: url(/tftset16/img/after_guide-51c2b01a3746ea95157acd37febeddbe.jpg) no-repeat center/100% 100%;
  pointer-events: none;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_video_guide::after {
    height: clamp(0px, 102.734375vw, 789px);
    background: url(/tftset16/img/after_guide_mo-0f76963d541e830800b957d362fd0193.jpg) no-repeat center/100% 100%;
  }
}
.section_video_guide .inner {
  position: relative;
  z-index: 1;
  max-width: clamp(-1000px, 80.1041666667vw, 1538px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_video_guide .inner {
    max-width: clamp(0px, 83.3333333333vw, 640px);
  }
}
.section_video_guide .guide_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.section_video_guide .guide_title svg, .section_video_guide .guide_title image {
  width: clamp(-1000px, 41.875vw, 804px);
  height: clamp(-1000px, 4.1666666667vw, 80px);
}
@media screen and (max-width: 768px) {
  .section_video_guide .guide_title svg, .section_video_guide .guide_title image {
    width: clamp(0px, 82.2916666667vw, 632px);
    height: clamp(0px, 19.6614583333vw, 151px);
  }
}
.section_video_guide .guide_subtitle {
  margin-top: clamp(-1000px, 2.1875vw, 42px);
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 400;
  line-height: 1.27;
  color: #fcf8e0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_video_guide .guide_subtitle {
    margin-top: clamp(0px, 2.6041666667vw, 20px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.27;
  }
}
.section_video_guide .tab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 1.25vw, 24px);
  margin-top: clamp(-1000px, 2.0833333333vw, 40px);
}
.section_video_guide .tab_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(/tftset16/img/btn_tab_default-55ec05c7b78df27a6a2a829acb2ac60d.png) no-repeat center/100% 100%;
  width: clamp(-1000px, 13.5416666667vw, 260px);
  height: clamp(-1000px, 4.8958333333vw, 94px);
  font-size: clamp(0px, 1.25vw, 24px);
  font-weight: 600;
  line-height: 1;
  color: #eacc95;
}
.section_video_guide .tab_item.is_active .tab_btn, .section_video_guide .tab_item:hover .tab_btn {
  background: url(/tftset16/img/btn_tab_active-d7e8e28cd75f80dd0cd10afcca63c109.png) no-repeat center/100% 100%;
  color: #5e2e09;
}
.section_video_guide .tab_content {
  position: relative;
  margin-top: clamp(-1000px, 2.0833333333vw, 40px);
}
@media screen and (max-width: 768px) {
  .section_video_guide .tab_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: clamp(0px, 2.34375vw, 18px);
    -moz-column-gap: clamp(0px, 2.34375vw, 18px);
    column-gap: clamp(0px, 2.34375vw, 18px);
    row-gap: clamp(0px, 1.8229166667vw, 14px);
    margin-top: clamp(0px, 6.1197916667vw, 47px);
  }
  .section_video_guide .tab_btn {
    width: clamp(0px, 26.0416666667vw, 200px);
    height: clamp(0px, 10.6770833333vw, 82px);
    background: url(/tftset16/img/btn_tab_default_mo-3ead80ebe46545d90c35dba5927caf78.png) no-repeat center/100% 100%;
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 600;
    line-height: 1;
  }
  .section_video_guide .tab_item.is_active .tab_btn, .section_video_guide .tab_item:hover .tab_btn {
    background: url(/tftset16/img/btn_tab_active_mo-f3f2355f8dc514a76ce5e95a56a8b208.png) no-repeat center/100% 100%;
  }
  .section_video_guide .tab_content {
    margin-top: clamp(0px, 5.2083333333vw, 40px);
  }
}
.section_video_guide .video_guide_box {
  position: relative;
  width: clamp(-1000px, 72.9166666667vw, 1400px);
  height: clamp(-1000px, 40.8333333333vw, 784px);
  margin: 0 auto;
  background: url(/tftset16/img/bg_gradient-88af2aff1550bf3bb56025e75392d16d.png) no-repeat center/100% 100%;
  -webkit-filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2509803922));
  filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2509803922));
  border-radius: clamp(-1000px, 0.5208333333vw, 10px);
}
.section_video_guide .video_guide_box .image {
  width: 100%;
  height: 100%;
}
.section_video_guide .video_guide_box .user_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(-1000px, 0.46875vw, 9px);
  position: absolute;
  top: clamp(-99px, -0.3125vw, -6px);
  left: clamp(-1000px, 1.3541666667vw, 26px);
  z-index: 1;
}
.section_video_guide .video_guide_box .user_info .image {
  width: clamp(-1000px, 5.8333333333vw, 112px);
}
.section_video_guide .video_guide_box .user_info .text {
  position: relative;
  bottom: clamp(-1000px, 0.46875vw, 9px);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.6666666667vw, 32px);
  font-weight: 500;
  line-height: 1.34;
  background: linear-gradient(91.67deg, #F4CD88 1.03%, #C5A162 109.1%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.section_video_guide .video_guide_box .video_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: clamp(-1000px, 72.7083333333vw, 1396px);
  height: clamp(-1000px, 40.625vw, 780px);
  border-radius: clamp(-1000px, 0.5208333333vw, 10px);
  overflow: hidden;
}
.section_video_guide .video_guide_box .video_box::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_video_guide .video_guide_box .video_box {
    width: clamp(0px, 82.5520833333vw, 634px);
    height: clamp(0px, 46.09375vw, 354px);
  }
}
.section_video_guide .video_guide_box .video_thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .section_video_guide .video_guide_box {
    width: 100%;
    height: clamp(0px, 46.875vw, 360px);
    border-radius: clamp(0px, 1.3020833333vw, 10px);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6666), color-stop(40.87%, #E8FF81), color-stop(76.44%, #C5BACD), to(#8CF7FF));
    background: linear-gradient(180deg, #FF6666 0%, #E8FF81 40.87%, #C5BACD 76.44%, #8CF7FF 100%);
  }
  .section_video_guide .video_guide_box .user_info {
    top: clamp(-4px, -0.5208333333vw, -4px);
    left: clamp(0px, 2.734375vw, 21px);
    gap: clamp(0px, 1.4322916667vw, 11px);
  }
  .section_video_guide .video_guide_box .user_info .image {
    width: clamp(0px, 10.4166666667vw, 80px);
  }
  .section_video_guide .video_guide_box .user_info .text {
    font-size: clamp(0px, 3.90625vw, 30px);
    font-weight: 500;
    line-height: 1.34;
  }
}
.section_video_guide .character_first {
  z-index: 2;
  left: 50%;
  top: 0;
  margin-left: clamp(-1000px, 28.3333333333vw, 544px);
  margin-top: clamp(-1000px, 46.5625vw, 894px);
  width: clamp(-1000px, 26.875vw, 516px);
  height: clamp(-1000px, 26.71875vw, 513px);
}
.section_video_guide .character_first::before {
  display: none;
}
.section_video_guide .character_first .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .section_video_guide .character_first {
    top: clamp(0px, 94.0104166667vw, 722px);
    margin-top: 0;
    right: -11.4%;
    left: auto;
    width: clamp(0px, 39.5833333333vw, 304px);
    height: clamp(0px, 40.3645833333vw, 310px);
  }
}
.section_video_guide .keyword_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 1.5625vw, 30px);
  width: clamp(-1000px, 72.34375vw, 1389px);
  height: clamp(-1000px, 4.1666666667vw, 80px);
  margin: clamp(-1000px, 2.0833333333vw, 40px) auto clamp(-1000px, 0vw, 0px) auto;
  border-radius: clamp(-1000px, 2.6041666667vw, 50px);
  border-width: clamp(-1000px, 0.1041666667vw, 2px);
  background-color: #273C92;
  border-color: #c5a162;
  border-style: solid;
}
.section_video_guide .keyword_link {
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 700;
  line-height: 1.27;
  color: #fcf8e0;
}
@media screen and (max-width: 768px) {
  .section_video_guide .keyword_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(0px, 2.0833333333vw, 16px) clamp(0px, 1.8229166667vw, 14px);
    width: 100%;
    height: auto;
    margin-top: clamp(0px, 5.2083333333vw, 40px);
    padding: clamp(0px, 3.125vw, 24px) clamp(0px, 3.2552083333vw, 25px);
    border-width: clamp(0px, 0.2604166667vw, 2px);
    border-radius: clamp(0px, 19.53125vw, 150px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section_video_guide .keyword_link {
    font-size: clamp(0px, 2.6041666667vw, 20px);
    font-weight: 700;
    line-height: 1.4;
  }
}
.section_video_guide .video_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: clamp(-1000px, 0.8333333333vw, 16px);
  -moz-column-gap: clamp(-1000px, 0.8333333333vw, 16px);
  column-gap: clamp(-1000px, 0.8333333333vw, 16px);
  row-gap: clamp(-1000px, 3.125vw, 60px);
  margin-top: clamp(-1000px, 5.2083333333vw, 100px);
}
.section_video_guide .video_image {
  display: block;
  position: relative;
  width: clamp(-1000px, 23.75vw, 456px);
  height: clamp(-1000px, 13.3333333333vw, 256px);
  margin: 0 auto;
  border-radius: clamp(-1000px, 0.5208333333vw, 10px);
  overflow: hidden;
  background: url(/tftset16/img/bg_video_item-980b5041b09feb24c7865d86ecd7a42e.png) no-repeat center/100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_video_guide .video_image::before {
  display: block;
  position: absolute;
  top: clamp(-1000px, 0.3125vw, 6px);
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: clamp(-1000px, 22.9166666667vw, 440px);
  height: clamp(-1000px, 10.8854166667vw, 209px);
  background: url(/tftset16/img/rec_gradient-717f1d718513d95f29fa4a0b4885d7b2.png) no-repeat center/100% 100%;
  pointer-events: none;
  content: "";
}
.section_video_guide .video_image .video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section_video_guide .video_image .video_box {
  position: absolute;
  top: clamp(-1000px, 0.1041666667vw, 2px);
  right: clamp(-1000px, 0.1041666667vw, 2px);
  bottom: clamp(-1000px, 0.1041666667vw, 2px);
  left: clamp(-1000px, 0.1041666667vw, 2px);
  border-radius: clamp(-1000px, 0.5208333333vw, 10px);
  overflow: hidden;
  pointer-events: none;
}
.section_video_guide .video_image .video_box::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  content: "";
}
.section_video_guide .video_image .video_box .video_thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .section_video_guide .video_image .video_box {
    top: clamp(0px, 0.5208333333vw, 4px);
    right: clamp(0px, 0.5208333333vw, 4px);
    bottom: clamp(0px, 0.5208333333vw, 4px);
    left: clamp(0px, 0.5208333333vw, 4px);
    border-radius: clamp(0px, 1.3020833333vw, 10px);
  }
}
.section_video_guide .video_image .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: clamp(-1000px, 0.0520833333vw, 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: clamp(-1000px, 23.59375vw, 453px);
  height: clamp(-1000px, 2.0833333333vw, 40px);
  padding: clamp(-1000px, 0vw, 0px) clamp(-1000px, 0.8333333333vw, 16px);
  background: rgba(255, 255, 255, 0.4);
  border-radius: clamp(-1000px, 0vw, 0px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 0.46875vw, 9px) clamp(-1000px, 0.46875vw, 9px);
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 700;
  line-height: 1.55;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_video_guide .video_image .name .text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section_video_guide .video_image .btn_play {
  width: clamp(-1000px, 4.6875vw, 90px);
  height: clamp(-1000px, 4.6875vw, 90px);
}
.section_video_guide .video_image .btn_play::before {
  width: clamp(-1000px, 4.6875vw, 90px);
  height: clamp(-1000px, 4.6875vw, 90px);
}
.section_video_guide .video_image .btn_play::after {
  width: clamp(-1000px, 4.6875vw, 90px);
  height: clamp(-1000px, 4.6875vw, 90px);
}
@media screen and (max-width: 768px) {
  .section_video_guide .video_image .btn_play {
    width: clamp(0px, 15.625vw, 120px);
    height: clamp(0px, 15.625vw, 120px);
  }
  .section_video_guide .video_image .btn_play::before {
    width: clamp(0px, 15.625vw, 120px);
    height: clamp(0px, 15.625vw, 120px);
  }
  .section_video_guide .video_image .btn_play::after {
    width: clamp(0px, 15.625vw, 120px);
    height: clamp(0px, 15.625vw, 120px);
  }
}
.section_video_guide .video_keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(-1000px, 0.4166666667vw, 8px);
  margin-top: clamp(-1000px, 1.0416666667vw, 20px);
}
.section_video_guide .video_keyword_link {
  display: inline-block;
  padding: clamp(-1000px, 0.2083333333vw, 4px) clamp(-1000px, 0.8333333333vw, 16px);
  background: #000;
  border-radius: clamp(-1000px, 2.6041666667vw, 50px);
  font-size: clamp(0px, 0.7291666667vw, 14px);
  font-weight: 600;
  line-height: 2;
  color: #7aa0ff;
}
@media screen and (max-width: 768px) {
  .section_video_guide .video_list {
    grid-template-columns: repeat(1, 1fr);
    gap: clamp(0px, 6.5104166667vw, 50px);
    margin-top: clamp(0px, 10.4166666667vw, 80px);
  }
  .section_video_guide .video_image {
    width: 100%;
    height: clamp(0px, 46.875vw, 360px);
    background: linear-gradient(116.21deg, #C0F0F5 10.09%, #DB5F64 82.76%);
    border-radius: clamp(0px, 1.3020833333vw, 10px);
  }
  .section_video_guide .video_image .name {
    bottom: clamp(0px, 0.390625vw, 3px);
    width: clamp(0px, 82.2916666667vw, 632px);
    height: clamp(0px, 8.8541666667vw, 68px);
    padding: clamp(0px, 1.8229166667vw, 14px) clamp(0px, 2.6041666667vw, 20px);
    border-radius: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px) clamp(0px, 1.3020833333vw, 10px) clamp(0px, 1.3020833333vw, 10px);
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 700;
    line-height: 1.42;
  }
  .section_video_guide .video_keyword {
    gap: clamp(0px, 1.3020833333vw, 10px) clamp(0px, 1.0416666667vw, 8px);
    margin-top: clamp(0px, 3.90625vw, 30px);
  }
  .section_video_guide .video_keyword_link {
    padding: clamp(0px, 0.78125vw, 6px) clamp(0px, 2.6041666667vw, 20px);
    font-size: clamp(0px, 2.6041666667vw, 20px);
    font-weight: 600;
    line-height: 1.4;
  }
}
.section_video_guide .btn_load_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 24.7916666667vw, 476px);
  height: clamp(-1000px, 5.0520833333vw, 97px);
  margin: clamp(-1000px, 4.1666666667vw, 80px) auto clamp(-1000px, 0vw, 0px) auto;
  background: url(/tftset16/img/bg_btn_load_default-7ef0e2ee6fcfa46405b54788ff2ba25a.png) no-repeat center/100% 100%;
  font-size: clamp(0px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1;
  color: #fffbe3;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.section_video_guide .btn_load_more:hover {
  background: url(/tftset16/img/bg_btn_load_hover-80bff72ff7216c709d504a4355006e28.png) no-repeat center/100% 100%;
  color: #5e2e09;
}
@media screen and (max-width: 768px) {
  .section_video_guide .btn_load_more {
    width: clamp(0px, 60.9375vw, 468px);
    height: clamp(0px, 14.3229166667vw, 110px);
    margin-top: clamp(0px, 6.5104166667vw, 50px);
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 700;
    line-height: 1;
    background: url(/tftset16/img/bg_btn_load_default_mo-cd0acc9aa30bd3568277c70d35e4176b.png) no-repeat center/100% 100%;
  }
  .section_video_guide .btn_load_more:hover {
    background: url(/tftset16/img/bg_btn_load_hover_mo-6d877d8c04ad5079aec52da1bcd90505.png) no-repeat center/100% 100%;
  }
}

.section_rulechess {
  height: clamp(-1000px, 63.125vw, 1212px);
  background: url(/tftset16/img/bg_banner_rulechess-feabe6f9fdda4bf1d3db05620e0a7808.jpg) no-repeat center/cover;
  padding: clamp(-1000px, 5.2083333333vw, 100px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 8.0208333333vw, 154px);
}
@media screen and (max-width: 768px) {
  .section_rulechess {
    height: clamp(0px, 197.65625vw, 1518px);
    padding: clamp(0px, 13.0208333333vw, 100px) clamp(0px, 0vw, 0px);
    background: url(/tftset16/img/bg_banner_rulechess_mo-822aa720091d4f201dae09db1659de83.jpg) no-repeat center/cover;
  }
}
.section_rulechess .inner {
  max-width: clamp(-1000px, 75.5208333333vw, 1450px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_rulechess .inner {
    max-width: 100%;
  }
}
.section_rulechess .rulechess_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section_rulechess .rulechess_title svg, .section_rulechess .rulechess_title image {
  width: clamp(-1000px, 42.1875vw, 810px);
  height: clamp(-1000px, 5.9375vw, 114px);
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_title svg, .section_rulechess .rulechess_title image {
    width: clamp(0px, 73.9583333333vw, 568px);
    height: clamp(0px, 10.4166666667vw, 80px);
  }
}
.section_rulechess .rulechess_subtitle {
  margin-top: clamp(-1000px, 0.9375vw, 18px);
  text-align: center;
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 500;
  line-height: 1.273;
  color: #c5a162;
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_subtitle {
    margin-top: clamp(0px, 1.0416666667vw, 8px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 500;
    line-height: 1.27;
  }
}
.section_rulechess .rulechess_character {
  position: absolute;
  right: clamp(-75px, -3.90625vw, -75px);
  bottom: 0;
  width: clamp(-1000px, 40.5208333333vw, 778px);
  height: clamp(-1000px, 36.5625vw, 702px);
}
.section_rulechess .rulechess_character::before, .section_rulechess .rulechess_character::after {
  display: block;
  position: absolute;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
  content: "";
}
.section_rulechess .rulechess_character::before {
  width: clamp(-1000px, 16.6666666667vw, 320px);
  height: clamp(-1000px, 10.9375vw, 210px);
  top: clamp(-50px, -2.6041666667vw, -50px);
  left: clamp(-1000px, 1.40625vw, 27px);
  background: url(/tftset16/img/dialog_rulechess_2-2aad77276dc944cc25e35aa7487340c7.png) no-repeat center/100% 100%;
}
.section_rulechess .rulechess_character::after {
  top: clamp(-1000px, 7.2395833333vw, 139px);
  right: clamp(-81px, -4.21875vw, -81px);
  width: clamp(-1000px, 15.625vw, 300px);
  height: clamp(-1000px, 10.4166666667vw, 200px);
  background: url(/tftset16/img/dialog_rulechess_1-677a4989744190eea07b8074c028673d.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_character {
    right: clamp(0px, 11.71875vw, 90px);
    bottom: clamp(0px, 93.2291666667vw, 716px);
    width: clamp(0px, 73.9583333333vw, 568px);
    height: clamp(0px, 61.4583333333vw, 472px);
  }
  .section_rulechess .rulechess_character::before {
    top: clamp(0px, 1.171875vw, 9px);
    left: -6.9%;
    width: clamp(0px, 41.6666666667vw, 320px);
    height: clamp(0px, 27.34375vw, 210px);
    background: url(/tftset16/img/dialog_rulechess_mo_2-f37faa721e10a108a0ab3d8a28e74086.png) no-repeat center/100% 100%;
  }
  .section_rulechess .rulechess_character::after {
    top: clamp(0px, 18.75vw, 144px);
    right: -27%;
    width: clamp(0px, 37.3697916667vw, 287px);
    height: clamp(0px, 26.0416666667vw, 200px);
    background: url(/tftset16/img/dialog_rulechess_mo_1-b7dec0ce4d4c4c9f8b83b01e69ced7c0.png) no-repeat center/100% 100%;
  }
}
.section_rulechess .rulechess_reward {
  position: relative;
  height: clamp(-1000px, 36.4583333333vw, 700px);
  padding: clamp(-1000px, 1.0416666667vw, 20px);
  margin-top: clamp(-1000px, 3.6458333333vw, 70px);
  background: url(/tftset16/img/bg_reward-c86f720232c538ba22e3d925033ef82b.png) no-repeat center/100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_reward {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: clamp(0px, 83.3333333333vw, 640px);
    height: clamp(0px, 142.4479166667vw, 1094px);
    margin: clamp(0px, 10.4166666667vw, 80px) auto clamp(0px, 0vw, 0px) auto;
    padding: clamp(0px, 1.953125vw, 15px);
    background: url(/tftset16/img/bg_reward_mo-45bf2526995420593f0aca88b72c691f.png) no-repeat center/100% 100%;
  }
}
.section_rulechess .rulechess_reward_link {
  display: block;
  margin-top: clamp(-1000px, 1.5625vw, 30px);
  width: clamp(-1000px, 46.875vw, 900px);
  height: clamp(-1000px, 25vw, 480px);
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_reward_link {
    width: clamp(0px, 79.4270833333vw, 610px);
    height: clamp(0px, 63.0208333333vw, 484px);
    margin-top: clamp(0px, 0.78125vw, 6px);
  }
}
.section_rulechess .rulechess_reward_box {
  position: relative;
  width: clamp(-1000px, 46.875vw, 900px);
  height: clamp(-1000px, 34.375vw, 660px);
  padding-top: clamp(-1000px, 1.7708333333vw, 34px);
  background: url(/tftset16/img/bg_box_reward-570c162cbc422f6439717a36435b2f26.png) no-repeat center/100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_reward_box {
    z-index: 1;
    width: clamp(0px, 79.4270833333vw, 610px);
    height: clamp(0px, 94.0104166667vw, 722px);
    padding-top: clamp(0px, 5.5989583333vw, 43px);
    background: url(/tftset16/img/bg_box_reward_mo-e7bfbfa80195bd5f72b7de5d183852ef.png) no-repeat center/100% 100%;
  }
}
.section_rulechess .rulechess_reward_title {
  position: relative;
  right: clamp(-1000px, 1.3020833333vw, 25px);
  margin: clamp(-1000px, 0.6770833333vw, 13px) auto clamp(-1000px, 0vw, 0px) auto;
  width: clamp(-1000px, 30.8333333333vw, 592px);
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_reward_title {
    right: 0;
    width: clamp(0px, 48.4375vw, 372px);
    margin-top: clamp(0px, 3.3854166667vw, 26px);
  }
}
.section_rulechess .rulechess_reward_subtitle {
  position: relative;
  right: clamp(-1000px, 1.3020833333vw, 25px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: clamp(-1000px, 0.1041666667vw, 2px) clamp(-1000px, 0.8333333333vw, 16px);
  border-radius: clamp(-1000px, 2.6041666667vw, 50px);
  background: -webkit-gradient(linear, left top, right top, from(#94B0F8), to(#FF9E9E));
  background: linear-gradient(90deg, #94B0F8 0%, #FF9E9E 100%);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .section_rulechess .rulechess_reward_subtitle {
    right: 0;
    padding: clamp(0px, 0.2604166667vw, 2px) clamp(0px, 2.0833333333vw, 16px);
    border-radius: clamp(0px, 6.5104166667vw, 50px);
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 700;
    line-height: 1.3;
  }
}

.ranking_wrap {
  background-color: #08175E;
}

.ranking_content {
  overflow: hidden;
}

.section_event {
  height: clamp(-1000px, 50.0520833333vw, 961px);
  padding: clamp(-1000px, 5.1041666667vw, 98px) clamp(-1000px, 0vw, 0px);
  background: url(/tftset16/img/bg_banner_event_section-7dac644a7b5ec2b9cb7d9e31f58a71e5.jpg) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_event {
    height: clamp(0px, 83.984375vw, 645px);
    padding: clamp(0px, 7.8125vw, 60px) clamp(0px, 0vw, 0px);
    background: url(/tftset16/img/bg_banner_event_mo-940553e7a958679adab7a3f86bbee2f2.jpg) no-repeat center/100% 100%;
  }
}
.section_event .line_decor {
  background: url(/tftset16/img/line_6-ddf85a7077e3e484a2aaded58d81fa60.png) no-repeat top/100% 100%;
}
.section_event .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: clamp(-1000px, 74.9479166667vw, 1439px);
  margin: 0 auto;
}
.section_event .event_title svg, .section_event .event_title image {
  width: clamp(-1000px, 65.8854166667vw, 1265px);
  height: clamp(-1000px, 8.8020833333vw, 169px);
}
@media screen and (max-width: 768px) {
  .section_event .event_title svg, .section_event .event_title image {
    width: clamp(0px, 83.3333333333vw, 640px);
    height: clamp(0px, 17.578125vw, 135px);
  }
}
.section_event .event_time_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: clamp(-1000px, 2.3958333333vw, 46px);
}
@media screen and (max-width: 768px) {
  .section_event .event_time_box {
    margin-top: clamp(0px, 6.25vw, 48px);
  }
}
.section_event .event_time_title {
  width: clamp(-1000px, 43.4895833333vw, 835px);
}
@media screen and (max-width: 768px) {
  .section_event .event_time_title {
    width: clamp(0px, 55.7291666667vw, 428px);
    margin-top: clamp(-99px, -0.2604166667vw, -2px);
  }
}
.section_event .event_time_list {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 3.59375vw, 69px);
  height: clamp(-1000px, 21.7708333333vw, 418px);
  margin-top: clamp(-1000px, 1.3020833333vw, 25px);
  background: url(/tftset16/img/bg_time_event-1867cafd5cf80e132ea5b5dd4abf302c.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_event .event_time_list {
    gap: clamp(0px, 3.6458333333vw, 28px);
    height: clamp(0px, 23.3072916667vw, 179px);
    margin-top: clamp(0px, 4.4270833333vw, 34px);
    background: url(/tftset16/img/bg_time_event_mo-b49083e7006454790e8ed7f64ef12247.png) no-repeat center/100% 100%;
  }
}
.section_event .event_time_content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 15.5208333333vw, 298px);
  height: clamp(-1000px, 15.6770833333vw, 301px);
}
.section_event .event_time_content .value {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: clamp(-1000px, 1.4583333333vw, 28px);
  font-family: "Sachsenwald";
  font-size: clamp(0px, 10.4166666667vw, 200px);
  font-weight: 400;
  line-height: 1;
  color: #fcf7df;
}
.section_event .event_time_content .value .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 7.65625vw, 147px);
}
@media screen and (max-width: 768px) {
  .section_event .event_time_content {
    width: clamp(0px, 15.625vw, 120px);
    height: clamp(0px, 15.625vw, 120px);
  }
  .section_event .event_time_content .value {
    font-size: clamp(0px, 10.4166666667vw, 80px);
    font-weight: 400;
    line-height: 1;
  }
}
.section_event .event_time_item {
  padding-top: clamp(-1000px, 0.4166666667vw, 8px);
}
.section_event .event_desc {
  margin-top: clamp(-1000px, 0.8854166667vw, 17px);
  font-size: clamp(0px, 1.5625vw, 30px);
  font-weight: 400;
  line-height: 1.4;
  color: #fcf8e0;
}
.section_event .event_desc .text {
  color: #e4b25d;
}
@media screen and (max-width: 768px) {
  .section_event .event_desc {
    margin-top: clamp(0px, 5.078125vw, 39px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
  }
}

.wrap_ani_area {
  max-width: 100%;
  overflow: hidden;
}

.section_information {
  height: clamp(-1000px, 76.3541666667vw, 1466px);
  padding: clamp(-1000px, 2.0833333333vw, 40px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 9.6354166667vw, 185px);
  background: url(/tftset16/img/bg_banner_information-864f76278ab4d7c66d5bd350a7923295.jpg) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_information {
    height: clamp(0px, 335.546875vw, 2577px);
    padding: clamp(0px, 7.8125vw, 60px) clamp(0px, 0vw, 0px) clamp(0px, 13.0208333333vw, 100px);
    background: url(/tftset16/img/bg_banner_information_mo-faf041d82707752de61545e1e619e087.jpg) no-repeat center/100% 100%;
  }
}
.section_information .line_decor {
  background: url(/tftset16/img/line_7-3136d48f343271390827a1f28d78cbd2.png) no-repeat top/cover;
}
.section_information .inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: clamp(-1000px, 75.4166666667vw, 1448px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_information .inner {
    position: static;
    max-width: clamp(0px, 89.3229166667vw, 686px);
  }
}
.section_information .info_title svg, .section_information .info_title image {
  width: clamp(-1000px, 43.5416666667vw, 836px);
  height: clamp(-1000px, 8.75vw, 168px);
}
@media screen and (max-width: 768px) {
  .section_information .info_title svg, .section_information .info_title image {
    width: clamp(0px, 78.6458333333vw, 604px);
    height: clamp(0px, 17.4479166667vw, 134px);
  }
}
.section_information .info_desc {
  margin-top: clamp(-1000px, 2.2395833333vw, 43px);
  text-align: center;
}
.section_information .info_desc .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 0.8333333333vw, 16px);
  font-size: clamp(0px, 1.25vw, 24px);
  font-weight: 400;
  line-height: 1.4;
  color: #fcf8e0;
}
.section_information .info_desc .desc .text + .text {
  margin-left: clamp(-1000px, 0.5208333333vw, 10px);
}
@media screen and (max-width: 768px) {
  .section_information .info_desc .desc .text + .text {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .section_information .info_desc .desc {
    display: block;
  }
}
.section_information .info_desc .label {
  font-size: clamp(0px, 1.25vw, 24px);
  font-weight: 500;
  line-height: 1.4;
  color: #85a9f5;
}
@media screen and (max-width: 768px) {
  .section_information .info_desc .label {
    display: block;
  }
}
.section_information .info_desc .text_yellow {
  color: #e4b25d;
}
@media screen and (max-width: 768px) {
  .section_information .info_desc {
    margin-top: clamp(0px, 3.90625vw, 30px);
  }
  .section_information .info_desc .desc {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.4;
  }
  .section_information .info_desc .desc + .desc {
    margin-top: clamp(0px, 1.953125vw, 15px);
  }
  .section_information .info_desc .label {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 500;
    line-height: 1.4;
  }
  .section_information .info_desc .text {
    display: block;
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.4;
  }
  .section_information .info_desc .text + .text {
    margin-top: clamp(0px, 0.2604166667vw, 2px);
  }
  .section_information .info_desc .value {
    display: block;
    margin-top: clamp(0px, 0.5208333333vw, 4px);
  }
}
.section_information .info_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  row-gap: clamp(-1000px, 1.7708333333vw, 34px);
  max-width: clamp(-1000px, 60.8333333333vw, 1168px);
  margin: clamp(-1000px, 3.9583333333vw, 76px) auto clamp(-1000px, 0vw, 0px) auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .section_information .info_content {
    row-gap: clamp(0px, 4.4270833333vw, 34px);
    max-width: clamp(0px, 77.34375vw, 594px);
    margin-top: clamp(0px, 8.203125vw, 63px);
  }
}
.section_information .info_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.2509803922);
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.2509803922);
}
.section_information .info_item:nth-child(1), .section_information .info_item:nth-child(2) {
  width: clamp(-1000px, 29.0104166667vw, 557px);
  height: clamp(-1000px, 22.5vw, 432px);
  padding: clamp(-1000px, 1.9270833333vw, 37px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 1.7708333333vw, 34px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(1), .section_information .info_item:nth-child(2) {
    width: 100%;
    height: clamp(0px, 60.0260416667vw, 461px);
    padding: clamp(0px, 4.8177083333vw, 37px) clamp(0px, 0vw, 0px);
  }
}
.section_information .info_item:nth-child(3), .section_information .info_item:nth-child(4), .section_information .info_item:nth-child(5) {
  width: clamp(-1000px, 18.9583333333vw, 364px);
  height: clamp(-1000px, 23.5416666667vw, 452px);
  padding: clamp(-1000px, 2.34375vw, 45px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 1.875vw, 36px);
  background: url(/tftset16/img/bg_info_2-0c35dbbfeb6849a05deaabe16ba78159.png) no-repeat center/100% 100%;
}
.section_information .info_item:nth-child(3) .item_title, .section_information .info_item:nth-child(4) .item_title, .section_information .info_item:nth-child(5) .item_title {
  margin-top: clamp(-1000px, 0.3645833333vw, 7px);
}
.section_information .info_item:nth-child(3) .item_desc, .section_information .info_item:nth-child(4) .item_desc, .section_information .info_item:nth-child(5) .item_desc {
  margin-top: clamp(-1000px, 12.2916666667vw, 236px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(3), .section_information .info_item:nth-child(4), .section_information .info_item:nth-child(5) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: clamp(0px, 41.5364583333vw, 319px);
    padding: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px) clamp(0px, 29.9479166667vw, 230px);
  }
  .section_information .info_item:nth-child(3) .item_title, .section_information .info_item:nth-child(4) .item_title, .section_information .info_item:nth-child(5) .item_title {
    margin-top: clamp(0px, 1.171875vw, 9px);
  }
  .section_information .info_item:nth-child(3) .item_desc, .section_information .info_item:nth-child(4) .item_desc, .section_information .info_item:nth-child(5) .item_desc {
    margin-top: clamp(0px, 2.6041666667vw, 20px);
  }
}
.section_information .info_item:nth-child(3), .section_information .info_item:nth-child(4) {
  margin-right: clamp(-1000px, 1.8229166667vw, 35px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(3), .section_information .info_item:nth-child(4) {
    margin-right: 0;
  }
}
.section_information .info_item:nth-child(1) {
  margin-right: clamp(-1000px, 2.5vw, 48px);
  background: url(/tftset16/img/bg_card_1-68912db02b3ccbbd1579d76078d749e2.png) no-repeat center/100% 100%;
}
.section_information .info_item:nth-child(1) .item_title {
  width: clamp(-1000px, 12.03125vw, 231px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(1) .item_title {
    width: clamp(0px, 33.0729166667vw, 254px);
  }
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(1) {
    margin-right: 0;
    background: url(/tftset16/img/bg_card_mo_1-49c3f8012e212b850b8680a2f896d609.png) no-repeat center/100% 100%;
  }
  .section_information .info_item:nth-child(1) .item_title {
    width: clamp(0px, 47.7864583333vw, 367px);
  }
  .section_information .info_item:nth-child(1) .item_desc {
    margin-top: clamp(0px, 29.5572916667vw, 227px);
  }
}
.section_information .info_item:nth-child(2) {
  background: url(/tftset16/img/bg_card_2-f5243667512df8b3c8b709f15abd5c58.png) no-repeat center/100% 100%;
}
.section_information .info_item:nth-child(2) .item_title {
  width: clamp(-1000px, 19.1666666667vw, 368px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(2) .item_title {
    width: clamp(0px, 47.7864583333vw, 367px);
  }
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(2) {
    background: url(/tftset16/img/bg_card_mo_2-6079eb6c94affc27b3f0ad42983d7df0.png) no-repeat center/100% 100%;
  }
  .section_information .info_item:nth-child(2) .item_desc {
    margin-top: clamp(0px, 29.5572916667vw, 227px);
  }
}
.section_information .info_item:nth-child(3) {
  background: url(/tftset16/img/bg_card_3-ab5bba6b195bc50e28b0de5849f7be96.png) no-repeat center/100% 100%;
}
.section_information .info_item:nth-child(3) .item_title {
  width: clamp(-1000px, 16.09375vw, 309px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(3) .item_title {
    width: clamp(0px, 33.0729166667vw, 254px);
  }
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(3) {
    background: url(/tftset16/img/bg_card_mo_3-dcd640364246970a38261939007a6d98.png) no-repeat center/100% 100%;
  }
}
.section_information .info_item:nth-child(4) {
  background: url(/tftset16/img/bg_card_4-f0167b62546fb21d7423ddd588461827.png) no-repeat center/100% 100%;
}
.section_information .info_item:nth-child(4) .item_title {
  width: clamp(-1000px, 16.09375vw, 309px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(4) .item_title {
    width: clamp(0px, 36.71875vw, 282px);
  }
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(4) {
    background: url(/tftset16/img/bg_card_mo_4-7d3bbaa16bf1f9bcd950dbe6e9e77e98.png) no-repeat center/100% 100%;
  }
}
.section_information .info_item:nth-child(5) {
  background: url(/tftset16/img/bg_card_5-2ff0a98ed18af63cf58379834a720712.png) no-repeat center/100% 100%;
}
.section_information .info_item:nth-child(5) .item_title {
  width: clamp(-1000px, 16.09375vw, 309px);
}
.section_information .info_item:nth-child(5) .item_desc {
  margin-top: clamp(-1000px, 13.0208333333vw, 250px);
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(5) .item_desc {
    margin-top: clamp(0px, 2.6041666667vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .section_information .info_item:nth-child(5) {
    background: url(/tftset16/img/bg_card_mo_5-3819de25c04c76325bbe54f48c7dcb6a.png) no-repeat center/100% 100%;
  }
  .section_information .info_item:nth-child(5) .item_title {
    width: clamp(0px, 38.671875vw, 297px);
  }
}
.section_information .item_subtitle {
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 500;
  line-height: 1.2;
  color: #fffbe3;
}
.section_information .item_title {
  margin-top: clamp(-1000px, 0.2604166667vw, 5px);
}
.section_information .item_desc {
  font-family: "DNF Forged Blade";
  margin-top: clamp(-1000px, 11.5104166667vw, 221px);
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 500;
  line-height: 1.3;
  color: #fffbe3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_information .item_subtitle {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 500;
    line-height: 1.2;
  }
  .section_information .item_title {
    margin-top: clamp(0px, 0.78125vw, 6px);
  }
  .section_information .item_desc {
    font-size: clamp(0px, 3.515625vw, 27px);
    font-weight: 500;
    line-height: 1.3;
  }
}
.section_information .character_first {
  right: clamp(-1000px, 61.875vw, 1188px);
  bottom: clamp(-1000px, 45.46875vw, 873px);
}
.section_information .character_first::before {
  display: block;
  width: 27.46vw;
  height: 25.58vw;
  background: url(/tftset16/img/character_13-52180cc3627169bd3df1ae8ebd286af8.png) no-repeat center/cover;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
  content: "";
}
@media (min-width: 2560px) {
  .section_information .character_first::before {
    width: clamp(-1000px, 36.6145833333vw, 703px);
    height: clamp(-1000px, 34.1145833333vw, 655px);
  }
}
@media screen and (max-width: 768px) {
  .section_information .character_first {
    top: 13.4%;
    right: auto;
    bottom: auto;
    left: 0;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }
  .section_information .character_first::before {
    width: clamp(0px, 29.9479166667vw, 230px);
    height: clamp(0px, 45.0520833333vw, 346px);
    background: url(/tftset16/img/character_13_mo-3d57769f54e3c0c73f5a9e55367c9f10.png) no-repeat center/100% 100%;
    -webkit-animation: none;
    animation: none;
  }
}
.section_information .character_caitlyn {
  bottom: -3px;
  left: 50%;
  z-index: 1;
  margin-left: clamp(-1000px, 14.2708333333vw, 274px);
  overflow: hidden;
}
.section_information .character_caitlyn::before {
  width: clamp(-1000px, 79.6354166667vw, 1529px);
  height: clamp(-1000px, 37.34375vw, 717px);
  background: url(/tftset16/img/character_caitlyn-dd21495cf38f91cacfec04c7d737b19a.png) no-repeat center/contain;
}

.section_participate {
  position: relative;
  z-index: 2;
  width: 100%;
  height: clamp(-1000px, 51.9791666667vw, 998px);
  padding: clamp(-1000px, 4.1666666667vw, 80px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 3.3333333333vw, 64px);
  background: url(/tftset16/img/bg_banner_participate-d294152f6c3728a93cd32763e6c8dcbe.jpg) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .section_participate {
    height: clamp(0px, 193.2291666667vw, 1484px);
    width: clamp(0px, 100vw, 768px);
    padding: clamp(0px, 8.8541666667vw, 68px) clamp(0px, 0vw, 0px) clamp(0px, 7.8125vw, 60px) clamp(0px, 0vw, 0px);
    overflow: hidden;
    background: url(/tftset16/img/bg_banner_participate_mo-cd335f3b0f40812805af62461fa6b720.jpg) no-repeat center/contain;
  }
}
.section_participate::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: clamp(-1000px, 4.5833333333vw, 88px);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), color-stop(25%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 25%);
  pointer-events: none;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_participate::before {
    display: none;
  }
}
.section_participate .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: clamp(-1000px, 72.9166666667vw, 1400px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_participate .inner {
    max-width: clamp(0px, 83.3333333333vw, 640px);
  }
}
.section_participate .participate_title svg, .section_participate .participate_title image {
  width: clamp(-1000px, 43.2291666667vw, 830px);
  height: clamp(-1000px, 5.1041666667vw, 98px);
}
@media screen and (max-width: 768px) {
  .section_participate .participate_title svg, .section_participate .participate_title image {
    width: clamp(0px, 80.2083333333vw, 616px);
    height: clamp(0px, 9.5052083333vw, 73px);
  }
}
.section_participate .participate_slider {
  width: 100%;
  margin-top: clamp(-1000px, 2.6041666667vw, 50px);
}
.section_participate .participate_slider .swiper-slide {
  width: auto;
}
.section_participate .participate_slider .swiper-slide:not(:last-child) {
  margin-right: clamp(-1000px, 2.2916666667vw, 44px);
}
@media screen and (max-width: 768px) {
  .section_participate .participate_slider .swiper-slide:not(:last-child) {
    margin-right: clamp(0px, 9.765625vw, 75px);
  }
}
.section_participate .participate_slider .swiper-slide:last-child .participate_item::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .section_participate .participate_slider {
    max-width: clamp(0px, 54.1666666667vw, 416px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: clamp(0px, 9.375vw, 72px);
  }
}
.section_participate .participate_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: clamp(-1000px, 12.7604166667vw, 245px);
  height: clamp(-1000px, 20.5729166667vw, 395px);
  padding-top: clamp(-1000px, 3.0208333333vw, 58px);
  background: url(/tftset16/img/bg_participate_item-54472ea3603f7dd891a11b9971cd9ad4.png) no-repeat center/cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .section_participate .participate_item {
    width: clamp(0px, 54.1666666667vw, 416px);
    height: clamp(0px, 87.3697916667vw, 671px);
    padding-top: clamp(0px, 12.6302083333vw, 97px);
  }
}
.section_participate .participate_item::after {
  position: absolute;
  top: 45.4%;
  left: clamp(-1000px, 13.90625vw, 267px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: clamp(-1000px, 1.1458333333vw, 22px);
  height: clamp(-1000px, 1.9791666667vw, 38px);
  background: url(/tftset16/img/ic_arrow_right-21d620ed5f821f54801e12f8c6672989.png) no-repeat center/cover;
  content: "";
}
.section_participate .participate_item .step {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #081962;
}
.section_participate .participate_item .step .label {
  font-size: clamp(0px, 0.6770833333vw, 13px);
  font-weight: 600;
  line-height: 1.2;
}
.section_participate .participate_item .step .number {
  font-family: "Sachsenwald";
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 400;
  line-height: 1.2;
}
.section_participate .participate_item .image {
  width: clamp(-1000px, 5.4166666667vw, 104px);
  margin-top: clamp(-1000px, 0.9375vw, 18px);
}
.section_participate .participate_item .title {
  margin-top: clamp(-1000px, 0.6770833333vw, 13px);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 500;
  line-height: 1.3;
  color: #081962;
  text-align: center;
}
.section_participate .participate_item .text_note {
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 0.6770833333vw, 13px);
  font-weight: 500;
  line-height: 1.6;
  color: #988a60;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_participate .participate_item .step .label {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 600;
    line-height: 1.2;
  }
  .section_participate .participate_item .step .number {
    font-size: clamp(0px, 4.8177083333vw, 37px);
    font-weight: 400;
    line-height: 1.2;
  }
  .section_participate .participate_item .image {
    width: clamp(0px, 22.9166666667vw, 176px);
    margin-top: clamp(0px, 3.7760416667vw, 29px);
  }
  .section_participate .participate_item .title {
    margin-top: clamp(0px, 2.9947916667vw, 23px);
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 500;
    line-height: 1.3;
  }
  .section_participate .participate_item .text_note {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 500;
    line-height: 1.6;
  }
  .section_participate .participate_item::after {
    left: clamp(0px, 59.2447916667vw, 455px);
    width: clamp(0px, 4.9479166667vw, 38px);
    height: clamp(0px, 8.4635416667vw, 65px);
  }
}
.section_participate .participate_note {
  margin-top: clamp(-1000px, 1.5625vw, 30px);
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 400;
  line-height: 1.4;
  color: #fcf8e0;
  text-align: center;
}
.section_participate .participate_note .text {
  color: #e4b25d;
}
@media screen and (max-width: 768px) {
  .section_participate .participate_note {
    margin-top: clamp(0px, 10.0260416667vw, 77px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.4;
  }
}
.section_participate .btn_participate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 14.1666666667vw, 272px);
  height: clamp(-1000px, 3.59375vw, 69px);
  margin: clamp(-1000px, 1.09375vw, 21px) auto clamp(-1000px, 0vw, 0px) auto;
  background: url(/tftset16/img/btn_participate-a80d11a754c77bd1a20d3e1b517545ad.png) no-repeat center/100% 100%;
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 800;
  line-height: 1.56;
  color: #453a17;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(120, 114, 47, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(120, 114, 47, 0.25));
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.section_participate .btn_participate:hover {
  background: url(/tftset16/img/btn_participate_hover-68e3c91284d490056a52f1cad1b69206.png) no-repeat center/100% 100%;
  color: #a76700;
}
@media screen and (max-width: 1920px) {
  .section_participate .btn_participate {
    -webkit-filter: drop-shadow(0 0.2085vw 0.2085vw #664B2C);
    filter: drop-shadow(0 0.2085vw 0.2085vw #664B2C);
  }
}
@media screen and (max-width: 768px) {
  .section_participate .btn_participate {
    width: clamp(0px, 53.6458333333vw, 412px);
    height: clamp(0px, 13.0208333333vw, 100px);
    margin-top: clamp(0px, 7.8125vw, 60px);
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 800;
    line-height: 1.5;
    background: url(/tftset16/img/btn_type_mo-ad6307d659f14e193743b6eb5fc28c1d.png) no-repeat center/100% 100%;
    -webkit-filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
  }
  .section_participate .btn_participate:active, .section_participate .btn_participate:hover {
    background: url(/tftset16/img/btn_type_mo_hover-6f5baecd40412b95bc035b5832f67584.png) no-repeat center/100% 100%;
    -webkit-filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
    color: #a76700;
  }
}
.section_participate .notice_list {
  width: 100%;
  margin-top: clamp(-1000px, 2.2916666667vw, 44px);
}
.section_participate .notice_list .notice_item {
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 400;
  line-height: 1.36;
}
@media screen and (max-width: 768px) {
  .section_participate .notice_list {
    max-width: clamp(0px, 83.3333333333vw, 640px);
    margin: clamp(0px, 7.8125vw, 60px) auto clamp(0px, 0vw, 0px) auto;
  }
  .section_participate .notice_list .notice_item {
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 400;
    line-height: 1.36;
  }
}

.section_ranking {
  padding: clamp(-1000px, 6.7708333333vw, 130px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 12.65625vw, 243px);
  background: url(/tftset16/img/bg_banner_rank-403fd407921a38f77bb67d0b3d2e5747.jpg) no-repeat center/cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .section_ranking {
    padding: clamp(0px, 9.375vw, 72px) clamp(0px, 0vw, 0px) clamp(0px, 13.0208333333vw, 100px);
    background: url(/tftset16/img/bg_banner_rank_mo-5fdad47d03ec7abe8bbf26d1c41ec306.jpg) no-repeat center/cover;
  }
}
.section_ranking::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(-1000px, 9.3229166667vw, 179px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), color-stop(50.28%, rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 50.28%);
  pointer-events: none;
  content: "";
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .section_ranking::before {
    height: clamp(0px, 3.90625vw, 30px);
  }
}
.section_ranking .ranking_info_box.not_logged_in .ranking_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.section_ranking .ranking_info_box.not_logged_in .ranking_title svg, .section_ranking .ranking_info_box.not_logged_in .ranking_title image {
  width: clamp(-1000px, 40.3125vw, 774px);
  height: clamp(-1000px, 4.1666666667vw, 80px);
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.not_logged_in .ranking_title svg, .section_ranking .ranking_info_box.not_logged_in .ranking_title image {
    width: clamp(0px, 83.3333333333vw, 640px);
    height: clamp(0px, 8.0729166667vw, 62px);
  }
}
.section_ranking .ranking_info_box.not_logged_in .ranking_title_desc {
  font-family: DNF Forged Blade;
  font-size: clamp(0px, 3.125vw, 60px);
  font-weight: 500;
  line-height: 1.34;
  color: #FCF8E0;
}
.section_ranking .ranking_info_box.not_logged_in .ranking_title_desc .link_login {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.not_logged_in .ranking_title_desc .link_login {
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.not_logged_in .ranking_title_desc {
    font-size: clamp(0px, 5.7291666667vw, 44px);
    font-weight: 500;
    line-height: 1.4;
  }
}
.section_ranking .ranking_info_box.not_logged_in .notice_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.not_logged_in .notice_list {
    margin-top: clamp(0px, 18.8802083333vw, 145px);
  }
}
.section_ranking .ranking_info_box.not_logged_in .notice_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: clamp(-1000px, 42.1875vw, 810px);
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.not_logged_in .notice_item {
    display: block;
    width: clamp(0px, 82.03125vw, 630px);
  }
}
.section_ranking .ranking_info_box.no_data .account_rank {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section_ranking .ranking_info_box.no_data .account_rank .label {
  margin-top: auto;
  font-weight: 600;
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.no_data .account_rank .label {
    margin-bottom: 0;
  }
}
.section_ranking .ranking_info_box.no_data .account_rank .number {
  background: url(/tftset16/img/ic_no_data_bar-8f6b3a2787a4cf14c6e99f6deb868abd.png) no-repeat center/contain;
  width: clamp(-1000px, 0.9895833333vw, 19px);
  height: clamp(-1000px, 0.15625vw, 3px);
  max-height: unset;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 3px;
  margin-right: 4px;
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.no_data .account_rank .number {
    margin-bottom: 0;
    width: clamp(0px, 2.4739583333vw, 19px);
    height: clamp(0px, 0.390625vw, 3px);
    margin-right: clamp(0px, 0.78125vw, 6px);
  }
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_info_box.no_data .account_rank {
    width: clamp(0px, 26.8229166667vw, 206px);
  }
}
.section_ranking .ranking_info_box.no_data .btn_update {
  display: none !important;
}
.section_ranking .ranking_info_box.no_data .btn_play_race {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.section_ranking .inner {
  max-width: clamp(-1000px, 72.7083333333vw, 1396px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_ranking .inner {
    max-width: clamp(0px, 83.3333333333vw, 640px);
  }
}
.section_ranking .line_decor {
  background: url(/tftset16/img/line_8-86272f666e7d8a1742ce070284e1f1cc.png) no-repeat top/cover;
}
.section_ranking .ranking_time {
  margin-right: clamp(-1000px, 0.7291666667vw, 14px);
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 500;
  line-height: 1.36;
  color: #fff;
  text-align: right;
}
.section_ranking .ranking_time .type {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
  .section_ranking .ranking_time {
    margin-right: clamp(0px, 1.3020833333vw, 10px);
    font-size: clamp(0px, 2.0833333333vw, 16px);
    font-weight: 500;
    line-height: 1.36;
  }
}
.section_ranking .info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(-1000px, 4.375vw, 84px);
  width: clamp(-1000px, 72.3958333333vw, 1390px);
  height: clamp(-1000px, 12.34375vw, 237px);
  margin: clamp(-1000px, 0.3125vw, 6px) auto clamp(-1000px, 0vw, 0px) auto;
  padding: clamp(-1000px, 2.34375vw, 45px) clamp(-1000px, 6.6666666667vw, 128px) clamp(-1000px, 2.34375vw, 45px) clamp(-1000px, 6.875vw, 132px);
  background: url(/tftset16/img/bg_ranking_info-a1a41fcd1b7a1c92e0a31c3da0e337c1.png) no-repeat center/contain;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .section_ranking .info_box {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background: url(/tftset16/img/bg_ranking_info_mo-027d1e67c78fecb865cca2a1458e8cbc.png) no-repeat center/contain;
    margin: clamp(0px, 0.78125vw, 6px) auto clamp(0px, 0vw, 0px) auto;
    gap: clamp(0px, 2.734375vw, 21px);
    height: clamp(0px, 30.46875vw, 234px);
    padding: clamp(0px, 7.8125vw, 60px) clamp(0px, 5.859375vw, 45px);
  }
}
.section_ranking .info_account {
  width: clamp(-1000px, 15.4166666667vw, 296px);
  margin-top: clamp(-1000px, 0.9895833333vw, 19px);
}
@media screen and (max-width: 768px) {
  .section_ranking .info_account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(0px, 2.6041666667vw, 20px);
    width: 100%;
    margin-top: 0;
  }
}
.section_ranking .info_rank_detail {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: clamp(-1000px, 19.5833333333vw, 376px);
}
.section_ranking .info_rank_detail .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .section_ranking .info_rank_detail .item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: clamp(0px, 2.6041666667vw, 20px);
  }
  .section_ranking .info_rank_detail .item:nth-child(2) {
    gap: clamp(0px, 2.9947916667vw, 23px);
  }
}
.section_ranking .info_rank_detail .item .label {
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 700;
  line-height: 1;
  color: #081f61;
}
@media screen and (max-width: 768px) {
  .section_ranking .info_rank_detail .item .label {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 700;
    line-height: 1;
  }
}
.section_ranking .info_rank_detail .item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 0.625vw, 12px);
  width: clamp(-1000px, 15.46875vw, 297px);
  height: clamp(-1000px, 3.3854166667vw, 65px);
  border-radius: clamp(-1000px, 3.125vw, 60px);
  background: #cecbb1;
}
.section_ranking .info_rank_detail .item .content .icon {
  width: clamp(-1000px, 2.2916666667vw, 44px);
}
.section_ranking .info_rank_detail .item .content .text {
  color: #4c3e19;
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .section_ranking .info_rank_detail .item .content {
    width: clamp(0px, 26.8229166667vw, 206px);
    height: clamp(0px, 6.5104166667vw, 50px);
    border-radius: clamp(0px, 7.8125vw, 60px);
    gap: clamp(0px, 1.0416666667vw, 8px);
  }
  .section_ranking .info_rank_detail .item .content .icon {
    width: clamp(0px, 5.078125vw, 39px);
    height: clamp(0px, 4.4270833333vw, 34px);
  }
  .section_ranking .info_rank_detail .item .content .icon img {
    width: 100%;
    height: 100%;
  }
  .section_ranking .info_rank_detail .item .content .text {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 600;
    line-height: 1;
  }
}
.section_ranking .info_rank_detail .item + .item {
  margin-top: clamp(-1000px, 0.8984375vw, 17.25px);
}
@media screen and (max-width: 768px) {
  .section_ranking .info_rank_detail .item + .item {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .section_ranking .info_rank_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: clamp(-1000px, 0vw, 0px);
    gap: clamp(0px, 3.515625vw, 27px);
    width: 100%;
  }
}
.section_ranking .account_name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}
.section_ranking .account_name .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: clamp(0px, 1.4583333333vw, 28px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: clamp(-1000px, 0.0729166667vw, 1.4px);
  color: #091B63;
}
@media screen and (max-width: 768px) {
  .section_ranking .account_name .name {
    margin: clamp(0px, 1.0416666667vw, 8px) clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px) clamp(0px, 0.5208333333vw, 4px);
    letter-spacing: clamp(0px, 0.1822916667vw, 1.4px);
  }
}
.section_ranking .account_name .label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 600;
  line-height: 1;
  color: #091B63;
}
.section_ranking .account_rank {
  margin-top: clamp(-1000px, 1.1979166667vw, 23px);
  color: #4c3e19;
}
@media screen and (max-width: 768px) {
  .section_ranking .account_rank {
    margin-top: 0;
  }
}
.section_ranking .account_rank .number {
  font-size: clamp(0px, 2.7083333333vw, 52px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: clamp(-1000px, 0.0729166667vw, 1.4px);
}
@media screen and (max-width: 768px) {
  .section_ranking .account_rank .number {
    letter-spacing: clamp(0px, 0.1822916667vw, 1.4px);
  }
}
.section_ranking .account_rank .label {
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .section_ranking .account_name {
    width: clamp(0px, 34.2447916667vw, 263px);
  }
  .section_ranking .account_name .name {
    font-size: clamp(0px, 3.2552083333vw, 25px);
    font-weight: 700;
    line-height: 1;
  }
  .section_ranking .account_name .label {
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 700;
    line-height: 1;
  }
  .section_ranking .account_rank .number {
    font-size: clamp(0px, 6.1197916667vw, 47px);
    font-weight: 700;
    line-height: 1;
  }
  .section_ranking .account_rank .label {
    font-size: clamp(0px, 2.6041666667vw, 20px);
    font-weight: 700;
    line-height: 1;
  }
}
.section_ranking .btn_update {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 0.4166666667vw, 8px);
  width: clamp(-1000px, 15.5729166667vw, 299px);
  height: clamp(-1000px, 3.9583333333vw, 76px);
  margin-top: clamp(-1000px, 1.71875vw, 33px);
  background: url(/tftset16/img/btn_update-b21d64275559506e4033af76c068d7b8.png) no-repeat center/100% 100%;
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 800;
  line-height: 1.55;
  color: #453a17;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(120, 114, 47, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(120, 114, 47, 0.25));
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.section_ranking .btn_update:hover {
  background: url(/tftset16/img/btn_update_hover-2d59cd601e9a61b15d4f2c4998467191.png) no-repeat center/100% 100%;
  color: #a76700;
}
.section_ranking .btn_update:hover::after {
  background: url(/tftset16/img/ic_update_hover-3f46e8490ddffc1ad74d36f5a0bcb2ca.png) no-repeat center/contain;
}
@media screen and (max-width: 1920px) {
  .section_ranking .btn_update {
    -webkit-filter: drop-shadow(0 0.2085vw 0.2085vw rgba(102, 75, 44, 0.2509803922));
    filter: drop-shadow(0 0.2085vw 0.2085vw rgba(102, 75, 44, 0.2509803922));
  }
}
.section_ranking .btn_update::after {
  display: inline-block;
  width: clamp(-1000px, 1.0416666667vw, 20px);
  height: clamp(-1000px, 1.0416666667vw, 20px);
  background: url(/tftset16/img/ic_update-c883c822bc94dd35906d354ab7ee516e.png) no-repeat center/contain;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_ranking .btn_update {
    position: absolute;
    top: clamp(0px, 36.9791666667vw, 284px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    gap: clamp(0px, 1.5625vw, 12px);
    width: clamp(0px, 53.6458333333vw, 412px);
    height: clamp(0px, 13.0208333333vw, 100px);
    margin-top: 0;
    background: url(/tftset16/img/btn_type_mo-ad6307d659f14e193743b6eb5fc28c1d.png) no-repeat center/contain;
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 800;
    line-height: 1.5;
    -webkit-filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
  }
  .section_ranking .btn_update::after {
    width: clamp(0px, 3.3854166667vw, 26px);
    height: clamp(0px, 3.3854166667vw, 26px);
  }
  .section_ranking .btn_update:active, .section_ranking .btn_update:hover {
    background: url(/tftset16/img/btn_type_mo_hover-6f5baecd40412b95bc035b5832f67584.png) no-repeat center/contain;
    -webkit-filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 1.04vw 1.04vw rgba(0, 0, 0, 0.3));
  }
}
.section_ranking .btn_play_race {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 0.4166666667vw, 8px);
  width: clamp(-1000px, 15.3645833333vw, 295px);
  height: clamp(-1000px, 3.8541666667vw, 74px);
  margin-top: clamp(-1000px, 1.71875vw, 33px);
  background: url(/tftset16/img/btn_race_play-181ba345eb9e993e5e6d64f3d4107d7b.png) no-repeat center/100% 100%;
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 800;
  line-height: 1.55;
  color: #FFFBE3;
  text-shadow: 0 1px 0 0 #5C8BBA;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.section_ranking .btn_play_race:hover:not(:disabled):not(.is_disabled) {
  background: url(/tftset16/img/btn_race_play_hover-81e4fcf6b35a358870334b645fbac8bf.png) no-repeat center/100% 100%;
  text-shadow: 0 1px 0 0 #08175E;
}
.section_ranking .btn_play_race:hover:not(:disabled):not(.is_disabled)::after {
  -webkit-filter: drop-shadow(0px 1px 0px rgb(8, 23, 94));
  filter: drop-shadow(0px 1px 0px rgb(8, 23, 94));
}
.section_ranking .btn_play_race:disabled, .section_ranking .btn_play_race.is_disabled {
  background: url(/tftset16/img/btn_race_play_disabled-fedfea321f12772a246e7cd60fb7bc36.png) no-repeat center/100% 100%;
  color: #A19584;
  text-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
  -webkit-filter: drop-shadow(0px 1.55px 1.55px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 1.55px 1.55px rgba(0, 0, 0, 0.25));
}
.section_ranking .btn_play_race:disabled::after, .section_ranking .btn_play_race.is_disabled::after {
  background: url(/tftset16/img/btn_race_icon_disabled-10c8b3abc8401b763a47f0c4b1a4f2fe.png) no-repeat center/100%;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.6));
  filter: drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.6));
}
@media screen and (max-width: 768px) {
  .section_ranking .btn_play_race:disabled, .section_ranking .btn_play_race.is_disabled {
    background: url(/tftset16/img/btn_race_play_disabled_mo-a27c2445d8e818428cf3e4c834e2d89f.png) no-repeat center/100% 100%;
    color: #A19584;
    text-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
    -webkit-filter: drop-shadow(0px 1.55px 1.55px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 1.55px 1.55px rgba(0, 0, 0, 0.25));
  }
  .section_ranking .btn_play_race:disabled::after, .section_ranking .btn_play_race.is_disabled::after {
    background: url(/tftset16/img/btn_race_icon_disabled_mo-62fb6c5c9cfb20642d044cbcb4dfb1ca.png) no-repeat center/100%;
    -webkit-filter: drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.6));
    filter: drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.6));
  }
}
.section_ranking .btn_play_race::after {
  display: inline-block;
  width: clamp(-1000px, 0.9375vw, 18px);
  height: clamp(-1000px, 0.4166666667vw, 8px);
  background: url(/tftset16/img/btn_race_icon-17b31a3ae181d567f9c510b1864c65b4.png) no-repeat center/contain;
  -webkit-filter: drop-shadow(0px 1px 0px rgb(92, 139, 186));
  filter: drop-shadow(0px 1px 0px rgb(92, 139, 186));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: "";
}
@media screen and (max-width: 1920px) {
  .section_ranking .btn_play_race {
    -webkit-filter: drop-shadow(0 0.2085vw 0.2085vw rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 0.2085vw 0.2085vw rgba(0, 0, 0, 0.5));
  }
}
@media screen and (max-width: 768px) {
  .section_ranking .btn_play_race {
    position: absolute;
    top: clamp(0px, 36.9791666667vw, 284px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: clamp(0px, 53.6458333333vw, 412px);
    height: clamp(0px, 13.0208333333vw, 100px);
    margin-top: 0;
    background: url(/tftset16/img/btn_race_play_mo-c27915e12b9feaff0131bed0e52dc597.png) no-repeat center/contain;
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 800;
    line-height: 1.5;
    -webkit-filter: drop-shadow(0px 0.5208vw 0.5208vw rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0.5208vw 0.5208vw rgba(0, 0, 0, 0.25));
  }
  .section_ranking .btn_play_race:hover:not(:disabled):not(.is_disabled) {
    background: url(/tftset16/img/btn_race_play_hover_mo-b52b3ef8e9e8099e23bb8649223c4e72.png) no-repeat center/contain;
  }
  .section_ranking .btn_play_race:hover:not(:disabled):not(.is_disabled)::after {
    -webkit-filter: drop-shadow(0px 1px 0px rgb(8, 23, 94));
    filter: drop-shadow(0px 1px 0px rgb(8, 23, 94));
  }
  .section_ranking .btn_play_race::after {
    display: inline-block;
    width: clamp(0px, 3.125vw, 24px);
    height: clamp(0px, 1.4322916667vw, 11px);
    margin-left: clamp(0px, 1.5625vw, 12px);
    background: url(/tftset16/img/btn_race_icon_mo-3e30e91b4c9143192c746b0da40e5d51.png) no-repeat center/100%;
    -webkit-filter: drop-shadow(0px 1px 0px rgb(92, 139, 186));
    filter: drop-shadow(0px 1px 0px rgb(92, 139, 186));
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    content: "";
  }
}
.section_ranking .notice_list {
  padding-left: clamp(-1000px, 0.2604166667vw, 5px);
  margin-top: clamp(-1000px, 1.09375vw, 21px);
}
@media screen and (max-width: 768px) {
  .section_ranking .notice_list {
    margin-top: clamp(0px, 26.171875vw, 201px);
  }
}
.section_ranking .notice_list .notice_item {
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 400;
  line-height: 1.36;
}
.section_ranking .notice_list .text_white {
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 500;
  line-height: 1.36;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .section_ranking .notice_list .text_white {
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 500;
    line-height: 1.36;
  }
  .section_ranking .notice_list .notice_item {
    position: relative;
    display: inline-block;
    padding-left: clamp(0px, 2.0833333333vw, 16px);
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 400;
    line-height: 1.36;
  }
  .section_ranking .notice_list .notice_item::before {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.section_ranking .table_ranking {
  margin-top: clamp(-1000px, 5.9895833333vw, 115px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_ranking {
    margin-top: clamp(0px, 7.2916666667vw, 56px);
  }
}
.section_ranking .table_ranking .table_layout {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_ranking .table_ranking .table_layout_inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 80%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transform: translateX(-65%);
  transform: translateX(-65%);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_ranking .table_layout_inner {
    -webkit-transform: translateX(-32%);
    transform: translateX(-32%);
  }
}
.section_ranking .table_ranking .table_layout:nth-child(1) {
  width: clamp(-1000px, 13.4375vw, 258px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_ranking .table_layout:nth-child(1) {
    width: clamp(0px, 13.4114583333vw, 103px);
  }
}
.section_ranking .table_ranking .table_layout:nth-child(2) {
  width: clamp(-1000px, 29.7395833333vw, 571px);
  padding-left: clamp(-1000px, 0.3125vw, 6px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_ranking .table_layout:nth-child(2) {
    width: clamp(0px, 31.9010416667vw, 245px);
  }
}
.section_ranking .table_ranking .table_layout:nth-child(3) {
  width: clamp(-1000px, 17.2916666667vw, 332px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_ranking .table_layout:nth-child(3) {
    width: clamp(0px, 23.4375vw, 180px);
  }
}
.section_ranking .table_ranking .table_layout:nth-child(4) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.section_ranking .table_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: clamp(-1000px, 3.59375vw, 69px);
  background: url(/tftset16/img/bg_table_head-8a75219667194eb869f9a8b8a0c373fe.png) no-repeat center/contain;
}
.section_ranking .table_head .table_layout {
  position: relative;
  bottom: clamp(-1000px, 1.0416666667vw, 20px);
  font-size: clamp(0px, 1.3541666667vw, 26px);
  font-weight: 600;
  line-height: 1.2;
  color: #fcf8e0;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_head {
    height: clamp(0px, 7.2916666667vw, 56px);
    background: url(/tftset16/img/bg_table_head_mo-805946cf5f70c73bc6d4ed9d01a565b3.png) no-repeat center/contain;
  }
  .section_ranking .table_head .table_layout {
    bottom: clamp(0px, 1.8229166667vw, 14px);
    font-size: clamp(0px, 3.3854166667vw, 26px);
    font-weight: 600;
    line-height: 1.2;
  }
  .section_ranking .table_head .table_layout:nth-child(1) {
    padding-left: clamp(0px, 2.34375vw, 18px);
  }
}
.section_ranking .table_body {
  margin-top: clamp(-1000px, 1.1458333333vw, 22px);
}
.section_ranking .table_body .table_layout:nth-child(3) {
  position: relative;
  right: clamp(-1000px, 0.5208333333vw, 10px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_body {
    margin-top: clamp(0px, 3.125vw, 24px);
  }
}
.section_ranking .table_body.empty_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: clamp(-1000px, 72.7083333333vw, 1396px);
  height: clamp(-1000px, 58.5416666667vw, 1124px);
  background: url(/tftset16/img/bg_ranking_empty-8086ef2c5731dc5570049261951dccb5.png) no-repeat center/contain;
}
.section_ranking .table_body.empty_section .empty_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.section_ranking .table_body.empty_section .no_data_img {
  width: clamp(-1000px, 11.4583333333vw, 220px);
  height: clamp(-1000px, 10.8854166667vw, 209px);
}
.section_ranking .table_body.empty_section .empty_desc {
  margin-top: clamp(-1000px, 1.5625vw, 30px);
  font-size: clamp(0px, 2.0833333333vw, 40px);
  font-weight: 600;
  line-height: 1.36;
  color: #FFFBE3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_body.empty_section {
    width: clamp(0px, 83.3333333333vw, 640px);
    height: clamp(0px, 181.640625vw, 1395px);
    background: url(/tftset16/img/bg_ranking_empty_mo-8e81ca50aa12c8fe4693baa20e8a07ca.png) no-repeat center/contain;
  }
  .section_ranking .table_body.empty_section .no_data_img {
    width: clamp(0px, 15.7552083333vw, 121px);
    height: clamp(0px, 15.1041666667vw, 116px);
  }
  .section_ranking .table_body.empty_section .empty_desc {
    margin-top: clamp(0px, 3.90625vw, 30px);
    font-size: clamp(0px, 2.6041666667vw, 20px);
    font-weight: 600;
    line-height: 1.36;
  }
}
.section_ranking .table_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: clamp(-1000px, 6.3541666667vw, 122px);
  background: url(/tftset16/img/bg_table_item_top-17da1b86c2c378a394741843692c6885.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item {
    height: clamp(0px, 15.3645833333vw, 118px);
    background: url(/tftset16/img/bg_table_item_top_mo-49ed9a0674bcb146e06260703198d337.png) no-repeat center/100% 100%;
  }
}
.section_ranking .table_item + .table_item {
  margin-top: clamp(-1000px, 1.0416666667vw, 20px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item + .table_item {
    margin-top: clamp(0px, 2.6041666667vw, 20px);
  }
}
.section_ranking .table_item.rank_top .number {
  background: url(/tftset16/img/number_01-8fa1ec0e0822d253a1675b80ee7754c8.png) no-repeat center/contain;
  color: #091B63;
}
.section_ranking .table_item.rank_out {
  background: url(/tftset16/img/bg_rank_bottom-08909c903186818c0e2c8e5ab713fab7.png) no-repeat center/100%;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item.rank_out {
    background: url(/tftset16/img/bg_rank_bottom_mo-c295461a2ce10cca1d0c5741371feb86.png) no-repeat center/100%;
  }
}
.section_ranking .table_item.rank_out .number {
  background: url(/tftset16/img/number_03-f511d918c29c5a8d0edac311a1eff07e.png) no-repeat center/contain;
  color: #8893c2;
}
.section_ranking .table_item.rank_out .text {
  color: #8893C2;
}
.section_ranking .table_item .number {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: clamp(-1000px, 0.1041666667vw, 2px);
  width: clamp(-1000px, 2.4479166667vw, 47px);
  height: clamp(-1000px, 2.96875vw, 57px);
  background: url(/tftset16/img/number_02-0363a1a17167f843ee9c3d44f7402118.png) no-repeat center/contain;
  color: #fffae3;
  font-size: clamp(0px, 1.09375vw, 21px);
  font-weight: 900;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item .number {
    left: clamp(0px, 1.3020833333vw, 10px);
    width: clamp(0px, 4.6875vw, 36px);
    height: clamp(0px, 5.7291666667vw, 44px);
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 900;
    line-height: 1.2;
  }
}
.section_ranking .table_item .table_layout {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(-1000px, 0.4166666667vw, 8px);
}
.section_ranking .table_item .table_layout:first-child {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item .table_layout {
    gap: clamp(0px, 1.3020833333vw, 10px);
  }
}
.section_ranking .table_item .table_layout:has(.icon_influencer) {
  gap: clamp(-1000px, 0.5208333333vw, 10px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item .table_layout:has(.icon_influencer) {
    gap: clamp(0px, 1.0416666667vw, 8px);
  }
}
.section_ranking .table_item .text {
  font-size: clamp(0px, 1.3541666667vw, 26px);
  font-weight: 600;
  line-height: 1.2;
  color: #091b63;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item .text {
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 600;
    line-height: 1.2;
  }
}
.section_ranking .table_item .name {
  display: inline-block;
  width: clamp(-1000px, 17.6041666667vw, 338px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: clamp(0px, 1.4583333333vw, 28px);
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item .name {
    width: clamp(0px, 22.265625vw, 171px);
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 600;
    line-height: 1.2;
  }
}
.section_ranking .table_item .icon {
  width: clamp(-1000px, 2.8645833333vw, 55px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item .icon {
    width: clamp(0px, 7.1614583333vw, 55px);
  }
}
.section_ranking .table_item .icon_influencer {
  width: clamp(-1000px, 1.875vw, 36px);
}
@media screen and (max-width: 768px) {
  .section_ranking .table_item .icon_influencer {
    width: clamp(0px, 3.7760416667vw, 29px);
  }
}
.section_ranking .character {
  position: absolute;
  bottom: -7.8vw;
  right: 50%;
  margin-right: clamp(-1000px, 38.3333333333vw, 736px);
}
.section_ranking .character::before {
  width: 33.59vw;
  height: 69.8vw;
  display: inline-block;
  background: url(/tftset16/img/character_galio_4-a0de56440df80cd3d2b1f24250e41408.png) no-repeat center/100% 100%;
  content: "";
}
@media (min-width: 2560px) {
  .section_ranking .character::before {
    width: clamp(-1000px, 44.7916666667vw, 860px);
    height: clamp(-1000px, 93.0729166667vw, 1787px);
  }
}
@media (min-width: 2560px) {
  .section_ranking .character {
    bottom: -200px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 2.1354166667vw, 41px);
  margin-top: clamp(-1000px, 6.5104166667vw, 125px);
}
.pagination.only_mo {
  display: none;
}
.pagination_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(-1000px, 2.1354166667vw, 41px);
}
.pagination_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 1.3541666667vw, 26px);
  height: clamp(-1000px, 1.3541666667vw, 26px);
}
.pagination_link {
  font-size: clamp(0px, 1.09375vw, 21px);
  font-weight: 400;
  line-height: 1.2;
  color: #5c74c2;
}
.pagination_link.is_current {
  font-weight: 500;
  color: #f3edb2;
}
.pagination .btn_icon .ic_first, .pagination .btn_icon .ic_last {
  display: inline-block;
  width: clamp(-1000px, 1.3541666667vw, 26px);
  height: clamp(-1000px, 1.25vw, 24px);
  background: url(/tftset16/img/double_arrow-cb4d4b6c704c7b8d50e58fdcde3eb9a4.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .pagination .btn_icon .ic_first, .pagination .btn_icon .ic_last {
    width: clamp(0px, 3.3854166667vw, 26px);
    height: clamp(0px, 3.125vw, 24px);
  }
}
.pagination .btn_icon .ic_last, .pagination .btn_icon .ic_next {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.pagination .btn_icon .ic_prev, .pagination .btn_icon .ic_next {
  display: inline-block;
  width: clamp(-1000px, 0.7291666667vw, 14px);
  height: clamp(-1000px, 1.25vw, 24px);
  background: url(/tftset16/img/single_arrow-b96683ca3678425b82081ae8046a53d8.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .pagination .btn_icon .ic_prev, .pagination .btn_icon .ic_next {
    width: clamp(0px, 2.34375vw, 18px);
    height: clamp(0px, 3.6458333333vw, 28px);
  }
}
@media screen and (max-width: 768px) {
  .pagination {
    gap: clamp(0px, 5.2083333333vw, 40px);
    margin-top: clamp(0px, 7.8125vw, 60px);
  }
  .pagination_list {
    gap: clamp(0px, 5.2083333333vw, 40px);
  }
  .pagination_item {
    width: auto;
    height: clamp(0px, 3.7760416667vw, 29px);
  }
  .pagination_link {
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 400;
    line-height: 1.2;
  }
  .pagination.only_mo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pagination.only_pc {
    display: none;
  }
}

.mission_wrap {
  background-color: #08175E;
}

.mission_content {
  overflow: hidden;
}

.section_treasure {
  z-index: 1;
  height: clamp(-1000px, 59.8958333333vw, 1150px);
  background: url(/tftset16/img/bg_banner_treasure-fa7fbe239939a9f480ef3fde431e4ecb.jpg) no-repeat center/cover;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .section_treasure {
    height: clamp(0px, 248.046875vw, 1905px);
    background: url(/tftset16/img/bg_banner_treasure_mo-bdff6d802279f972b78171b9152cc2bc.jpg) no-repeat center/cover;
  }
}
.section_treasure .inner {
  max-width: clamp(-1000px, 60.9375vw, 1170px);
  padding-top: clamp(-1000px, 7.2916666667vw, 140px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_treasure .inner {
    max-width: clamp(0px, 83.3333333333vw, 640px);
    padding-top: clamp(0px, 16.9270833333vw, 130px);
  }
}
.section_treasure .treasure_subtitle {
  width: clamp(-1000px, 12.3958333333vw, 238px);
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_subtitle {
    width: clamp(0px, 31.25vw, 240px);
  }
}
.section_treasure .treasure_title {
  margin-top: clamp(-1000px, 0.6770833333vw, 13px);
}
.section_treasure .treasure_title svg, .section_treasure .treasure_title image {
  width: clamp(-1000px, 25.2604166667vw, 485px);
  height: clamp(-1000px, 5.46875vw, 105px);
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_title {
    position: relative;
    z-index: 1;
    margin-top: clamp(0px, 1.4322916667vw, 11px);
  }
  .section_treasure .treasure_title svg, .section_treasure .treasure_title image {
    width: clamp(0px, 58.59375vw, 450px);
    height: clamp(0px, 13.671875vw, 105px);
  }
}
.section_treasure .treasure_desc {
  position: relative;
  z-index: 1;
  margin-top: clamp(-1000px, 0.9375vw, 18px);
  font-size: clamp(0px, 1.0416666667vw, 20px);
  font-weight: 600;
  line-height: 1.4;
  font-weight: 600;
  color: #fcf8e0;
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_desc {
    margin-top: clamp(0px, 2.6041666667vw, 20px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 600;
    line-height: 1.36;
  }
}
.section_treasure .treasure_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(-1000px, 1.5625vw, 30px);
  margin-top: clamp(-1000px, 1.1458333333vw, 22px);
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_wrap {
    gap: clamp(0px, 2.6041666667vw, 20px);
    margin-top: clamp(0px, 2.34375vw, 18px);
  }
}
.section_treasure .treasure_box {
  position: relative;
  width: clamp(-1000px, 38.9583333333vw, 748px);
  height: clamp(-1000px, 30.2083333333vw, 580px);
  background: url(/tftset16/img/treasure_box_frame-533257a1bd17175407fac87212a45fe9.png) no-repeat center/100% 100%;
  border-radius: clamp(-1000px, 0.5208333333vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_box {
    width: 100%;
    height: clamp(0px, 91.1458333333vw, 700px);
    background: url(/tftset16/img/treasure_box_frame_mo-d06916b3e60cab3b3902e29efa471a64.png) no-repeat center/100% 100%;
  }
}
.section_treasure .treasure_image {
  display: block;
  width: clamp(-1000px, 38.9583333333vw, 748px);
  height: clamp(-1000px, 30.2083333333vw, 580px);
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_image {
    width: clamp(0px, 83.3333333333vw, 640px);
    height: clamp(0px, 91.1458333333vw, 700px);
  }
}
.section_treasure .treasure_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 1.0416666667vw, 20px);
  position: absolute;
  bottom: clamp(-1000px, 1.9270833333vw, 37px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.section_treasure .treasure_btn .btn {
  width: clamp(-1000px, 13.0208333333vw, 250px);
  height: clamp(-1000px, 3.3854166667vw, 65px);
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 800;
  line-height: 1.56;
  -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2509803922));
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2509803922));
}
@media screen and (max-width: 1920px) {
  .section_treasure .treasure_btn .btn {
    -webkit-filter: drop-shadow(0 0.10417vw 0.10417vw rgba(102, 75, 44, 0.2509803922));
    filter: drop-shadow(0 0.10417vw 0.10417vw rgba(102, 75, 44, 0.2509803922));
  }
}
.section_treasure .treasure_btn .btn_gold {
  color: #0a1c64;
  background: url(/tftset16/img/bg_btn_gold_default-c597539ec29ad60533ab139eb87cff01.png) no-repeat center/100% 100%;
  -webkit-transition: background 0.3s linear, color 0.3s linear;
  transition: background 0.3s linear, color 0.3s linear;
}
.section_treasure .treasure_btn .btn_gold:hover {
  background-image: url(/tftset16/img/bg_btn_gold_hover-84ef77c94a07d6aa5e58a87104637d72.png);
  color: #884c08;
}
.section_treasure .treasure_btn .btn_gold.is_disabled {
  background-image: url(/tftset16/img/bg_btn_gold_disabled-c039b98dd753314736ea351cd6392568.png);
  color: #a19584;
  -webkit-filter: drop-shadow(0 1px 0 0 rgba(255, 255, 255, 0.6));
  filter: drop-shadow(0 1px 0 0 rgba(255, 255, 255, 0.6));
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_btn .btn_gold.is_disabled {
    background-image: url(/tftset16/img/bg_btn_gold_disabled_mo-cede77c45ee21ce48a692a1739da3b45.png);
  }
}
.section_treasure .treasure_btn .btn_apply {
  background: url(/tftset16/img/bg_btn_apply_default-9b5788f645ee94dd51a154d3294f4fec.png) no-repeat center/100% 100%;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: background 0.3s linear, color 0.3s linear;
  transition: background 0.3s linear, color 0.3s linear;
}
.section_treasure .treasure_btn .btn_apply:hover {
  background-image: url(/tftset16/img/bg_btn_apply_hover-77b5a8726061ac60ebec47f0c77fcdd5.png) no-repeat center/100% 100%;
  color: #c5a162;
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(0px, 1.953125vw, 15px);
    bottom: clamp(0px, 2.6041666667vw, 20px);
  }
  .section_treasure .treasure_btn .btn {
    width: clamp(0px, 49.4791666667vw, 380px);
    height: clamp(0px, 12.5vw, 96px);
    font-size: clamp(0px, 3.3854166667vw, 26px);
    font-weight: 800;
    line-height: 1.07;
  }
}
.section_treasure .treasure_item {
  position: absolute;
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: 1.2;
  color: #08175e;
}
.section_treasure .treasure_item .text {
  position: relative;
  z-index: 2;
}
.section_treasure .treasure_item:nth-child(1) {
  right: clamp(-1000px, 4.453125vw, 85.5px);
  top: clamp(-1000px, 19.4791666667vw, 374px);
}
.section_treasure .treasure_item:nth-child(2) {
  top: clamp(-1000px, 4.5052083333vw, 86.5px);
  right: clamp(-1000px, 9.0625vw, 174px);
}
.section_treasure .treasure_item:nth-child(3) {
  top: clamp(-1000px, 9.6354166667vw, 185px);
  left: clamp(-1000px, 6.71875vw, 129px);
}
@media screen and (max-width: 768px) {
  .section_treasure .treasure_item {
    font-size: clamp(0px, 2.6041666667vw, 20px);
    font-weight: 700;
    line-height: 1.2;
  }
  .section_treasure .treasure_item:nth-child(1) {
    right: clamp(0px, 11.5885416667vw, 89px);
    top: clamp(0px, 42.96875vw, 330px);
  }
  .section_treasure .treasure_item:nth-child(2) {
    top: clamp(0px, 8.5286458333vw, 65.5px);
    right: clamp(0px, 17.3177083333vw, 133px);
  }
  .section_treasure .treasure_item:nth-child(3) {
    top: clamp(0px, 20.703125vw, 159px);
    left: clamp(0px, 12.5vw, 96px);
  }
}
.section_treasure .number_wrap {
  position: relative;
  width: clamp(-1000px, 20.2083333333vw, 388px);
  background: url(/tftset16/img/bg_number_box-88cb5f05585e56f14e1facb04a02754e.png) no-repeat center/contain;
}
.section_treasure .number_wrap .line {
  margin-top: clamp(-1000px, 1.0416666667vw, 20px);
  margin-left: auto;
  margin-right: auto;
  height: 1px;
}
.section_treasure .number_wrap .line::before {
  display: block;
  width: clamp(-1000px, 14.5833333333vw, 280px);
  height: 1px;
  background: url(/tftset16/img/line-383802afc7af72242389ad4a15fe02f1.png) no-repeat center/cover;
  margin: 0 auto;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_treasure .number_wrap {
    width: 100%;
    height: clamp(0px, 55.3385416667vw, 425px);
    background: url(/tftset16/img/bg_number_box_mo-64666bac27cabadb0d4e0f15765120bd.png) no-repeat center/contain;
  }
}
.section_treasure .number_wrap_title {
  max-width: clamp(-1000px, 11.1458333333vw, 214px);
  margin-top: clamp(-1000px, 5.2083333333vw, 100px);
  margin-left: clamp(-1000px, 3.4895833333vw, 67px);
  font-size: clamp(0px, 1.5625vw, 30px);
  font-weight: 600;
  line-height: 1.36;
  color: #08175e;
}
.section_treasure .number_wrap_title .text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .section_treasure .number_wrap_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: clamp(0px, 47.3958333333vw, 364px);
    margin: clamp(0px, 10.15625vw, 78px) auto clamp(0px, 0vw, 0px);
    font-size: clamp(0px, 3.3854166667vw, 26px);
    font-weight: 600;
    line-height: 1.36;
  }
  .section_treasure .number_wrap_title .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: clamp(0px, 3.90625vw, 30px);
    font-weight: 700;
    line-height: 1.36;
  }
}
.section_treasure .number_box {
  margin-top: clamp(-1000px, 1.5625vw, 30px);
  padding-right: clamp(-1000px, 3.3333333333vw, 64px);
  padding-left: clamp(-1000px, 3.3333333333vw, 64px);
}
.section_treasure .number_box_title {
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.5625vw, 30px);
  font-weight: 700;
  line-height: 1.4;
  color: #081F61;
}
.section_treasure .number_box_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: clamp(-1000px, 0.5208333333vw, 10px);
  margin-top: clamp(-1000px, 0.625vw, 12px);
}
@media screen and (max-width: 768px) {
  .section_treasure .number_box_content {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .section_treasure .number_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(0px, 2.0833333333vw, 16px);
    margin: clamp(0px, 4.1666666667vw, 32px) clamp(0px, 14.5833333333vw, 112px) clamp(0px, 0vw, 0px) clamp(0px, 10.15625vw, 78px);
    padding: 0;
  }
  .section_treasure .number_box_title {
    font-size: clamp(0px, 4.4270833333vw, 34px);
    font-weight: 700;
    line-height: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .section_treasure .number_box_content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(0px, 2.0833333333vw, 16px);
  }
  .section_treasure .number_box_content .number_unit {
    font-size: clamp(0px, 4.4270833333vw, 34px);
    font-weight: 700;
    line-height: 1;
  }
}
.section_treasure .number_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #ae8656;
  background-color: #081F61;
}
.section_treasure .number_list.is_show .number_item .text::before {
  -webkit-animation: rolling 10s forwards;
  animation: rolling 10s forwards;
}
.section_treasure .number_list.is_show .number_item:nth-child(1) .text::before {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
.section_treasure .number_list.is_show .number_item:nth-child(2) .text::before {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}
.section_treasure .number_list.is_show .number_item:nth-child(3) .text::before {
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
}
.section_treasure .number_list.is_show .number_item:nth-child(4) .text::before {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}
.section_treasure .number_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Sachsenwald";
}
.section_treasure .number_item:not(:last-child) {
  border-right: 1px solid #fff;
}
.section_treasure .number_item .text {
  position: relative;
  width: clamp(-1000px, 2.8125vw, 54px);
  height: clamp(-1000px, 4.2708333333vw, 82px);
  overflow: hidden;
  text-align: center;
  font-size: clamp(0px, 3.2291666667vw, 62px);
  font-weight: 400;
  line-height: 1.32;
  color: #fff;
}
.section_treasure .number_item .text::before {
  position: absolute;
  bottom: 6%;
  left: 0;
  width: 100%;
  -webkit-transition: top 2s ease-in-out;
  transition: top 2s ease-in-out;
  font-size: clamp(0px, 3.2291666667vw, 62px);
  font-weight: 400;
  line-height: 1.32;
  line-height: calc(var(--lineheight));
}
.section_treasure .number_item .text[data-value="-"]:before {
  content: "-\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 0";
}
.section_treasure .number_item .text[data-value="0"]:before {
  content: "0\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 0";
}
.section_treasure .number_item .text[data-value="1"]:before {
  content: "1\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 0";
}
.section_treasure .number_item .text[data-value="2"]:before {
  content: "2\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 0";
}
.section_treasure .number_item .text[data-value="3"]:before {
  content: "3\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 0";
}
.section_treasure .number_item .text[data-value="4"]:before {
  content: "4\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 0";
}
.section_treasure .number_item .text[data-value="5"]:before {
  content: "5\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 0";
}
.section_treasure .number_item .text[data-value="6"]:before {
  content: "6\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 0";
}
.section_treasure .number_item .text[data-value="7"]:before {
  content: "7\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 0";
}
.section_treasure .number_item .text[data-value="8"]:before {
  content: "8\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 0";
}
.section_treasure .number_item .text[data-value="9"]:before {
  content: "9\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 0";
}
@media screen and (max-width: 768px) {
  .section_treasure .number_item .text {
    width: clamp(0px, 9.375vw, 72px);
    height: clamp(0px, 14.84375vw, 114px);
    font-size: clamp(0px, 11.1979166667vw, 86px);
    font-weight: 400;
    line-height: 1.4;
  }
  .section_treasure .number_item .text::before {
    font-size: clamp(0px, 11.1979166667vw, 86px);
    font-weight: 400;
    line-height: 1.4;
    line-height: calc(var(--lineheight));
  }
}
.section_treasure .number_unit {
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.5625vw, 30px);
  font-weight: 700;
  line-height: 1.4;
  color: #08175e;
  position: relative;
  top: clamp(-1000px, 0.1041666667vw, 2px);
}
.section_treasure .btn_reset {
  position: absolute;
  top: 70%;
  left: 75%;
  z-index: 1;
  width: clamp(-1000px, 1.1979166667vw, 23px);
  height: clamp(-1000px, 1.1979166667vw, 23px);
}
.section_treasure .btn_reset::before {
  display: block;
  background: url(/tftset16/img/btn_reset_default-1ce45721ebec8fe78552e0618e7665fc.png) no-repeat center/contain;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  content: "";
}
.section_treasure .btn_reset:hover::before {
  background: url(/tftset16/img/btn_reset_hover-a89b752e5501d807af9e41e625ffaa4a.png) no-repeat center/contain;
  -webkit-transform: rotate(105deg);
  transform: rotate(105deg);
}
@media screen and (max-width: 768px) {
  .section_treasure .btn_reset {
    width: clamp(0px, 6.5104166667vw, 50px);
    height: clamp(0px, 6.5104166667vw, 50px);
  }
  .section_treasure .btn_reset::before {
    display: none;
  }
}
.section_treasure .btn_link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(-1000px, 0.5208333333vw, 10px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: clamp(-1000px, 5.3125vw, 102px);
  padding-bottom: clamp(-1000px, 0.2083333333vw, 4px);
  margin-right: auto;
  margin-left: auto;
}
.section_treasure .btn_link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(-1000px, 0.1041666667vw, 2px);
  background-color: #c5a162;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  content: "";
}
.section_treasure .btn_link .text {
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 800;
  line-height: 1.56;
  color: #c5a162;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.section_treasure .btn_link .ic_arrow {
  position: relative;
  width: clamp(-1000px, 0.625vw, 12px);
  height: clamp(-1000px, 0.625vw, 12px);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.section_treasure .btn_link .ic_arrow::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/tftset16/img/ic_arrow_hover-cab0d4d11a2b72e8792a9a9d63dbefc0.png) no-repeat center/contain;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  content: "";
}
.section_treasure .btn_link:hover::after {
  background-color: #08175e;
}
.section_treasure .btn_link:hover .text {
  color: #08175e;
}
.section_treasure .btn_link:hover .ic_arrow {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.section_treasure .btn_link:hover .ic_arrow::before {
  background: url(/tftset16/img/ic_arrow_default-80d2850575392f2b4532f046817f9f59.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .section_treasure .btn_link {
    position: absolute;
    top: clamp(0px, 57.8125vw, 444px);
    left: 0;
    gap: clamp(0px, 1.3020833333vw, 10px);
    margin-top: 0;
    padding: clamp(0px, 0vw, 0px) clamp(0px, 0.5208333333vw, 4px) clamp(0px, 0.5208333333vw, 4px) clamp(0px, 0vw, 0px);
  }
  .section_treasure .btn_link::after {
    height: clamp(0px, 0.2604166667vw, 2px);
  }
  .section_treasure .btn_link .text {
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 800;
    line-height: 1.56;
  }
  .section_treasure .btn_link .ic_arrow {
    width: clamp(0px, 1.5625vw, 12px);
    height: clamp(0px, 1.5625vw, 12px);
  }
}
.section_treasure .character_first {
  right: clamp(-1000px, 0.3645833333vw, 7px);
  bottom: clamp(-1000px, 16.8229166667vw, 323px);
}
.section_treasure .character_first::before {
  width: clamp(-1000px, 43.4375vw, 834px);
  height: clamp(-1000px, 33.4895833333vw, 643px);
  background-image: url(/tftset16/img/character_01-40294e082eac382165f3ec1d7d6cfa0d.png);
}
.section_treasure .character_second {
  top: 44.9%;
  right: 50%;
  margin-right: clamp(-1000px, 24.6354166667vw, 473px);
}
.section_treasure .character_second::before {
  width: 44.25vw;
  height: 44.68vw;
  background-image: url(/tftset16/img/character_02-9c37ab028be7021825a0690b3d4d33c7.png);
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
@media (min-width: 2560px) {
  .section_treasure .character_second::before {
    width: clamp(-1000px, 59.0104166667vw, 1133px);
    height: clamp(-1000px, 59.5833333333vw, 1144px);
  }
}
@media screen and (max-width: 768px) {
  .section_treasure .character_second {
    top: clamp(0px, 7.1614583333vw, 55px);
    right: 0;
    bottom: auto;
    left: auto;
    margin-right: 0;
    opacity: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  .section_treasure .character_second::before {
    width: clamp(0px, 71.875vw, 552px);
    height: clamp(0px, 60.0260416667vw, 461px);
    background-image: url(/tftset16/img/character_01_mo-f03b21e38cf32c3f92b3ade00458ac98.png);
    -webkit-animation: none;
    animation: none;
  }
  .section_treasure .character_second::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    width: clamp(0px, 71.875vw, 552px);
    height: clamp(0px, 60.0260416667vw, 461px);
    background-image: url(/tftset16/img/character_01_mo_dimm-85a26994c2afb9f8f04290d5f8c9dadf.png);
    -webkit-animation: none;
    animation: none;
    content: "";
  }
}
.section_treasure .line_decor {
  background: url(/tftset16/img/line_1-fd7aae2cbc89fe45039eab50b53bdaa3.png) no-repeat top/cover;
}
.section_treasure .time_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-top: clamp(-1000px, 0.2083333333vw, 4px);
}
.section_treasure .time_label {
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 600;
  line-height: 1.56;
  color: #fcf8e0;
}
.section_treasure .time_content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: clamp(-1000px, 0.4166666667vw, 8px);
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 400;
  line-height: 1.56;
  color: rgba(252, 248, 224, 0.6980392157);
}
.section_treasure .time_content::before {
  width: 1px;
  margin-right: clamp(-1000px, 0.625vw, 12px);
  height: clamp(-1000px, 0.8333333333vw, 16px);
  background-color: rgba(252, 248, 224, 0.3019607843);
  content: "";
}
@media screen and (max-width: 768px) {
  .section_treasure .time_box {
    position: relative;
    z-index: 1;
    margin-top: clamp(0px, 0.9114583333vw, 7px);
  }
  .section_treasure .time_label {
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 600;
    line-height: 1.27;
  }
  .section_treasure .time_content {
    margin-left: clamp(0px, 1.5625vw, 12px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.27;
  }
  .section_treasure .time_content::before {
    width: 2px;
    height: clamp(0px, 2.6041666667vw, 20px);
    margin-right: clamp(0px, 1.5625vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .section_treasure .notice_list {
    margin-top: clamp(0px, 10.15625vw, 78px);
  }
}

.section_mission {
  height: clamp(-1000px, 93.5416666667vw, 1796px);
  padding-top: clamp(-1000px, 4.21875vw, 81px);
  padding-bottom: clamp(-1000px, 0.9375vw, 18px);
  background: url(/tftset16/img/bg_banner_mission-ada1bbc2d4a1d0014317eb8109226e17.jpg) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .section_mission {
    height: clamp(0px, 288.28125vw, 2214px);
    padding: clamp(0px, 9.6354166667vw, 74px) clamp(0px, 0vw, 0px) clamp(0px, 2.34375vw, 18px);
    background: url(/tftset16/img/bg_banner_mission_mo-47e815ef881237345814c1ad9a68ce9f.jpg) no-repeat center/cover;
  }
}
.section_mission .line_decor {
  background: url(/tftset16/img/line_2-6adc06b739c5f6fef3288eff9f1c376f.png) no-repeat top/cover;
}
.section_mission .inner {
  max-width: clamp(-1000px, 51.9791666667vw, 998px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_mission .inner {
    max-width: 100%;
  }
}
.section_mission .section_head .title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.section_mission .section_head .title svg, .section_mission .section_head .title image {
  width: clamp(-1000px, 36.0416666667vw, 692px);
  height: clamp(-1000px, 4.8958333333vw, 94px);
}
@media screen and (max-width: 768px) {
  .section_mission .section_head .title svg, .section_mission .section_head .title image {
    width: clamp(0px, 82.8125vw, 636px);
    height: clamp(0px, 11.1979166667vw, 86px);
  }
}
.section_mission .text-intro {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  width: clamp(-1000px, 29.1666666667vw, 560px);
}
@media screen and (max-width: 768px) {
  .section_mission .text-intro {
    width: clamp(0px, 72.9166666667vw, 560px);
  }
}
.section_mission .mission_content {
  margin-top: clamp(-1000px, 4.1666666667vw, 80px);
}
@media screen and (max-width: 768px) {
  .section_mission .mission_content {
    margin-top: clamp(0px, 9.1145833333vw, 70px);
  }
}
.section_mission .swiper-slide {
  width: auto;
  margin-right: clamp(-1000px, 0.8333333333vw, 16px);
}
.section_mission .swiper-slide.animate_card {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
.section_mission .swiper-slide.animate_card .card_item {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.section_mission .swiper-slide.animate_card .card_item .card_default::after {
  -webkit-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .section_mission .swiper-slide {
    -webkit-transform: translateY(6.5vw) !important;
    transform: translateY(6.5vw) !important;
    margin-right: clamp(0px, 2.0833333333vw, 16px);
  }
}
.section_mission .card_slider {
  margin-top: clamp(-1000px, 1.7708333333vw, 34px);
  overflow: unset;
}
@media screen and (max-width: 768px) {
  .section_mission .card_slider {
    margin-top: clamp(0px, 5.2083333333vw, 40px);
    overflow: hidden;
  }
}
.section_mission .card_item {
  position: relative;
  width: clamp(-1000px, 16.7708333333vw, 322px);
  height: clamp(-1000px, 24.9479166667vw, 479px);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition-delay: calc(var(--i) * 0.2s + 0.7s);
  transition-delay: calc(var(--i) * 0.2s + 0.7s);
}
.section_mission .card_item.is_completed .card_default, .section_mission .card_item.is_end .card_default {
  background: url(/tftset16/img/asset_card_completed-2c1310a1484f14491c7ba376885f86ba.png) no-repeat center/100% 100%;
}
.section_mission .card_item.is_completed .card_default::after, .section_mission .card_item.is_end .card_default::after {
  position: absolute;
  top: clamp(-1000px, 5.0520833333vw, 97px);
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1.3);
  transform: translateX(-50%) scale(1.3);
  opacity: 0;
  z-index: 1;
  width: clamp(-1000px, 10.4166666667vw, 200px);
  height: clamp(-1000px, 10.4166666667vw, 200px);
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.25s linear;
  transition: opacity 0.5s linear, -webkit-transform 0.25s linear;
  transition: transform 0.25s linear, opacity 0.5s linear;
  transition: transform 0.25s linear, opacity 0.5s linear, -webkit-transform 0.25s linear;
  -webkit-transition-delay: calc(var(--i) * 0.2s + 1.5s);
  transition-delay: calc(var(--i) * 0.2s + 1.5s);
  content: "";
}
@media screen and (max-width: 768px) {
  .section_mission .card_item.is_completed .card_default::after, .section_mission .card_item.is_end .card_default::after {
    top: clamp(0px, 12.6302083333vw, 97px);
    width: clamp(0px, 26.0416666667vw, 200px);
    height: clamp(0px, 26.0416666667vw, 200px);
  }
}
.section_mission .card_item.is_completed .card_text_default, .section_mission .card_item.is_end .card_text_default {
  display: none;
}
.section_mission .card_item.is_completed .card_text_completed, .section_mission .card_item.is_end .card_text_completed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section_mission .card_item.is_completed .card_default::after {
  background: url(/tftset16/img/ic_completed_badge-389697f2395431cf6d24395104eaf9ac.png) no-repeat center/100% 100%;
}
.section_mission .card_item.is_end .card_default::after {
  background: url(/tftset16/img/ic_end_badge-b58b551c6ee81a781a93930563ed40b1.png) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .section_mission .card_item {
    width: clamp(0px, 41.9270833333vw, 322px);
    height: clamp(0px, 63.9322916667vw, 491px);
  }
}
.section_mission .card_default {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/tftset16/img/asset_card_default-4557ecacc66247b465abcb53181de69e.png) no-repeat center/100% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: transform 0.5s linear, opacity 0.5s linear;
  transition: transform 0.5s linear, opacity 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition-delay: calc(var(--i) * 0.2s + 0.7s);
  transition-delay: calc(var(--i) * 0.2s + 0.7s);
}
.section_mission .card_text {
  position: absolute;
  bottom: clamp(-1000px, 9.1666666667vw, 176px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section_mission .card_text {
    bottom: clamp(0px, 24.0885416667vw, 185px);
  }
}
.section_mission .card_text .text_title {
  width: clamp(-1000px, 6.25vw, 120px);
}
@media screen and (max-width: 768px) {
  .section_mission .card_text .text_title {
    width: clamp(0px, 15.625vw, 120px);
  }
}
.section_mission .card_text .text_number {
  width: clamp(-1000px, 2.7604166667vw, 53px);
  margin-left: 6px;
}
.section_mission .card_text .text_number.text_big {
  width: clamp(-1000px, 3.5416666667vw, 68px);
}
@media screen and (max-width: 768px) {
  .section_mission .card_text .text_number {
    width: clamp(0px, 6.9010416667vw, 53px);
    margin-left: clamp(0px, 0.78125vw, 6px);
  }
  .section_mission .card_text .text_number.text_big {
    width: clamp(0px, 8.8541666667vw, 68px);
  }
}
.section_mission .card_text_completed {
  display: none;
}
.section_mission .card_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/tftset16/img/asset_card_back-c0643d21f5582e27ef3f0ddd88f9e4ba.png) no-repeat center/cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: transform 0.5s linear, opacity 0.5s linear;
  transition: transform 0.5s linear, opacity 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition-delay: calc(var(--i) * 0.2s + 0.7s);
  transition-delay: calc(var(--i) * 0.2s + 0.7s);
  z-index: 1;
}
.section_mission .notice_list {
  margin-top: clamp(-1000px, 1.0416666667vw, 20px);
}
.section_mission .notice_list .notice_item {
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .section_mission .notice_list {
    margin: clamp(0px, 2.4739583333vw, 19px) clamp(0px, 8.3333333333vw, 64px) clamp(0px, 0vw, 0px) clamp(0px, 8.3333333333vw, 64px);
  }
  .section_mission .notice_list .notice_item {
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 400;
    line-height: 1.36;
  }
}
.section_mission .guide_box {
  position: relative;
  height: clamp(-1000px, 37.3958333333vw, 718px);
  margin-top: clamp(-1000px, 4.4270833333vw, 85px);
  padding-top: clamp(-1000px, 6.09375vw, 117px);
  padding-bottom: clamp(-1000px, 1.5625vw, 30px);
  background: url(/tftset16/img/bg_banner_guide-21d3678a68fbc3f737129fb59eb93d0a.jpg) no-repeat center/cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .section_mission .guide_box {
    height: clamp(0px, 147.65625vw, 1134px);
    background: url(/tftset16/img/bg_banner_guide_mo-24d053fb82accc07bbcfe0982072ec3f.png) no-repeat center/cover;
    margin-top: clamp(0px, 10.0260416667vw, 77px);
    padding-top: clamp(0px, 13.0208333333vw, 100px);
  }
}
.section_mission .guide_box .notice_list {
  width: clamp(-1000px, 29.1666666667vw, 560px);
  margin-top: clamp(-1000px, 1.25vw, 24px);
  margin-left: clamp(-1000px, 0.2604166667vw, 5px);
}
@media screen and (max-width: 768px) {
  .section_mission .guide_box .notice_list {
    width: 100%;
    margin-top: clamp(0px, 3.90625vw, 30px);
    margin-right: 0;
  }
}
.section_mission .guide_box .notice_item {
  color: rgba(185, 151, 91, 0.6980392157);
  line-height: 1.36;
}
@media screen and (max-width: 768px) {
  .section_mission .guide_box .notice_item {
    color: rgba(129, 104, 62, 0.6980392157);
  }
}
.section_mission .guide_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: clamp(-1000px, 62.8645833333vw, 1207px);
  gap: clamp(-1000px, 6.9791666667vw, 134px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_mission .guide_inner {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: clamp(0px, 83.3333333333vw, 640px);
  }
}
.section_mission .guide_text {
  width: clamp(-1000px, 29.3229166667vw, 563px);
  margin-left: clamp(-1000px, 1.1458333333vw, 22px);
}
@media screen and (max-width: 768px) {
  .section_mission .guide_text {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-left: 0;
  }
}
.section_mission .guide_title svg, .section_mission .guide_title image {
  width: clamp(-1000px, 26.0416666667vw, 500px);
  height: clamp(-1000px, 4.7916666667vw, 92px);
}
@media screen and (max-width: 768px) {
  .section_mission .guide_title svg, .section_mission .guide_title image {
    width: clamp(0px, 76.3020833333vw, 586px);
    height: clamp(0px, 13.8020833333vw, 106px);
  }
}
.section_mission .guide_subtitle {
  width: clamp(-1000px, 23.6979166667vw, 455px);
  margin: clamp(-1000px, 0.6770833333vw, 13px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 0vw, 0px) clamp(-1000px, 0.15625vw, 3px);
}
@media screen and (max-width: 768px) {
  .section_mission .guide_subtitle {
    width: clamp(0px, 68.4895833333vw, 526px);
    margin-top: clamp(0px, 1.6927083333vw, 13px);
  }
}
.section_mission .guide_subtext {
  margin-top: clamp(-1000px, 0.46875vw, 9px);
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 500;
  line-height: 1.36;
  color: rgba(185, 151, 91, 0.6980392157);
}
@media screen and (max-width: 768px) {
  .section_mission .guide_subtext {
    margin-top: clamp(0px, 0.6510416667vw, 5px);
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 500;
    line-height: 1.36;
    color: rgba(197, 161, 98, 0.6980392157);
  }
}
.section_mission .guide_box_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 24.1145833333vw, 463px);
  height: clamp(-1000px, 11.6145833333vw, 223px);
  margin-top: clamp(-1000px, 1.09375vw, 21px);
  background: url(/tftset16/img/guide_frame-839f578c2bdb5b21f04beb56a245f805.png) no-repeat center/100% 100%;
}
.section_mission .guide_box_content .title {
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.25vw, 24px);
  font-weight: 500;
  line-height: 1.36;
  color: #08175e;
}
.section_mission .guide_box_content .subtitle {
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 500;
  line-height: 1.36;
  color: rgba(185, 151, 91, 0.6980392157);
}
.section_mission .guide_box_content .value {
  margin-top: clamp(-1000px, 0.2604166667vw, 5px);
}
.section_mission .guide_box_content .count {
  font-family: "Sachsenwald";
  font-size: clamp(0px, 3.3333333333vw, 64px);
  font-weight: 400;
  line-height: 1.4;
  color: #0a1c64;
}
.section_mission .guide_box_content .unit {
  margin-left: clamp(-1000px, 0.5208333333vw, 10px);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.3541666667vw, 26px);
  font-weight: 700;
  line-height: 1.4;
  color: #08175e;
}
@media screen and (max-width: 768px) {
  .section_mission .guide_box_content {
    width: 100%;
    margin-top: clamp(0px, 39.7135416667vw, 305px);
    height: clamp(0px, 33.8541666667vw, 260px);
  }
  .section_mission .guide_box_content .title {
    font-size: clamp(0px, 4.1666666667vw, 32px);
    font-weight: 500;
    line-height: 1.36;
    color: #08185e;
  }
  .section_mission .guide_box_content .subtitle {
    margin-top: clamp(0px, 0.2604166667vw, 2px);
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 500;
    line-height: 1.36;
  }
  .section_mission .guide_box_content .count {
    font-size: clamp(0px, 9.1145833333vw, 70px);
    font-weight: 400;
    line-height: 1.4;
  }
  .section_mission .guide_box_content .unit {
    position: relative;
    top: clamp(-99px, -0.5208333333vw, -4px);
    margin-left: clamp(0px, 0.9114583333vw, 7px);
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 700;
    line-height: 1.4;
  }
}
.section_mission .guide_image {
  position: relative;
  width: clamp(-1000px, 26.5625vw, 510px);
  margin-top: clamp(-1000px, 0.4166666667vw, 8px);
}
@media screen and (max-width: 768px) {
  .section_mission .guide_image {
    position: absolute;
    top: clamp(0px, 21.09375vw, 162px);
    left: clamp(0px, 1.171875vw, 9px);
    -webkit-transform: translateY(6.5vw);
    transform: translateY(6.5vw);
    width: clamp(0px, 69.921875vw, 537px);
    opacity: 0;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
}
.section_mission .guide_image .img_chapter {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.section_mission .guide_dialog {
  position: absolute;
  right: clamp(-1000px, 11.1458333333vw, 214px);
  bottom: clamp(-1000px, 17.5520833333vw, 337px);
  width: clamp(-1000px, 22.9166666667vw, 440px);
  height: clamp(-1000px, 14.7916666667vw, 284px);
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
.section_mission .guide_dialog .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.section_invite {
  z-index: 1;
  height: clamp(-1000px, 61.71875vw, 1185px);
  padding-top: clamp(-1000px, 4.1666666667vw, 80px);
  padding-bottom: clamp(-1000px, 4.1666666667vw, 80px);
  background: url(/tftset16/img/bg_banner_invite-51eecf9216f967f8d382bc299701fc6a.jpg) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .section_invite {
    height: clamp(0px, 353.90625vw, 2718px);
    padding-top: clamp(0px, 7.03125vw, 54px);
    background: url(/tftset16/img/bg_banner_invite_mo-b2f9ee0adec29f81624f3394d35a12e0.jpg) no-repeat center/cover;
  }
}
.section_invite .line_decor {
  background: url(/tftset16/img/line_3-4b45c178560d5055f81640344a02865d.png) no-repeat top/cover;
}
.section_invite .inner {
  position: relative;
  max-width: clamp(-1000px, 53.75vw, 1032px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_invite .inner {
    max-width: 100%;
  }
}
.section_invite .section_head .title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.section_invite .section_head .title svg, .section_invite .section_head .title image {
  width: clamp(-1000px, 40.2083333333vw, 772px);
  height: clamp(-1000px, 5.1041666667vw, 98px);
}
@media screen and (max-width: 768px) {
  .section_invite .section_head .title {
    margin-top: clamp(0px, 1.0416666667vw, 8px);
  }
  .section_invite .section_head .title svg, .section_invite .section_head .title image {
    width: clamp(0px, 84.375vw, 648px);
    height: clamp(0px, 10.6770833333vw, 82px);
  }
}
.section_invite .section_head .desc {
  margin-top: clamp(-1000px, 0.3645833333vw, 7px);
}
@media screen and (max-width: 768px) {
  .section_invite .section_head .desc {
    margin-top: clamp(0px, 1.0416666667vw, 8px);
  }
}
.section_invite .invite_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: clamp(-1000px, 4.1666666667vw, 80px);
  gap: clamp(-1000px, 1.5625vw, 30px);
}
@media screen and (max-width: 768px) {
  .section_invite .invite_box {
    gap: 0;
    max-width: clamp(0px, 83.3333333333vw, 640px);
    margin: clamp(0px, 58.3333333333vw, 448px) auto clamp(0px, 0vw, 0px) auto;
  }
}
.section_invite .invite_item {
  width: clamp(-1000px, 26.0416666667vw, 500px);
  height: clamp(-1000px, 39.6875vw, 762px);
  padding: clamp(-1000px, 4.375vw, 84px) clamp(-1000px, 2.4479166667vw, 47px);
  background: url(/tftset16/img/invite_frame-a27b07e29ffe427e28682199da013a9c.png) no-repeat center/100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_invite .invite_item:nth-child(2) {
  padding-top: clamp(-1000px, 4.0625vw, 78px);
}
.section_invite .invite_item:nth-child(2) .invite_code {
  margin-top: clamp(-1000px, 1.1458333333vw, 22px);
}
@media screen and (max-width: 768px) {
  .section_invite .invite_item:nth-child(2) {
    margin-top: clamp(-99px, -0.6510416667vw, -5px);
    padding-top: clamp(0px, 13.5416666667vw, 104px);
  }
  .section_invite .invite_item:nth-child(2) .invite_code {
    margin-top: clamp(0px, 2.34375vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .section_invite .invite_item {
    width: 100%;
    height: clamp(0px, 126.953125vw, 975px);
    padding: clamp(0px, 14.5833333333vw, 112px) clamp(0px, 0vw, 0px);
  }
}
.section_invite .invite_title {
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.5625vw, 30px);
  font-weight: 500;
  line-height: 1.3;
  color: #081761;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_invite .invite_title {
    font-size: clamp(0px, 4.9479166667vw, 38px);
    font-weight: 500;
    line-height: 1.36;
  }
}
.section_invite .invite_code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: clamp(-1000px, 4.375vw, 84px);
  margin-top: clamp(-1000px, 1.5625vw, 30px);
  background: -webkit-gradient(linear, left bottom, left top, from(#081962), to(#081962)), radial-gradient(29.26% 56.73% at 50% 50%, #10247F 0%, #081962 100%);
  background: linear-gradient(0deg, #081962, #081962), radial-gradient(29.26% 56.73% at 50% 50%, #10247F 0%, #081962 100%);
  border: 2px solid #F2DCA3;
  font-size: clamp(0px, 1.3541666667vw, 26px);
  font-weight: 600;
  line-height: 1.3;
  color: #c5a162;
  text-align: center;
  outline: none;
}
@media screen and (max-width: 768px) {
  .section_invite .invite_code {
    width: clamp(0px, 65.1041666667vw, 500px);
    height: clamp(0px, 12.109375vw, 93px);
    margin: clamp(0px, 2.6041666667vw, 20px) auto clamp(0px, 0vw, 0px) auto;
    font-size: clamp(0px, 4.4270833333vw, 34px);
    font-weight: 700;
    line-height: 1.3;
  }
}
.section_invite .btn_copy {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(-1000px, 0.3645833333vw, 7px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: clamp(-1000px, 1.1979166667vw, 23px);
  margin-bottom: clamp(-1000px, 2.3958333333vw, 46px);
  padding-bottom: clamp(-1000px, 0.2604166667vw, 5px);
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 600;
  line-height: 1.3;
  color: #8e8c8c;
}
.section_invite .btn_copy::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(-1000px, 0.1041666667vw, 2px);
  background: currentColor;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  content: "";
}
.section_invite .btn_copy:hover:not(:disabled) {
  color: #c5a162;
}
.section_invite .btn_copy:hover:not(:disabled) .ic_copy::before {
  background: url(/tftset16/img/ic_copy_hover-9ebbb58bebe83e02f602eef135ae056c.png) no-repeat center/cover;
}
.section_invite .btn_copy .ic_copy::before {
  display: block;
  width: clamp(-1000px, 1.0416666667vw, 20px);
  height: clamp(-1000px, 1.0416666667vw, 20px);
  background: url(/tftset16/img/ic_copy_default-02e384cd7bd0382d94e056eda09ce5ae.png) no-repeat center/cover;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  content: "";
}
@media screen and (max-width: 768px) {
  .section_invite .btn_copy .ic_copy::before {
    width: clamp(0px, 3.90625vw, 30px);
    height: clamp(0px, 3.90625vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .section_invite .btn_copy {
    gap: clamp(0px, 1.953125vw, 15px);
    margin: clamp(0px, 4.1666666667vw, 32px) auto clamp(0px, 6.5104166667vw, 50px);
    padding-bottom: clamp(0px, 1.4322916667vw, 11px);
    font-size: clamp(0px, 3.3854166667vw, 26px);
    font-weight: 600;
    line-height: 1.3;
  }
}
.section_invite .btn_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 0.4166666667vw, 8px);
  width: clamp(-1000px, 13.75vw, 264px);
  height: clamp(-1000px, 3.3854166667vw, 65px);
  margin-top: clamp(-1000px, 2.0833333333vw, 40px);
  margin-right: auto;
  margin-left: auto;
  background: url(/tftset16/img/btn_share_frame-b93aa7f4f97bf8d4cd2d05fa3958d2c0.png) no-repeat center/100% 100%;
  -webkit-transition: background 0.3s linear, color 0.3s linear;
  transition: background 0.3s linear, color 0.3s linear;
  font-size: clamp(0px, 0.9375vw, 18px);
  font-weight: 800;
  line-height: 1.56;
  color: #453a17;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(102, 75, 44, 0.2509803922));
  filter: drop-shadow(0px 4px 4px rgba(102, 75, 44, 0.2509803922));
}
@media screen and (max-width: 1920px) {
  .section_invite .btn_share {
    -webkit-filter: drop-shadow(0 0.2085vw 0.2085vw rgba(102, 75, 44, 0.2509803922));
    filter: drop-shadow(0 0.2085vw 0.2085vw rgba(102, 75, 44, 0.2509803922));
  }
}
.section_invite .btn_share:hover {
  background: url(/tftset16/img/btn_share_hover-ba7f5442e3b4360f767fdf6cf6e8a37f.png) no-repeat center/100% 100%;
  color: #a76700;
}
.section_invite .btn_share:hover::before, .section_invite .btn_share:hover::after {
  background: url(/tftset16/img/ic_share_btn_hover-3a252a68080d2f3a2f093b9748d04d41.png) no-repeat center/cover;
}
.section_invite .btn_share.is_disabled {
  background: url(/tftset16/img/btn_share_disabled-bf9576975ec1eb419bfdd09deae5ebcf.png) no-repeat center/100% 100%;
  color: #A19584;
  -webkit-filter: drop-shadow(0px 4px 4px 0px rgba(102, 75, 44, 0.2509803922));
  filter: drop-shadow(0px 4px 4px 0px rgba(102, 75, 44, 0.2509803922));
  pointer-events: none;
}
.section_invite .btn_share.is_disabled::before, .section_invite .btn_share.is_disabled::after {
  background: url(/tftset16/img/ic_share_btn_disabled-9e7827af5af77f6a6e5dc36cef7511b9.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .section_invite .btn_share.is_disabled {
    background: url(/tftset16/img/btn_share_disabled_mo-a1b355255fb7c94fa24d1618c0e997c5.png) no-repeat center/100% 100%;
  }
}
.section_invite .btn_share::before, .section_invite .btn_share::after {
  display: block;
  width: clamp(-1000px, 1.25vw, 24px);
  height: clamp(-1000px, 1.8229166667vw, 35px);
  background: url(/tftset16/img/ic_share_btn-c2a36a24d0dce3b05a29edc63d0b36f4.png) no-repeat center/cover;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  content: "";
}
.section_invite .btn_share::after {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
@media screen and (max-width: 768px) {
  .section_invite .btn_share {
    gap: clamp(0px, 1.5625vw, 12px);
    margin-top: clamp(0px, 6.5104166667vw, 50px);
    width: clamp(0px, 53.6458333333vw, 412px);
    height: clamp(0px, 13.0208333333vw, 100px);
    font-size: clamp(0px, 3.6458333333vw, 28px);
    font-weight: 800;
    line-height: 1.5;
    background: url(/tftset16/img/btn_share_frame_mo-adfe4051caebbc38541ce517cd746434.png) no-repeat center/100% 100%;
    -webkit-filter: drop-shadow(0px 1.0417vw 1.0417vw rgba(0, 0, 0, 0.3019607843));
    filter: drop-shadow(0px 1.0417vw 1.0417vw rgba(0, 0, 0, 0.3019607843));
  }
  .section_invite .btn_share::before, .section_invite .btn_share::after {
    width: clamp(0px, 4.6875vw, 36px);
    height: clamp(0px, 6.7708333333vw, 52px);
  }
}
.section_invite .line {
  width: clamp(-1000px, 20.8333333333vw, 400px);
  height: 1px;
  margin-top: clamp(-1000px, 2.5vw, 48px);
  margin-right: auto;
  margin-left: auto;
  background: url(/tftset16/img/divide_line-83f83e50c8f12fdb99b3783b419bb399.png) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .section_invite .line {
    width: clamp(0px, 66.6666666667vw, 512px);
    margin-top: clamp(0px, 7.8125vw, 60px);
  }
}
.section_invite .sns_box {
  margin-top: clamp(-1000px, 2.6041666667vw, 50px);
}
@media screen and (max-width: 768px) {
  .section_invite .sns_box {
    margin-top: clamp(0px, 7.5520833333vw, 58px);
  }
}
.section_invite .sns_box .invite_title {
  color: #0b1a62;
}
.section_invite .sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(-1000px, 1.0416666667vw, 20px);
  margin-top: clamp(-1000px, 1.0416666667vw, 20px);
}
@media screen and (max-width: 768px) {
  .section_invite .sns_list {
    gap: clamp(0px, 3.2552083333vw, 25px);
    margin-top: clamp(0px, 2.6041666667vw, 20px);
  }
}
.section_invite .sns_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 4.2708333333vw, 82px);
  height: clamp(-1000px, 5.1041666667vw, 98px);
  background: url(/tftset16/img/btn_sns-048ff5cce2bf254ec71fd32865fab171.png) no-repeat center/contain;
}
.section_invite .sns_item .ic {
  width: clamp(-1000px, 2.3958333333vw, 46px);
  height: clamp(-1000px, 2.3958333333vw, 46px);
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.section_invite .sns_item .ic_share {
  background: url(/tftset16/img/ic_share_default-7f848cc048593cf1800b82d12cd677ac.png) no-repeat center/contain;
}
.section_invite .sns_item .ic_x {
  background: url(/tftset16/img/ic_x_default-a4a60371d6db90998726e1742a0e2b84.png) no-repeat center/contain;
}
.section_invite .sns_item:hover .ic_share {
  background: url(/tftset16/img/ic_share_hover-4570b7b2deab7dc1a1eb8fa12c75ccc4.png) no-repeat center/contain;
}
.section_invite .sns_item:hover .ic_x {
  background: url(/tftset16/img/ic_x_hover-ecdff37df9ec3fb789a590cdf64e7246.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .section_invite .sns_item {
    width: clamp(0px, 15.625vw, 120px);
    height: clamp(0px, 19.140625vw, 147px);
  }
  .section_invite .sns_item .ic {
    width: clamp(0px, 9.1145833333vw, 70px);
    height: clamp(0px, 9.1145833333vw, 70px);
  }
}
.section_invite .total_quantity {
  margin-top: clamp(-1000px, 3.2291666667vw, 62px);
}
@media screen and (max-width: 768px) {
  .section_invite .total_quantity {
    margin-top: clamp(0px, 10.4166666667vw, 80px);
  }
}
.section_invite .total_quantity .invite_title {
  color: #0b1a62;
}
.section_invite .total_quantity .count {
  margin-top: clamp(-1000px, 0.4166666667vw, 8px);
  color: #0a1c64;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_invite .total_quantity .count {
    margin-top: clamp(0px, 0.78125vw, 6px);
  }
}
.section_invite .total_quantity .count .number {
  font-family: "Sachsenwald";
  font-size: clamp(0px, 3.8020833333vw, 73px);
  font-weight: 400;
  line-height: 1.4;
  color: #0A1962;
}
@media screen and (max-width: 768px) {
  .section_invite .total_quantity .count .number {
    font-size: clamp(0px, 13.0208333333vw, 100px);
    font-weight: 400;
    line-height: 1.4;
  }
}
.section_invite .total_quantity .count .unit {
  position: relative;
  top: -0.2604166667vw;
  margin-left: clamp(-1000px, 0.5208333333vw, 10px);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 1.3541666667vw, 26px);
  font-weight: 500;
  line-height: 1.3;
  color: #0A1962;
}
@media screen and (max-width: 768px) {
  .section_invite .total_quantity .count .unit {
    font-size: clamp(0px, 4.9479166667vw, 38px);
    font-weight: 500;
    line-height: 1.3;
  }
}
.section_invite .total_quantity .invite_title {
  font-size: clamp(0px, 1.3541666667vw, 26px);
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .section_invite .total_quantity .invite_title {
    font-size: clamp(0px, 4.9479166667vw, 38px);
    font-weight: 500;
    line-height: 1.3;
  }
}
.section_invite .notice_list {
  margin-top: clamp(-1000px, 1.6666666667vw, 32px);
  margin-left: clamp(-1000px, 0.46875vw, 9px);
}
.section_invite .notice_list .notice_item {
  line-height: 1.4;
  color: #B59E76;
}
@media screen and (max-width: 768px) {
  .section_invite .notice_list {
    max-width: clamp(0px, 65.234375vw, 501px);
    margin: clamp(0px, 3.90625vw, 30px) auto clamp(0px, 0vw, 0px);
  }
}
.section_invite .character_img {
  top: 17.2%;
  right: 99.2%;
}
.section_invite .character_img::before {
  width: 33.75vw;
  height: 44.4vw;
  background: url(/tftset16/img/character_04-3d638fb2ffd4cc61a887b32a1d95018b.png) no-repeat center/cover;
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
}
@media (min-width: 2560px) {
  .section_invite .character_img::before {
    width: clamp(-1000px, 45vw, 864px);
    height: clamp(-1000px, 59.21875vw, 1137px);
  }
}
@media screen and (max-width: 768px) {
  .section_invite .character_img {
    top: -2.4%;
    right: 0;
  }
  .section_invite .character_img::before {
    width: clamp(0px, 100vw, 768px);
    height: clamp(0px, 154.8177083333vw, 1189px);
    background: url(/tftset16/img/character_04_mo-1f8f19594f40ff282f0a01b9a5bb1600.png) no-repeat center/cover;
    -webkit-animation: none;
    animation: none;
  }
}
.section_invite .character_second {
  top: -0.6%;
  right: -30%;
}
.section_invite .character_second::before {
  width: 7.8vw;
  height: 9.6vw;
  background: url(/tftset16/img/character_05-f7c2de77d216e992287617d28ddfecf9.png) no-repeat center/cover;
  -webkit-animation: 1s ease-in-out infinite pulseBf;
  animation: 1s ease-in-out infinite pulseBf;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  content: "";
}
@media (min-width: 2560px) {
  .section_invite .character_second::before {
    width: clamp(-1000px, 10.5208333333vw, 202px);
    height: clamp(-1000px, 12.9166666667vw, 248px);
  }
}
@media screen and (max-width: 768px) {
  .section_invite .character_second {
    top: 94.5%;
    right: 71.4%;
    z-index: 2;
  }
  .section_invite .character_second::before {
    width: clamp(0px, 26.0416666667vw, 200px);
    height: clamp(0px, 26.0416666667vw, 200px);
    background: url(/tftset16/img/character_05_mo-a63c731925859f58c460deffe788af96.png) no-repeat center/cover;
    -webkit-animation: none;
    animation: none;
  }
}
.section_invite .character_third {
  bottom: clamp(-1000px, 12.5520833333vw, 241px);
  left: 50%;
  margin-left: 33.2vw;
}
.section_invite .character_third::before {
  width: 13.28vw;
  height: 13.28vw;
  background: url(/tftset16/img/character_06-37fddeb78298b0365f80c93902cfd29e.png) no-repeat center/cover;
  -webkit-animation: 1.2s ease-in-out infinite pulseBf;
  animation: 1.2s ease-in-out infinite pulseBf;
  content: "";
}
@media (min-width: 2560px) {
  .section_invite .character_third::before {
    width: clamp(-1000px, 17.7083333333vw, 340px);
    height: clamp(-1000px, 17.7083333333vw, 340px);
  }
}
@media (min-width: 2560px) {
  .section_invite .character_third {
    margin-left: clamp(-1000px, 44.2708333333vw, 850px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .section_invite .character_third {
    right: clamp(-1000px, 2.9296875vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .section_invite .character_third {
    right: clamp(0px, 2.34375vw, 18px);
    bottom: clamp(0px, 112.5vw, 864px);
    left: auto;
    margin-left: 0;
    z-index: 2;
  }
  .section_invite .character_third::before {
    width: clamp(0px, 30.2083333333vw, 232px);
    height: clamp(0px, 30.2083333333vw, 232px);
    background: url(/tftset16/img/character_06_mo-09adf4faf865dc7bcf8aa7f9e70b77d0.png) no-repeat center/cover;
    -webkit-animation: none;
    animation: none;
  }
}
.section_invite .character_four {
  top: 45.2%;
  left: -61.4%;
}
.section_invite .character_four::before {
  width: 6.87vw;
  height: 8.9vw;
  background: url(/tftset16/img/bf_01-944258ec55e5a4d50db912bc47d1f8d6.png) no-repeat center/cover;
  -webkit-animation: 1.2s ease-in-out infinite pulseBf;
  animation: 1.2s ease-in-out infinite pulseBf;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  content: "";
}
@media (min-width: 2560px) {
  .section_invite .character_four::before {
    width: clamp(-1000px, 9.1666666667vw, 176px);
    height: clamp(-1000px, 11.875vw, 228px);
  }
}
.section_invite .character_five {
  top: 3%;
  left: -50.3%;
}
.section_invite .character_five::before {
  width: 5.31vw;
  height: 5.31vw;
  background: url(/tftset16/img/bf_02-ebf0df9e754c9670a9b328e5054294c3.png) no-repeat center/cover;
  -webkit-animation: 1.5s ease-in-out infinite pulseBf;
  animation: 1.5s ease-in-out infinite pulseBf;
  content: "";
}
@media (min-width: 2560px) {
  .section_invite .character_five::before {
    width: clamp(-1000px, 7.0833333333vw, 136px);
    height: clamp(-1000px, 7.0833333333vw, 136px);
  }
}
.section_invite .character_six {
  top: 12.8%;
  left: -21.5%;
}
.section_invite .character_six::before {
  width: 8.82vw;
  height: 8.82vw;
  background: url(/tftset16/img/bf_03-e0cf76dfe2b7203d5d4cf984ebf7867d.png) no-repeat center/cover;
  -webkit-animation: 1.2s ease-in-out infinite pulseBf;
  animation: 1.2s ease-in-out infinite pulseBf;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  content: "";
}
@media (min-width: 2560px) {
  .section_invite .character_six::before {
    width: clamp(-1000px, 11.7708333333vw, 226px);
    height: clamp(-1000px, 11.7708333333vw, 226px);
  }
}
.section_invite .img_dots_right {
  top: 17.4%;
  right: -20.9%;
}
.section_invite .img_dots_right::before {
  width: 7.26vw;
  height: 6.4vw;
  background: url(/tftset16/img/img_dots-86e1b135b1894ec48375e29ff8ec0d0c.png) no-repeat center/cover;
  content: "";
}
@media (min-width: 2560px) {
  .section_invite .img_dots_right::before {
    width: clamp(-1000px, 9.6875vw, 186px);
    height: clamp(-1000px, 8.5416666667vw, 164px);
  }
}
.section_invite .img_dots_left {
  top: 61.2%;
  left: -68.7%;
}
.section_invite .img_dots_left::before {
  width: clamp(-1000px, 10vw, 192px);
  height: clamp(-1000px, 8.3854166667vw, 161px);
  background: url(/tftset16/img/img_dots_1-3138a2a4fc0c40ae733e213f4df5564d.png) no-repeat center/cover;
  content: "";
}

.section_strategy {
  height: clamp(-1000px, 66.9791666667vw, 1286px);
  padding-top: clamp(-1000px, 3.9583333333vw, 76px);
  background: url(/tftset16/img/bg_banner_strategy-cc373a4393733a3c4cc5627608e659c8.jpg) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .section_strategy {
    height: clamp(0px, 109.2447916667vw, 839px);
    padding-top: clamp(0px, 7.2916666667vw, 56px);
    padding-bottom: clamp(0px, 13.0208333333vw, 100px);
    background: url(/tftset16/img/bg_banner_strategy_mo-ef86417dcb1d924eb4e47fbf81032de4.jpg) no-repeat center/cover;
  }
}
.section_strategy .line_decor {
  background: url(/tftset16/img/line_4-f8f708623ce0170e4a4280766d67a087.png) no-repeat top/cover;
}
.section_strategy .inner {
  max-width: clamp(-1000px, 72.9166666667vw, 1400px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_strategy .inner {
    max-width: 100%;
  }
}
.section_strategy .strategy_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.section_strategy .strategy_title svg, .section_strategy .strategy_title image {
  width: clamp(-1000px, 43.6979166667vw, 839px);
  height: clamp(-1000px, 4.1666666667vw, 80px);
}
@media screen and (max-width: 768px) {
  .section_strategy .strategy_title svg, .section_strategy .strategy_title image {
    width: clamp(0px, 87.3697916667vw, 671px);
    height: clamp(0px, 8.203125vw, 63px);
  }
}
.section_strategy .strategy_desc {
  margin-top: clamp(-1000px, 0.4166666667vw, 8px);
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 400;
  line-height: 1.3;
  color: #fcf8e0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_strategy .strategy_desc {
    margin-top: clamp(0px, 1.0416666667vw, 8px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.27;
  }
}
.section_strategy .frame_box {
  position: relative;
  width: 100%;
  height: clamp(-1000px, 40.5729166667vw, 779px);
  margin-top: clamp(-1000px, 3.0208333333vw, 58px);
}
.section_strategy .frame_box .frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102.6%;
  background: url(/tftset16/img/strategy_box_frame-54faa4f40ca549eeca9589da194cb381.png) no-repeat center/100% 100%;
  z-index: 1;
  pointer-events: none;
}
.section_strategy .frame_box .img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: clamp(-1000px, 72.3958333333vw, 1390px);
  height: clamp(-1000px, 40.6770833333vw, 781px);
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .section_strategy .frame_box {
    max-width: clamp(0px, 83.3333333333vw, 640px);
    height: clamp(0px, 46.484375vw, 357px);
    margin: clamp(0px, 7.8125vw, 60px) auto clamp(0px, 0vw, 0px) auto;
  }
  .section_strategy .frame_box .img {
    width: clamp(0px, 82.6822916667vw, 635px);
    height: clamp(0px, 46.484375vw, 357px);
  }
}
.section_strategy .btn_check {
  margin-top: clamp(-1000px, 4.375vw, 84px);
}
@media screen and (max-width: 768px) {
  .section_strategy .btn_check {
    height: clamp(0px, 14.7135416667vw, 113px);
    margin-top: clamp(0px, 8.0729166667vw, 62px);
  }
}

.section_trailer {
  height: clamp(-1000px, 71.875vw, 1380px);
  padding-top: clamp(-1000px, 3.90625vw, 75px);
  padding-bottom: clamp(-1000px, 9.1145833333vw, 175px);
  background: url(/tftset16/img/bg_banner_trailer-2dab3d8cb99b5904312a3e09c5cbd0ee.jpg) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .section_trailer {
    height: clamp(0px, 117.7083333333vw, 904px);
    padding: clamp(0px, 7.5520833333vw, 58px) clamp(0px, 0vw, 0px) clamp(0px, 13.0208333333vw, 100px);
    background: url(/tftset16/img/bg_banner_trailer_mo-3cd289cc18962c7e5acc078ce6e90962.jpg) no-repeat center/cover;
  }
  .section_trailer .button_box {
    position: relative;
    z-index: 2;
  }
}
.section_trailer .line_decor {
  background: url(/tftset16/img/line_5-f27b02024e2d93b934453f6003aae18a.png) no-repeat top/cover;
}
.section_trailer .inner {
  max-width: clamp(-1000px, 72.9166666667vw, 1400px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section_trailer .inner {
    max-width: clamp(0px, 83.3333333333vw, 640px);
  }
}
.section_trailer .trailer_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .section_trailer .trailer_title {
    position: relative;
    z-index: 1;
  }
}
.section_trailer .trailer_title svg, .section_trailer .trailer_title image {
  width: clamp(-1000px, 29.6875vw, 570px);
  height: clamp(-1000px, 5.7291666667vw, 110px);
}
@media screen and (max-width: 768px) {
  .section_trailer .trailer_title svg, .section_trailer .trailer_title image {
    width: clamp(0px, 74.21875vw, 570px);
    height: clamp(0px, 14.3229166667vw, 110px);
  }
}
.section_trailer .trailer_desc {
  margin-top: clamp(-1000px, 0.0520833333vw, 1px);
  font-size: clamp(0px, 1.1458333333vw, 22px);
  font-weight: 400;
  line-height: 1.3;
  color: #fcf8e0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_trailer .trailer_desc {
    position: relative;
    z-index: 1;
    margin-top: clamp(-1000px, 0.2604166667vw, 5px);
    font-size: clamp(0px, 2.8645833333vw, 22px);
    font-weight: 400;
    line-height: 1.75;
  }
}
.section_trailer .frame_box {
  position: relative;
  width: 100%;
  height: clamp(-1000px, 40.5729166667vw, 779px);
  margin-top: clamp(-1000px, 3.125vw, 60px);
}
.section_trailer .frame_box .frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102.6%;
  background: url(/tftset16/img/strategy_box_frame-54faa4f40ca549eeca9589da194cb381.png) no-repeat center/100% 100%;
  z-index: 1;
  pointer-events: none;
}
.section_trailer .frame_box .video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: clamp(-1000px, 72.3958333333vw, 1390px);
  height: clamp(-1000px, 40.5729166667vw, 779px);
  border-radius: clamp(-1000px, 0.4166666667vw, 8px);
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
.section_trailer .frame_box .video::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url(/tftset16/img/bg_thumb_video-69ff142adf64842f821a9e6b4fa3150d.jpg) center center/cover no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/tftset16/img/bg_thumb_video-69ff142adf64842f821a9e6b4fa3150d.jpg) center center/cover no-repeat;
  content: "";
}
.section_trailer .frame_box .video.is_play::before {
  opacity: 0;
  visibility: hidden;
}
.section_trailer .frame_box .video.is_play .btn_play {
  display: none;
}
.section_trailer .frame_box .yt_player_iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .section_trailer .frame_box {
    height: clamp(0px, 46.3541666667vw, 356px);
    margin-top: clamp(0px, 7.2916666667vw, 56px);
  }
  .section_trailer .frame_box .video {
    width: clamp(0px, 82.6822916667vw, 635px);
    height: clamp(0px, 46.484375vw, 357px);
  }
}
.section_trailer .text_note {
  margin-top: clamp(-1000px, 1.1458333333vw, 22px);
  font-size: clamp(0px, 0.8333333333vw, 16px);
  font-weight: 500;
  line-height: 1.36;
  color: rgba(252, 248, 224, 0.5019607843);
}
@media screen and (max-width: 768px) {
  .section_trailer .text_note {
    margin-top: clamp(0px, 1.6927083333vw, 13px);
    font-size: clamp(0px, 2.34375vw, 18px);
    font-weight: 500;
    line-height: 1.4;
  }
}
.section_trailer .btn_check {
  margin-top: clamp(-1000px, 2.1875vw, 42px);
  color: #656367;
  background: url(/tftset16/img/btn_silver_default-2c202ee72950e3e3c349fbd5f636c33f.png) no-repeat center/100% 100%;
}
.section_trailer .btn_check::before {
  background: url(/tftset16/img/decor_silver_default-aa8a1d77078f0225ada24ad33ba111d5.png) no-repeat center/100% 100%;
}
.section_trailer .btn_check::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  background: url(/tftset16/img/decor_silver_other_default-815c66496ec5216f5ce36f26c1f5e2de.png) no-repeat center/100% 100%;
}
.section_trailer .btn_check:hover {
  background: url(/tftset16/img/btn_silver_hover-4db1500c29acb7a154df083ee1ef0bfd.png) no-repeat center/100% 100%;
}
.section_trailer .btn_check:hover .text {
  background: -webkit-gradient(linear, left top, right top, from(#385B67), to(#8864A3));
  background: linear-gradient(90deg, #385B67 0%, #8864A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.section_trailer .btn_check:hover::before {
  background: url(/tftset16/img/decor_silver_hover-0a739836c26c90574fd70e2082c5e409.png) no-repeat center/100% 100%;
}
.section_trailer .btn_check:hover::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  background: url(/tftset16/img/decor_silver_other_hover-5d2af42245916cf04818c55f5173665b.png) no-repeat center/100% 100%;
}
.section_trailer .btn_check.is_disabled {
  background: url(/tftset16/img/btn_check_disabled-ae81f613feb346307e111335887f130c.png) no-repeat center/100% 100%;
  color: #a19584;
  -webkit-filter: drop-shadow(0px 6px 6px 0px rgba(102, 75, 44, 0.2509803922));
  filter: drop-shadow(0px 6px 6px 0px rgba(102, 75, 44, 0.2509803922));
  pointer-events: none;
}
.section_trailer .btn_check.is_disabled::before, .section_trailer .btn_check.is_disabled::after {
  background: url(/tftset16/img/ic_btn_check_disabled-3486335314108e5bdec6afdd7e76c0a6.png) no-repeat center/cover;
}
.section_trailer .btn_check.is_disabled::after {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media screen and (max-width: 768px) {
  .section_trailer .btn_check.is_disabled {
    background: url(/tftset16/img/btn_check_disabled_mo-a1b355255fb7c94fa24d1618c0e997c5.png) no-repeat center/100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .section_trailer .btn_check {
    width: clamp(0px, 53.6458333333vw, 412px);
    height: clamp(0px, 13.0208333333vw, 100px);
    margin-top: clamp(0px, 3.3854166667vw, 26px);
    background: url(/tftset16/img/btn_silver_default_mo-9010117185a421c146c8825ed411fce2.png) no-repeat center/cover;
    color: #555;
  }
  .section_trailer .btn_check:hover {
    background: url(/tftset16/img/btn_silver_hover_mo-2f05e50ba8dd9637182e8b422e70e3c1.png) no-repeat center/cover;
  }
}
.section_trailer .character_first {
  bottom: clamp(-31px, -1.6145833333vw, -31px);
  left: 50%;
  margin-left: clamp(-1000px, 16.6145833333vw, 319px);
}
.section_trailer .character_first::before {
  width: 44.82vw;
  height: 34.88vw;
  background: url(/tftset16/img/character_07-e6a0051aef7b209b7bc008a3f4bb3445.png) no-repeat center/cover;
}
@media (min-width: 2560px) {
  .section_trailer .character_first::before {
    width: clamp(-1000px, 50.15625vw, 963px);
    height: clamp(-1000px, 48.9583333333vw, 940px);
  }
}
@media screen and (max-width: 768px) {
  .section_trailer .character_first {
    z-index: 1;
    right: 0;
    bottom: -3px;
    left: auto;
    margin: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  .section_trailer .character_first::before {
    width: clamp(0px, 52.4739583333vw, 403px);
    height: clamp(0px, 64.3229166667vw, 494px);
    background: url(/tftset16/img/character_07_mo-26b812cc435a70cb83ed140691cd86b1.png) no-repeat center/cover;
  }
}
.section_trailer .character_second {
  bottom: clamp(-1000px, 27.2395833333vw, 523px);
  right: clamp(-1000px, 50.78125vw, 975px);
}
.section_trailer .character_second::before {
  width: 43.67vw;
  height: 34.533vw;
  background: url(/tftset16/img/character_08-052fd12a94cc8ceed62a25cbec584b79.png) no-repeat center/cover;
}
@media (min-width: 2560px) {
  .section_trailer .character_second::before {
    width: clamp(-1000px, 58.2291666667vw, 1118px);
    height: clamp(-1000px, 46.0416666667vw, 884px);
  }
}
@media screen and (max-width: 768px) {
  .section_trailer .character_second {
    top: -88.7%;
    left: -48%;
  }
  .section_trailer .character_second::before {
    width: clamp(0px, 70.3125vw, 540px);
    height: clamp(0px, 66.40625vw, 510px);
    background: url(/tftset16/img/character_08_mo-29e31c1a183ac298118a10bcfaf4237c.png) no-repeat center/cover;
  }
}

.error_page {
  background-color: #000;
  margin-top: -80px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(/tftset16/img/bg_etc-fb89abd2b94108448bfaf79e1d53bf81.png) no-repeat center/cover;
}
.error_page .error {
  width: clamp(-1000px, 54.6875vw, 1050px);
}
@media screen and (max-width: 768px) {
  .error_page .error {
    width: clamp(0px, 97.3958333333vw, 748px);
  }
}
.error_page .error_inner {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .error_page .error_inner {
    width: 100%;
    text-align: center;
  }
}
.error_page .logo {
  margin: 0 auto;
  width: clamp(-1000px, 39.21875vw, 753px);
  height: clamp(-1000px, 14.375vw, 276px);
  max-width: 100%;
  text-align: center;
}
.error_page .logo img {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .error_page .logo {
    max-width: 100%;
    width: clamp(0px, 97.3958333333vw, 748px);
    height: clamp(0px, 29.8177083333vw, 229px);
    text-align: center;
  }
}
.error_page .error_title {
  margin-top: clamp(-1000px, 1.9270833333vw, 37px);
  font-family: "DNF Forged Blade";
  font-size: clamp(0px, 2.2395833333vw, 43px);
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.04em;
  color: #C5A162;
}
@media screen and (max-width: 768px) {
  .error_page .error_title {
    font-family: "DNF Forged Blade";
    font-size: clamp(0px, 4.5572916667vw, 35px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #C5A162;
  }
}
.error_page .error_desc {
  margin-top: clamp(-1000px, 2.3958333333vw, 46px);
  font-size: clamp(0px, 1.5625vw, 30px);
  font-weight: 600;
  line-height: 1.36;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .error_page .error_desc {
    margin-top: clamp(0px, 1.3020833333vw, 10px);
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
  }
}
.error_page .error_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(-1000px, 21.4583333333vw, 412px);
  height: clamp(-1000px, 5.2083333333vw, 100px);
  margin-top: clamp(-1000px, 2.1875vw, 42px);
  margin-right: auto;
  margin-left: auto;
  background: url(/tftset16/img/btn_share_frame-b93aa7f4f97bf8d4cd2d05fa3958d2c0.png) no-repeat center/100% 100%;
  -webkit-transition: background 0.3s linear, color 0.3s linear;
  transition: background 0.3s linear, color 0.3s linear;
  font-size: clamp(0px, 1.4583333333vw, 28px);
  font-weight: 800;
  line-height: 1.56;
  color: #453a17;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(102, 75, 44, 0.2509803922));
  filter: drop-shadow(0px 4px 4px rgba(102, 75, 44, 0.2509803922));
}
@media screen and (max-width: 1920px) {
  .error_page .error_link {
    -webkit-filter: drop-shadow(0 0.2085vw 0.2085vw rgba(102, 75, 44, 0.2509803922));
    filter: drop-shadow(0 0.2085vw 0.2085vw rgba(102, 75, 44, 0.2509803922));
  }
}
.error_page .error_link:hover {
  background: url(/tftset16/img/btn_share_hover-ba7f5442e3b4360f767fdf6cf6e8a37f.png) no-repeat center/100% 100%;
  color: #a76700;
}
.error_page .error_link:hover::before, .error_page .error_link:hover::after {
  background: url(/tftset16/img/ic_share_btn_hover-3a252a68080d2f3a2f093b9748d04d41.png) no-repeat center/cover;
}
.error_page .error_link.is_disabled {
  background: url(/tftset16/img/btn_share_disabled-bf9576975ec1eb419bfdd09deae5ebcf.png) no-repeat center/100% 100%;
  color: #A19584;
  -webkit-filter: drop-shadow(0px 4px 4px 0px rgba(102, 75, 44, 0.2509803922));
  filter: drop-shadow(0px 4px 4px 0px rgba(102, 75, 44, 0.2509803922));
  pointer-events: none;
}
.error_page .error_link.is_disabled::before, .error_page .error_link.is_disabled::after {
  background: url(/tftset16/img/ic_share_btn_disabled-9e7827af5af77f6a6e5dc36cef7511b9.png) no-repeat center/cover;
}
.error_page .error_link::before, .error_page .error_link::after {
  display: block;
  width: clamp(-1000px, 1.875vw, 36px);
  height: clamp(-1000px, 2.7083333333vw, 52px);
  margin: clamp(-1000px, 0vw, 0px) clamp(-1000px, 0.625vw, 12px);
  background: url(/tftset16/img/ic_share_btn-c2a36a24d0dce3b05a29edc63d0b36f4.png) no-repeat center/cover;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  content: "";
}
.error_page .error_link::after {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
@media screen and (max-width: 768px) {
  .error_page .error_link {
    margin-right: auto;
    margin-left: auto;
    background: url(/tftset16/img/btn_share_frame-b93aa7f4f97bf8d4cd2d05fa3958d2c0.png) no-repeat center/100% 100%;
    width: clamp(0px, 39.453125vw, 303px);
    height: clamp(0px, 9.765625vw, 75px);
    margin-top: clamp(0px, 7.8125vw, 60px);
    font-size: clamp(0px, 3.125vw, 24px);
    font-weight: 800;
    line-height: 1.56;
  }
  .error_page .error_link:hover {
    background: url(/tftset16/img/btn_share_hover-ba7f5442e3b4360f767fdf6cf6e8a37f.png) no-repeat center/100% 100%;
    color: #a76700;
  }
  .error_page .error_link:hover::before, .error_page .error_link:hover::after {
    background: url(/tftset16/img/ic_share_btn_hover-3a252a68080d2f3a2f093b9748d04d41.png) no-repeat center/cover;
  }
  .error_page .error_link.is_disabled {
    background: url(/tftset16/img/btn_share_disabled-bf9576975ec1eb419bfdd09deae5ebcf.png) no-repeat center/100% 100%;
    color: #A19584;
    -webkit-filter: drop-shadow(0px 4px 4px 0px rgba(102, 75, 44, 0.2509803922));
    filter: drop-shadow(0px 4px 4px 0px rgba(102, 75, 44, 0.2509803922));
    pointer-events: none;
  }
  .error_page .error_link.is_disabled::before, .error_page .error_link.is_disabled::after {
    background: url(../img/ic_share_btn_disabled_mo.png) no-repeat center/cover;
  }
  .error_page .error_link::before, .error_page .error_link::after {
    display: block;
    width: clamp(0px, 3.90625vw, 30px);
    height: clamp(0px, 5.5989583333vw, 43px);
    background: url(/tftset16/img/ic_share_btn-c2a36a24d0dce3b05a29edc63d0b36f4.png) no-repeat center/cover;
    -webkit-transition: background 0.3s linear;
    transition: background 0.3s linear;
    content: "";
  }
}
.error_page ~ .riotbar-footer {
  display: none;
}