@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;1,300;1,600&display=swap";
:root {
    --white: #fff;
    --navy: #000339;
    --exlight: 200;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semi: 600;
    --bold: 700;
    --exbold: 800;
    --font-barlow: "Barlow Condensed", sans-serif;
    --font-oswald: "Oswald", sans-serif;
    --innerWidth: 1200px;
    --outerWidth: 1920px;
    --easing: cubic-bezier(.76, 0, .3, 1);
    --vw: 1vw;
	--path-logo-great: url(/img/logo_league_greatAim_Gh9m_ZeK8lS.svg);
	--path-logo-master: url(/img/logo_league_masterwKeaFjrK_Z1XvYXE.svg);
	--path-logo-premier: url(/img/logo_league_premierDIganXyP_1Uen27.svg);
	--path-logo-ultra: url(/img/logo_league_ultraCCkYl-Tw_udeLr.svg);
	--path-logo-wc: url(/img/logo_league_wcaG3DoktD_Z2n3mIH.svg);
	--jp: "Noto Sans JP", sans-serif;
	--en: "Oswald", "Noto Sans JP", sans-serif;
	--vw: 19.2px;
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    height: 100%;
    overflow-x: hidden
}

body {
    color: var(--base);
    font-size: 3.4666666667vw;
    font-family: var(--jp);
    font-weight: var(--medium);
    line-height: 1.8461;
    letter-spacing: .05em;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-wrap: anywhere;
    word-break: normal
}

body:has(dialog[open]) {
    width: 100%;
    position: fixed;
    left: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section,
picture,
summary {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    margin-top: 1.5em
}

p:not(:first-child) {
    margin-top: 1.5em
}

ul,
ol,
dl,
blockquote,
table {
    margin-top: 1.5em
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote,
table {
    margin-bottom: 0
}

figure {
    margin: 0
}

summary::-webkit-details-marker {
    display: none
}

ul,
ol {
    list-style: none;
    padding-left: 0
}

dd {
    margin-left: 0
}

b,
strong {
    font-weight: var(--bold)
}

em {
    font-style: normal
}

small {
    font-size: inherit
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    position: relative
}

sup {
    top: -.5em
}

a {
    color: inherit;
    background-color: transparent
}

a[href^="tel:"] {
    text-decoration: none
}

img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    border: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

video {
    max-width: 100%;
    vertical-align: bottom
}

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

th {
    text-align: left;
    vertical-align: top
}

td {
    vertical-align: top
}

hr {
    display: block;
    margin: 0;
    border: none
}

a,
button {
    touch-action: manipulation
}

button {
    color: inherit;
    font: inherit;
    background: transparent;
    text-align: inherit;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    overflow: visible
}

button:disabled,
button[aria-disabled=true] {
    cursor: default
}

dialog {
    padding: 0;
    border: 0
}

*:first-child {
    margin-top: 0
}

.header {
    background: #ffffff80;
    position: sticky;
    top: 0;
    z-index: 1000
}

.header .header_inner {
    position: relative
}

.header .header_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16vw
}

.header .header_logo_img {
    width: 21.8666666667vw
}

.header .header_menu {
    font-family: var(--en);
    font-size: 3.8666666667vw;
    font-weight: var(--semi);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16vw;
    height: 16vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    outline: 0
}

.header .header_menu:before,
.header .header_menu:after {
    content: "";
    background-color: var(--base);
    display: block;
    width: 9.2vw;
    height: .6666666667vw;
    margin: 0 auto;
    position: absolute;
    top: calc(50% - .3333333333vw);
    left: 0;
    right: 0
}

.header .header_menu:before {
    transform: translateY(-3.2vw)
}

.header .header_menu:after {
    transform: translateY(3.2vw)
}

.header .header_menu.header_menu--close:before,
.header .header_menu.header_menu--close:after {
    background-color: var(--white)
}

.header .header_menu.header_menu--close:before {
    transform: rotate(45deg)
}

.header .header_menu.header_menu--close:after {
    transform: rotate(-45deg)
}

.header .header_menu>span {
    padding-bottom: .1em;
    position: relative
}

.header .header_drawer {
    background-color: transparent;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}

.header .header_drawer:before {
    content: "";
    background: url(/img/drawer_bg_sp.svg) no-repeat 0 50%;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.header .header_drawer:not(.is-active) {
    opacity: 0
}

.header .header_drawer:not(.is-active)::backdrop {
    opacity: 0
}

.header .header_drawer::backdrop {
    background: #68b7fab3
}

.header .header_drawer_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
    box-sizing: border-box;
    overflow-y: scroll
}

.header .header_drawer_body {
    flex: 1 0 auto;
    width: 65%;
    padding: 24vw 6.6666666667vw 26.6666666667vw;
    position: relative
}

.header .header_drawer_logo {
    width: 67.2vw;
    opacity: .1;
    position: absolute;
    right: 6.6666666667vw;
    bottom: 13.3333333333vw
}

.header .header_nav {
    display: flex;
    flex-direction: column;
    row-gap: 2.9333333333vw;
    text-align: right;
    margin-top: 0;
    position: relative;
    z-index: 1
}

.header .header_nav_link {
    color: var(--white);
    font-size: 4.8vw;
    font-weight: var(--bold);
    line-height: 1.35;
    text-decoration: none
}

.header .header_nav_link[target=_blank] {
    display: inline-flex;
    align-items: center;
    vertical-align: bottom
}

.header .header_nav_link[target=_blank]:after {
    content: "";
    background: url(/img/icon_blank.svg) no-repeat;
    background-size: 100%;
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    margin-left: 1.3333333333vw
}

.header .header_nav_link.header_nav_link--small {
    font-size: 4vw
}

.header .header_nav_link.header_nav_link--nolink {
    pointer-events: none;
    opacity: .5
}

.header .header_nav_toggle.is-active .header_nav_action:after {
    transform: scaleY(-1)
}

.header .header_nav_toggle.is-active .header_nav_accordion {
    grid-template-rows: 1fr
}

.header .header_nav_action {
    color: var(--white);
    font-size: 4.8vw;
    font-weight: var(--bold);
    line-height: 1.35;
    letter-spacing: .05em;
    display: flex;
    -moz-column-gap: 1.6vw;
    column-gap: 1.6vw;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto
}

.header .header_nav_action:after {
    content: "";
    display: block;
    background: url(/img/icon_accordion.svg) no-repeat 50% 50%;
    background-size: contain;
    width: 2.9333333333vw;
    height: 2.9333333333vw
}

.header .header_nav_accordion {
    display: grid;
    grid-template-rows: 0fr
}

.header .header_nav_inner {
    overflow: hidden
}

.header .header_nav_list {
    display: flex;
    flex-direction: column;
    row-gap: 2.1333333333vw;
    padding-top: 2.1333333333vw
}

.header .header_lang {
    margin-top: 8.5333333333vw
}

.header .header_lang.is-active .header_nav_accordion {
    grid-template-rows: 1fr
}

.header .header_lang_action {
    color: var(--white);
    font-size: 4vw;
    font-weight: var(--bold);
    line-height: 1.35
}

.header .header_lang_list {
    display: flex;
    flex-direction: column;
    row-gap: 2.1333333333vw;
    padding-top: 2.6666666667vw
}

.share {
    padding-bottom: 7.2vw
}

.share .share_inner {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw
}

.share .share_container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
    padding: 2.9333333333vw 20.8vw 2.9333333333vw 6vw;
    background-color: #65679a;
    border-radius: 9999px;
    z-index: 100
}

.share .share_title {
    color: var(--teaser-white);
    font-size: 3.2vw;
    font-weight: var(--medium);
    line-height: 1.5416666667;
    letter-spacing: 0
}

.share .share_list {
    display: flex;
    align-items: center;
    -moz-column-gap: 2.6666666667vw;
    column-gap: 2.6666666667vw;
    margin-top: 0;
    flex-shrink: 0
}

.share .share_icon {
    width: 11.4666666667vw
}

.pagetop {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 7.7333333333vw;
    bottom: 9.3333333333vw;
    z-index: 999
}

.pagetop.is-visible {
    visibility: visible;
    opacity: 1
}

.pagetop.is-absolute {
    position: absolute;
    right: 2.4vw;
    bottom: inherit
}

.pagetop .pagetop_icon {
    width: 13.0666666667vw;
    filter: drop-shadow(0 0 2.1333333333vw rgba(0, 0, 0, .3));
    transform: translateZ(0)
}

.footer {
    padding: 1.3333333333vw 0 4.6666666667vw;
    letter-spacing: .01em;
    color: var(--white);
    overflow: visible
}

.footer .footer_inner {
    position: relative;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    background-size: cover
}

.footer .footer_inner:before,
.footer .footer_inner:after {
    position: absolute;
    content: "";
    display: block;
    width: 62.9333333333vw;
    aspect-ratio: 2188/2172;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.footer .footer_inner:before {
    top: -19.3333333333vw;
    left: -13.3333333333vw;
    background-image: url(/img/deco_ball_blue.webp)
}

.footer .footer_inner:after {
    bottom: 4.6666666667vw;
    right: -9.3333333333vw;
    background-image: url(/img/deco_ball_pink.webp)
}

.footer .footer_nav {
    position: relative;
    z-index: 10
}

.footer .footer_nav_list_outer {
    padding: 10.6666666667vw 4.1333333333vw;
    position: relative;
    background-color: #ffffff1a
}

.footer .footer_nav_list_outer:before,
.footer .footer_nav_list_outer:after {
    content: "";
    position: absolute;
    border-color: var(--teaser-white);
    border-style: solid;
    width: 12.6666666667vw;
    height: 12.6666666667vw
}

.footer .footer_nav_list_outer:before {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    border-top-width: .4vw;
    border-left-width: .4vw
}

.footer .footer_nav_list_outer:after {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
    border-bottom-width: .4vw;
    border-right-width: .4vw
}

.footer .footer_nav_list_outer>span:first-child:empty {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    pointer-events: none
}

.footer .footer_nav_list_outer>span:first-child:empty:before,
.footer .footer_nav_list_outer>span:first-child:empty:after {
    content: "";
    position: absolute;
    border-color: var(--teaser-white);
    border-style: solid;
    width: 12.6666666667vw;
    height: 12.6666666667vw
}

.footer .footer_nav_list_outer>span:first-child:empty:before {
    bottom: 0;
    left: 0;
    border-top: none;
    border-right: none;
    border-bottom-width: .4vw;
    border-left-width: .4vw
}

.footer .footer_nav_list_outer>span:first-child:empty:after {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
    border-top-width: .4vw;
    border-right-width: .4vw
}

.footer .footer_nav_list_outer>span:first-child:empty+p {
    margin-top: 0
}

.footer .footer_nav_list_outer+.footer_nav_list_outer {
    margin-top: 6.6666666667vw
}

.footer .footer_nav_list {
    display: flex;
    flex-direction: column;
    row-gap: 3.3333333333vw;
    margin-top: 0
}

.footer .footer_btn {
    color: var(--white);
    font-size: 3.4666666667vw;
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    height: 100%;
    padding: 1.3333333333vw 1.3333333333vw 1.6vw;
    border-radius: 9999px;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: .2666666667vw solid var(--white);
    opacity: 1
}

.footer .footer_btn>span {
    display: block;
    position: relative
}

.footer .footer_contact {
    display: flex;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
    margin-top: 10.1333333333vw
}

.footer .footer_contact_pic {
    width: 24vw
}

.footer .footer_contact_body {
    flex: 1;
    line-height: 1.7
}

.footer .footer_contact_text {
    font-size: 2.6666666667vw;
    font-weight: var(--semi);
    line-height: 1.7;
    letter-spacing: .1em
}

.footer .footer_contact_text.footer_contact_text--email {
    margin-top: 0;
    text-align: left;
    text-decoration: underline
}

.footer .footer_contact_link {
    color: var(--white);
    text-decoration: none
}

.footer .footer_balls {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    margin: 2.1333333333vw auto 0
}

.footer .footer_balls {
    position: relative
}

.footer .footer_copy {
    margin-top: 4.4vw
}

.footer .footer_copy_logo {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer .footer_copy_company {
    max-width: 41.8666666667vw
}

.footer .footer_copy_nintendo {
    max-width: 14.6666666667vw
}

.footer .footer_copy_switch {
    max-width: 22.4vw
}

.footer .footer_copy_text {
    font-size: 2.1333333333vw;
    font-weight: var(--semi);
    letter-spacing: .1em;
    margin-top: 1.3333333333vw;
    margin-right: -1em
}

.content-header {
    background-repeat: no-repeat;
    background-position: 0 45%;
    background-size: 56.3271% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 23.0666666667vw;
    padding: 1.3333333333vw 5.3333333333vw;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.content-header:before,
.content-header:after {
    content: "";
    display: block;
    position: absolute
}

.content-header.content-header--lv2:before,
.content-header.content-header--lv2:after {
    -webkit-mask: var(--path-ball-01) no-repeat;
    mask: var(--path-ball-01) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 48.2666666667vw;
    height: 48.2666666667vw;
    opacity: .5;
    mix-blend-mode: multiply
}

.content-header.content-header--lv2:before {
    left: -18.5%
}

.content-header.content-header--lv2:after {
    right: -18.5%
}

.content-header.content-header--lv3:before,
.content-header.content-header--lv3:after {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    opacity: .1
}

.content-header.content-header--lv3:before {
    left: 0
}

.content-header.content-header--lv3:after {
    right: 0
}

.content-header.content-header--lv3 .content-header_title:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    position: absolute;
    left: 5.3333333333vw;
    z-index: 2
}

.content-header.content-header--lv3 .content-header_title>span {
    text-align: center;
    width: 65%;
    margin-left: 3%
}

.content-header.content-header--lv4:before,
.content-header.content-header--lv4:after {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    opacity: .1
}

.content-header.content-header--lv4:before {
    left: 0
}

.content-header.content-header--lv4:after {
    right: 0
}

.content-header.content-header--lv4 .content-header_title:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    position: absolute;
    left: 5.3333333333vw;
    z-index: 2
}

.content-header.content-header--lv4 .content-header_title>span {
    text-align: center;
    width: 65%;
    margin-left: 3%
}

.content-header.content-header--season {
    background-color: var(--purple);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%239455b2%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--season:before {
    background-color: var(--lpurple)
}

.content-header.content-header--season:after {
    background-color: var(--purple)
}

.content-header.content-header--cardgame {
    background-color: var(--blue);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%2393C5FF%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--cardgame:before {
    background-color: var(--lblue)
}

.content-header.content-header--cardgame:after {
    background-color: var(--blue)
}

.content-header.content-header--game {
    background-color: var(--red);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23FFB7B7%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--game:before {
    background-color: var(--lred)
}

.content-header.content-header--game:after {
    background-color: var(--red)
}

.content-header.content-header--entry {
    background-color: var(--cyan);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23AAEFFF%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--entry:before {
    background-color: var(--lcyan)
}

.content-header.content-header--entry:after {
    background-color: var(--cyan)
}

.content-header.content-header--faq {
    background-color: var(--pink);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23FF8ED0%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--faq:before {
    background-color: var(--lpink)
}

.content-header.content-header--faq:after {
    background-color: var(--pink)
}

.content-header.content-header--master-ball {
    background-color: var(--dpurple);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%237312A0%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--master-ball:before,
.content-header.content-header--master-ball:after {
    background-image: var(--path-logo-master);
    width: 39.6vw;
    height: 40.8vw
}

.content-header.content-header--master-ball:after {
    top: -6.6666666667vw
}

.content-header.content-header--master-ball .content-header_title:after {
    background-image: var(--path-logo-master);
    width: 15.0666666667vw;
    height: 24.5333333333vw
}

.content-header.content-header--premier-ball {
    background-color: var(--silver);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23BFCBD3%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--premier-ball:before,
.content-header.content-header--premier-ball:after {
    background-image: var(--path-logo-premier);
    width: 37.7333333333vw;
    height: 42.1333333333vw
}

.content-header.content-header--premier-ball:after {
    top: -8.2666666667vw
}

.content-header.content-header--premier-ball .content-header_title:after {
    background-image: var(--path-logo-premier);
    width: 15.3333333333vw;
    height: 24.5333333333vw
}

.content-header.content-header--side-event01 {
    background-color: var(--silver);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23BFCBD3%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--side-event01:before,
.content-header.content-header--side-event01:after {
    background-image: var(--path-logo-premier);
    width: 37.7333333333vw;
    height: 42.1333333333vw
}

.content-header.content-header--side-event01:after {
    top: -8.2666666667vw
}

.content-header.content-header--side-event01 .content-header_title:after {
    background-image: var(--path-logo-premier);
    width: 15.3333333333vw;
    height: 24.5333333333vw
}

.content-header.content-header--side-event02 {
    background-color: var(--silver);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23BFCBD3%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--side-event02:before,
.content-header.content-header--side-event02:after {
    background-image: var(--path-logo-premier);
    width: 37.7333333333vw;
    height: 42.1333333333vw
}

.content-header.content-header--side-event02:after {
    top: -8.2666666667vw
}

.content-header.content-header--side-event02 .content-header_title:after {
    background-image: var(--path-logo-premier);
    width: 15.3333333333vw;
    height: 24.5333333333vw
}

.content-header.content-header--side-event03 {
    background-color: var(--silver);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23BFCBD3%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--side-event03:before,
.content-header.content-header--side-event03:after {
    background-image: var(--path-logo-premier);
    width: 37.7333333333vw;
    height: 42.1333333333vw
}

.content-header.content-header--side-event03:after {
    top: -8.2666666667vw
}

.content-header.content-header--side-event03 .content-header_title:after {
    background-image: var(--path-logo-premier);
    width: 15.3333333333vw;
    height: 24.5333333333vw
}

.content-header.content-header--side-event04 {
    background-color: var(--silver);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23BFCBD3%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--side-event04:before,
.content-header.content-header--side-event04:after {
    background-image: var(--path-logo-premier);
    width: 37.7333333333vw;
    height: 42.1333333333vw
}

.content-header.content-header--side-event04:after {
    top: -8.2666666667vw
}

.content-header.content-header--side-event04 .content-header_title:after {
    background-image: var(--path-logo-premier);
    width: 15.3333333333vw;
    height: 24.5333333333vw
}

.content-header.content-header--side-event05 {
    background-color: var(--silver);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23BFCBD3%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--side-event05:before,
.content-header.content-header--side-event05:after {
    background-image: var(--path-logo-premier);
    width: 37.7333333333vw;
    height: 42.1333333333vw
}

.content-header.content-header--side-event05:after {
    top: -8.2666666667vw
}

.content-header.content-header--side-event05 .content-header_title:after {
    background-image: var(--path-logo-premier);
    width: 15.3333333333vw;
    height: 24.5333333333vw
}

.content-header.content-header--ultra-ball {
    background-color: var(--yellow);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%23FFC403%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--ultra-ball:before,
.content-header.content-header--ultra-ball:after {
    background-image: var(--path-logo-ultra);
    width: 37.7333333333vw;
    height: 39.0666666667vw
}

.content-header.content-header--ultra-ball:after {
    top: -7.3333333333vw
}

.content-header.content-header--ultra-ball .content-header_title:after {
    background-image: var(--path-logo-ultra);
    width: 15.0666666667vw;
    height: 24.5333333333vw
}

.content-header.content-header--great-ball {
    background-color: #002379;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%230060B0%22%2F%3E%3C%2Fsvg%3E)
}

.content-header.content-header--great-ball:before,
.content-header.content-header--great-ball:after {
    background-image: var(--path-logo-great);
    width: 36.8vw;
    height: 38.1333333333vw
}

.content-header.content-header--great-ball:after {
    top: -7.2vw
}

.content-header.content-header--great-ball .content-header_title:after {
    background-image: var(--path-logo-great);
    width: 14.9333333333vw;
    height: 24.5333333333vw
}

.content-header .content-header_title {
    color: var(--white);
    font-size: 6vw;
    font-weight: var(--bold);
    line-height: 1.4444;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.content-header .content-header_title:before {
    content: "";
    background: linear-gradient(180deg, var(--white) 0%, #797979 100%);
    display: block;
    width: 100%;
    height: 61.667%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    mix-blend-mode: multiply
}

.content-header .content-header_title>span {
    position: relative;
    z-index: 2
}

.content {
    padding-top: 8vw;
    padding-bottom: 14.6666666667vw;
    position: relative;
    overflow: hidden
}

.content .content_pokemon {
    display: none
}

.content .content_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.content .content_bg_lightning {
    width: 32vw;
    height: 137.0666666667vw;
    position: absolute;
    top: 0;
    left: 0
}

.content .content_bg_ball {
    background: linear-gradient(180deg, #deddf5, #f7e5e6);
    width: 73.7333333333vw;
    height: 73.7333333333vw;
    position: absolute;
    top: 20vw;
    right: -12.5333333333vw
}

.content .content_bg_league {
    background-position: 50% 100%;
    background-size: 100% auto;
    padding-top: min(6.71875vw, 129px);
    position: absolute;
    opacity: .05
}

.content .content_bg_league.content_bg_league--master {
    width: 61.8666666667vw;
    height: 63.7333333333vw;
    right: -1.6vw
}

.content .content_bg_league.content_bg_league--ultra {
    width: 65.0666666667vw;
    height: 67.4666666667vw;
    right: -3.3333333333vw
}

.content .content_bg_league.content_bg_league--great {
    width: 64.6666666667vw;
    height: 67.0666666667vw;
    right: -2.6666666667vw
}

.content .content_bg_league.content_bg_league--premier {
    width: 67.4666666667vw;
    height: 75.2vw;
    right: -4.4vw
}

.content .content_bg_league.is-fixed {
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0
}

.content .content_bg_league.is-absolute {
    bottom: 0
}

.content .content_body {
    position: relative
}

.content-header--master_side_event {
    background-color: var(--dpurple);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221081.478%22%20height%3D%221152%22%20viewBox%3D%220%200%201081.478%201152%22%3E%3Cpath%20d%3D%22M0%2C0V1152l840.579-.226%2C1.855-5.556L1027.81%2C576.057h-138.6L1079.6%2C5.782%2C1081.478%2C0Z%22%20fill%3D%22%237312A0%22%2F%3E%3C%2Fsvg%3E)
}

.content-header--master_side_event:before,
.content-header--master_side_event:after {
    background-image: var(--path-logo-master);
    width: 37.7333333333vw;
    height: 42.1333333333vw
}

.content-header--master_side_event:after {
    top: -8.2666666667vw
}

.content-header--master_side_event .content-header_title:after {
    background-image: var(--path-logo-master);
    width: 15.3333333333vw;
    height: 24.5333333333vw
}

.section:not(:first-child) {
    margin-top: 20vw
}

.section .section_action {
    margin-top: 8vw
}

.inner {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw
}

.list-circle {
    line-height: 1.9
}

.list-circle>li {
    padding-left: 2rem;
    position: relative
}

.list-circle>li:before {
    content: "◉";
    position: absolute;
    top: 0;
    left: 0
}

.live-info {
    padding-bottom: 5.8666666667vw;
    border-radius: 1.3333333333vw;
    position: relative
}

.live-info:not(:first-child) {
    margin-top: 11.6vw
}

.live-info.live-info--premier {
    color: #7b868d;
    background: #bfcbd3
}

.live-info.live-info--premier .live-info_title {
    width: 77.0666666667vw;
    height: 23.7333333333vw
}

.live-info.live-info--premier .live-info_logo {
    width: 34.9333333333vw;
    height: 38.9333333333vw;
    top: 6.5333333333vw
}

.live-info.live-info--master {
    color: var(--purple);
    background: var(--purple)
}

.live-info.live-info--master .live-info_title {
    width: 77.0666666667vw;
    height: 23.7333333333vw
}

.live-info.live-info--master .live-info_logo {
    width: 34.1333333333vw;
    height: 35.2vw;
    top: 7.0666666667vw
}

.live-info .live-info_title {
    margin: 0 auto
}

.live-info .live-info_logo {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

.live-info .live-info_body {
    text-align: center;
    background: var(--white);
    width: 85.54%;
    margin: 0 auto;
    padding: 24.6666666667vw 5.8666666667vw 7.6vw;
    border-radius: 1.3333333333vw;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.live-info .live-info_bg {
    background-position: 50% 50%;
    background-size: contain;
    width: 96.045%;
    margin: auto;
    position: absolute;
    inset: 0;
    opacity: .05
}

.live-info .live-info_column {
    display: grid;
    row-gap: 4.8vw;
    position: relative
}

.live-info .live-info_column.live-info_column--coming {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 2.6666666667vw
}

.live-info .live-info_single {
    padding-top: 7.3333333333vw
}

.live-info .live-info_item {
    font-family: var(--en);
    font-weight: var(--bold)
}

.live-info .live-info_datetime {
    line-height: 1.5;
    display: block;
    margin-top: 1.3333333333vw
}

.live-info .live-info_movie {
    margin-top: 2.6666666667vw
}

.live-info .live-info_comingsoon {
    font-family: var(--en);
    font-size: 9.4666666667vw;
    font-weight: var(--medium);
    line-height: 1;
    letter-spacing: .05em;
    display: flex;
    align-items: center;
    justify-content: center
}

.pokemon-bg {
    display: block;
    position: relative
}

.pokemon-bg.is-active:before {
    opacity: 1
}

.pokemon-bg:before {
    content: "";
    background-size: 800% 800%;
    display: block;
    width: calc(100% - 1.0666666667vw);
    height: calc(100% - 1.0666666667vw);
    position: absolute;
    top: .5333333333vw;
    left: .5333333333vw;
    animation: GradientBackground 15s ease infinite;
    opacity: 0
}

.pokemon-bg>img {
    width: 100%;
    position: relative
}

.slideshow-fade .slideshow-fade_item {
    opacity: 0;
    position: absolute
}

.slideshow-fade .slideshow-fade_item.is-active {
    opacity: 1
}

.slideshow-scroll {
    overflow: hidden
}

.slideshow-scroll .slideshow-scroll_inner {
    display: flex;
    position: relative
}

.slideshow-scroll .slideshow-scroll_slides {
    display: flex;
    flex-shrink: 0;
    align-items: flex-end;
    -moz-column-gap: 2.6666666667vw;
    column-gap: 2.6666666667vw;
    position: relative
}

.slideshow-scroll .slideshow-scroll_slides:first-child {
    animation: scrollToRight 50s -25s linear infinite
}

.slideshow-scroll .slideshow-scroll_slides:last-child {
    animation: scrollToRight2 50s linear infinite
}

@keyframes scrollToRight {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

@keyframes scrollToRight2 {
    0% {
        transform: translate(-200%)
    }
    to {
        transform: translate(0)
    }
}

.tab .tab_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.6666666667vw;
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw
}

.tab .tab_action {
    font-weight: var(--bold);
    font-size: 4vw;
    line-height: 1.2;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 10.8vw;
    max-width: 42vw;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: 1.6vw;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.tab .tab_action:before,
.tab .tab_action:after {
    content: "";
    display: block;
    -webkit-mask: var(--path-ball-01) no-repeat;
    mask: var(--path-ball-01) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    position: absolute;
    opacity: .2
}

.tab .tab_action:before {
    left: 2.1333333333vw
}

.tab .tab_action:after {
    right: 2.1333333333vw
}

.tab .tab_action.is-active {
    color: var(--white) !important
}

.tab .tab_action.is-active:before,
.tab .tab_action.is-active:after {
    background: var(--white) !important
}

.tab .tab_action.tab_action--tcg {
    color: var(--blue);
    box-shadow: 0 0 0 .8vw var(--blue) inset
}

.tab .tab_action.tab_action--tcg:before,
.tab .tab_action.tab_action--tcg:after {
    background: var(--blue)
}

.tab .tab_action.tab_action--tcg.is-active {
    background-color: var(--blue)
}

.tab .tab_action.tab_action--vg {
    color: var(--red);
    box-shadow: 0 0 0 .8vw var(--red) inset
}

.tab .tab_action.tab_action--vg:before,
.tab .tab_action.tab_action--vg:after {
    background: var(--red)
}

.tab .tab_action.tab_action--vg.is-active {
    background-color: var(--red)
}

.tab .tab_action.tab_action--faq {
    color: var(--pink);
    box-shadow: 0 0 0 .8vw var(--pink) inset
}

.tab .tab_action.tab_action--faq:before,
.tab .tab_action.tab_action--faq:after {
    background: var(--pink)
}

.tab .tab_action.tab_action--faq.is-active {
    background-color: var(--pink)
}

.tab .tab_action_en {
    font-family: var(--en);
    line-height: 1.1333;
    letter-spacing: .015em
}

.tab-index .tab-index_list {
    display: flex;
    -moz-column-gap: 1.3333333333vw;
    column-gap: 1.3333333333vw
}

.tab-index .tab-index_action {
    color: var(--white);
    font-size: 4vw;
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 12.6666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: 1.3333333333vw 1.3333333333vw 0 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    word-break: break-all
}

.tab-index .tab-index_action.tab-index_action--master,
.tab-index .tab-index_action.tab-index_action--premier,
.tab-index .tab-index_action.tab-index_action--ultra,
.tab-index .tab-index_action.tab-index_action--great {
    opacity: .3
}

.tab-index .tab-index_action.tab-index_action--master.is-active,
.tab-index .tab-index_action.tab-index_action--premier.is-active,
.tab-index .tab-index_action.tab-index_action--ultra.is-active,
.tab-index .tab-index_action.tab-index_action--great.is-active {
    opacity: 1
}

.tab-index .tab-index_action.tab-index_action--master {
    background: var(--purple)
}

.tab-index .tab-index_action.tab-index_action--premier {
    background: #bfcbd3
}

.tab-index .tab-index_action.tab-index_action--ultra {
    background: #ffc403
}

.tab-index .tab-index_action.tab-index_action--great {
    background: #0060b0
}

.tab-index .tab-index_action.tab-index_action--purple {
    background: #dcc3e6
}

.tab-index .tab-index_action.tab-index_action--purple.is-active {
    background: var(--purple)
}

.tab-index .tab-index_action.tab-index_action--silver {
    color: var(--silver);
    background: #eff6fc
}

.tab-index .tab-index_action.tab-index_action--silver.is-active {
    color: var(--white);
    background: var(--silver)
}

.tab-index .tab-index_action.tab-index_action--yellow {
    color: #ffc403;
    background: #fef2be
}

.tab-index .tab-index_action.tab-index_action--yellow.is-active {
    color: var(--white);
    background: #ffc403
}

.tab-index .tab-index_action.tab-index_action--dblue {
    color: var(--dblue);
    background: #dae6f3
}

.tab-index .tab-index_action.tab-index_action--dblue.is-active {
    color: var(--white);
    background: var(--dblue)
}

.tab-index .tab-index_panel {
    padding: 5.8666666667vw;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw
}

.tab-index .tab-index_panel.tab-index_panel--master {
    background: var(--purple)
}

.tab-index .tab-index_panel.tab-index_panel--premier {
    background: #bfcbd3
}

.tab-index .tab-index_panel.tab-index_panel--ultra {
    background: #ffc403
}

.tab-index .tab-index_panel.tab-index_panel--great {
    background: #0060b0
}

.tab-index .tab-index_panel.tab-index_panel--purple {
    background: var(--purple)
}

.tab-index .tab-index_panel.tab-index_panel--silver {
    background: var(--silver)
}

.tab-index .tab-index_panel.tab-index_panel--yellow {
    background: #ffc403
}

.tab-index .tab-index_panel.tab-index_panel--dblue {
    background: var(--dblue)
}

.tab-index .tab-index_body {
    background: var(--white);
    padding: 6.6666666667vw 0 13.3333333333vw;
    border-radius: 1.3333333333vw
}

.tab-index .tab-index_item:not(:first-child) {
    margin-top: 10.6666666667vw
}

.tab-index .tab-index_inner {
    width: 58.6666666667vw;
    margin: 3.0666666667vw auto 0
}

.tab-index .tab-index_table {
    background: var(--white);
    border: 1.3333333333vw solid var(--white);
    border-radius: 1.3333333333vw;
    overflow: hidden
}

.tab-season .tab-season_list {
    display: grid;
    grid-auto-columns: 1fr;
    gap: 3.4666666667vw 6.5333333333vw
}

.tab-season .tab-season_action {
    color: var(--white);
    font-size: 5.3333333333vw;
    font-family: var(--en);
    font-weight: var(--bold);
    background: #aca481;
    line-height: 1;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 40vw;
    min-height: 14.5333333333vw;
    border: .9333333333vw solid var(--white);
    border-radius: 1.3333333333vw;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.tab-season .tab-season_action:before {
    content: "";
    background: var(--path-logo-ultra) no-repeat;
    background-size: cover;
    display: block;
    width: 24.5333333333vw;
    height: 25.3333333333vw;
    position: absolute;
    top: -65%;
    left: .9333333333vw;
    opacity: .25
}

.tab-season .tab-season_action.is-active {
    background: var(--yellow);
    border-color: #ffc403
}

.tab-season .tab-season_action_text {
    display: flex;
    align-items: baseline;
    margin-bottom: .5em;
    position: relative
}

.tab-season .tab-season_action_text>span {
    font-size: 9.3333333333vw;
    position: relative;
    bottom: -.1em
}

.tab-season .tab-season_panel {
    margin-top: 11.2vw
}

.tab-panel:not(.is-active) {
    display: none
}

#sg .tab-index_list span,
#hk_en .tab-index_list span,
#ph .tab-index_list span,
#my .tab-index_list span {
    word-break: normal
}

.table {
    background: var(--white);
    width: 100%;
    border: .6666666667vw solid var(--purple);
    border-radius: 1.3333333333vw;
    border-collapse: separate;
    box-sizing: border-box
}

.table.table--silver {
    border-color: var(--silver)
}

.table.table--silver thead th {
    background: #f2f7fd
}

.table.table--silver tbody tr:nth-child(2n) th {
    background: #ebf0f5
}

.table.table--silver th {
    color: #416174;
    background: #f2f7fc
}

.table.table--yellow {
    border-color: #ffc403
}

.table.table--yellow thead tr th {
    background: #fef2be
}

.table.table--yellow tbody tr:nth-child(2n) th {
    background: #faf6e8
}

.table.table--yellow th {
    color: var(--yellow);
    background: #fffbed
}

.table.table--dblue {
    border-color: var(--dblue)
}

.table.table--dblue thead tr th {
    background: #dae6f3
}

.table.table--dblue tbody tr:nth-child(2n) th {
    background: #ebf0f5
}

.table.table--dblue th {
    color: var(--dblue);
    background: #f2f7fc
}

.table.table--point th,
.table.table--point td {
    text-align: center;
    vertical-align: middle;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw
}

.table.table--tab {
    border: 0
}

.table thead:first-child tr:first-child th,
.table tbody:first-child tr:first-child th {
    border-top-left-radius: .6666666667vw
}

.table thead:first-child tr:first-child td,
.table tbody:first-child tr:first-child td {
    border-top-right-radius: .6666666667vw
}

.table thead:last-child tr:last-child th,
.table tbody:last-child tr:last-child th {
    border-bottom-left-radius: .6666666667vw
}

.table thead:last-child tr:last-child td,
.table tbody:last-child tr:last-child td {
    border-bottom-right-radius: .6666666667vw
}

.table thead th {
    background: #f1e4f7
}

.table tr:nth-child(2n) th {
    background: #f4edf8
}

.table tr:nth-child(2n) td {
    background: #f8f8f8
}

.table th,
.table td {
    font-size: 3.2vw;
    font-weight: var(--bold);
    line-height: 1.1667;
    letter-spacing: .05em;
    box-sizing: border-box
}

.table th {
    color: var(--purple);
    background: #fbf4ff;
    padding: 4vw 3.3333333333vw
}

.table td {
    padding: 5.3333333333vw
}

.table-separate {
    width: 100%
}

.table-separate.table-separate--silver th {
    color: #416174;
    background: #eff6fc
}

.table-separate tbody {
    display: flex;
    flex-direction: column;
    row-gap: 7.3333333333vw
}

.table-separate tr {
    display: flex;
    row-gap: 2.9333333333vw;
    flex-direction: column
}

.table-separate th,
.table-separate td {
    font-size: 3.2vw;
    font-weight: var(--bold);
    letter-spacing: .05em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-sizing: border-box
}

.table-separate th {
    color: var(--purple);
    line-height: 1.35;
    background: #f1e4f7;
    min-height: 15.3333333333vw;
    padding: 2.8vw 6.6666666667vw;
    border-radius: 1.3333333333vw
}

.table-separate td {
    line-height: 2
}

.table-point.table-point--dblue .table-point_header {
    color: var(--dblue);
    background: #dae6f3
}

.table-point .table-point_header {
    color: var(--yellow);
    font-size: 2.9333333333vw;
    font-weight: var(--bold);
    line-height: 2;
    letter-spacing: .05em;
    background: #fef2be;
    display: grid;
    grid-template-columns: 50% auto;
    text-align: center;
    position: relative
}

.table-point .table-point_header:after {
    content: "";
    background: var(--white);
    display: block;
    width: 97.543%;
    height: .6666666667vw;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.3333333333vw
}

.table-point .table-point_table {
    margin-top: 0
}

.table-point .table-point_table th {
    line-height: 2;
    padding: 0
}

.table-point .table-point_th>span {
    display: block;
    padding: 2.6666666667vw 1.3333333333vw
}

.table-point .table-point_th:not(:last-child)>span {
    position: relative
}

.table-point .table-point_th:not(:last-child)>span:after {
    content: "";
    display: block;
    background: var(--white);
    width: .6666666667vw;
    height: 75%;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -.3333333333vw
}

.table-league {
    color: var(--base);
    font-size: 3.2vw;
    line-height: 1.25;
    letter-spacing: 0;
    background: var(--white);
    text-align: center;
    width: 100%;
    border-spacing: .6666666667vw;
    border-collapse: separate
}

.table-league.table-league--purple thead th {
    background: var(--purple)
}

.table-league.table-league--silver thead th {
    background: var(--silver)
}

.table-league.table-league--yellow thead th {
    background: #ffb817
}

.table-league.table-league--dblue thead th {
    background: var(--dblue)
}

.table-league thead th {
    color: var(--white);
    background: #ffb817;
    text-align: center
}

.table-league tbody tr:nth-child(2n) td {
    background: #f8f8f8
}

.table-league th,
.table-league td {
    vertical-align: middle
}

.table-league th {
    padding: 1.3333333333vw 2.6666666667vw
}

.table-league td {
    padding: 2.6666666667vw
}

.table-league td:nth-child(1) {
    width: 23%
}

.table-league td:nth-child(2) {
    width: 23%
}

#sg .delete_flag,
#ph .delete_flag,
#my .delete_flag {
    display: none
}

#sg .background_fix th,
#ph .background_fix th,
#my .background_fix th {
    background: #fffbed
}

#sg .background_fix td,
#ph .background_fix td,
#my .background_fix td {
    background: none
}

.movie {
    background: #000;
    padding-top: 56.25%;
    position: relative
}

.movie.is-ready .movie_action {
    visibility: visible;
    opacity: 1
}

.movie>iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0
}

.movie .movie_action {
    visibility: hidden;
    background: url(/img/icon_play.svg) no-repeat 50% 50%;
    background-size: 12vw auto;
    position: absolute;
    inset: 0;
    opacity: 0;
    filter: drop-shadow(0 0 2.6666666667vw rgba(0, 0, 0, .6));
    transform: translateZ(0)
}

.movie .movie_action.is-hidden {
    visibility: hidden;
    opacity: 0
}

.map {
    border: .6666666667vw solid var(--white);
    border-radius: 1.3333333333vw;
    position: relative;
    margin-top: 1.3333333333vw
}

.map .map_embed {
    aspect-ratio: 616/1200
}

.map .map_embed>* {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: 0
}

.map .map_bubble {
    background-color: #fff;
    padding: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%)
}

.map .map_bubble_anchor {
    position: absolute;
    width: 100%;
    bottom: 8px;
    left: 0
}

.map .map_bubble_container {
    cursor: auto;
    height: 0;
    position: absolute;
    width: 200px;
    max-width: 120px
}

.map .map_contents a {
    text-decoration: none;
    color: var(--base);
    position: relative;
    display: block
}

.map .map_text {
    display: flex;
    flex-direction: column;
    padding: 1.3333333333vw 2vw;
    border: .5333333333vw solid var(--yellow);
    border-radius: .5333333333vw;
    font-family: var(--jp)
}

.map .map_text>span {
    font-size: 4vw;
    line-height: 1.2
}

.map .map_text>span:last-child {
    font-size: 3.4666666667vw;
    word-break: keep-all;
    white-space: nowrap
}

#th .map .map_text>span {
    font-size: 3.2vw
}

.map .map_tail {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 4.4vw 4.5vw 0px 0px;
    position: absolute;
    bottom: -4.89vw;
    right: 2vw;
    transform: skew(-7deg);
    z-index: 1;
    border-radius: .4vw
}

.map .map_tail:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #ff9701 transparent transparent transparent;
    border-width: 4.5vw 4.2vw 0px 0px;
    position: absolute;
    bottom: .9vw;
    right: -4.55vw
}

.map .map_tail:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 3.6vw 3.28vw 0px 0px;
    position: absolute;
    bottom: 1.89vw;
    right: -4.05vw
}

#id .map .map_text>span:last-child {
    white-space: normal;
    text-align: center
}

.scroll-content {
    overflow: hidden
}

.scroll-content .scroll-content_scroll {
    padding-bottom: 2vw;
    overflow-x: auto
}

.scroll-content .scroll-content_inner {
    width: 160vw;
    margin-left: 6.6666666667vw;
    margin-right: 6.6666666667vw;
    position: relative
}

.scroll-content .scroll-content_action {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.scroll-content .scroll-content_action.is-hidden {
    opacity: 0;
    pointer-events: none
}

.scroll-content .scroll-content_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86.6666666667vw;
    height: 100%
}

.scroll-content .scroll-content_icon>img {
    width: 27.0666666667vw;
    position: relative
}

.dialog {
    background: transparent
}

.dialog:not(.is-active) {
    opacity: 0
}

.dialog:not(.is-active)::backdrop {
    opacity: 0
}

.dialog::backdrop {
    background: #68b7fad9
}

.dialog .dialog_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1.0666666667vw solid #fff;
    border-radius: 3.2vw;
    position: relative;
    overflow: hidden
}

.dialog .dialog_content:before,
.dialog .dialog_content:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.dialog .dialog_content:before {
    background: #006afa;
    width: 100%;
    height: 100%;
    opacity: .6;
    mix-blend-mode: multiply
}

.dialog .dialog_content:after {
    background: url(/img/icon_question.svg) no-repeat;
    background-size: cover;
    width: 33.3333333333vw;
    height: 65.6vw;
    margin: auto;
    right: 0;
    bottom: 0;
    opacity: .5
}

.dialog .dialog_inner {
    color: var(--white);
    padding: 20vw 6.6666666667vw 13.3333333333vw;
    position: relative;
    z-index: 1
}

.dialog .dialog_title {
    font-size: 4.8vw;
    font-weight: var(--bold);
    line-height: 1.4444;
    letter-spacing: .05em;
    text-align: center
}

.dialog .dialog_body {
    margin-top: 6.6666666667vw
}

.dialog .dialog_close {
    display: block;
    width: 7.7333333333vw;
    height: 7.7333333333vw;
    top: 4.8vw;
    right: 4.8vw;
    position: absolute;
    z-index: 1;
    outline: 0
}

.dialog .dialog_close:before,
.dialog .dialog_close:after {
    content: "";
    background-color: var(--white);
    display: block;
    width: 9.3333333333vw;
    height: .6666666667vw;
    margin: 0 auto;
    position: absolute;
    top: calc(50% - .3333333333vw);
    left: 0;
    right: 0
}

.dialog .dialog_close:before {
    transform: rotate(45deg)
}

.dialog .dialog_close:after {
    transform: rotate(-45deg)
}

.heading-section {
    font-size: 6vw;
    font-weight: var(--bold);
    line-height: 1.2222;
    letter-spacing: .1em;
    display: flex;
    -moz-column-gap: 2.6666666667vw;
    column-gap: 2.6666666667vw;
    align-items: center;
    justify-content: center;
    text-align: center
}

.heading-section:not(:last-child) {
    margin-bottom: 8vw
}

.heading-section .heading-section_icon {
    flex-shrink: 0;
    width: 45px;
    height: 45px
}

.heading-section+.heading-text {
    margin-bottom: 8vw
}

.heading-star {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 5.3333333333vw;
    column-gap: 5.3333333333vw
}

.heading-star .heading-star_icon {
    flex-shrink: 0;
    width: 6.6666666667vw;
    height: 6.6666666667vw
}

.heading-en {
    font-family: var(--en);
    font-size: 9.3333333333vw;
    font-weight: var(--bold);
    line-height: 1.4;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase
}

.heading-bg {
    padding-top: 1.3333333333vw;
    padding-bottom: 1.3333333333vw
}

.heading-bg>span {
    position: relative;
    z-index: 1
}

.heading-day {
    font-size: 5.3333333333vw;
    font-family: var(--en);
    font-weight: var(--bold);
    line-height: 1;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase
}

.heading-day>span {
    font-size: 7.3333333333vw
}

.heading-day.heading-day--purple {
    color: var(--purple)
}

.heading-day.heading-day--silver {
    color: var(--silver)
}

.heading-30 {
    font-size: 4vw;
    letter-spacing: .05em
}

.heading-35 {
    font-size: 4.6666666667vw;
    letter-spacing: .05em
}

.heading-45 {
    font-size: 6vw;
    letter-spacing: .05em
}

.heading-50,
.heading-60 {
    font-size: 6.6666666667vw;
    letter-spacing: .05em
}

.lightning-iblue,
.lightning-red,
.lightning-dblue,
.lightning-yellow,
.lightning-silver,
.lightning-purple {
    -webkit-mask: url(/img/lightning_sp.svg) no-repeat;
    mask: url(/img/lightning_sp.svg) no-repeat;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    opacity: .6
}

.lightning-purple {
    background-image: linear-gradient(180deg, #c8c8f0, #f0b4b4)
}

.lightning-silver {
    background-image: linear-gradient(180deg, #c8e5f0, #dbcfe3)
}

.lightning-yellow {
    background-image: linear-gradient(180deg, #f5e6b3, #f5c2b3)
}

.lightning-dblue {
    background-image: linear-gradient(180deg, #efeff8, #f5aeae)
}

.lightning-red {
    background-image: linear-gradient(180deg, #fce3e9, #edf6fc)
}

.lightning-iblue {
    background-image: linear-gradient(180deg, #eae3f0, #c3e3fd)
}

.icon-ball-05,
.icon-ball-04,
.icon-ball-03,
.icon-ball-02,
.icon-ball-01 {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover
}

.icon-ball-01 {
    -webkit-mask-image: var(--path-ball-01);
    mask-image: var(--path-ball-01)
}

.icon-ball-02 {
    -webkit-mask-image: var(--path-ball-02);
    mask-image: var(--path-ball-02)
}

.icon-ball-03 {
    -webkit-mask-image: var(--path-ball-03);
    mask-image: var(--path-ball-03)
}

.icon-ball-04 {
    -webkit-mask-image: var(--path-ball-04);
    mask-image: var(--path-ball-04)
}

.icon-ball-05 {
    -webkit-mask-image: var(--path-ball-05);
    mask-image: var(--path-ball-05)
}

.icon-logo-wc,
.icon-logo-premier,
.icon-logo-great,
.icon-logo-ultra,
.icon-logo-master {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.icon-logo-master {
    background-image: var(--path-logo-master);
    aspect-ratio: 150/155
}

.icon-logo-ultra {
    background-image: var(--path-logo-ultra);
    aspect-ratio: 166/172
}

.icon-logo-great {
    background-image: var(--path-logo-great);
    aspect-ratio: 166/172
}

.icon-logo-premier {
    background-image: var(--path-logo-premier);
    aspect-ratio: 166/185
}

.icon-logo-wc {
    background-image: var(--path-logo-wc);
    aspect-ratio: 223/223
}

.action {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.6666666667vw
}

.btn-more {
    color: #000;
    font-size: 4vw;
    font-weight: var(--exbold);
    background: #eff4f7;
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    min-width: 46.6666666667vw;
    min-height: 12vw;
    padding-left: 9.3333333333vw;
    padding-right: 9.3333333333vw;
    border-radius: 1.6vw;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.btn-more:before,
.btn-more:after {
    content: "";
    display: block;
    width: 54.2857%;
    height: 100%;
    position: absolute;
    top: 0
}

.btn-more:before {
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22301.54%22%20height%3D%2290.097%22%20viewBox%3D%220%200%20301.54%2090.097%22%3E%3Cpath%20d%3D%22M739%2C2197.179v-.1H499.554v-90H792.56l-15.03%2C45.02h23.564l-14.656%2C45.077Z%22%20transform%3D%22translate%28-499.554%20-2107.082%29%22%20fill%3D%22%2368b7fa%22%2F%3E%3C%2Fsvg%3E) no-repeat 100% 50%;
    background-size: auto 100%;
    left: calc(-54.2857% + 8vw)
}

.btn-more:after {
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300.094%22%20height%3D%2290.419%22%20viewBox%3D%220%200%20300.094%2090.419%22%3E%3Cpath%20d%3D%22M9.095%2C90.419c-.175%2C0-.35%2C0-.523-.011L23.565%2C45.5H0L14.657.419H42.094V0h258V90H152.2v.419Z%22%20fill%3D%22%237312a0%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 50%;
    background-size: auto 100%;
    right: calc(-54.2857% + 8vw)
}

.btn-more.is-hidden {
    visibility: hidden
}

.btn-more>span {
    position: relative;
    z-index: 1
}

.btn-blank {
    display: inline-flex;
    align-items: center;
    vertical-align: bottom
}

.btn-blank:after {
    content: "";
    background: url(/img/icon_blank.svg) no-repeat;
    background-size: 100%;
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    margin-left: 1.3333333333vw
}

.btn-question {
    color: var(--white);
    font-size: 3.2vw;
    font-weight: var(--semi);
    line-height: 1.0416;
    letter-spacing: .1em;
    background: #68b7fa;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 26.9333333333vw;
    min-height: 15.8666666667vw;
    padding: 1.3333333333vw 1.6vw;
    border-radius: 1.3333333333vw;
    box-sizing: border-box;
    position: relative
}

.btn-question:before {
    content: "";
    background: url(/img/icon_question.svg) no-repeat;
    background-size: cover;
    display: block;
    width: 6.2666666667vw;
    height: 12.4vw;
    margin: auto;
    position: absolute;
    inset: 0;
    opacity: .5;
    mix-blend-mode: multiply
}

.btn-question.btn-question--scroll {
    padding-bottom: 1.0666666667vw
}

.btn-question.btn-question--scroll:after {
    content: "";
    background: url(/img/icon_check.svg) no-repeat;
    background-size: cover;
    display: block;
    flex-shrink: 0;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: 2vw auto 0;
    position: relative
}

.btn-question>span {
    position: relative
}

.btn-link {
    color: var(--white);
    font-size: 4.5333333333vw;
    font-weight: var(--bold);
    line-height: 1.4667;
    letter-spacing: .05em;
    background: var(--purple);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    min-width: 86.6666666667vw;
    min-height: 16vw;
    padding: 1.3333333333vw 8vw;
    border-radius: 16vw;
    box-sizing: border-box;
    position: relative
}

.btn-link:before,
.btn-link:after {
    content: "";
    background: var(--white);
    -webkit-mask: var(--path-ball-01) no-repeat;
    mask: var(--path-ball-01) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    display: block;
    width: 12.8vw;
    height: 12.8vw;
    position: absolute;
    opacity: .3
}

.btn-link:before {
    left: 1.9466666667vw
}

.btn-link:after {
    right: 1.9466666667vw
}

.btn-link.btn-link--purple {
    background: var(--purple)
}

.btn-link.btn-link--blue {
    background: var(--blue)
}

.btn-link.btn-link--red {
    background: var(--red)
}

.btn-link.btn-link--cyan {
    background: var(--cyan)
}

.btn-link.btn-link--pink {
    background: var(--pink)
}

.btn-link.btn-link--silver {
    background: var(--silver)
}

.btn-link.btn-link--yellow {
    background: var(--yellow)
}

.btn-link.btn-link--dblue {
    background: var(--dblue)
}

.btn-link.btn-link--comingsoon {
    background: #ac9b9b
}

.btn-anchor {
    color: var(--white);
    font-size: 3.2vw;
    font-weight: var(--bold);
    line-height: 1.4583;
    background: var(--blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 36.6666666667vw;
    min-height: 12.4vw;
    padding: 1.3333333333vw 2.6666666667vw;
    border: .8vw solid #92C5FF;
    border-radius: 13.3333333333vw;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.btn-anchor:before {
    content: "";
    background: var(--blue);
    -webkit-mask: var(--path-ball-01) no-repeat;
    mask: var(--path-ball-01) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    display: block;
    width: 13.6vw;
    height: 13.6vw;
    margin: auto;
    position: absolute;
    inset: 0;
    mix-blend-mode: multiply;
    opacity: .5
}

.btn-anchor.btn-anchor--blue {
    background: var(--blue);
    border-color: #92c5ff
}

.btn-anchor.btn-anchor--blue:before {
    background: var(--blue)
}

.btn-anchor.btn-anchor--red {
    background: var(--red);
    border-color: #ffb7b8
}

.btn-anchor.btn-anchor--red:before {
    background: var(--red)
}

.btn-anchor.btn-anchor--purple {
    background: var(--purple);
    border-color: #9763af
}

.btn-anchor.btn-anchor--purple:before {
    background: var(--purple);
    -webkit-mask-image: var(--path-ball-05);
    mask-image: var(--path-ball-05)
}

.btn-anchor.btn-anchor--silver {
    background: var(--silver);
    border-color: #e2e2e2
}

.btn-anchor.btn-anchor--silver:before {
    background: var(--silver);
    -webkit-mask-image: var(--path-ball-04);
    mask-image: var(--path-ball-04)
}

.btn-anchor.btn-anchor--yellow {
    background: var(--yellow);
    border-color: #ffc403
}

.btn-anchor.btn-anchor--yellow:before {
    background: var(--yellow);
    -webkit-mask-image: var(--path-ball-03);
    mask-image: var(--path-ball-03)
}

.btn-anchor.btn-anchor--dblue {
    background: var(--dblue);
    border-color: #6fb1ea
}

.btn-anchor.btn-anchor--dblue:before {
    background: var(--dblue);
    -webkit-mask-image: var(--path-ball-02);
    mask-image: var(--path-ball-02)
}

.btn-anchor>span {
    position: relative
}

.btn-anchor--chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    position: relative
}

.btn-anchor--chevron:after {
    content: "";
    display: block;
    color: #fff;
    line-height: 1;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    border: .2666666667vw solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-50%) translate(-25%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 1.3333333333vw
}

.btn-anchor--chevron span {
    padding-right: 2.6666666667vw
}

.btn-simple {
    color: var(--white);
    font-size: 3.2vw;
    font-weight: var(--bold);
    line-height: 1.2083;
    letter-spacing: 0;
    background: var(--cyan);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    width: 41.8666666667vw;
    min-height: 8.1333333333vw;
    padding: 1.3333333333vw 2.6666666667vw;
    border: .6666666667vw solid var(--cyan);
    border-radius: 8.1333333333vw;
    box-sizing: border-box
}

.btn-simple.btn-simple--purple {
    background: var(--purple);
    border-color: var(--purple)
}

.btn-simple.btn-simple--purple:hover {
    color: var(--purple)
}

.btn-simple.btn-simple--red {
    background: var(--red);
    border-color: var(--red)
}

.btn-simple.btn-simple--red:hover {
    color: var(--red)
}

.btn-simple.btn-simple--lpurple {
    color: var(--purple);
    background: #f1e4f7;
    border-color: #f1e4f7
}

.btn-simple.btn-simple--lpurple:hover {
    color: var(--purple)
}

.btn-simple.btn-simple--silver {
    background: var(--silver);
    border-color: var(--silver)
}

.btn-simple.btn-simple--silver:hover {
    color: var(--silver)
}

.btn-simple.btn-simple--lsilver {
    color: #416174;
    background: #d9e2ea;
    border-color: #d9e2ea
}

.btn-simple.btn-simple--lsilver:hover {
    color: #416174
}

.btn-simple.btn-simple--yellow {
    background: #ffc403;
    border-color: #ffc403
}

.btn-simple.btn-simple--yellow:hover {
    color: var(--yellow)
}

.btn-simple.btn-simple--lyellow {
    color: var(--yellow);
    background: #fef2be;
    border-color: #fef2be
}

.btn-simple.btn-simple--lyellow:hover {
    color: var(--yellow);
    border-color: #ffc403
}

.btn-simple.btn-simple--dblue {
    background: var(--dblue);
    border-color: var(--dblue)
}

.btn-simple.btn-simple--dblue:hover {
    color: var(--dblue)
}

.btn-simple.btn-simple--comingsoon {
    background: #ac9b9b;
    border-color: #ac9b9b
}

.btn-simple.btn-simple--comingsoon:hover {
    color: var(--white);
    background: #ac9b9b;
    border-color: #ac9b9b
}

.btn-simple:hover {
    color: var(--cyan);
    background: var(--white);
    opacity: 1
}

.btn-simple-side-link_blank {
    position: relative;
    text-align: left;
    padding-right: 3.2vw !important
}

.btn-simple-side-link_blank:before {
    right: 4vw;
    width: 1.3vw;
    height: 1.3vw;
    content: "";
    position: absolute;
    background-image: url(/img/side_event_link_blank.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 48%;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    opacity: 1
}

.btn-simple-side-link_blank:hover:before {
    opacity: 0
}

.btn-simple-side-link_blank:after {
    right: 4vw;
    width: 1.3vw;
    height: 1.3vw;
    content: "";
    position: absolute;
    background-image: url(/img/side_event_link_blank_hover.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 48%;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    opacity: 0
}

.btn-simple-side-link_blank:hover:after {
    opacity: 1
}

.link-base {
    color: var(--base)
}

:root {
    --teaser-base: #010339;
    --teaser-black: #000;
    --teaser-white: #fff;
    --teaser-navy: #000339;
    --teaser-blue: #60EDFF;
    --teaser-pink: #F236C7;
    --teaser-purple: #9B1CB1
}

.simplebar-scrollbar {
    height: 5px;
    background: #ff5353;
    border-radius: 10px;
    top: 0
}

.c-font-barlow {
    font-family: var(--font-barlow);
    font-weight: var(--semi);
    line-height: 1.7
}

.teaser_description {
    line-height: 1.9
}

.teaser-notice {
    font-size: 2.1333333333vw
}

.teaser-top-btn {
    position: relative;
    display: none;
    width: 89.3333333333vw;
    margin: 10.9333333333vw auto 0;
    padding: 2.1333333333vw 10.6666666667vw 2.1333333333vw 2.1333333333vw;
    font-family: var(--font-barlow);
    font-size: 4.6666666667vw;
    font-weight: var(--bold);
    text-align: center;
    text-decoration: none;
    line-height: 1;
    letter-spacing: .05em;
    color: var(--teaser-navy);
    background-color: var(--teaser-blue);
    border: .4vw solid var(--teaser-navy)
}

.teaser-top-btn.is-active {
    display: block
}

.teaser-top-btn:before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
    width: 12.4vw;
    height: .5333333333vw;
    background-color: var(--teaser-navy)
}

.teaser-top-btn span {
    display: block
}

.teaser-top-btn span.--main {
    font-size: 4.6666666667vw
}

.teaser-top-btn span.--main.--large {
    font-size: 5.3333333333vw
}

.teaser-top-btn span.--main.--small {
    font-size: 4vw
}

.teaser-top-btn span.--sub {
    font-size: 3.7333333333vw
}

.teaser-top-btn span.--sub.--small {
    font-size: 3.3333333333vw
}

.teaser-top-btn span:nth-child(2) {
    margin-top: 1.3333333333vw
}

body.teaser {
    background-color: var(--teaser-navy)
}

.main.teaser {
    font-size: 3.2vw;
    font-weight: var(--medium);
    line-height: 1.7;
    color: var(--teaser-white);
    scroll-behavior: smooth
}

html.teaser-hidden {
    overflow: hidden;
    height: 100vh
}

main.teaser-hidden {
    opacity: 0;
    pointer-events: none
}

.teaser-ani {
    position: fixed;
    inset: 0;
    background-color: var(--teaser-white);
    background-image: url(/img/teaser_animation_bg_sp.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 9999;
    opacity: 0
}

.teaser-ani.is-finished {
    pointer-events: none
}

.teaser-ani_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1) translateZ(0);
    will-change: transform
}

.teaser-ani_circle.teaser-ani_circle--aurora {
    width: 128.9333333333vw;
    max-width: none
}

.teaser-ani_lights {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

.teaser-ani_title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 3.3854166667vw));
    width: 100%;
    margin-top: 0 !important;
    text-align: center;
    color: var(--teaser-white)
}

.teaser-ani_title .teaser-ani_title_text {
    display: inline-block;
    font-family: var(--font-barlow);
    font-style: italic;
    opacity: 0
}

.teaser-ani_title .teaser-ani_title_text>span {
    opacity: 0;
    display: inline-block
}

.teaser-ani_title .teaser-ani_title_text.teaser-ani_title_text--year {
    font-size: 11.2vw;
    font-weight: var(--light);
    line-height: 1.2
}

.teaser-ani_title .teaser-ani_title_text.teaser-ani_title_text--region,
.teaser-ani_title .teaser-ani_title_text.teaser-ani_title_text--series {
    font-size: 12.6666666667vw;
    font-weight: var(--semi);
    line-height: 1.2
}

.teaser-hero {
    width: 100%;
    aspect-ratio: 750/1080;
    background-image: url(/img/teaser_hero_bg_sp.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.teaser-hero .teaser-hero_main {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 104.6666666667vw
}

.teaser-hero .teaser-hero_title {
    text-align: center
}

.teaser-hero .teaser-hero_title .--year,
.teaser-hero .teaser-hero_title .--region,
.teaser-hero .teaser-hero_title .--series {
    display: inline-block;
    font-family: var(--font-barlow);
    font-style: italic
}

.teaser-hero .teaser-hero_title .--local {
    font-family: var(--font-barlow);
    font-size: 8.6666666667vw;
    font-weight: var(--semi);
    font-style: italic
}

.teaser-hero .teaser-hero_title .--local.--small {
    font-size: 6.6666666667vw;
    line-height: 2.1
}

.teaser-hero .teaser-hero_title .--year {
    font-size: 11.2vw;
    font-weight: var(--light);
    line-height: 1.2
}

.teaser-hero .teaser-hero_title .--region,
.teaser-hero .teaser-hero_title .--series {
    font-size: 11.3333333333vw;
    font-weight: var(--semi);
    line-height: 1.2
}

.teaser-hero .home-hero_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
    margin-top: 10.6666666667vw
}

.teaser-hero .home-hero_logo_pic {
    display: block
}

.teaser-hero .home-hero_logo_pic.home-hero_logo_pic--great {
    width: 20.8vw
}

.teaser-hero .home-hero_logo_pic.home-hero_logo_pic--ultra {
    width: 20.5333333333vw
}

.teaser-hero .home-hero_logo_pic.home-hero_logo_pic--premier {
    width: 21.0666666667vw
}

.teaser-hero .home-hero_logo_pic.home-hero_logo_pic--master {
    width: 19.4666666667vw
}

.teaser-hero .teaser-hero_sub {
    position: absolute;
    top: 104.8vw;
    left: 0;
    width: 100%;
    padding: 5.3333333333vw 0 6.6666666667vw;
    height: 39.3333333333vw
}

.teaser-hero .teaser-slideshow {
    height: 100%;
    overflow: hidden
}

.teaser-hero .teaser-slideshow .teaser-slideshow_inner {
    display: flex;
    height: 100%
}

.teaser-hero .teaser-slideshow .teaser-slideshow_slides {
    display: flex;
    flex-shrink: 0;
    align-items: flex-end;
    height: 100%;
    will-change: transform
}

.teaser-hero .teaser-slideshow .teaser-slideshow_slides:first-child {
    animation: scrollToLeft 100s -50s linear infinite
}

.teaser-hero .teaser-slideshow .teaser-slideshow_slides:last-child {
    animation: scrollToLeft2 100s linear infinite
}

.teaser-hero .teaser-slideshow .teaser-slideshow_slides>div {
    height: 100%
}

.teaser-hero .teaser-slideshow .teaser-slideshow_slides>div>span {
    display: block;
    height: 100%;
    margin-left: 5.3333333333vw
}

.teaser-hero .teaser-slideshow .teaser-slideshow_slides>div>span>img {
    width: auto;
    height: 100%
}

@keyframes scrollToLeft {
    0% {
        transform: translate(100%)
    }
    to {
        transform: translate(-100%)
    }
}

@keyframes scrollToLeft2 {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-200%)
    }
}

.teaser-language-notice {
    padding-top: 2vw
}

.teaser-anchor {
    padding: 10vw 0
}

.teaser-anchor .teaser-anchor_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4vw;
    margin: 0 auto
}

.teaser-anchor .teaser-anchor_list li {
    width: calc(100% - 2vw)
}

.teaser-anchor .teaser-anchor_link {
    position: relative;
    display: block;
    width: 100%;
    padding: 4vw 10.6666666667vw 4vw 2.6666666667vw;
    font-family: var(--font-barlow);
    font-size: 5.3333333333vw;
    font-weight: var(--semi);
    line-height: 1.2;
    text-decoration: none;
    border: .4vw solid currentColor
}

.teaser-anchor .teaser-anchor_link:before {
    position: absolute;
    top: 50%;
    right: 3.0666666667vw;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 7.0666666667vw;
    height: 7.0666666667vw;
    border: .4vw solid currentColor;
    border-radius: 50%
}

.teaser-anchor .teaser-anchor_link:after {
    position: absolute;
    top: 50%;
    right: 5.3333333333vw;
    content: "";
    width: 2.5333333333vw;
    height: 2.5333333333vw;
    border-top: .4vw solid currentColor;
    border-right: .4vw solid currentColor;
    transform: translateY(calc(-50% - .5333333333vw)) rotate(135deg)
}

.teaser-anchor .teaser-anchor_link.teaser-anchor_link--blue {
    color: var(--teaser-blue)
}

.teaser-anchor .teaser-anchor_link.teaser-anchor_link--pink {
    color: var(--teaser-pink)
}

@keyframes neonPink {
    0% {
        text-shadow: 0 0 10px var(--teaser-white), 0 0 20px var(--teaser-pink), 0 0 30px var(--teaser-pink), 0 0 40px var(--teaser-pink);
        box-shadow: 0 0 5px var(--teaser-white), inset 0 0 5px var(--teaser-white), 0 0 10px var(--teaser-pink), inset 0 0 10px var(--teaser-pink), 0 0 15px var(--teaser-pink), inset 0 0 15px var(--teaser-pink), 0 0 20px var(--teaser-pink), inset 0 0 20px var(--teaser-pink)
    }
    to {
        text-shadow: 0 0 20px var(--teaser-white), 0 0 30px var(--teaser-pink), 0 0 40px var(--teaser-pink), 0 0 50px var(--teaser-pink);
        box-shadow: 0 0 10px var(--teaser-white), inset 0 0 10px var(--teaser-white), 0 0 20px var(--teaser-pink), inset 0 0 20px var(--teaser-pink), 0 0 30px var(--teaser-pink), inset 0 0 30px var(--teaser-pink), 0 0 40px var(--teaser-pink), inset 0 0 40px var(--teaser-pink)
    }
}

@keyframes neonBlue {
    0% {
        text-shadow: 0 0 10px var(--teaser-white), 0 0 20px var(--teaser-blue), 0 0 30px var(--teaser-blue), 0 0 40px var(--teaser-blue);
        box-shadow: 0 0 5px var(--teaser-white), inset 0 0 5px var(--teaser-white), 0 0 10px var(--teaser-blue), inset 0 0 10px var(--teaser-blue), 0 0 15px var(--teaser-blue), inset 0 0 15px var(--teaser-blue), 0 0 20px var(--teaser-blue), inset 0 0 20px var(--teaser-blue)
    }
    to {
        text-shadow: 0 0 20px var(--teaser-white), 0 0 30px var(--teaser-blue), 0 0 40px var(--teaser-blue), 0 0 50px var(--teaser-blue);
        box-shadow: 0 0 10px var(--teaser-white), inset 0 0 10px var(--teaser-white), 0 0 20px var(--teaser-blue), inset 0 0 20px var(--teaser-blue), 0 0 30px var(--teaser-blue), inset 0 0 30px var(--teaser-blue), 0 0 40px var(--teaser-blue), inset 0 0 40px var(--teaser-blue)
    }
}

.teaser-fixed-bg-section_inner {
    position: relative
}

.teaser-tcg_deco-division {
    position: absolute;
    top: 11.3333333333vw;
    left: 2vw;
    width: 53.4666666667vw;
    aspect-ratio: 387/72;
    background-image: url(/img/deco_division_tcg_sp.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-image .5s;
    z-index: -1
}

.teaser-tcg_deco-ball {
    position: absolute;
    top: 26.6666666667vw;
    right: -14vw;
    width: 53.3333333333vw;
    max-height: 100vh;
    aspect-ratio: 2188/2172;
    background-image: url(/img/deco_ball_blue.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-image .5s;
    z-index: -1
}

.teaser-tcg_deco-ball.is-active-vgc {
    background-image: url(/img/deco_ball_pink.webp)
}

.teaser-tcg {
    position: relative;
    padding: 25.3333333333vw 0 12vw;
    z-index: 50
}

.teaser-tcg .teaser-tcg_heading {
    margin-bottom: 8.8vw;
    font-size: 6.6666666667vw;
    font-weight: var(--semi);
    line-height: 1.3;
    letter-spacing: .05em;
    padding-bottom: .2em;
    padding-left: 3.7333333333vw;
    border-left: 1.0666666667vw solid var(--teaser-blue)
}

.teaser-tcg .teaser-tcg_heading span {
    font-family: var(--font-barlow);
    font-weight: var(--semi);
    line-height: 1.2
}

.teaser-tcg .teaser-tcg_container {
    width: 70.6666666667vw;
    margin: 0 auto
}

.teaser-tcg .teaser-tcg_container>p {
    margin-top: 8vw;
    letter-spacing: .02em
}

.teaser-tcg .teaser-tcg_league-list-outer {
    width: 70.6666666667vw;
    margin: 14.5333333333vw auto 0;
    padding: 6.6666666667vw 5.3333333333vw 6.6666666667vw 7.3333333333vw;
    position: relative;
    background-color: #60edff1a
}

.teaser-tcg .teaser-tcg_league-list-outer:before,
.teaser-tcg .teaser-tcg_league-list-outer:after {
    content: "";
    position: absolute;
    border-color: var(--teaser-blue);
    border-style: solid;
    width: 10.6666666667vw;
    height: 10.6666666667vw
}

.teaser-tcg .teaser-tcg_league-list-outer:before {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    border-top-width: .6666666667vw;
    border-left-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_league-list-outer:after {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
    border-bottom-width: .6666666667vw;
    border-right-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    pointer-events: none
}

.teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:before,
.teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:after {
    content: "";
    position: absolute;
    border-color: var(--teaser-blue);
    border-style: solid;
    width: 10.6666666667vw;
    height: 10.6666666667vw
}

.teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:before {
    bottom: 0;
    left: 0;
    border-top: none;
    border-right: none;
    border-bottom-width: .6666666667vw;
    border-left-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:after {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
    border-top-width: .6666666667vw;
    border-right-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty+p {
    margin-top: 0
}

.teaser-tcg .teaser-tcg_leagues {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3.6vw;
    margin-top: 0;
    letter-spacing: 0
}

.teaser-tcg .teaser-tcg_leagues>li {
    width: 100%
}

.teaser-tcg .teaser-tcg_leagues>li>div {
    display: flex;
    align-items: center;
    gap: 3.6vw
}

.teaser-tcg .teaser-tcg_leagues>li>div>span {
    width: calc(100% - 2.8vw - 34.6666666667vw)
}

.teaser-tcg .teaser-tcg_leagues>li>div>p {
    margin-top: 0;
    font-size: 2.4vw
}

.teaser-tcg .teaser-tcg_leagues_img {
    flex-shrink: 0
}

.teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--premier {
    width: 19.0666666667vw
}

.teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--great,
.teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--ultra {
    width: 18.8vw
}

.teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--master {
    width: 18vw
}

.teaser-tcg .teaser-tcg-flow {
    padding: 9.3333333333vw 0 8vw
}

.teaser-tcg .teaser-tcg-flow_heading {
    font-family: var(--font-oswald);
    font-size: 4vw;
    font-weight: var(--bold);
    line-height: 1.5;
    letter-spacing: .1em;
    color: var(--teaser-blue)
}

.teaser-tcg .teaser-tcg-flow_heading.teaser-tcg-flow_heading--narrow {
    letter-spacing: .05em
}

.teaser-tcg .teaser-tcg-flow_scroll-content_inner {
    position: relative;
    width: 165.3333333333vw;
    margin-left: 5.3333333333vw;
    margin-right: 5.3333333333vw;
    padding: 4vw 0 1.3333333333vw;
    background-color: var(--teaser-navy);
    box-shadow: 0 -.5333333333vw 1.3333333333vw -.2666666667vw var(--teaser-blue), 0 .5333333333vw 1.3333333333vw -.2666666667vw var(--teaser-blue)
}

.teaser-tcg .teaser-tcg-flow_scroll-content_inner:after {
    position: absolute;
    top: 50%;
    right: 19.5%;
    transform: translateY(-50%);
    height: 101.5%;
    aspect-ratio: 210/601;
    background-image: url(/img/teaser_deco_shadow_allow.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

.teaser-tcg .teaser-tcg-flow_scroll-content_scroll {
    position: relative;
    padding: 4vw 0 7.3333333333vw;
    scrollbar-color: var(--teaser-blue) #D1C1C3
}

.teaser-tcg .teaser-tcg-flow_scroll-content {
    position: relative
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol {
    display: flex;
    justify-content: space-between;
    gap: 3.3333333333vw;
    margin-top: 0
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li {
    width: 25%;
    flex-grow: 0
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li:nth-of-type(2) span {
    width: 40.2666666667vw;
    aspect-ratio: 604/296;
    background-image: url(/img/teaser_league_map.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li:first-of-type {
    position: relative
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li:first-of-type:before {
    position: absolute;
    top: -15%;
    right: calc(100% - 1px);
    width: 5.3333333333vw;
    height: 158%;
    background-color: var(--teaser-navy);
    content: "";
    z-index: 10
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li:last-of-type {
    position: relative
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li:last-of-type:before {
    position: absolute;
    top: -15%;
    left: calc(100% - 1px);
    width: 5.3333333333vw;
    height: 158%;
    background-color: var(--teaser-navy);
    content: "";
    z-index: 10
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1.0666666667vw;
    height: 100%
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>span.icon-logo-premier {
    width: 18.2666666667vw
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>span.icon-logo-master {
    width: 16.9333333333vw
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>span.icon-logo-wc {
    width: 18.6666666667vw
}

.teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>p {
    min-height: 8vw;
    margin-top: 0;
    font-size: 2.1333333333vw;
    text-align: center;
    line-height: 1.25
}

.teaser-tcg .teaser-tcg-flow_scroll-content_text {
    display: flex;
    align-items: center;
    gap: 3.3333333333vw;
    width: 65%;
    margin-top: .6666666667vw;
    font-size: 2.1333333333vw;
    font-weight: var(--bold);
    text-align: center;
    color: var(--teaser-blue)
}

.teaser-tcg .teaser-tcg-flow_scroll-content_text span {
    display: inline-block
}

.teaser-tcg .teaser-tcg-flow_scroll-content_text span:empty {
    flex-grow: 1;
    height: .4vw;
    background-color: var(--teaser-blue)
}

.teaser-tcg .teaser-tcg-flow_scroll-content_text span:empty:first-child {
    margin-left: 6vw
}

.teaser-tcg .teaser-tcg-flow_scroll-content_text span:empty:last-child {
    position: relative
}

.teaser-tcg .teaser-tcg-flow_scroll-content_text span:empty:last-child:after {
    content: "";
    width: 2vw;
    height: 2vw;
    border: 0;
    border-top: solid .4vw var(--teaser-blue);
    border-right: solid .4vw var(--teaser-blue);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(45deg) skew(10deg, 10deg)
}

.teaser-tcg .teaser-tcg_date-list {
    display: flex;
    flex-direction: column;
    gap: 6vw;
    width: 74.6666666667vw;
    margin: 14.1333333333vw auto 0
}

.teaser-tcg .teaser-tcg_date-list>li {
    width: 100%
}

.teaser-tcg .teaser-tcg_date-list>li>div {
    padding: 4.6666666667vw 4.6666666667vw 6.6666666667vw;
    text-align: center;
    letter-spacing: .1em;
    position: relative;
    background-color: #60edff1a
}

.teaser-tcg .teaser-tcg_date-list>li>div:before,
.teaser-tcg .teaser-tcg_date-list>li>div:after {
    content: "";
    position: absolute;
    border-color: var(--teaser-blue);
    border-style: solid;
    width: 6.1333333333vw;
    height: 6.1333333333vw
}

.teaser-tcg .teaser-tcg_date-list>li>div:before {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    border-top-width: .6666666667vw;
    border-left-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_date-list>li>div:after {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
    border-bottom-width: .6666666667vw;
    border-right-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    pointer-events: none
}

.teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:before,
.teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:after {
    content: "";
    position: absolute;
    border-color: var(--teaser-blue);
    border-style: solid;
    width: 6.1333333333vw;
    height: 6.1333333333vw
}

.teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:before {
    bottom: 0;
    left: 0;
    border-top: none;
    border-right: none;
    border-bottom-width: .6666666667vw;
    border-left-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:after {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
    border-top-width: .6666666667vw;
    border-right-width: .6666666667vw
}

.teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty+p {
    margin-top: 0
}

.teaser-tcg .teaser-tcg_date-list>li>div p:nth-of-type(1) {
    font-size: 4.6666666667vw;
    font-weight: var(--bold);
    line-height: 1.4
}

.teaser-tcg .teaser-tcg_date-list>li>div p:nth-of-type(2) {
    margin-top: 3.7333333333vw;
    font-family: var(--font-barlow);
    font-size: 8vw;
    font-weight: var(--semi);
    line-height: 1.1
}

.teaser-tcg .teaser-tcg_section {
    padding: 12vw 0
}

.teaser-tcg .teaser-tcg_section:first-of-type {
    margin-top: 12vw
}

.teaser-tcg .teaser-tcg_section:last-of-type {
    padding-bottom: 0
}

.teaser-tcg .teaser-tcg_section h3 {
    font-family: var(--font-barlow);
    font-size: 6.6666666667vw
}

.teaser-tcg .teaser-tcg_section_container {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 4.2666666667vw
}

.teaser-tcg .teaser-tcg_section_container>* {
    margin-top: 0;
    margin-bottom: 0
}

.teaser-tcg .teaser-tcg_section_container>div>* {
    margin-top: 0
}

.teaser-tcg .teaser-tcg_section_heading {
    width: 100%;
    font-family: var(--font-barlow);
    font-weight: var(--semi);
    letter-spacing: .06em
}

.teaser-tcg .teaser-tcg_section_heading>span {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 1.3333333333vw;
    padding: .9333333333vw 0;
    line-height: 1.3;
    color: var(--teaser-navy);
    background-color: var(--teaser-white)
}

.teaser-tcg .teaser-tcg_section_heading>span:before {
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    width: 50vw;
    height: 100%;
    background-color: var(--teaser-white);
    content: ""
}

.teaser-tcg .teaser-tcg_section_heading>span:after {
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    width: 100%;
    height: 100%;
    background-color: var(--teaser-white);
    content: ""
}

.teaser-tcg .teaser-tcg_logo {
    display: block;
    width: 28.8vw
}

.teaser-tcg .teaser-tcg_league-overview {
    font-size: 3.2vw;
    line-height: 1.6;
    letter-spacing: .05em;
    border: .1333333333vw solid var(--teaser-white)
}

.teaser-tcg .teaser-tcg_league-overview>div {
    display: flex;
    flex-direction: column
}

.teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(odd)>dt {
    background-color: #355b81
}

.teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(odd)>dd {
    background-color: #262957
}

.teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(2n)>dt {
    background-color: #355b81
}

.teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(2n)>dd {
    background-color: #262957
}

.teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(2)>dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3.3333333333vw
}

.teaser-tcg .teaser-tcg_league-overview>div>dt,
.teaser-tcg .teaser-tcg_league-overview>div dd {
    padding: 3.8666666667vw 4.4vw
}

.teaser-tcg .teaser-tcg_league-overview>div>dd .teaser-notice {
    margin-top: 2vw
}

.teaser-tcg .teaser-tcg_detail-btn {
    display: inline-block;
    padding: 2.1333333333vw 6.4vw;
    text-decoration: none;
    line-height: 1.2;
    color: var(--teaser-white);
    background-color: #446b8e;
    border: .2666666667vw solid var(--teaser-white)
}

.teaser-vgc {
    position: relative;
    padding: 25.3333333333vw 0 12vw;
    z-index: 50
}

.teaser-vgc.no-heading {
    padding-top: 12vw
}

.teaser-vgc .teaser-vgc_deco-division {
    position: absolute;
    top: 11.3333333333vw;
    left: 2vw;
    width: 54vw;
    aspect-ratio: 391/72;
    background-image: url(/img/deco_division_vgc_sp.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1
}

.teaser-vgc .teaser-vgc_deco-ball {
    position: absolute;
    top: 6.6666666667vw;
    right: -14vw;
    width: 53.3333333333vw;
    max-height: 100vh;
    aspect-ratio: 2188/2172;
    background-image: url(/img/deco_ball_pink.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1
}

.teaser-vgc .teaser-vgc_heading {
    font-family: var(--font-barlow);
    margin-bottom: 8.8vw;
    font-size: 6.6666666667vw;
    font-weight: var(--semi);
    line-height: 1.2;
    letter-spacing: .05em;
    padding-bottom: .2em;
    padding-left: 3.7333333333vw;
    border-left: 1.0666666667vw solid var(--teaser-pink)
}

.teaser-vgc .teaser-vgc_comingsoon {
    display: block;
    width: 65.6vw;
    margin: 22.6666666667vw auto 0
}

.teaser-advance-notice {
    padding-bottom: 5.3333333333vw
}

.teaser-advance-notice .teaser-advance-notice_text {
    font-size: 2.6666666667vw;
    text-align: center;
    letter-spacing: .05em
}

body#th .teaser-tcg_heading {
    letter-spacing: .05em
}

body#th .teaser-tcg_container>p {
    letter-spacing: .05em
}

body#th .teaser-tcg_leagues {
    letter-spacing: 0
}

body#th .teaser-tcg_section_heading {
    letter-spacing: .05em
}

body#th .teaser-tcg_section_heading>span {
    padding: 1.8666666667vw 0
}

body#th .teaser_description {
    letter-spacing: .05em
}

body#th .teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>p {
    letter-spacing: .05em
}

body#th .teaser-tcg .teaser-tcg-flow_scroll-content_text {
    letter-spacing: .05em
}

body#th .teaser-tcg .teaser-tcg_date-list>li>div>p {
    letter-spacing: .05em
}

body#th .teaser-tcg .teaser-top-btn,
body#th .teaser-tcg .teaser-tcg_section h3,
body#th .teaser-tcg_league-overview,
body#th .teaser-vgc_heading,
body#th .teaser-advance-notice_text {
    letter-spacing: .05em
}

.c-none {
    display: none !important
}

.c-block {
    display: block !important
}

.c-inline-block {
    display: inline-block !important
}

.c-color-white {
    color: var(--white) !important
}

.c-fw-regular {
    font-weight: var(--regular) !important
}

.c-fw-medium {
    font-weight: var(--medium) !important
}

.c-fw-semi {
    font-weight: var(--semi) !important
}

.c-fw-bold {
    font-weight: var(--bold) !important
}

.c-ta-left {
    text-align: left !important
}

.c-ta-center {
    text-align: center !important
}

.c-ta-right {
    text-align: right !important
}

.c-ws-nowrap {
    white-space: nowrap
}

.c-sr {
    word-wrap: normal;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

@media screen and (width >=768px) {
    body {
        font-size: min(1.0416666667vw, 20px);
        line-height: 1.9
    }
    .header .header_logo {
        justify-content: flex-start;
        height: min(4.84375vw, 93px);
        padding-left: min(1.9270833333vw, 37px)
    }
    .header .header_logo_img {
        width: min(8.4895833333vw, 163px)
    }
    .header .header_menu {
        font-size: min(1.5104166667vw, 29px);
        width: min(6.09375vw, 117px);
        height: min(4.84375vw, 93px)
    }
    .header .header_menu:before,
    .header .header_menu:after {
        width: min(3.59375vw, 69px);
        height: min(.2604166667vw, 5px);
        top: calc(50% - min(.1302083333vw, 2.5px))
    }
    .header .header_menu:before {
        transform: translateY(-1.25vw)
    }
    .header .header_menu:after {
        transform: translateY(min(1.25vw, 24px))
    }
    .header .header_drawer:before {
        background-image: url(/img/drawer_bg.svg);
        min-width: 700px;
        width: 47.7917%
    }
    .header .header_drawer_body {
        max-width: min(29.1666666667vw, 560px);
        padding: calc(min(4.84375vw, 93px) + min(2.6041666667vw, 50px)) min(4.6875vw, 90px) min(13.0208333333vw, 250px)
    }
    .header .header_drawer_logo {
        width: min(26.3020833333vw, 505px);
        right: min(5.46875vw, 105px);
        bottom: min(3.9583333333vw, 76px)
    }
    .header .header_nav {
        row-gap: min(1.1458333333vw, 22px)
    }
    .header .header_nav_link {
        font-size: min(1.875vw, 36px)
    }
    .header .header_nav_link[target=_blank]:after {
        width: min(1.1979166667vw, 23px);
        height: min(1.1979166667vw, 23px);
        margin-left: min(.5208333333vw, 10px)
    }
    .header .header_nav_link.header_nav_link--small {
        font-size: min(1.5625vw, 30px)
    }
    .header .header_nav_action {
        font-size: min(1.875vw, 36px);
        -moz-column-gap: min(.625vw, 12px);
        column-gap: min(.625vw, 12px)
    }
    .header .header_nav_action:after {
        width: min(1.1458333333vw, 22px);
        height: min(1.1458333333vw, 22px)
    }
    .header .header_nav_list {
        row-gap: min(.4166666667vw, 8px);
        padding-top: min(.8333333333vw, 16px)
    }
    .header .header_lang {
        margin-top: min(3.3854166667vw, 65px)
    }
    .header .header_lang_action {
        font-size: min(1.5625vw, 30px)
    }
    .header .header_lang_list {
        row-gap: min(.4166666667vw, 8px);
        padding-top: min(.9375vw, 18px)
    }
    .share {
        padding-bottom: min(3.59375vw, 69px)
    }
    .share .share_inner {
        margin-inline: auto;
        padding-left: min(4.2708333333vw, 82px);
        padding-right: min(4.2708333333vw, 82px)
    }
    .share .share_container {
        justify-content: center;
        -moz-column-gap: min(2.4479166667vw, 47px);
        column-gap: min(2.4479166667vw, 47px);
        padding: min(1.5625vw, 30px) min(6.875vw, 132px)
    }
    .share .share_title {
        font-size: min(1.3541666667vw, 26px);
        max-width: inherit
    }
    .share .share_list {
        -moz-column-gap: min(1.8229166667vw, 35px);
        column-gap: min(1.8229166667vw, 35px)
    }
    .share .share_icon {
        width: min(5.9375vw, 114px)
    }
    .pagetop {
        right: min(5.3645833333vw, 103px);
        bottom: min(4.7395833333vw, 91px)
    }
    .pagetop.is-absolute {
        right: min(1.09375vw, 21px)
    }
    .pagetop .pagetop_icon {
        width: min(6.7708333333vw, 130px)
    }
    .footer {
        padding: min(5.8333333333vw, 112px) 0 min(3.6458333333vw, 70px);
        overflow: hidden
    }
    .footer .footer_inner {
        margin: 0 auto;
        box-sizing: border-box;
        position: relative;
        width: min(60.4166666667vw, 1160px);
        margin-inline: auto;
        padding-left: 0;
        padding-right: 0
    }
    .footer .footer_inner:before,
    .footer .footer_inner:after {
        width: min(35.7291666667vw, 686px)
    }
    .footer .footer_inner:before {
        top: -17%;
        left: -66%
    }
    .footer .footer_inner:after {
        top: -17%;
        bottom: unset;
        right: -66%
    }
    .footer .footer_nav_list_outer:before,
    .footer .footer_nav_list_outer:after {
        width: min(2.6041666667vw, 50px);
        height: min(2.6041666667vw, 50px)
    }
    .footer .footer_nav_list_outer:before {
        border-top-width: min(.15625vw, 3px);
        border-left-width: min(.15625vw, 3px)
    }
    .footer .footer_nav_list_outer:after {
        border-bottom-width: min(.15625vw, 3px);
        border-right-width: min(.15625vw, 3px)
    }
    .footer .footer_nav_list_outer>span:first-child:empty:before,
    .footer .footer_nav_list_outer>span:first-child:empty:after {
        width: min(2.6041666667vw, 50px);
        height: min(2.6041666667vw, 50px)
    }
    .footer .footer_nav_list_outer>span:first-child:empty:before {
        border-bottom-width: min(.15625vw, 3px);
        border-left-width: min(.15625vw, 3px)
    }
    .footer .footer_nav_list_outer>span:first-child:empty:after {
        border-top-width: min(.15625vw, 3px);
        border-right-width: min(.15625vw, 3px)
    }
    .footer .footer_nav_list_outer {
        padding: min(2.2395833333vw, 43px) min(3.3854166667vw, 65px)
    }
    .footer .footer_nav_list_outer+.footer_nav_list_outer {
        margin-top: min(2.6041666667vw, 50px)
    }
    .footer .footer_nav_list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: min(1.3020833333vw, 25px) min(.78125vw, 15px)
    }
    .footer .footer_nav_item {
        width: calc(49.999% - min(.4166666667vw, 8px))
    }
    .footer .footer_nav_item.footer_nav_item--long {
        width: 100%
    }
    .footer .footer_nav_item.footer_nav_item--short {
        width: calc(33.3333% - min(.8333333333vw, 16px) * 2 / 3)
    }
    .footer .footer_btn {
        font-size: min(1.3020833333vw, 25px);
        padding: min(.78125vw, 15px) min(.78125vw, 15px) min(.9375vw, 18px);
        border-width: min(.0520833333vw, 1px)
    }
    .footer .footer_contact {
        display: block;
        -moz-column-gap: min(.78125vw, 15px);
        column-gap: min(.78125vw, 15px);
        margin-top: min(2.0833333333vw, 40px)
    }
    .footer .footer_contact_pic {
        width: min(21.0416666667vw, 404px);
        width: 21.0416%;
        position: absolute;
        left: 4.427%;
        top: min(3.90625vw, 75px)
    }
    .footer .footer_contact_text {
        font-size: min(.78125vw, 15px)
    }
    .footer .footer_balls {
        width: min(19.0104166667vw, 365px);
        height: min(19.0104166667vw, 365px);
        margin-top: min(1.875vw, 36px)
    }
    .footer .footer_copy {
        margin-top: min(1.3020833333vw, 25px)
    }
    .footer .footer_copy_company {
        max-width: inherit;
        width: min(25.9375vw, 498px)
    }
    .footer .footer_copy_nintendo {
        max-width: inherit;
        width: min(9.1666666667vw, 176px)
    }
    .footer .footer_copy_switch {
        max-width: inherit;
        width: min(13.8020833333vw, 265px)
    }
    .footer .footer_copy_text {
        font-size: min(.625vw, 12px);
        margin-top: min(1.3541666667vw, 26px);
        margin-right: 0
    }
    .content-header {
        min-height: min(12.5vw, 240px);
        padding: min(.5208333333vw, 10px) min(2.0833333333vw, 40px)
    }
    .content-header.content-header--lv2:before,
    .content-header.content-header--lv2:after {
        width: min(49.7395833333vw, 955px);
        height: min(49.7395833333vw, 955px)
    }
    .content-header.content-header--lv2:before {
        left: -16%
    }
    .content-header.content-header--lv2:after {
        right: -16%
    }
    .content-header.content-header--lv3 .content-header_title:after {
        left: min(10.4166666667vw, 200px)
    }
    .content-header.content-header--lv4 .content-header_title:after {
        left: min(10.4166666667vw, 200px)
    }
    .content-header.content-header--master-ball:before,
    .content-header.content-header--master-ball:after {
        width: min(31.1458333333vw, 598px);
        height: min(32.0833333333vw, 616px)
    }
    .content-header.content-header--master-ball:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--master-ball:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--master-ball .content-header_title:after {
        width: min(9.2708333333vw, 178px);
        height: min(9.5833333333vw, 184px)
    }
    .content-header.content-header--premier-ball:before,
    .content-header.content-header--premier-ball:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--premier-ball:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--premier-ball:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--premier-ball .content-header_title:after {
        width: min(9.1145833333vw, 175px);
        height: min(9.6354166667vw, 185px)
    }
    .content-header.content-header--side-event01:before,
    .content-header.content-header--side-event01:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--side-event01:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--side-event01:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--side-event01 .content-header_title:after {
        width: min(9.1145833333vw, 175px);
        height: min(9.6354166667vw, 185px)
    }
    .content-header.content-header--side-event02:before,
    .content-header.content-header--side-event02:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--side-event02:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--side-event02:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--side-event02 .content-header_title:after {
        width: min(9.1145833333vw, 175px);
        height: min(9.6354166667vw, 185px)
    }
    .content-header.content-header--side-event03:before,
    .content-header.content-header--side-event03:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--side-event03:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--side-event03:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--side-event03 .content-header_title:after {
        width: min(9.1145833333vw, 175px);
        height: min(9.6354166667vw, 185px)
    }
    .content-header.content-header--side-event04:before,
    .content-header.content-header--side-event04:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--side-event04:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--side-event04:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--side-event04 .content-header_title:after {
        width: min(9.1145833333vw, 175px);
        height: min(9.6354166667vw, 185px)
    }
    .content-header.content-header--side-event05:before,
    .content-header.content-header--side-event05:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--side-event05:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--side-event05:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--side-event05 .content-header_title:after {
        width: min(9.1145833333vw, 175px);
        height: min(9.6354166667vw, 185px)
    }
    .content-header.content-header--ultra-ball:before,
    .content-header.content-header--ultra-ball:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--ultra-ball:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--ultra-ball:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--ultra-ball .content-header_title:after {
        width: min(8.5416666667vw, 164px);
        height: min(8.8541666667vw, 170px)
    }
    .content-header.content-header--great-ball:before,
    .content-header.content-header--great-ball:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header.content-header--great-ball:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header.content-header--great-ball:after {
        top: min(-6.25vw, -120px)
    }
    .content-header.content-header--great-ball .content-header_title:after {
        width: min(8.5416666667vw, 164px);
        height: min(8.8541666667vw, 170px)
    }
    .content-header .content-header_title {
        font-size: min(3.125vw, 60px)
    }
    .content {
        padding-top: min(4.6875vw, 90px);
        padding-bottom: min(10.4166666667vw, 200px)
    }
    .content .content_pokemon {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        will-change: transform
    }
    .content .content_pokemon.is-fixed {
        position: fixed
    }
    .content .content_pokemon.is-absolute {
        position: absolute;
        top: inherit !important;
        bottom: 0
    }
    .content .content_bg_lightning {
        width: min(31.6666666667vw, 608px);
        height: min(119.7916666667vw, 2300px)
    }
    .content .content_bg_ball {
        width: min(54.7916666667vw, 1052px);
        height: min(54.7916666667vw, 1052px);
        top: min(2.8125vw, 54px);
        right: min(-10.4166666667vw, -200px)
    }
    .content .content_bg_league.content_bg_league--master {
        width: min(65.625vw, 1260px);
        height: min(67.65625vw, 1299px);
        right: min(-9.375vw, -180px)
    }
    .content .content_bg_league.content_bg_league--ultra {
        width: min(65.4166666667vw, 1256px);
        height: min(67.7604166667vw, 1301px);
        right: min(-9.21875vw, -177px)
    }
    .content .content_bg_league.content_bg_league--great {
        width: min(65.3125vw, 1254px);
        height: min(67.7083333333vw, 1300px);
        right: min(-8.90625vw, -171px)
    }
    .content .content_bg_league.content_bg_league--premier {
        display: none
    }
    .content-header--master_side_event:before,
    .content-header--master_side_event:after {
        width: min(29.8958333333vw, 574px);
        height: min(31.6666666667vw, 608px)
    }
    .content-header--master_side_event:before {
        bottom: min(-2.0833333333vw, -40px)
    }
    .content-header--master_side_event:after {
        top: min(-6.25vw, -120px)
    }
    .content-header--master_side_event .content-header_title:after {
        width: min(9.1145833333vw, 175px);
        height: min(9.6354166667vw, 185px)
    }
    .section:not(:first-child) {
        margin-top: min(13.0208333333vw, 250px)
    }
    .section .section_action {
        margin-top: min(3.6458333333vw, 70px)
    }
    .inner {
        width: min(62.5vw, 1200px);
        margin-inline: auto;
        padding-left: 0;
        padding-right: 0
    }
    .live-info {
        padding-bottom: min(2.7083333333vw, 52px);
        border-radius: min(.5208333333vw, 10px)
    }
    .live-info:not(:first-child) {
        margin-top: min(3.125vw, 60px)
    }
    .live-info.live-info--premier .live-info_title {
        width: min(49.4270833333vw, 949px);
        height: min(13.1770833333vw, 253px)
    }
    .live-info.live-info--premier .live-info_logo {
        width: min(13.6458333333vw, 262px);
        height: min(15.2083333333vw, 292px);
        top: min(3.2291666667vw, 62px)
    }
    .live-info.live-info--master .live-info_title {
        width: min(47.5520833333vw, 913px);
        height: min(13.1770833333vw, 253px)
    }
    .live-info.live-info--master .live-info_logo {
        width: min(13.3333333333vw, 256px);
        height: min(13.75vw, 264px);
        top: min(3.3333333333vw, 64px)
    }
    .live-info .live-info_body {
        width: 92.1667%;
        padding: min(4.4270833333vw, 85px) min(3.125vw, 60px) min(3.5416666667vw, 68px);
        border-radius: min(.5208333333vw, 10px)
    }
    .live-info .live-info_bg {
        background-position: 50% 35%;
        background-size: cover;
        width: min(41.40625vw, 795px)
    }
    .live-info .live-info_column {
        grid-template-columns: 1fr 1fr;
        gap: min(2.7083333333vw, 52px)
    }
    .live-info .live-info_column.live-info_column--coming {
        -moz-column-gap: min(2.7083333333vw, 52px);
        column-gap: min(2.7083333333vw, 52px)
    }
    .live-info .live-info_single {
        padding-top: min(2.8645833333vw, 55px)
    }
    .live-info .live-info_datetime {
        font-size: min(1.5625vw, 30px);
        letter-spacing: .1em;
        margin-top: min(.2604166667vw, 5px)
    }
    .live-info .live-info_movie {
        margin-top: min(1.0416666667vw, 20px)
    }
    .live-info .live-info_comingsoon {
        font-size: min(6.1979166667vw, 119px);
        min-height: min(20.8333333333vw, 400px)
    }
    .pokemon-bg:before {
        width: calc(100% - min(.5208333333vw, 10px));
        height: calc(100% - min(.5208333333vw, 10px));
        top: min(.2604166667vw, 5px);
        left: min(.2604166667vw, 5px)
    }
    .tab .tab_list {
        display: flex;
        -moz-column-gap: min(2.6041666667vw, 50px);
        column-gap: min(2.6041666667vw, 50px);
        justify-content: center;
        padding-left: 0;
        padding-right: 0
    }
    .tab .tab_action {
        font-size: min(1.3020833333vw, 25px);
        width: min(18.2291666667vw, 350px);
        min-height: min(4.6875vw, 90px);
        padding-left: min(.5208333333vw, 10px);
        padding-right: min(.5208333333vw, 10px);
        border-radius: min(.625vw, 12px)
    }
    .tab .tab_action:before,
    .tab .tab_action:after {
        width: min(5.8854166667vw, 113px);
        height: min(5.8854166667vw, 113px)
    }
    .tab .tab_action:before {
        left: min(.5729166667vw, 11px)
    }
    .tab .tab_action:after {
        right: min(.5729166667vw, 11px)
    }
    .tab .tab_action.tab_action--tcg {
        box-shadow: 0 0 0 min(.3125vw, 6px) var(--blue) inset
    }
    .tab .tab_action.tab_action--vg {
        box-shadow: 0 0 0 min(.3125vw, 6px) var(--red) inset
    }
    .tab .tab_action.tab_action--faq {
        box-shadow: 0 0 0 min(.3125vw, 6px) var(--pink) inset
    }
    .tab-index .tab-index_list {
        -moz-column-gap: min(.3645833333vw, 7px);
        column-gap: min(.3645833333vw, 7px);
        justify-content: center
    }
    .tab-index .tab-index_action {
        font-size: min(1.5625vw, 30px);
        min-height: min(4.9479166667vw, 95px);
        border-radius: min(.5208333333vw, 10px) min(.5208333333vw, 10px) 0 0
    }
    .tab-index .tab-index_panel {
        padding: min(2.5vw, 48px) min(2.0833333333vw, 40px);
        border-radius: 0 0 min(.5208333333vw, 10px) min(.5208333333vw, 10px)
    }
    .tab-index .tab-index_panel.tab-index_panel--master,
    .tab-index .tab-index_panel.tab-index_panel--premier,
    .tab-index .tab-index_panel.tab-index_panel--ultra,
    .tab-index .tab-index_panel.tab-index_panel--great {
        padding: min(3.8541666667vw, 74px) min(4.0625vw, 78px) min(3.0208333333vw, 58px)
    }
    .tab-index .tab-index_body {
        padding: min(3.0208333333vw, 58px) 0 min(5.2083333333vw, 100px);
        border-radius: min(.5208333333vw, 10px)
    }
    .tab-index .tab-index_item:not(:first-child) {
        margin-top: min(4.1666666667vw, 80px)
    }
    .tab-index .tab-index_inner {
        width: auto;
        margin: min(2.0833333333vw, 40px) min(3.9583333333vw, 76px) 0 min(7.3958333333vw, 142px)
    }
    .tab-index .tab-index_table {
        border-width: min(.5208333333vw, 10px);
        border-radius: min(.5208333333vw, 10px)
    }
    .tab-season .tab-season_list {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 min(2.96875vw, 57px)
    }
    .tab-season .tab-season_action {
        font-size: min(2.0833333333vw, 40px);
        min-width: inherit;
        min-height: min(5.6770833333vw, 109px);
        border-width: min(.3645833333vw, 7px);
        border-radius: min(.5208333333vw, 10px)
    }
    .tab-season .tab-season_action:before {
        width: min(9.6875vw, 186px);
        height: min(10.0520833333vw, 193px);
        left: min(.4166666667vw, 8px)
    }
    .tab-season .tab-season_action_text>span {
        font-size: min(3.6458333333vw, 70px)
    }
    .tab-season .tab-season_panel {
        margin-top: min(6.25vw, 120px)
    }
    .table {
        border-width: min(.2604166667vw, 5px);
        border-radius: min(.5208333333vw, 10px)
    }
    .table thead:first-child tr:first-child th,
    .table tbody:first-child tr:first-child th {
        border-top-left-radius: min(.2604166667vw, 5px)
    }
    .table thead:first-child tr:first-child td,
    .table tbody:first-child tr:first-child td {
        border-top-right-radius: min(.2604166667vw, 5px)
    }
    .table thead:last-child tr:last-child th,
    .table tbody:last-child tr:last-child th {
        border-bottom-left-radius: min(.2604166667vw, 5px)
    }
    .table thead:last-child tr:last-child td,
    .table tbody:last-child tr:last-child td {
        border-bottom-right-radius: min(.2604166667vw, 5px)
    }
    .table th,
    .table td {
        font-size: min(1.25vw, 24px);
        line-height: 2
    }
    .table th {
        line-height: 2;
        padding: min(1.8229166667vw, 35px) min(2.34375vw, 45px)
    }
    .table td {
        padding: min(1.8229166667vw, 35px) min(2.34375vw, 45px) min(2.0833333333vw, 40px) min(2.6041666667vw, 50px)
    }
    .table-separate tbody {
        gap: min(.78125vw, 15px)
    }
    .table-separate tr {
        flex-direction: row;
        row-gap: 0
    }
    .table-separate th,
    .table-separate td {
        font-size: min(1.25vw, 24px);
        text-align: left
    }
    .table-separate th {
        min-height: min(5.9895833333vw, 115px);
        padding: min(1.0416666667vw, 20px) min(2.6041666667vw, 50px);
        border-radius: min(.5208333333vw, 10px)
    }
    .table-separate td {
        flex: 1
    }
    .table-point .table-point_header {
        font-size: min(1.1458333333vw, 22px)
    }
    .table-point .table-point_header:after {
        height: min(.2604166667vw, 5px);
        bottom: min(-.1302083333vw, -2.5px)
    }
    .table-point .table-point_th>span {
        padding: min(1.4583333333vw, 28px) min(2.34375vw, 45px)
    }
    .table-point .table-point_th:not(:last-child)>span:after {
        width: min(.2604166667vw, 5px);
        right: min(-.1302083333vw, -2.5px)
    }
    .table-league {
        font-size: min(1.25vw, 24px);
        border-spacing: min(.2604166667vw, 5px)
    }
    .table-league th,
    .table-league td {
        padding: min(.5208333333vw, 10px) min(1.0416666667vw, 20px)
    }
    .table-league th,
    .table-league td {
        padding: min(.78125vw, 15px) min(1.0416666667vw, 20px)
    }
    .movie .movie_action {
        background-size: min(4.6875vw, 90px) auto;
        filter: drop-shadow(0 0 min(1.0416666667vw, 20px) rgba(0, 0, 0, .6))
    }
    .map {
        border-width: min(.2604166667vw, 5px);
        border-radius: min(.5208333333vw, 10px);
        margin-top: min(.5208333333vw, 10px)
    }
    .map .map_embed {
        aspect-ratio: 1200/616
    }
    .map .map_bubble {
        padding: min(.2604166667vw, 5px);
        border-radius: min(.2604166667vw, 5px)
    }
    .map .map_bubble_anchor {
        bottom: min(2.8645833333vw, 55px)
    }
    .map .map_bubble_container {
        width: auto;
        max-width: min(10.4166666667vw, 200px)
    }
    .map .map_text {
        padding: min(.5208333333vw, 10px) min(1.8229166667vw, 35px) min(.5208333333vw, 10px) min(.9375vw, 18px);
        border-width: min(.1041666667vw, 2px);
        border-radius: min(.1041666667vw, 2px);
        min-width: min(7.8125vw, 150px)
    }
    .map .map_text>span {
        font-size: min(1.25vw, 24px)
    }
    .map .map_text>span:last-child {
        font-size: min(1.0416666667vw, 20px)
    }
    #th .map .map_text>span {
        font-size: min(.9375vw, 18px)
    }
    .map .map_tail {
        border-width: 20px 20px 0px 0px;
        bottom: -20px;
        right: 5px;
        border-radius: 3px
    }
    .map .map_tail:before {
        border-width: 17px 14px 0px 0px;
        bottom: 4px;
        right: -16px
    }
    .map .map_tail:after {
        border-width: 15px 12px 0px 0px;
        bottom: 7px;
        right: -15px
    }
    .scroll-content .scroll-content_scroll {
        padding-bottom: min(1.3333333333vw, 10px)
    }
    .scroll-content .scroll-content_inner {
        width: min(62.5vw, 1200px);
        margin-left: 0;
        margin-right: 0
    }
    .scroll-content .scroll-content_action {
        display: none
    }
    .dialog {
        width: min(62.5vw, 1200px)
    }
    .dialog .dialog_content {
        min-height: min(32.8125vw, 630px);
        border-width: min(.2083333333vw, 4px);
        border-radius: min(.625vw, 12px)
    }
    .dialog .dialog_content:after {
        width: min(13.0208333333vw, 250px);
        height: min(25.625vw, 492px)
    }
    .dialog .dialog_inner {
        padding: 0 min(7.8125vw, 150px)
    }
    .dialog .dialog_title {
        font-size: min(1.875vw, 36px)
    }
    .dialog .dialog_body {
        font-size: min(1.3541666667vw, 26px);
        line-height: 1.7692;
        letter-spacing: .05em;
        margin-top: min(2.6041666667vw, 50px)
    }
    .dialog .dialog_close {
        width: min(3.0208333333vw, 58px);
        height: min(3.0208333333vw, 58px);
        top: min(1.875vw, 36px);
        right: min(1.875vw, 36px)
    }
    .dialog .dialog_close:before,
    .dialog .dialog_close:after {
        width: min(3.59375vw, 69px);
        height: min(.2604166667vw, 5px);
        top: calc(50% - min(.1302083333vw, 2.5px))
    }
    .heading-section {
        font-size: min(2.6041666667vw, 50px);
        line-height: 1.44;
        -moz-column-gap: min(1.0416666667vw, 20px);
        column-gap: min(1.0416666667vw, 20px)
    }
    .heading-section:not(:last-child) {
        margin-bottom: min(3.6458333333vw, 70px)
    }
    .heading-section .heading-section_icon {
        width: min(4.6875vw, 90px);
        height: min(4.6875vw, 90px)
    }
    .heading-section+.heading-text {
        margin-bottom: min(3.6458333333vw, 70px)
    }
    .heading-star {
        -moz-column-gap: min(2.0833333333vw, 40px);
        column-gap: min(2.0833333333vw, 40px)
    }
    .heading-star .heading-star_icon {
        width: min(2.6041666667vw, 50px);
        height: min(2.6041666667vw, 50px)
    }
    .heading-en {
        font-size: min(3.6458333333vw, 70px)
    }
    .heading-bg {
        width: min(44.7916666667vw, 860px);
        margin-inline: auto;
        padding-top: min(.5208333333vw, 10px);
        padding-bottom: min(.5208333333vw, 10px)
    }
    .heading-day {
        font-size: min(2.0833333333vw, 40px)
    }
    .heading-day>span {
        font-size: min(2.8645833333vw, 55px)
    }
    .heading-30 {
        font-size: min(1.5625vw, 30px)
    }
    .heading-35 {
        font-size: min(1.8229166667vw, 35px)
    }
    .heading-45 {
        font-size: min(2.34375vw, 45px)
    }
    .heading-50 {
        font-size: min(2.6041666667vw, 50px)
    }
    .heading-60 {
        font-size: min(3.125vw, 60px)
    }
    .lightning-iblue,
    .lightning-red,
    .lightning-dblue,
    .lightning-yellow,
    .lightning-silver,
    .lightning-purple {
        background-repeat: no-repeat;
        background-size: 100% auto;
        -webkit-mask: none;
        mask: none
    }
    .lightning-purple {
        background-image: url(/img/lightning_purple.svg)
    }
    .lightning-silver {
        background-image: url(/img/lightning_silver.svg)
    }
    .lightning-yellow {
        background-image: url(/img/lightning_yellow.svg)
    }
    .lightning-dblue {
        background-image: linear-gradient(180deg, #efeff8, #f5aeae)
    }
    .lightning-red {
        background-image: url(/img/lightning_red.svg)
    }
    .lightning-iblue {
        background-image: url(/img/lightning_iblue.svg)
    }
    .action {
        gap: min(1.5625vw, 30px)
    }
    .action.action--left {
        justify-content: flex-start
    }
    .action.action--simple {
        gap: min(1.9791666667vw, 38px) min(2.6041666667vw, 50px)
    }
    .action.action--center {
        justify-content: center
    }
    .btn-more {
        font-size: min(1.5625vw, 30px);
        min-width: min(18.2291666667vw, 350px);
        min-height: min(4.6875vw, 90px);
        padding-left: min(4.1666666667vw, 80px);
        padding-right: min(4.1666666667vw, 80px);
        border-radius: min(.625vw, 12px)
    }
    .btn-more:before {
        left: calc(-54.2857% + min(3.125vw, 60px))
    }
    .btn-more:after {
        right: calc(-54.2857% + min(3.125vw, 60px))
    }
    .btn-blank:after {
        width: min(1.1979166667vw, 23px);
        height: min(1.1979166667vw, 23px);
        margin-left: min(.5208333333vw, 10px)
    }
    .btn-question {
        font-size: min(1.0416666667vw, 20px);
        line-height: 1.4;
        width: min(12.8645833333vw, 247px);
        min-height: min(7.5520833333vw, 145px);
        padding: min(.5208333333vw, 10px) min(.625vw, 12px);
        border-radius: min(.5208333333vw, 10px)
    }
    .btn-question:before {
        width: min(3.0208333333vw, 58px);
        height: min(5.9375vw, 114px)
    }
    .btn-question.btn-question--scroll {
        padding-bottom: min(.625vw, 12px)
    }
    .btn-question.btn-question--scroll:after {
        width: min(1.5104166667vw, 29px);
        height: min(1.5104166667vw, 29px);
        margin-top: min(.78125vw, 15px)
    }
    .btn-link {
        font-size: min(1.25vw, 24px);
        min-width: min(25.5208333333vw, 490px);
        min-height: min(4.6875vw, 90px);
        padding: min(.5208333333vw, 10px) min(3.125vw, 60px);
        border-radius: min(4.6875vw, 90px)
    }
    .btn-link:before,
    .btn-link:after {
        width: min(3.75vw, 72px);
        height: min(3.75vw, 72px)
    }
    .btn-link:before {
        left: min(.5729166667vw, 11px)
    }
    .btn-link:after {
        right: min(.5729166667vw, 11px)
    }
    .btn-link.btn-link--long {
        min-width: min(40.625vw, 780px)
    }
    .btn-anchor {
        font-size: min(1.25vw, 24px);
        width: min(14.3229166667vw, 275px);
        min-height: min(4.84375vw, 93px);
        padding: min(.5208333333vw, 10px) min(.3125vw, 6px);
        border-width: min(.3125vw, 6px);
        border-radius: min(5.2083333333vw, 100px);
        letter-spacing: 0
    }
    .btn-anchor:before {
        width: min(5.3125vw, 102px);
        height: min(5.3125vw, 102px)
    }
    .btn-anchor--chevron:after {
        width: min(.7291666667vw, 14px);
        height: min(.7291666667vw, 14px);
        border-width: min(.1041666667vw, 2px);
        right: min(.5208333333vw, 10px)
    }
    .btn-anchor--chevron span {
        padding-right: min(1.0416666667vw, 20px)
    }
    .btn-simple {
        font-size: min(1.25vw, 24px);
        width: min(19.0625vw, 366px);
        min-height: min(3.75vw, 72px);
        padding: min(.5208333333vw, 10px) min(1.0416666667vw, 20px);
        border-width: min(.2604166667vw, 5px);
        border-radius: min(3.75vw, 72px)
    }
    .btn-simple-side,
    .btn-simple-side-link_blank {
        font-size: min(1.2vw, 24px)
    }
    .teaser-notice {
        font-size: min(.8333333333vw, 16px)
    }
    .teaser-top-btn {
        width: 100%;
        max-width: min(34.375vw, 660px);
        margin-top: min(6.7708333333vw, 130px);
        padding: min(.8333333333vw, 16px) min(4.1666666667vw, 80px) min(.8333333333vw, 16px) min(.8333333333vw, 16px);
        font-size: min(1.8229166667vw, 35px);
        border-width: min(.15625vw, 3px)
    }
    .teaser-top-btn:before {
        width: min(4.84375vw, 93px);
        height: min(.2083333333vw, 4px)
    }
    .teaser-top-btn span.--main {
        font-size: min(1.8229166667vw, 35px)
    }
    .teaser-top-btn span.--main.--large {
        font-size: min(2.0833333333vw, 40px)
    }
    .teaser-top-btn span.--main.--small {
        font-size: min(1.5625vw, 30px)
    }
    .teaser-top-btn span.--sub {
        font-size: min(1.4583333333vw, 28px)
    }
    .teaser-top-btn span.--sub.--small {
        font-size: min(1.3020833333vw, 25px)
    }
    .teaser-top-btn span:nth-child(2) {
        margin-top: min(.5208333333vw, 10px)
    }
    .main.teaser {
        font-size: min(1.0416666667vw, 20px)
    }
    .teaser-ani {
        background-image: url(/img/teaser_animation_bg.webp)
    }
    .teaser-ani_circle {
        width: 274px
    }
    .teaser-ani_circle.teaser-ani_circle--aurora {
        width: 44.7916666667vw
    }
    .teaser-ani_title .teaser-ani_title_text.teaser-ani_title_text--year {
        font-size: 7.03125vw
    }
    .teaser-ani_title .teaser-ani_title_text.teaser-ani_title_text--region {
        font-size: 7.0833333333vw
    }
    .teaser-ani_title .teaser-ani_title_text.teaser-ani_title_text--series {
        margin-left: 2.0833333333vw;
        font-size: 7.0833333333vw
    }
    .teaser-hero {
        aspect-ratio: 3840/2160;
        background-image: url(/img/teaser_hero_bg.webp)
    }
    .teaser-hero .teaser-hero_main {
        padding-top: min(3.125vw, 60px);
        height: 40.8854166667vw
    }
    .teaser-hero .teaser-hero_title .--local,
    .teaser-hero .teaser-hero_title .--local.--small {
        font-size: 3.3854166667vw
    }
    .teaser-hero .teaser-hero_title .--year,
    .teaser-hero .teaser-hero_title .--region {
        font-size: 4.6875vw
    }
    .teaser-hero .teaser-hero_title .--series {
        margin-left: 1.5625vw;
        font-size: 4.6875vw
    }
    .teaser-hero .home-hero_logo {
        -moz-column-gap: 4.1666666667vw;
        column-gap: 4.1666666667vw;
        margin-top: 4.4270833333vw
    }
    .teaser-hero .home-hero_logo_pic.home-hero_logo_pic--great {
        width: 8.9583333333vw
    }
    .teaser-hero .home-hero_logo_pic.home-hero_logo_pic--ultra {
        width: 8.90625vw
    }
    .teaser-hero .home-hero_logo_pic.home-hero_logo_pic--premier {
        width: 9.1145833333vw
    }
    .teaser-hero .home-hero_logo_pic.home-hero_logo_pic--master {
        width: 8.5416666667vw
    }
    .teaser-hero .teaser-hero_sub {
        top: 40.9375vw;
        padding: 2.0833333333vw 0 2.34375vw;
        height: 15.3645833333vw
    }
    .teaser-hero .teaser-slideshow .teaser-slideshow_slides>div>span {
        margin-left: 2.0833333333vw
    }
    .teaser-language-notice {
        padding-top: min(1.3020833333vw, 25px)
    }
    .teaser-anchor {
        padding: min(5.2083333333vw, 100px) 0
    }
    .teaser-anchor .teaser-anchor_list {
        gap: min(6.0416666667vw, 116px);
        max-width: min(48.6458333333vw, 934px)
    }
    .teaser-anchor .teaser-anchor_list li {
        width: calc(100% - (min(6.0416666667vw, 116px)/2))
    }
    .teaser-anchor .teaser-anchor_link {
        padding: min(1.1979166667vw, 23px) min(4.6875vw, 90px) min(1.1979166667vw, 23px) min(2.34375vw, 45px);
        font-size: min(2.6041666667vw, 50px);
        border-width: min(.15625vw, 3px);
        border: min(.15625vw, 3px) solid currentColor
    }
    .teaser-anchor .teaser-anchor_link:before {
        right: min(1.4583333333vw, 28px);
        width: min(2.7604166667vw, 53px);
        height: min(2.7604166667vw, 53px);
        border-width: min(.15625vw, 3px)
    }
    .teaser-anchor .teaser-anchor_link:after {
        right: min(2.2916666667vw, 44px);
        width: min(.9895833333vw, 19px);
        height: min(.9895833333vw, 19px);
        border-width: min(.15625vw, 3px);
        transform: translateY(calc(-50% - min(.2083333333vw, 4px))) rotate(135deg)
    }
    .teaser-tcg_deco-division {
        top: min(4.4270833333vw, 85px);
        width: min(8.3333333333vw, 160px);
        max-height: 80vh;
        aspect-ratio: 158/852;
        background-image: url(/img/deco_division_tcg.svg)
    }
    .teaser-tcg_deco-division.is-active-vgc {
        aspect-ratio: 158/860;
        background-image: url(/img/deco_division_vgc.svg)
    }
    .teaser-tcg_deco-ball {
        top: min(.78125vw, 15px);
        right: min(-13.28125vw, -255px);
        width: min(45.8333333333vw, 880px)
    }
    .teaser-tcg {
        padding: min(5.2083333333vw, 100px) 0
    }
    .teaser-tcg .teaser-tcg_heading {
        padding-left: min(1.5625vw, 30px);
        border-left-width: min(.4166666667vw, 8px)
    }
    .teaser-tcg .teaser-tcg_heading {
        margin-bottom: min(4.9479166667vw, 95px);
        font-size: min(2.6041666667vw, 50px)
    }
    .teaser-tcg .teaser-tcg_container {
        width: auto
    }
    .teaser-tcg .teaser-tcg_container>p {
        margin-top: min(1.8229166667vw, 35px)
    }
    .teaser-tcg .teaser-tcg_league-list-outer:before,
    .teaser-tcg .teaser-tcg_league-list-outer:after {
        width: min(2.3958333333vw, 46px);
        height: min(2.3958333333vw, 46px)
    }
    .teaser-tcg .teaser-tcg_league-list-outer:before {
        border-top-width: min(.2604166667vw, 5px);
        border-left-width: min(.2604166667vw, 5px)
    }
    .teaser-tcg .teaser-tcg_league-list-outer:after {
        border-bottom-width: min(.2604166667vw, 5px);
        border-right-width: min(.2604166667vw, 5px)
    }
    .teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:before,
    .teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:after {
        width: min(2.3958333333vw, 46px);
        height: min(2.3958333333vw, 46px)
    }
    .teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:before {
        border-bottom-width: min(.2604166667vw, 5px);
        border-left-width: min(.2604166667vw, 5px)
    }
    .teaser-tcg .teaser-tcg_league-list-outer>span:first-child:empty:after {
        border-top-width: min(.2604166667vw, 5px);
        border-right-width: min(.2604166667vw, 5px)
    }
    .teaser-tcg .teaser-tcg_league-list-outer {
        width: 100%;
        max-width: min(52.3958333333vw, 1006px);
        margin-top: min(6.7708333333vw, 130px);
        padding: min(2.7083333333vw, 52px) min(2.8125vw, 54px)
    }
    .teaser-tcg .teaser-tcg_leagues {
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: min(1.7708333333vw, 34px)
    }
    .teaser-tcg .teaser-tcg_leagues>li {
        width: calc(100% - (min(1.7708333333vw, 34px)/2))
    }
    .teaser-tcg .teaser-tcg_leagues>li:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1
    }
    .teaser-tcg .teaser-tcg_leagues>li:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2
    }
    .teaser-tcg .teaser-tcg_leagues>li:nth-of-type(3) {
        grid-column: 2;
        grid-row: 1
    }
    .teaser-tcg .teaser-tcg_leagues>li:nth-of-type(4) {
        grid-column: 2;
        grid-row: 2
    }
    .teaser-tcg .teaser-tcg_leagues>li>div {
        gap: min(1.25vw, 24px)
    }
    .teaser-tcg .teaser-tcg_leagues>li>div>p {
        font-size: min(.9375vw, 18px)
    }
    .teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--premier {
        width: 7.03125vw
    }
    .teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--great {
        width: 6.9270833333vw
    }
    .teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--ultra {
        width: 6.875vw
    }
    .teaser-tcg .teaser-tcg_leagues_img.teaser-tcg_leagues_img--master {
        width: 6.6145833333vw
    }
    .teaser-tcg .teaser-tcg-flow {
        margin-top: min(2.34375vw, 45px);
        padding: min(5.2083333333vw, 100px) 0 min(3.6458333333vw, 70px)
    }
    .teaser-tcg .teaser-tcg-flow_heading {
        font-size: min(1.5625vw, 30px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content_inner {
        padding: min(1.5625vw, 30px) 0 min(.5208333333vw, 10px);
        box-shadow: 0 min(-.2083333333vw, -4px) min(.5208333333vw, 10px) min(-.1041666667vw, -2px) var(--teaser-blue), 0 min(.2083333333vw, 4px) min(.5208333333vw, 10px) min(-.1041666667vw, -2px) var(--teaser-blue)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content_scroll {
        padding: min(1.5625vw, 30px) 0
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol {
        gap: min(1.3020833333vw, 25px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li:nth-of-type(2) span {
        width: min(15.7291666667vw, 302px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li:first-of-type:before {
        width: min(2.0833333333vw, 40px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li:first-of-type:before {
        content: none
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li:last-of-type:before {
        width: min(2.0833333333vw, 40px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li:last-of-type:before {
        content: none
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div {
        gap: min(.4166666667vw, 8px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>span.icon-logo-premier {
        width: min(7.03125vw, 135px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>span.icon-logo-master {
        width: min(6.6666666667vw, 128px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>span.icon-logo-wc {
        width: min(7.2916666667vw, 140px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content ol>li>div>p {
        min-height: min(3.125vw, 60px);
        font-size: min(.8333333333vw, 16px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content_text {
        gap: min(1.5625vw, 30px);
        margin-top: min(.2604166667vw, 5px);
        font-size: min(.8333333333vw, 16px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content_text span:empty {
        height: min(.15625vw, 3px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content_text span:empty:first-child {
        margin-left: min(2.34375vw, 45px)
    }
    .teaser-tcg .teaser-tcg-flow_scroll-content_text span:empty:last-child:after {
        width: min(.78125vw, 15px);
        height: min(.78125vw, 15px);
        border-width: min(.15625vw, 3px)
    }
    .teaser-tcg .teaser-tcg_date-list {
        flex-direction: row;
        gap: min(4.1666666667vw, 80px);
        width: 100%;
        margin-top: min(6.3541666667vw, 122px)
    }
    .teaser-tcg .teaser-tcg_date-list>li {
        width: calc(100% - (min(4.1666666667vw, 80px)/2))
    }
    .teaser-tcg .teaser-tcg_date-list>li>div:before,
    .teaser-tcg .teaser-tcg_date-list>li>div:after {
        width: min(2.3958333333vw, 46px);
        height: min(2.3958333333vw, 46px)
    }
    .teaser-tcg .teaser-tcg_date-list>li>div:before {
        border-top-width: .2604166667vw;
        border-left-width: .2604166667vw
    }
    .teaser-tcg .teaser-tcg_date-list>li>div:after {
        border-bottom-width: .2604166667vw;
        border-right-width: .2604166667vw
    }
    .teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:before,
    .teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:after {
        width: min(2.3958333333vw, 46px);
        height: min(2.3958333333vw, 46px)
    }
    .teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:before {
        border-bottom-width: .2604166667vw;
        border-left-width: .2604166667vw
    }
    .teaser-tcg .teaser-tcg_date-list>li>div>span:first-child:empty:after {
        border-top-width: .2604166667vw;
        border-right-width: .2604166667vw
    }
    .teaser-tcg .teaser-tcg_date-list>li>div {
        padding: min(1.8229166667vw, 35px) min(1.3020833333vw, 25px) min(2.6041666667vw, 50px)
    }
    .teaser-tcg .teaser-tcg_date-list>li>div p:nth-of-type(1) {
        font-size: min(1.8229166667vw, 35px)
    }
    .teaser-tcg .teaser-tcg_date-list>li>div p:nth-of-type(2) {
        margin-top: min(1.0416666667vw, 20px);
        font-size: min(3.125vw, 60px)
    }
    .teaser-tcg .teaser-tcg_section {
        padding: min(5.2083333333vw, 100px) 0
    }
    .teaser-tcg .teaser-tcg_section:first-of-type {
        margin-top: min(5.2083333333vw, 100px)
    }
    .teaser-tcg .teaser-tcg_section h3 {
        font-size: min(2.6041666667vw, 50px)
    }
    .teaser-tcg .teaser-tcg_section_container {
        grid-template-columns: 1fr min(8.6458333333vw, 166px);
        justify-items: start;
        row-gap: min(4.3229166667vw, 83px);
        -moz-column-gap: 0;
        column-gap: 0
    }
    .teaser-tcg .teaser-tcg_section_container>.h3 {
        grid-column: 1;
        grid-row: 1
    }
    .teaser-tcg .teaser-tcg_section_container>span {
        grid-column: 2;
        grid-row: 1/3
    }
    .teaser-tcg .teaser-tcg_section_container>div {
        grid-column: 1;
        grid-row: 2
    }
    .teaser-tcg .teaser-tcg_section_heading>span {
        margin-top: min(.5208333333vw, 10px);
        padding: min(.3645833333vw, 7px) min(2.6041666667vw, 50px) min(.3645833333vw, 7px) 0;
        background: linear-gradient(to right, var(--teaser-white) 80%, rgba(52, 152, 219, 0) 100%)
    }
    .teaser-tcg .teaser-tcg_section_heading>span:after {
        background-color: transparent;
        content: none
    }
    .teaser-tcg .teaser-tcg_logo {
        width: min(17.2916666667vw, 332px)
    }
    .teaser-tcg .teaser-tcg_league-overview {
        font-size: min(1.25vw, 24px);
        border-width: min(.0520833333vw, 1px)
    }
    .teaser-tcg .teaser-tcg_league-overview>div {
        flex-direction: row
    }
    .teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(odd)>dt {
        background-color: #446b8e
    }
    .teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(odd)>dd {
        background-color: #3c3f68
    }
    .teaser-tcg .teaser-tcg_league-overview>div:nth-of-type(2)>dd {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: min(1.3020833333vw, 25px)
    }
    .teaser-tcg .teaser-tcg_league-overview>div>dt,
    .teaser-tcg .teaser-tcg_league-overview>div dd {
        padding: min(1.9270833333vw, 37px) min(2.34375vw, 45px)
    }
    .teaser-tcg .teaser-tcg_league-overview>div>dt {
        width: min(18.75vw, 360px);
        border-right: min(.0520833333vw, 1px) solid var(--teaser-white)
    }
    .teaser-tcg .teaser-tcg_league-overview>div>dd {
        width: min(43.75vw, 840px)
    }
    .teaser-tcg .teaser-tcg_league-overview>div>dd .teaser-notice {
        margin-top: min(.78125vw, 15px)
    }
    .teaser-tcg .teaser-tcg_detail-btn {
        padding: min(.8333333333vw, 16px) min(2.5vw, 48px);
        border-width: min(.1041666667vw, 2px)
    }
    .teaser-vgc {
        padding: min(5.2083333333vw, 100px) 0
    }
    .teaser-vgc.no-heading {
        padding-top: min(5.2083333333vw, 100px)
    }
    .teaser-vgc .teaser-vgc_deco-division {
        display: none
    }
    .teaser-vgc .teaser-vgc_deco-ball {
        top: min(.78125vw, 15px);
        right: min(-13.28125vw, -255px);
        width: min(45.8333333333vw, 880px)
    }
    .teaser-vgc .teaser-vgc_heading {
        padding-left: min(1.5625vw, 30px);
        border-left-width: min(.4166666667vw, 8px)
    }
    .teaser-vgc .teaser-vgc_heading {
        font-size: min(2.6041666667vw, 50px);
        margin-bottom: min(4.9479166667vw, 95px)
    }
    .teaser-vgc .teaser-vgc_comingsoon {
        width: min(43.6458333333vw, 838px);
        margin: min(8.3333333333vw, 160px) auto
    }
    .teaser-advance-notice {
        padding-bottom: min(3.125vw, 60px)
    }
    .teaser-advance-notice .teaser-advance-notice_text {
        font-size: min(1.3020833333vw, 25px)
    }
    body#th .teaser-tcg_section_heading>span {
        padding: min(.7291666667vw, 14px) min(2.6041666667vw, 50px) min(.3645833333vw, 7px) 0
    }
    .c-tab-none {
        display: none !important
    }
    .c-tab-block {
        display: block !important
    }
    .c-tab-inline-block {
        display: inline-block !important
    }
    .c-tab-ta-left {
        text-align: left !important
    }
    .c-tab-ta-center {
        text-align: center !important
    }
    .c-tab-ta-right {
        text-align: right !important
    }
}

@media (any-hover: hover) and (prefers-reduced-motion: no-preference) {
    a {
        transition: opacity .5s
    }
    .footer .footer_btn {
        transition: color .5s, background-color .5s
    }
    .tab .tab_action {
        transition: color .3s, background-color .5s
    }
    .tab .tab_action:before,
    .tab .tab_action:after {
        transition: background-color .5s
    }
    .tab-index .tab-index_action {
        transition: color .3s, background-color .5s
    }
    .tab-season .tab-season_action {
        transition: color .3s, background-color .5s, border .3s
    }
    .btn-more:after {
        transition: right .5s
    }
    .btn-more>span {
        transition: color .5s
    }
    .btn-link:before,
    .btn-link:after {
        transition: background-color .5s
    }
    .btn-simple {
        transition: color .3s, background .5s, border .3s
    }
    .teaser-top-btn {
        transition: color .5s, background-color .5s, border-color .5s
    }
    .teaser-top-btn:before {
        transition: background-color .5s
    }
    .teaser-anchor .teaser-anchor_link {
        transition: all .5s
    }
    .teaser-anchor .teaser-anchor_link:before {
        transition: all .5s
    }
    .teaser-tcg .teaser-tcg_detail-btn {
        transition: color .5s, background-color .5s, border-color .5s
    }
}

@media (any-hover: hover) {
    a:hover {
        opacity: .7
    }
    .footer .footer_btn:hover {
        color: var(--navy);
        background-color: var(--white)
    }
    .tab .tab_action:hover {
        color: var(--white) !important
    }
    .tab .tab_action:hover:before,
    .tab .tab_action:hover:after {
        background: var(--white) !important
    }
    .tab .tab_action.tab_action--tcg:hover {
        background-color: var(--blue)
    }
    .tab .tab_action.tab_action--vg:hover {
        background-color: var(--red)
    }
    .tab .tab_action.tab_action--faq:hover {
        background-color: var(--pink)
    }
    .tab-index .tab-index_action:hover {
        color: var(--white) !important
    }
    .tab-index .tab-index_action:hover:before,
    .tab-index .tab-index_action:hover:after {
        background: var(--white) !important
    }
    .tab-season .tab-season_action:hover {
        color: var(--white) !important
    }
    .btn-more:before {
        transition: left .5s
    }
    .btn-more:hover {
        opacity: 1
    }
    .btn-more:hover:before {
        left: 0
    }
    .btn-more:hover:after {
        right: 0
    }
    .btn-more:hover>span {
        color: var(--white)
    }
    .teaser-top-btn:hover {
        color: var(--teaser-blue);
        background-color: transparent;
        border: .4vw solid var(--teaser-blue)
    }
    .teaser-anchor .teaser-anchor_link.teaser-anchor_link--blue:hover {
        display: block;
        color: var(--teaser-white);
        animation: neonBlue 1.5s ease-in-out infinite alternate
    }
    .teaser-anchor .teaser-anchor_link.teaser-anchor_link--blue:hover:before {
        animation: neonBlue 1.5s ease-in-out infinite alternate
    }
    .teaser-anchor .teaser-anchor_link.teaser-anchor_link--pink:hover {
        display: block;
        color: var(--teaser-white);
        animation: neonPink 1.5s ease-in-out infinite alternate
    }
    .teaser-anchor .teaser-anchor_link.teaser-anchor_link--pink:hover:before {
        animation: neonPink 1.5s ease-in-out infinite alternate
    }
    .teaser-tcg .teaser-tcg_detail-btn:hover {
        color: var(--teaser-base);
        background-color: var(--teaser-blue);
        border-color: var(--teaser-blue)
    }
}

@media print,
screen and (width >=1920px) {
    .header .header_menu:before {
        transform: translateY(-24px)
    }
}

@media (prefers-reduced-motion: no-preference) {
    .header .header_drawer {
        transition: opacity .5s
    }
    .header .header_drawer::backdrop {
        transition: opacity .5s
    }
    .header .header_nav_action:after {
        transition: transform .5s
    }
    .header .header_nav_accordion {
        transition: grid-template-rows .5s
    }
    .pagetop {
        transition: opacity .5s, visibility .5s
    }
    .pokemon-bg:before {
        transition: opacity .5s
    }
    .slideshow-fade .slideshow-fade_item {
        transition: opacity 1.4s;
        will-change: opacity
    }
    .movie .movie_action {
        transition: opacity .5s, visibility .5s
    }
    .scroll-content .scroll-content_action,
    .dialog {
        transition: opacity .5s
    }
    .dialog::backdrop {
        transition: opacity .3s
    }
    .c-ani-slideup {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity .5s var(--easing), transform .8s
    }
    .c-ani-slideup.is-animated {
        opacity: 1;
        transform: translateY(0)
    }
    .c-ani-fadein {
        opacity: 0;
        transition: opacity .5s var(--easing)
    }
    .c-ani-fadein.is-animated {
        opacity: 1
    }
}

@media screen and (width <=767.9px) {
    .content-header.content-header--lv3:before {
        display: none
    }
    .content-header.content-header--lv3 .content-header_title {
        font-size: 4.6666666667vw
    }
    .content-header.content-header--lv4:before {
        display: none
    }
    .content-header.content-header--lv4 .content-header_title {
        font-size: 4.6666666667vw
    }
    .tab .tab_list.tab_list--sp-grid {
        grid-auto-columns: 1fr
    }
    .tab .tab_list.tab_list--sp-grid>*:first-child {
        grid-column: 1/3;
        margin-inline: auto
    }
    .tab-season .tab-season_action:first-child {
        grid-column: 1/3;
        margin-inline: auto
    }
    #sg .tab-index_list span,
    #hk_en .tab-index_list span,
    #ph .tab-index_list span,
    #my .tab-index_list span,
    #sg .league-date-table th,
    #hk_en .league-date-table th,
    #ph .league-date-table th,
    #my .league-date-table th {
        word-break: normal
    }
    .map .map_bubble {
        max-width: 100%
    }
    .scroll-content {
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        position: relative;
        left: 50%;
        right: 50%
    }
    .scroll-content .scroll-content_action:before {
        content: "";
        background: #0009;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .heading-section.heading-section--sp-small {
        font-size: 1.75rem
    }
    .action.action--sp-column {
        flex-direction: column;
        align-items: center
    }
    .btn-simple-side,
    .btn-simple-side-link_blank {
        width: 50vw
    }
    .btn-simple-side-link_blank:before {
        width: 3vw;
        height: 3vw;
        right: 8vw
    }
    .c-sp-none {
        display: none !important
    }
    .c-sp-block {
        display: block !important
    }
    .c-sp-inline-block {
        display: inline-block !important
    }
    .c-sp-ta-left {
        text-align: left !important
    }
    .c-sp-ta-center {
        text-align: center !important
    }
    .c-sp-ta-right {
        text-align: right !important
    }
}

@media screen and (any-hover: hover) and (width >=768px) {
    .teaser-top-btn:hover {
        border-width: min(.15625vw, 3px)
    }
}

@media (any-hover: hover) and (any-hover: hover) {
    .teaser-top-btn:hover:before {
        background-color: var(--teaser-blue)
    }
}

@media screen and (width >=981px) {
    .c-tablg-none {
        display: none !important
    }
    .c-tablg-block {
        display: block !important
    }
    .c-tablg-inline-block {
        display: inline-block !important
    }
}

@media (prefers-reduced-motion: no-preference) and (width >=768px) {
    .c-ani-slideup {
        transform: translateY(min(2.6041666667vw, 50px))
    }
}