@charset "UTF-8";

body {
    font-size: 28px;
}
h1, h2, h3, h4 {
    font-size: 24px;
}
.tradeList li .status, .ticketList li .status, .tradeList li .fc {
    min-width: 116px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    border-radius: 6px;
    padding: 0 6px;
    margin: 10px 20px 0 0;
}
.tradeList li, .ticketList li {
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    margin: 0 20px 20px 0;
}
.ticketList .more a, .tradeList .more a {
    font-size: 30px;
}
#home .visual .swiper-slide ul {
    border-radius: 80px;
}

.loadingIcon {
    gap: 16px 8px;
}
.loading-bar {
    width: 8px;
    height: 36px;
}
.loadingCap {
    font-size: 24px;
}
#home #wrap {
    padding-top: 224px;
    border-left: 2px solid #EEE;
    border-right: 2px solid #EEE;
}
header {
    height: 224px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
#navBtn {
    width: 68px;
    height: 224px;
    position: fixed;
    left: 80px;
}
#navBtn .bar {
    width: 68px;
    height: 4px;
}
#navBtn .top {
    top: 83px;
}
#navBtn .mid {
    top: 107px;
}
#navBtn .btm {
    top: 131px;
}
header h1 {
    width: 328px;
    padding: 0 100px 0 220px;
}
header .mainNav a {
    font-size: 30px;
    padding: 0 36px;
    line-height: 224px;
}
header .mainNav a:hover::after,
#home header .mainNav li.home a::after {
    height: 6px;
}
header #loginNav {
    right: 60px;
    top: 85px;
}
header #loginNav li:not(:last-child) {
    margin-right: 60px;
}
header #loginNav a,
header #loginNav input {
    font-size: 30px;
    line-height: 40px;
}
header #loginNav svg {
    width: 40px;
    height: 40px;
    margin: 0 20px 0 0;
    top: -2px;
}
#home .visual {
    background: #FFF;
    padding: 32px 0 112px;
}
#home .visual .innerArea {
    padding: 60px 60px 176px;
    gap: 48px;
}
#home .visual .ph {
    max-width: 712px;
    max-height: 440px;
    border-radius: 16px;
}
#home .visual .tag {
    margin-bottom: 32px;
}
#home .visual .visualDetail {
    max-width: 712px;
}
#home .visual .category {
    border: 2px solid;
    font-size: 18px;
    padding: 16px 16px 18px;
    margin-right: 16px;
}
#home .visual .statusArea {
    height: 24px;
}
#home .visual .visualDetail .artist {
    font-size: 24px;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
}
#home .visual .visualDetail .title {
    font-size: 32px;
}
#home .visual .swiperUi {
    bottom: 32px;
    padding: 16px;
}
#home .visual .stopbtn {
    width: 80px;
    height: 80px;
    line-height: 60px;
    margin-right: 16px;
}
#home .visual .progressbar {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    margin-right: 8px;
    margin: 0 10px;
}
#home .visual .progressbar.swiper-pagination-bullet-active {
    width: 120px;
}
#home .section.topArea {
    display: none;
    padding: 112px;
    padding-left: min(800px, 15%);
    padding-right: min(800px, 15%);
}
#home .infoList li a {
    border: 1px solid #BCBBBB;
    position: relative;
    border-radius: 100px;
    display: flex;
    padding: 32px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
#home .infoList li a {
    padding: 64px;
    gap: 32px;
    border-radius: 200px;
}
#home .infoList li a .date {
    font-size: 48px;
}
#home .infoList li a .date span {
    font-size: 28px;
}
#home .infoList li a .tit {
    margin-bottom: 8px;
    font-size: 32px;
    letter-spacing: 0.3px;
}
#home .ticketList {
    padding: 0 160px 112px;
    border-radius: 0 0 224px 224px;
}
#home .ticketList .sectionTit {
    margin-bottom: 48px;
}
#home .ticketList .sectionTit .titMain {
    font-size: 116px;
    letter-spacing: 0.3px;
}
#home .sectionTit .titSub {
    font-size: 32px;
}
#home .ticketList .sectionTit {
    transform: translateY(0);
    opacity: 1;
}
#home .ticketList .sectionTit .titSub img {
    margin-right: 16px;
    width: 48px;
    height: 48px;
}


#home .ticketList button {
    font-size: 32px;
    border-radius: 40px 40px 0 0;
    width: 336px;
    padding: 48px 16px;
    gap: 16px;
}
#home .ticketList .section {
    width: 100%;
    padding: 32px 0 0;
}
#home .ticketList ul {
    gap: 32px;
}
#home .ticketList li {
    width: calc((100% / 3) - (64px / 3));
    min-height: 340px;
}
.ticketList li a .innerArea {
    border-radius: 32px;
    border: 2px solid #E0E0E0;
}
#home .ticketList .ph.bgFix + div {
    padding: 32px;
}
#home .ticketList li {
    transform: translateY(0);
    opacity: 1;
}
#home .ticketList li .artist {
    font-size: 20px;
    margin-bottom: 16px;
}
#home .ticketList li .title {
    font-size: 26px;
    margin-bottom: 16px;
    word-wrap: break-word;
}
#home .ticketList li .precede_name {
    font-size: 24px;
}
#home .ticketList .tabs {
    border-bottom: 6px solid #E5E5E5;
    gap: 16px;
    transform: translateY(0);
    opacity: 1;
}
#home .ticketList #tab1:before {
    bottom: -6px;
    height: 6px;
}
#home .ticketList .more {
    margin: 128px 0 0;
}
#home .ticketList .more a {
    padding: 16px 82px 16px 44px;
    font-size: 30px;
}
#home .ticketList .more a:before {
    top: calc(50% - 14px);
    right: 44px;
    width: 16px;
    height: 16px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}
#home .ftaj {
    padding: 168px 32px;
    gap: 48px;
}
#home .ftaj a {
    max-width: 496px;
    border-radius: 16px;
}
#home .ftaj .ftajTxt dt {
    font-size: 40px;
    letter-spacing: 0.3px;
}
#home .ftaj .ftajTxt dd {
    font-size: 32px;
    letter-spacing: 0.3px;
}
#home .section.tradeList {
    padding: 112px 192px 128px;
    border-radius: 224px 224px 0 0;
}
#home .section.tradeList h2 {
    margin-bottom: 48px;
    font-size: 52px;
}
#home .section.tradeList h2 .titMain {
    font-size: 116px;
    letter-spacing: 0.3px;
}
#home .tradelistItem {
    margin-bottom: 128px;
    gap: 32px;
}
#home .tradelistItem li {
    width: calc(25% - (96px / 4));
    transform: translateY(40px);
}
#home .tradelistItem li a .innerArea {
    padding: 16px;
    border: 2px solid #BCBBBB;
    border-radius: 64px;
}
#home .tradelistItem li a .ph {
    border-radius: 48px;
}
#home .tradelistItem li a .tradeDetail {
    padding: 16px;
}
#home .tradelistItem li a .artist {
    font-size: 24px;
    margin-bottom: 16px;
}
#home .tradelistItem li a .tit {
    font-size: 24px;
    margin-bottom: 16px;
}
#home .tradelistItem li a .statusArea .status {
    padding: 12px 16px;
    border: 2px solid #ff7c60;
}
#home .tradeList .more a {
    padding: 16px 44px 16px 44px;
    border-radius: 200px;
}
#home .streamList {
    padding: 112px 192px 176px;
    border-radius: 224px 224px 0 0;
}
#home .streamList .sectionTit {
    margin-bottom: 32px;
}
#home .streamList .sectionTit .titMain {
    font-size: 116px;
    letter-spacing: 0.3px;
}
#home .streamList ul {
    margin-bottom: 128px;
    gap: 32px;
}
#home .streamList ul li {
    width: calc(50% - 16px);
}
#home .streamList ul li a .innerArea {
    padding: 32px;
    border-radius: 32px;
    border: 2px solid rgba(255, 255, 255, 0.1);
}
#home .streamList .innerClm {
    gap: 32px;
}
#home .streamList .ph {
    border-radius: 16px;
}
#home .streamList .txtBox .title {
    font-size: 32px;
    margin-bottom: 16px;
}
#home .streamList .txtBox .artist {
    width: 100%;
    font-size: 28px;
}
#home .streamList .badge span {
    border: 2px solid;
    margin: 0 0 0 16px;
    font-size: 20px;
    padding: 12px 20px;
}
#home .streamList .more a {
    padding: 16px 84px 16px 44px;
}
#home .streamList .more a:before {
    top: calc(50% - 14px);
    right: 44px;
    width: 16px;
    height: 16px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}
.tikepuraApp {
    padding: 128px 0 128px;
}
.tikepuraApp .tikepuraAppDetail {
    width: 2000px;
    padding-right: 800px;
    margin: 0 auto 248px;
}
.tikepuraApp h2 {
    font-size: 56px;
    margin-bottom: 64px;
}
.tikepuraApp h2 span {
    width: 96px;
    height: 96px;
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    padding: 8px;
    margin-right: 16px;
}
.tikepuraApp .lead {
    font-size: 32px;
    margin-bottom: 96px;
}
.tikepuraApp .lead + figure {
    width: 1200px;
    height: calc(100% + 400px);
    right: -160px;
    bottom: -160px;
}
.tikepuraApp .appInfoBlock {
    gap: 64px;
}
.tikepuraApp .appInfo dt {
    font-size: 28px;
    margin-bottom: 16px;
}
.tikepuraApp .appInfo dt img {
    width: 100px;
    margin: 0 16px 0 0;
}

.tikepuraApp .appInfo dd .btn a {
    font-size: 28px;
    padding: 24px 48px;
}
.tikepuraApp .appBoxDetail {
    gap: 224px;
    padding: 0 344px;
}
.tikepuraApp .appDownBox {
    padding: 80px 32px 64px;
    border-radius: 32px;
    min-width: 520px;
    max-width: 672px;
}
.tikepuraApp .appDownBox .appDownDetail {
    margin-bottom: 32px;
}
.tikepuraApp .appDownBox .appDownDetail dt {
    font-size: 24px;
}
.tikepuraApp .appDownBox .appDownDetail dd {
    font-size: 56px;
    text-shadow: 0 0 20px #ffdac6;
}
.tikepuraApp .appDownBox .appDownDetail dd span {
    font-size: 26px;
}
.tikepuraApp .appDownBox .appDownDetail:last-of-type {
    margin-bottom: 48px;
}
.tikepuraApp .appDownBox .appDownDetail dd .rate {
    max-width: 128px;
}
.tikepuraApp .appDownBox .appBadgeBox {
    margin-bottom: 48px;
}
.tikepuraApp .appDownBox .badge {
    padding: 0 16px;
}
.tikepuraApp .appDownBox .badge a {
    max-width: 252px;
    height: 80px;
}
.tikepuraApp .appDownBox .cautionList li {
    font-size: 16px;
    margin-bottom: 16px;
}
.tikepuraApp .appQaBox .appQaTit {
    font-size: 32px;
    margin: 0 0 32px;
    top: -48px;
}
.tikepuraApp .appQaBox .qalistBox {
    padding: 96px 80px 48px;
    border-radius: 32px;
}
.tikepuraApp .appQaBox .qalist {
    border-bottom: 2px solid #C3C3C3;
    padding: 0 0 48px;
    margin: 0 0 48px;
}
.tikepuraApp .appQaBox .qalist dt {
    padding: 0 64px 0 64px;
}
.tikepuraApp .appQaBox .qalist dt:before {
    width: 48px;
    height: 48px;
    border-radius: 200px;
}
.tikepuraApp .appQaBox .qalist dt:after {
    top: calc(50% - 12px);
    width: 16px;
    height: 16px;
    border-top: 4px solid #E96C4E;
    border-right: 4px solid #E96C4E;
}
.tikepuraApp .appQaBox .qalist:last-of-type {
    margin: 0 0 64px;
}
.tikepuraApp .appQaBox .more a {
    border: 2px solid;
    border-radius: 100px;
    padding: 14px 44px 14px 44px;
    font-size: 28px;
}
#home .resaleissue {
    padding: 112px 0 0;
}
#home .resaleissue div {
    width: 600px;
}
#home .resaleissue div a{
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.2);
}
#home .resaleissue div a img {
    width: 100%;
}
#home footer {
    padding-bottom: 64px;
}
footer #supportNav {
    padding: 30px 0;
}
#home footer #supportNav ul {
    max-width: 800px;
}
#home footer #supportNav li a {
    font-size: 24px;
    padding: 0 16px;
}
footer .copyright {
    font-size: 20px;
    padding: 0 0 30px;
}