<style data-vue-ssr-id="a925e390:0 3a75e300:0 7700e52c:0 252f4f7d:0 c1e7dfe4:0 3edd157d:0 2c85de9d:0 fc73c9b6:0 0fa43c59:0 6790cd56:0">.entered-stamp[data-v-443e3254] {
    align-items: center;
    background: hsla(0, 0%, 100%, .75);
    border-radius: 50%;
    bottom: 0;
    display: flex;
    height: 18rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 18em;
    z-index: 10
}

.entered-stamp p[data-v-443e3254] {
    color: red;
    font-family: "VL Sofia Pro Soft";
    font-weight: 700;
    line-height: 100%;
    text-align: center
}

:root {
    --black0: #000;
    --black0-rgb: 0, 0, 0;
    --black1: #555;
    --black1-rgb: 85, 85, 85;
    --black2: #919191;
    --black2-rgb: 145, 145, 145;
    --black3: #ababab;
    --black3-rgb: 171, 171, 171;
    --white3: #efefef;
    --white3-rgb: 239, 239, 239;
    --white2: #f7f7f7;
    --white2-rgb: 247, 247, 247;
    --white1: #fff;
    --white1-rgb: 255, 255, 255;
    --blue1: #5ab9ff;
    --blue1-rgb: 90, 185, 255;
    --blue2: #edf7ff;
    --blue2-rgb: 237, 247, 255;
    --blue-gradient: linear-gradient(90deg, #7bc3e2, #489afb);
    --orange1: #f5a232;
    --orange1-rgb: 245, 162, 50;
    --orange2: #fff5e9;
    --orange2-rgb: 255, 245, 233;
    --orange-gradient: linear-gradient(90deg, #ffc148, #ffa25b)
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative
}

:focus {
    background-color: none;
    outline: none
}

html {
    background-color: #fff;
    background-color: var(--white1)
}

.mt00 {
    margin-top: 0
}

.mt04 {
    margin-top: .4rem
}

.mt08 {
    margin-top: .8rem
}

.mt12 {
    margin-top: 1.2rem
}

.mt16 {
    margin-top: 1.6rem
}

.mt20 {
    margin-top: 2rem
}

.mt24 {
    margin-top: 2.4rem
}

.mt32 {
    margin-top: 3.2rem
}

.mt40 {
    margin-top: 4rem
}

.mt48 {
    margin-top: 4.8rem
}

.mt64 {
    margin-top: 6.4rem
}

.ml00 {
    margin-left: 0
}

.ml04 {
    margin-left: .4rem
}

.ml08 {
    margin-left: .8rem
}

.ml16 {
    margin-left: 1.6rem
}

.wh12 {
    height: 1.2rem;
    width: 1.2rem
}

.wh14 {
    height: 1.4rem;
    width: 1.4rem
}

.wh16 {
    height: 1.6rem;
    width: 1.6rem
}

.main__contents {
    padding: 3.2rem 2.4rem 8rem
}

.main__contents:not(.left) {
    display: flex;
    flex-direction: column
}

.pc {
    display: none
}

@media screen and (min-width:480px) {
    .pc {
        display: block
    }

    .sp {
        display: none !important
    }
}

.row {
    align-items: center;
    display: flex
}

.both-ends {
    justify-content: space-between
}

.col {
    align-items: center;
    display: flex;
    flex-direction: column
}

.pointer {
    cursor: pointer
}

hr {
    background-color: #efefef;
    background-color: var(--white3);
    border: 0;
    height: 1px
}

.card {
    background-color: #fff;
    background-color: var(--white1);
    border-radius: 1.6rem;
    box-shadow: 0 0 2rem rgba(155, 181, 217, .4);
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    padding: 4.8rem 2.4rem
}

@font-face {
    font-display: swap;
    font-family: VL Sofia Pro Soft;
    font-style: normal;
    font-weight: 700;
    src: url(https://ticketdive.com/_nuxt/fonts/VL-SOFIAPROSOFT-BOLD.fa035e0.woff2) format("woff"), url(/_nuxt/fonts/VL-SOFIAPROSOFT-BOLD.21369c9.ttf) format("truetype")
}

.TicketCard_borderForInline__gkqY5 {
    height: 14px;
    width: 1px;
    background-color: #e5e5e5
}

html,
input,
pre,
textarea {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, Meiryo, sans-serif
}

html {
    font-size: 10px
}

@media screen and (max-width:320px) {
    html {
        font-size: 9px
    }
}

.fs10 {
    font-size: 1rem
}

.fs12 {
    font-size: 1.2rem
}

.fs14 {
    font-size: 1.4rem
}

.fs16 {
    font-size: 1.6rem
}

.fs18 {
    font-size: 1.8rem
}

.fs20 {
    font-size: 2rem
}

.fs24 {
    font-size: 2.4rem
}

.fs28 {
    font-size: 2.8rem
}

.fs36 {
    font-size: 3.6rem
}

.fs40 {
    font-size: 4rem
}

.lh100 {
    line-height: 100%
}

.lh150 {
    line-height: 150%
}

.lh175 {
    line-height: 175%
}

.lh200 {
    line-height: 200%
}

.fw3 {
    font-weight: 400;
    font-weight: 300
}

.fw6 {
    font-weight: 600
}

.fw7 {
    font-weight: 700
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.t-center {
    text-align: center
}

.white {
    color: var(--white1)
}

.gray {
    color: var(--black2)
}

.blue {
    color: var(--blue1)
}

.input,
a,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
select,
span,
textarea,
ul {
    color: var(--black1);
    font-size: 1.4rem;
    text-align: left
}

.label,
label {
    color: var(--black1);
    font-size: 1.2rem;
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 100%
}

.input,
.label,
input,
label,
select {
    font-weight: 600;
    line-height: 100%
}

.textarea {
    font-weight: 600;
    line-height: 150%
}

a,
li,
ol,
p,
pre,
ul {
    font-weight: 300;
    line-height: 175%
}

label>a,
p>a,
span {
    color: inherit;
    font: inherit;
    letter-spacing: inherit
}

a,
a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

pre {
    white-space: pre-wrap
}

ul {
    list-style: none
}

.input,
.select,
.textarea {
    background-color: var(--white2);
    border: none;
    border-radius: .8rem;
    padding: 1.4rem 2rem;
    width: 100%
}

.input,
.select {
    border-radius: 2.4rem;
    display: block;
    height: 4.4rem;
    min-width: 0
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.textarea {
    resize: none;
    width: 100%
}

::-moz-placeholder {
    color: var(--black2);
    font-weight: 400
}

::placeholder {
    color: var(--black2);
    font-weight: 400
}

.form-item__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.form-item {
    width: 100%
}

.row>.form-item:not(:first-child) {
    margin-left: 2.4rem
}

.form-item .label .input,
.form-item .label .select,
.form-item .label .textarea {
    margin-top: 1.2rem
}

.checkbox-label,
.radio-label {
    cursor: pointer;
    display: block;
    line-height: 1.8rem
}

.radio-label {
    padding-left: 3rem
}

.checkbox-label {
    padding-left: 2.9rem
}

.checkbox-label__input,
.radio-label__input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.checkbox-label__span,
.radio-label__span {
    border: 1px solid #ced4da;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.radio-label__span {
    border-radius: 50%;
    height: 1.8rem;
    width: 1.8rem
}

.checkbox-label__span {
    border-radius: .2rem;
    height: 16px;
    width: 16px
}

.radio-label__input:checked~.radio-label__span:after {
    background-color: var(--blue1);
    border-radius: 50%;
    content: "";
    height: 1.2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem
}

.checkbox-label__input:checked~.checkbox-label__span {
    background-color: var(--blue1);
    border: 1px solid var(--blue1)
}

.checkbox-label__input:checked~.checkbox-label__span:after {
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg);
    width: 6px
}

.nuxt-progress {
    background-color: #000;
    height: 2px;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: width .1s, opacity .4s;
    width: 0;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.body {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.body .error-modal.modal__outer {
    z-index: 9999
}

.header-space {
    height: 6.8rem
}

.main {
    margin: 0 auto;
    max-width: 480px;
    overflow: hidden;
    --main-color: var(--main-color-initial, #08A460);
    --sub-color: var(--sub-color-initial, #b5e4cf);
    background-color: var(--sub-color);
    width: 100vw
}

footer {
    margin-top: auto
}

footer.hide-bg-gradient {
    border-top: 1px solid var(--white2)
}

.hide-bg-gradient .bg-gradient {
    display: none
}

.loading-cover[data-v-06d19adf] {
    background-color: rgba(0, 0, 0, .5);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000
}

.loading-cover[data-v-06d19adf],
.loading-item__wrapper[data-v-06d19adf] {
    align-items: center;
    display: flex;
    justify-content: center
}

.loading-item__wrapper[data-v-06d19adf] {
    flex-direction: column;
    gap: 1.6rem;
    margin: auto 4rem
}

@keyframes spin-06d19adf {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-img[data-v-06d19adf] {
    animation: spin-06d19adf 1.5s linear infinite
}

.loading-item__wrapper pre[data-v-06d19adf] {
    color: var(--white1);
    line-height: 175%;
    text-align: center
}

.title[data-v-06d19adf] {
    font-size: 2rem;
    font-weight: 600
}

.gp12[data-v-6afdb58c] {
    gap: 1.2rem
}

.input[data-v-6afdb58c] {
    background-image: url(https://ticketdive.com/_nuxt/img/search_glass_mini.a0a862c.svg);
    background-position: left 2rem center;
    background-repeat: no-repeat;
    padding-left: 4.3rem;
    width: 25.6rem
}

.header__outer[data-v-6afdb58c] {
    background-color: var(--white1);
    height: 6.8rem;
    position: fixed;
    width: 100vw;
    z-index: 99
}

.header[data-v-6afdb58c] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: auto;
    padding: 1.2rem 1.6rem;
    width: 100%
}

.logo[data-v-6afdb58c] {
    height: 2.6rem;
    width: auto
}

.header-left__btn-set[data-v-6afdb58c] {
    align-items: center;
    display: flex;
    gap: 2rem;
    margin-right: 2rem
}

.close-btn[data-v-6afdb58c],
.menu-btn[data-v-6afdb58c],
.search-btn[data-v-6afdb58c] {
    align-items: center;
    display: flex;
    z-index: 10
}

.menu-btn[data-v-6afdb58c] {
    cursor: pointer;
    justify-content: center;
    padding: 1.25rem 1.2rem
}

.menu-btn span[data-v-6afdb58c] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjMiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHk9IjgiIHdpZHRoPSIyMCIgaGVpZ2h0PSIzIiBmaWxsPSJibGFjayIvPgo8cmVjdCB5PSIxNiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjMiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) 50%/cover;
    display: block;
    height: 1.9rem;
    width: 2rem
}

.search-btn[data-v-6afdb58c] {
    cursor: pointer;
    justify-content: center;
    padding: 1.2rem 1rem
}

.search-btn span[data-v-6afdb58c] {
    background: url(https://ticketdive.com/_nuxt/img/search_glass.47adcaa.svg) 50%/cover;
    display: block;
    height: 2rem;
    width: 2.4rem
}

.close-btn[data-v-6afdb58c] {
    justify-content: flex-end;
    padding: 2rem 2.8rem
}

.close-btn span[data-v-6afdb58c] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC44NjgxNjQiIHk9IjE1LjAxIiB3aWR0aD0iMjAiIGhlaWdodD0iMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDAuODY4MTY0IDE1LjAxKSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMi45ODkyNiIgeT0iMC44Njc2NzYiIHdpZHRoPSIyMCIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAyLjk4OTI2IDAuODY3Njc2KSIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) 50%/cover;
    display: block;
    height: 1.7rem;
    width: 1.7rem
}

.menu-btn span[data-v-6afdb58c]:before {
    bottom: .5rem
}

.menu-btn span[data-v-6afdb58c]:after {
    top: .5rem
}

#menu-btn-check[data-v-6afdb58c] {
    display: none
}

#menu-btn-check:checked~.menu-btn span[data-v-6afdb58c] {
    background-color: rgba(57, 57, 56, 0)
}

#menu-btn-check:checked~.menu-btn span[data-v-6afdb58c]:before {
    bottom: 0;
    transform: rotate(45deg)
}

#menu-btn-check:checked~.menu-btn span[data-v-6afdb58c]:after {
    top: 0;
    transform: rotate(-45deg)
}

#search-btn-check[data-v-6afdb58c] {
    display: none
}

.search-input__wrapper[data-v-6afdb58c] {
    display: flex;
    flex-direction: row;
    height: 6.8rem;
    justify-content: space-between;
    padding: 1.2rem 2rem
}

.search-cancel-btn[data-v-6afdb58c] {
    background: none;
    border: 0;
    color: var(--black2);
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    font-weight: 600
}

.search-result__outer[data-v-6afdb58c] {
    -ms-overflow-style: none;
    height: calc(100vh - 6.8rem);
    overflow: auto;
    padding: 1.2rem 2rem;
    scrollbar-width: none
}

@keyframes fadein-6afdb58c {
    0% {
        opacity: 0;
        transform: translateX(100vw)
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout-6afdb58c {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateX(100vw)
    }
}

.background-enter-active[data-v-6afdb58c] {
    animation: fadein-6afdb58c .3s ease-out;
    transition: .3s ease-in-out
}

.background-leave-active[data-v-6afdb58c] {
    animation: fadeout-6afdb58c .3s ease-in;
    transition: .3s ease-in-out
}

.background-mask[data-v-6afdb58c] {
    background: rgba(0, 0, 0, .3);
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(100vw + 32rem);
    z-index: 999
}

.menu-enter-active[data-v-6afdb58c] {
    animation: fadein-6afdb58c .3s ease-out;
    transition: .3s ease-in
}

.menu-leave-active[data-v-6afdb58c] {
    animation: fadeout-6afdb58c .3s ease-in;
    transition: .3s ease-out
}

.menu__container[data-v-6afdb58c],
.search__container[data-v-6afdb58c] {
    background-color: var(--white1);
    display: block;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999
}

.search__container[data-v-6afdb58c] {
    left: 0
}

.menu-item[data-v-6afdb58c] {
    align-items: center;
    display: flex;
    gap: 3.2rem;
    height: 6.8rem;
    padding-left: 2rem
}

.menu-item[data-v-6afdb58c]:last-child {
    margin-bottom: 1.2rem
}

.menu-item-title__en[data-v-6afdb58c] {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 100%
}

.menu-item-title[data-v-6afdb58c] {
    color: var(--black3);
    padding-top: 1.2rem
}

.menu-item-logout[data-v-6afdb58c],
.menu-item-title[data-v-6afdb58c] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%
}

.menu-item-logout[data-v-6afdb58c] {
    bottom: 4.8rem;
    color: #e81515;
    padding-left: 2rem;
    position: absolute
}

@media screen and (min-width:480px) {
    .pc[data-v-6afdb58c] {
        display: flex
    }

    .menu__container[data-v-6afdb58c] {
        right: 0;
        width: 32rem
    }

    .input[data-v-6afdb58c] {
        width: 24rem
    }

    .search-pc__wrapper[data-v-6afdb58c] {
        background: var(--white1);
        border-radius: 1.2rem;
        max-height: 29.2rem;
        position: absolute;
        width: 38.2rem
    }

    .search-pc__wrapper[data-v-6afdb58c],
    .search-result__outer[data-v-6afdb58c] {
        -ms-overflow-style: none;
        overflow: auto;
        scrollbar-width: none
    }

    .search-result__outer[data-v-6afdb58c] {
        height: 100%;
        padding: 1.2rem 1.6rem
    }

    .header[data-v-6afdb58c] {
        padding: 0 2rem
    }

    @keyframes fadein-6afdb58c {
        0% {
            opacity: 0;
            transform: translateX(32rem)
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeout-6afdb58c {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translateX(32rem)
        }
    }
}

@media screen and (min-width:768px) {
    .header-left__btn-set[data-v-6afdb58c] {
        gap: 4rem;
        margin-left: 1.6rem;
        margin-right: 0
    }
}

@media screen and (min-width:840px) {
    .header[data-v-6afdb58c] {
        max-width: 720px;
        padding: 0
    }
}

@media screen and (min-width:1080px) {
    .header[data-v-6afdb58c] {
        max-width: 1024px
    }

    .input[data-v-6afdb58c] {
        width: 38.2rem
    }
}

.artist-list__wrapper[data-v-259574ef] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.no-artist[data-v-259574ef] {
    padding-top: 6.4rem
}

.artist-item[data-v-259574ef] {
    cursor: pointer;
    justify-content: space-between
}

.artist-img-name[data-v-259574ef],
.artist-item[data-v-259574ef] {
    display: flex;
    flex-direction: row
}

.artist-img-name[data-v-259574ef] {
    align-items: center;
    gap: .8rem
}

.profile-img[data-v-259574ef] {
    border-radius: 50%;
    height: 4rem;
    width: 4rem
}

@media screen and (min-width:480px) {
    .no-artist[data-v-259574ef] {
        padding-top: 0
    }
}

.btn[data-v-aff61f2a] {
    align-items: center;
    align-self: center;
    background: var(--bg-color);
    border: var(--border);
    border-radius: 9999px;
    color: var(--color);
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    font-weight: 600;
    height: var(--height);
    justify-content: center;
    line-height: 100%;
    min-width: var(--min-width);
    padding: var(--padding);
    pointer-events: var(--pointer-events);
    width: var(--width)
}

.main[data-v-443e3254] {
    background-color: #ccc;
    background-color: var(--sub-color, #ccc);
    overscroll-behavior: none
}

.bg-animation[data-v-443e3254] {
    display: flex;
    flex-direction: column;
    height: 72rem;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 2rem;
    transform: var(--transform);
    transform-origin: var(--transform-origin)
}

.bg-txt[data-v-443e3254] {
    color: var(--white2);
    font-family: "Bebas Neue";
    font-size: 6.4rem;
    font-weight: ;
    letter-spacing: .08em;
    line-height: 100%;
    opacity: .5;
    color: rgba(231, 231, 231, 0.8);
}

.w0[data-v-443e3254] {
    width: 0
}

.w0[data-v-443e3254],
.w5[data-v-443e3254] {
    display: inline-block
}

.w5[data-v-443e3254] {
    width: 5rem
}

.w10[data-v-443e3254] {
    width: 10rem
}

.w10[data-v-443e3254],
.w15[data-v-443e3254] {
    display: inline-block
}

.w15[data-v-443e3254] {
    width: 15rem
}

.w20[data-v-443e3254] {
    width: 20rem
}

.w20[data-v-443e3254],
.w25[data-v-443e3254] {
    display: inline-block
}

.w25[data-v-443e3254] {
    width: 25rem
}

.modal-btn[data-v-443e3254],
.modal-detail[data-v-443e3254],
.modal-title[data-v-443e3254] {
    text-align: center
}

.modal-title[data-v-443e3254] {
    font-size: 2rem;
    font-weight: 600
}

@keyframes glowing-443e3254 {
    0% {
        text-shadow: 0 0 5px rgba(232, 21, 21, .5)
    }

    50% {
        text-shadow: 0 0 10px rgba(232, 21, 21, .8), 0 0 30px rgba(232, 21, 21, .7)
    }

    to {
        text-shadow: 0 0 5px rgba(232, 21, 21, .5)
    }
}

.modal-title.red[data-v-443e3254] {
    animation: glowing-443e3254 1s infinite;
    color: #e81515;
    font-weight: 700
}

.modal__outer--transfer .modal-detail[data-v-443e3254] {
    color: var(--black2);
    font-weight: 600;
    line-height: 200%
}

.modal__bottom[data-v-443e3254] {
    background-color: var(--white1)
}

.modal__bottom--distribute[data-v-443e3254] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: 3.2rem 2rem
}

.modal__bottom--receive[data-v-443e3254] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: 3.2rem 2.4rem
}

.modal-btn__row[data-v-443e3254] {
    display: flex;
    gap: 2.4rem;
    justify-content: space-between
}

.transfer-url[data-v-443e3254] {
    background-color: var(--white2);
    border-radius: .8rem;
    cursor: pointer;
    font-weight: 300;
    height: 4.4rem;
    line-height: 100%;
    overflow-x: scroll;
    padding: 1.5rem 1.8rem;
    white-space: nowrap;
    width: 100%
}

.ticket-card__outer[data-v-443e3254] {
    background: linear-gradient(180deg, transparent 51.79%, rgba(0, 0, 0, .2));
    height: calc(100vh - 6.8rem);
    min-height: calc(42.2rem + min(100vw, 480px)*.75);
    overflow: hidden;
    width: 100%
}

.ticket-blur[data-v-443e3254] {
    filter: blur(8px)
}

.swiper[data-v-443e3254] {
    height: 100%
}

.swiper-slide[data-v-443e3254] {
    width: 75%
}

.swiper-pagination[data-v-443e3254] {
    --swiper-theme-color: var(--white1);
    height: .8rem;
    top: calc(29.8rem + min(100vw, 480px)*.75)
}

.swiper-pagination[data-v-443e3254] .swiper-pagination-bullet {
    height: 12px;
    margin: 0 8px;
    width: 12px
}

.background-img__outer[data-v-443e3254] {
    height: calc(min(100vw, 480px)*.75);
    overflow: hidden;
    position: fixed;
    width: calc(min(100vw, 480px)*.75)
}

.background-img[data-v-443e3254] {
    filter: blur(8px);
    height: 110%;
    left: -5%;
    top: -5%;
    width: 110%
}

.ticket-card[data-v-443e3254] {
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, .4));
    height: calc(min(100vw, 480px)*.75 + 21rem);
    left: 50%;
    top: 3.4rem;
    transform: translate(-50%);
    width: calc(min(100vw, 480px)*.75)
}

.ticket-card__upper[data-v-443e3254] {
    height: calc(min(100vw, 480px)*.75)
}

.ticket-card__lower[data-v-443e3254],
.ticket-card__upper[data-v-443e3254] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.ticket-card__lower[data-v-443e3254] {
    background-color: #fff;
    -webkit-clip-path: url(#myClip1);
    clip-path: url(#myClip1);
    height: 21rem
}

.layer-message[data-v-443e3254] {
    color: var(--white1);
    font-size: 2rem;
    font-weight: 600;
    left: 50%;
    line-height: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.ticket-img[data-v-443e3254] {
    margin: auto;
    max-height: calc(min(100vw, 480px)*.75);
    max-width: calc(min(100vw, 480px)*.75)
}

.ticket-card-layer[data-v-443e3254] {
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.bg-text__wrapper[data-v-443e3254],
.event-name__wrapper[data-v-443e3254],
.stage-and-venue-name__wrapper[data-v-443e3254],
.venue-name__wrapper[data-v-443e3254] {
    display: flex;
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%
}

.event-name[data-v-443e3254] {
    padding-right: 1.6rem
}

.stage-and-venue-name[data-v-443e3254] {
    display: flex;
    gap: 2.4rem;
    padding-right: 1.6rem
}

.stage-and-venue-name>.stage-name[data-v-443e3254]:after {
    background-color: #e5e5e5;
    content: "";
    height: 100%;
    left: 100%;
    margin: 0 1.2rem;
    position: absolute;
    width: 1px
}

.bg-text--scroll[data-v-443e3254] {
    animation: infinity-loop-443e3254 20s linear 1s infinite both
}

.text--scroll[data-v-443e3254] {
    animation: infinity-loop-443e3254 10s linear 1s infinite both
}

@keyframes infinity-loop-443e3254 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.reference-num[data-v-443e3254] {
    background-color: #555;
    background-color: var(--main-color, #555);
    border-radius: .2rem;
    flex-shrink: 0;
    padding: .6rem .8rem
}

.reference-num p[data-v-443e3254] {
    color: var(--white1)
}

.ticket-card__lower-img[data-v-443e3254] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.ticket-card__event-info[data-v-443e3254] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: 1.6rem 2rem 1.8rem
}

.ticket-card__ticket-info[data-v-443e3254] {
    gap: 1.6rem;
    padding: 1.6rem 2rem;
    width: 100%;
}

.ticket-detail__bottom[data-v-443e3254] {
    align-items: center;
    background-color: rgba(var(--white1-rgb), .85);
    bottom: 0;
    display: flex;
    height: 7.6rem;
    justify-content: space-around;
    max-width: 480px;
    position: fixed;
    width: 100%;
    z-index: 10
}

.ticket-detail__bottom_today[data-v-443e3254] {
    align-items: center;
    background-color: rgba(var(--white1-rgb), .85);
    bottom: 0;
    display: flex;
    height: 7.6rem;
    justify-content: space-around;
    max-width: 480px;
    position: fixed;
    width: 100%;
    z-index: 10
}

.ticket-detail__bottom_done[data-v-443e3254] {
    align-items: center;
    background-color: rgba(var(--white1-rgb), .85);
    bottom: 0;
    display: flex;
    height: 7.6rem;
    justify-content: space-around;
    max-width: 480px;
    position: fixed;
    width: 100%;
    z-index: 10
}

.distributed-or-entered[data-v-443e3254] {
    color: var(--black1);
    font-size: 2rem;
    font-weight: 600
}

.stage-date-and-time[data-v-443e3254] {
    align-items: center;
    display: flex;
    gap: 1.6rem
}

.stage-date-and-time>p[data-v-443e3254]:after {
    background-color: #e5e5e5;
    content: "";
    height: 100%;
    left: 100%;
    margin: 0 .8rem;
    position: absolute;
    width: 1px
}

.stage-time[data-v-443e3254] {
    display: flex;
    gap: .8rem;
    justify-content: center
}

.ticket-type__wrapper[data-v-443e3254] {
    overflow: hidden;
    white-space: nowrap
}

.ticket-type[data-v-443e3254] {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.large-num[data-v-443e3254],
.num[data-v-443e3254] {
    font-family: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif
}

.large-num[data-v-443e3254] {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 100%
}

.large-text[data-v-443e3254] {
    font-size: 2rem;
    font-weight: 600;
    line-height: 150%
}

.medium-text[data-v-443e3254] {
    font-size: 16px;
    line-height: 100%
}

.small-text[data-v-443e3254] {
    font-size: 12px;
    font-weight: 600;
    line-height: 100%
}

.x-small-text[data-v-443e3254] {
    font-size: 10px;
    font-weight: 400;
    line-height: 100%
}

.dashed[data-v-443e3254] {
    background-image: linear-gradient(90deg, #e5e5e5, #e5e5e5 4px, transparent 0);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: .8rem .1rem
}

.pr16[data-v-443e3254] {
    padding-right: 1.6rem
}

.enter-btn-text p[data-v-443e3254] {
    color: inherit;
    font-weight: 600;
    line-height: 100%
}

.enter-btn-text p[data-v-443e3254]:first-child {
    font-size: 1.6rem
}

.enter-btn-text p[data-v-443e3254]:last-child {
    margin-top: .6rem
}

.url-copied[data-v-443e3254] {
    margin: 0 auto
}

.entered-stamp[data-v-443e3254] {
    align-items: center;
    background: hsla(0, 0%, 100%, .75);
    border-radius: 50%;
    bottom: 0;
    display: flex;
    height: 18rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 18em;
    z-index: 10
}

.entered-stamp p[data-v-443e3254] {
    color: red;
    font-family: "VL Sofia Pro Soft", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, Meiryo, sans-serif;
    font-weight: 700;
    line-height: 100%;
    text-align: center
}

.entered-at[data-v-443e3254] {
    font-size: 1.6rem;
    position: absolute;
    top: 1.4rem
}

.entered-at.rotated[data-v-443e3254] {
    bottom: 1.4rem;
    transform: rotate(180deg)
}

.circle-big[data-v-443e3254],
.circle-mid[data-v-443e3254],
.circle-small[data-v-443e3254],
.outer-circle[data-v-443e3254] {
    border-radius: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.outer-circle[data-v-443e3254] {
    align-items: center;
    box-shadow: 0 0 0 4px red;
    display: flex;
    flex-direction: column;
    height: 17.2rem;
    justify-content: center;
    width: 17.2rem
}

.circle-big[data-v-443e3254] {
    box-shadow: 0 0 0 1px red;
    height: 16.6rem;
    width: 16.6rem
}

.circle-mid[data-v-443e3254] {
    box-shadow: 0 0 0 3px red;
    height: 10.2rem;
    width: 10.2rem
}

.circle-small[data-v-443e3254] {
    box-shadow: 0 0 0 1px red;
    height: 9.4rem;
    width: 9.4rem
}

.Loader_loadingCover__t1MC2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5)
}

.Loader_loadingItem__NpGmq {
    margin: auto 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.6rem
}

@keyframes Loader_spin__tDm4x {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Loader_loadingImg__G5V9K {
    animation: Loader_spin__tDm4x 1.5s linear infinite;
}

</style><style type="text/css">.modal__outer[data-v-3d6609a2] {
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: hsla(0, 0%, 100%, .5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2000
}

.modal[data-v-3d6609a2] {
    background-color: var(--white1);
    border-radius: 1.6rem;
    box-shadow: 0 0 2rem rgba(155, 181, 217, .4);
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    margin: 0 2.4rem;
    max-width: 480px;
    padding: 1.6rem 1.6rem 4.8rem;
    width: calc(min(480px, 100%) - 4.8rem)
}

.close[data-v-3d6609a2] {
    display: flex;
    justify-content: flex-end
}

.close-btn[data-v-3d6609a2] {
    cursor: pointer
}

</style>