@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap');

body{
    background: #FFF;
    height: auto;
    min-height: 100%;
}
header{
    z-index: 10000;
}
#container{
    font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    color: #1D1B1A;
    background-color: #FFF;
}
#home #wrap {
    padding: 50px 0 0;
}
#home #container {
    background: linear-gradient(87deg, #424242 -3.53%, #757575 109.31%);
}
.anc{
    position: relative;
}
.ancPoint{
    position: absolute;
    top:-85px;
}
header .mainNav li.dticket,
header .mainNav li.trade {

}
.hidden {
    display: none;
}
.loading{
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.loadingIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 4px;
    transform: translate(-50%, -50%);
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
.loading-bar:nth-child(1) {
  background-color: #E64427;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #19368B;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #90559F;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #FDB211;
  animation-delay: .27s;
}
.loading-bar:nth-child(5) {
  background-color: #048E94;
  animation-delay: .36s;
}
.loadingCap{
    font-family: "Outfit", serif;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}


/*============================================
    visual
==============================================*/
#home .visual{
    background: #FFF;
    padding: 16px 0 0;
}
#home .visual .swiper{
    width: 100%;
    height: auto;
}

#home .visual .swiper-wrapper {
    align-items: stretch;
}
#home .visual .swiper-slide {
    height: auto;
    min-height: 100%;

}
#home .visual .swiper-slide ul{
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    height: 100%;
}
#home .visual .swiper a {
    text-decoration: none;
    color: unset;
}

#home .visual .swiperUi{
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translate(-50%, 0);
    z-index: 5;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    padding: 8px;
    min-width: max-content;
    opacity: 0;
    transition: 0.3s ease;
}
#home.loaded .visual .swiperUi{
    opacity: 1;
}

#home .visual .swiper-pagination {
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    text-align: left;
    width: auto;
    height: auto;
    line-height: 0;
}



#home .visual .phBg{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    pointer-events: none;
}
#home .visual .phBg img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(50px);
    transform: scale(2);
    opacity: 0.6;
    transition: 0.3s ease;
}

#home .visual .innerArea{
    padding: 40px 40px 88px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
#home .visual .ph {
    width: 100%;
    max-width: 356px;
    max-height: 220px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}
#home .visual .ph span{
    width: 100%;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4));
}
#home .visual .ph img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}
#home .visual .tag{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    align-items: center;
}
#home .visual .catType{
    display: flex;
    align-items: center;
}
#home .visual .category{
    display: block;
    color: #f6732a;
    border: 1px solid;
    line-height: 1em;
    font-size: 9px;
    padding: 8px 8px 9px;
    font-weight: 500;
    border-radius: 100px;
    margin-right: 8px;
    box-sizing: border-box;
}
#home .visual .statusArea{
    display: flex;
    justify-content: flex-end;
    position: relative;
    height: 12px;
}
#home .visual .statusArea img{
    object-fit: contain;
    height: 100%;
    width: auto;
}
#home .visual .visualDetail{
    position: relative;
    width: 100%;
    max-width: 356px;
    display: flex;
    align-items: center;
}
#home .visual .visualDetail .visualDetailInner{
    width: 100%;
}
#home .visual .visualDetail .visualDetailInner .detailTop,
#home .visual .visualDetail .visualDetailInner .detailBottom{
    width: 100%;
}
#home .visual .visualDetail .artist{
    font-size: 12px;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: #FFF;
}
#home .visual .visualDetail .title{
    letter-spacing: 0.05em;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    color: #FFF;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 0;
}
#home .visual .visualDetail .precede_name{
    font-size: 14px;
    margin-top: 16px;
    color: #FFF;
}
#home .visual .visualDetail .visualDetailInner .detailBottom{
    display: flex;
    justify-content: flex-end;
}
#home .visual .detailBtn {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.05em;
    border: 1px solid;
    padding: 8px 42px 8px 22px;
    height: auto;
    position: relative;
    border-radius: 100px;
    color: #FFF;
    transition: 0.3s ease;
    cursor: pointer;
}
#home .visual .detailBtn:before{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    right: 22px;
    border-top: 2px solid;
    border-right: 2px solid;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
}
#home .visual .progressbar{
    position: relative;
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    overflow: hidden;
    margin-right: 8px;
    transition: 0.3s ease;
    margin: 0 5px;
    transform: translate(0,0);
}
#home .visual .progressbar.swiper-pagination-bullet-active{
  width: 60px;
}

#home .visual .progressbar .progressbar_in{
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transform-origin: left center;;
  background: #FF7C60;
  border-radius: 0;
  transform: scaleX(0);
  transition-timing-function: linear;
  opacity: 1;
}
#home .visual .stopbtn {
    cursor: pointer;
    z-index: 100;
    background: #FFF;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-right: 8px;
}
#home .visual .stopbtn:hover {
  opacity: 1;
}
#home .visual .stopbtn.stop:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/top/ph_icon_slide_stop.png);
    background-size: cover;
    font-size: 24px;
    font-weight: bold;
}
#home .visual .stopbtn.start:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/top/ph_icon_slide_play.png);
    background-size: cover;
    font-size: 24px;
    font-weight: bold;
}

/* PC-min-901 */
@media screen and (min-width: 901px){

#home .visual a{
    cursor: auto;
}
#home .visual a:hover img{
    opacity: 1;
}
#home .visual a:hover .ph img{
    opacity: 1;
}
#home .visual a:hover .phBg img{
    opacity: 0.6;
}
#home .visual .detailBtn:hover {
    background: #FFF;
    color: #f6732a;
    border: 1px solid #FFF;
}
}

/* SP-max-900 */
@media screen and (max-width: 1101px){
#home .visual .swiper-slide {
    box-sizing: border-box;
    transition: transform 0.3s ease;
}
#home .visual .swiper-wrapper {
    padding: 15% 0;
}  
#home .visual .swiper-wrapper:before{
    content:"";
}   
#home .visual .swiper-slide.swiper-slide-prev {
        z-index: -1;
}
#home .visual .swiper-slide.swiper-slide-next {
        z-index: -1;

}
#home .visual .swiper-slide.swiper-slide-active {
        transform: scale(1.2);
}
}
/* PC-1100-770 */
@media screen and (min-width:771px) and (max-width:1280px ) {
    #home .visual .swiper-wrapper {
        padding: 0;
    }
    #home .visual .swiper-slide.swiper-slide-active {
        transform: scale(1);
    }
    #home .visual .swiperUi {
        bottom: 16px;
    }
}

/* SP-max-770 */
@media screen and (max-width: 770px){
#home .visual .innerArea {
    display: block;
    padding: 32px 24px 72px;
}
#home .visual .ph {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 43vw;
        margin: 0 auto 24px;
}
#home .visual .ph span {
        width: 100%;
        max-height: 43vw;
        object-fit: contain;
        position: relative;
        text-align: center;
}
#home .visual .ph img {
        height: auto;
        width: auto;
        object-fit: unset;
        max-height: 43vw;
        max-width: 100%;
        border-radius: 8px;
}
#home .visual .tag{
    margin-bottom: 8px;
}
#home .visual .visualDetail{
    width: 100%;
    display: block;
}
#home .visual .visualDetail .visualDetailInner .detailBottom {
    display: none;
}
#home .visual .visualDetail .artist {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 8px;
}
#home .visual .visualDetail .title {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 140%;
}
#home .visual .visualDetail .precede_name {
    margin-top: 8px;
}
#home .visual .swiperUi {
    bottom: 8vw;
}
}


/*============================================
    .topArea
==============================================*/
#home .section.topArea {
    padding: 56px;
    padding-left: min(400px, 15%);
    padding-right: min(400px, 15%);
    margin: 0;
}
#home .section.topArea .topLinkList {
    margin: 0 0 32px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 24px;
}
#home .section.topArea .topLinkList li{
    width: calc(100% / 3);
}
#home .section.topArea .topLinkList li:nth-child(1){
padding: 0;
}
#home .section.topArea .topLinkList li:nth-child(2){
padding: 0;
}
#home .section.topArea .topLinkList li a{
    text-decoration: none;
    background: transparent;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: auto;
    border-radius: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 0.15px;
    font-size: clamp(0.5vw, 1.3vw, 20px);
}
#home .info .infoTit{
    font-size: 16px;
    font-family: "Outfit", serif;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 4px;
}
#home .infoList{

}

#home .infoList li{

}

#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 .tit{
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0.15px;
    overflow: hidden;
}
#home .infoList li a .date{
    float: none;
    font-family: "Outfit", serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
    color: #1D1B1A;
    margin-right: 0;
}
#home .infoList li a .date span{
    display: block;
    font-family: "Outfit", serif;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 100%;
    transition: all .3s ease;
}

#home .sectionTit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
#home .sectionTit .titMain{
    font-family: "Outfit", serif;
    font-weight: 700;
    font-size: 40px;
    color: initial;
}
#home .sectionTit .titSub{
    font-size: 16px;
    font-weight: 600;
    color: initial;
}
#home .sectionTit .titSub img{
    width: 24px;
    height: 24px;
}

/* PC-min-901 */
@media screen and (min-width: 901px){
#home .section.topArea .topLinkList li a:hover{
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .25);
}
#home .infoList li a:hover .date span{
        color: #ff7c60;
}
}

/* SP-max-990 */
@media screen and (max-width: 990px){
#home .section.topArea .topLinkList li a img {
    vertical-align: middle;
    margin-right: 0;
    width: 100%;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
}
}


/* SP-max-770 */
@media screen and (max-width: 770px){
#home .section.topArea {
    padding: 24px 16px 56px;
}
#home .section.topArea .topLinkList li:nth-child(1) {
    padding-right: 0;
}
#home .section.topArea .topLinkList li:nth-child(2) {
    padding-left: 0;
}
#home .section.topArea .topLinkList {
    margin: 0 0 24px;
    gap: 8px;
}
#home .section.topArea .topLinkList li a img {
    vertical-align: middle;
    margin-right: 0;
    width: 100%;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
}
#home .section.topArea .topLinkList li a .logo {
    width: 70%;
}
#home .section.topArea .topLinkList li a{
    height: auto;
    background: transparent;
}
#home .infoList li a{
    padding: 24px;
}
#home .infoList li a .tit {
    font-size: 14px;
}
#home .sectionTit{
    margin: 0 0 16px;
}
}



/*============================================
    .ticketList
==============================================*/
#home .ticketList{
    width: 100%;
    margin-bottom: 0;
    padding: 0 80px 56px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 0 0 112px 112px;
}
#home .ticketList .sectionTit{
    line-height: 1em;
    align-items: center;
    margin-bottom: 24px;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s ease 0s;
}
#home .ticketList.showing .sectionTit{
    transform: translateY(0);
    opacity: 1;
}
.tabs{
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s ease 0.2s;
}
#home .ticketList.showing .tabs{
    transform: translateY(0);
    opacity: 1;
}
#home .ticketList .sectionTit .titMain{
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.15px;
}
#home .ticketList .sectionTit .titSub{
    display: flex;
    align-items: center;
}
#home .ticketList .sectionTit .titSub img{
    margin-right: 8px;
    background: transparent;
}
#home .ticketList .tabs{
    display: flex;
    justify-content: flex-start;
    border-bottom: 3px solid #E5E5E5;
    gap: 8px;
}
#home .ticketList button{
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    color: #8C8F90;
    transition: 0.3s ease;
    cursor: pointer;
    border-radius: 20px 20px 0 0;
    display: flex;
    width: 168px;
    padding: 24px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    line-height: 100%;
}
#home .ticketList button#tab2{
}
#home .ticketList button.active{
    color: #1D1B1A;
    background-color: #FFE5DF;
}
#home .ticketList #tab1:before{
    content: "";
    position: absolute;
    left: calc(100% + 8px);
    bottom: -3px;
    width: 100%;
    height: 3px;
    background: #ff7c60;
    border-radius: 100px;
}
#home .ticketList #tab1.active:before{
    left: 0;
}

#home .ticketList .section{
    width: 100%;
    padding: 16px 0 0;
    box-sizing: border-box;
    margin-bottom: 0;
}


#home .ticketList li{
    width: calc((100% / 3) - (32px / 3));
    box-shadow: none;
    box-sizing: border-box;
    margin: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s ease 0s;
    overflow: unset;
}
#home .ticketList.showing li:nth-child(1){
    transition-delay: 0.4s;
}
#home .ticketList.showing li:nth-child(2){
    transition-delay: 0.6s;
}
#home .ticketList.showing li:nth-child(3){
    transition-delay: 0.8s;
}
#home .ticketList.showing li:nth-child(4){
    transition-delay: 1s;
}
#home .ticketList.showing li:nth-child(5){
    transition-delay: 1.2s;
}
#home .ticketList.showing li:nth-child(6){
    transition-delay: 1.4s;
}
#home .ticketList.showing li:nth-child(7){
    transition-delay: 1.6s;
}
#home .ticketList.showing li:nth-child(8){
    transition-delay: 1.8s;
}
#home .ticketList.showing li:nth-child(9){
    transition-delay: 2s;
}
#home .ticketList.showing li{
    transform: translateY(0);
    opacity: 1;
}

#home .ph.bgFix {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
}
#home .ph.bgFix + div {
    padding: 0 0 0 8px;
}
#home .ticketList ul{
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.tradeList li a,
.ticketList li a {
    padding: 0 0 45px;
}
.ticketList li a {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    background: #FFF;
    min-height: 100%;


    width: 100%;

    box-sizing: border-box;
}
.ticketList .pastLive li a {
    background: #FAFAFA;
    color: #9E9E9E;
}
.ticketList li a .innerArea{
    display: block;
    position: relative;
    height: auto;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #E0E0E0;
}

#home .ticketList li a .innerArea .ph.bgFix{
    width: 56%;
    aspect-ratio: unset;
    position: absolute;
}
#home .ticketList li a .innerArea .ph.bgFix .phFront{
    aspect-ratio: unset;
}
#home .ticketList li a .innerArea .ph.bgFix .phFront img{
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
#home .ticketList .ph.bgFix + div {
    width: 44%;
    padding: 16px;
    margin-left: 56%;
    box-sizing: border-box;
}
#home .ticketList li .artist{
    padding: 0;
    font-size: 10px;
    color: #9E9E9E;
    margin-bottom: 8px;
}
#home .ticketList li .title{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
#home .ticketList li .precede_name{
    color: #345CC8;
    line-height: 1.4em;
    font-size: 12px;
}

#home .ticketList .pastLive li .precede_name{
    color: #9E9E9E;
}
#home .ticketList li .first_served{
    font-size: 10px;
    margin-top: 8px;    
}
#home .ticketList li .badge{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
}
#home .ticketList li .badge span{
    float: none;
    margin: 0 5px 5px 0;
    font-size: 10px;
    padding: 4px;
    border-radius: 100px;
    line-height: 1em;
}
#home .ticketList li .badge span.rec{
    color: #FFF;
    background-color: #ff7c60;
    border: 1px solid #ff7c60;
}
#home .ticketList li .badge span.beforeRec{
    color: #FFF;
    background-color: #1D1B1A;
    border: 1px solid #1D1B1A;
}

#home .ticketList li .start_apply{
    position: relative;
    width: 100%;
    margin-top: 8px;
    font-weight: 600;
    line-height: 1.4em;
    display: flex;
    align-items: center;
    font-size: 10px;
}
#home .ticketList .past li .innerArea {
    background: #FAFAFA;
}
#home .ticketList .past .ph.bgFix + div {
    background: #FAFAFA;
    color: #9E9E9E;
}

#home .ticketList .past li .precede_name{
    color: #9E9E9E;
}
#home .ticketList li .start_apply dt{
    width: 33px;
}
#home .ticketList li .start_apply dd{
    width: calc(100% - 33px);
    line-height: 1.3em;
}

#home .ticketList .more{
    text-align: center;
    margin: 64px 0 0;
}
#home .ticketList .more a{
    position: relative;
    display: inline-block;
    padding: 8px 42px 8px 22px;
    background: #ff7c60;
    color: #FFF;
    border-radius: 100px;
    font-weight: 500;
}
#home .ticketList .more a:before{
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 22px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
}
#home .ticketList .more a.activeBtn:before{
    top: calc(50% - 2px);
    transform: rotate(-45deg);
}
#home .section.ticketList.past{
    padding: 0;
}
#home .section.ticketList.past ul {
    margin: 0 0 40px;
    box-shadow: none;
}

/* PC-min-901 */
@media screen and (min-width: 901px){
#home .ticketList .more a:hover{
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .25);
}
}

/* SP-max-770 */
@media screen and (max-width: 770px){
#home .ticketList {
    padding: 0 0 56px;
    border-radius: 0 0 40px 40px;
}
#home .ticketList .sectionTit {
    padding: 0 16px;
}
#home .ticketList .sectionTit .titMain {
    font-size: 40px;
}
#home .ticketList .tabs {
    padding: 0 16px;
    justify-content: center;
}
#home .ticketList button {
    width: 100%;
    padding: 14px 8px 10px;
}
#home .ticketList .section {
    padding: 16px 16px 0;
    margin-bottom: 32px;
}
#home .ticketList ul {
    gap: 8px;
}
#home .ticketList li {
    width: calc(50% - 4px);
}
#home .ticketList li a .innerArea .ph.bgFix {
    width: 100%;
    height: auto;
    aspect-ratio: 83 / 58;
    position: relative;
}

#home .ticketList .ph.bgFix + div {
    width: 100%;
    padding: 12px;
    margin-left: 0;
}
}




/*============================================
    ftaj
==============================================*/
#home .ftaj {
    width: 100%;
    padding: 84px 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    gap: 24px;
}
#home .ftaj a {
    display: block;
    line-height: 0;
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
    max-width: 248px;
}
#home .ftaj .ftajTxt{
    line-height: 1.5em;
    letter-spacing: 0.05em;
}
#home .ftaj .ftajTxt dt{
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 0.15px;
}
#home .ftaj .ftajTxt dd{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.15px;
}


/* SP-max-770 */
@media screen and (max-width: 770px){
#home .ftaj {
    padding: 32px 16px;
    gap: 12px;
}
#home .ftaj a {
    width: 50%;
}
#home .ftaj .ftajTxt {
    width: 50%;
}
#home .ftaj .ftajTxt dt {
    font-size: 16px;
}
#home .ftaj .ftajTxt dd{
    font-size: 12px;
    line-height: 170%;
}
}

/*============================================
    .tradeList
==============================================*/
#home .section.tradeList{
    width: 100%;
    padding: 56px 96px 64px;
    box-sizing: border-box;
    background-color: #EEEEEE;
    border-radius: 112px 122px 0 0;
}
#home .section.tradeList:after{
}
#home .section.tradeList h2{
    margin-bottom: 24px;
    opacity:0;
    transform: translateY(20px);
    transition: 0.3s ease;
}
#home .section.tradeList.showing h2{
    transform: translateY(0);
    opacity:1;
}
#home .section.tradeList h2 .titMain {
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.15px;
}
#home .tradeList .btnLink a{
    position: relative;
}
#home .tradelistItem{
    margin-bottom: 64px;
    display: flex;
    flex-wrap: wrap;
    gap:16px;
}
#home .tradelistItem li{
    width: calc(25% - (48px / 4));
    box-shadow: none;
    box-sizing: border-box;
    transition: 0.2s ease;
    margin: 0;
    opacity: 0;
    transform: translateY(20px);
    background: transparent;
    overflow: unset;
}
#home .showing .tradelistItem li{
    transform: translateY(0);
    opacity:1;
}
#home .showing .tradelistItem li:nth-child(1){
    transition-delay: 0.2s;
}
#home .showing .tradelistItem li:nth-child(2){
    transition-delay: 0.4s;
}
#home .showing .tradelistItem li:nth-child(3){
    transition-delay: 0.6s;
}
#home .showing .tradelistItem li:nth-child(4){
    transition-delay: 0.8s;
}
#home .showing .tradelistItem li:nth-child(5){
    transition-delay: 1.0s;
}
#home .showing .tradelistItem li:nth-child(6){
    transition-delay: 1.2s;
}
#home .showing .tradelistItem li:nth-child(7){
    transition-delay: 1.4s;
}
#home .showing .tradelistItem li:nth-child(8){
    transition-delay: 1.6s;
}
#home .showing .tradelistItem li:nth-child(9){
    transition-delay: 1.8s;
}
#home .tradelistItem li a{
    padding: 0;
}
#home .tradelistItem li a .innerArea{
    padding: 8px;
    border: 1px solid #BCBBBB;
    border-radius: 32px;
    background: #FFF;
    box-sizing: border-box;
}
#home .tradelistItem li a .ph{
    aspect-ratio: 1.5 / 1;
    border-radius: 24px;
}
#home .tradelistItem li a .tradeDetail{
    padding: 8px;
}
#home .tradelistItem li a .tradeDetail >*{
    padding: 0;
}
#home .tradelistItem li a .artist{
    font-size: 12px;
    color: #9E9E9E;
    margin-bottom: 8px;
}
#home .tradelistItem li a .tit{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
#home .tradelistItem li a .date{
    line-height: 1.4em;
    margin-bottom: 8px;
}
#home .tradelistItem li a .statusArea{
    position: relative;
    right: auto;
    bottom: auto;
}
#home .tradelistItem li a .statusArea .status{
    float: none;
    border-radius: 100px;
    margin: 0;
    padding: 6px 8px;
    line-height: 1em;
    height: auto;
    border: 1px solid #ff7c60;
    background: transparent;
    color: #ff7c60;
    box-sizing: border-box;
}
#home .tradeList .more{
    margin-top: 0;
    text-align: center;
}
#home .tradeList .more a{
    position: relative;
    display: inline-block;
    padding: 8px 22px 8px 22px;
    background: #ff7c60;
    color: #FFF;
    border-radius: 100px;
    font-weight: 500;
}
/* PC-min-901 */
@media screen and (min-width: 901px){
#home .tradeList .more a:hover{
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .25);
}
}

/* SP-max-770 */
@media screen and (max-width: 770px){
#home .section.tradeList {
    padding: 56px 16px 56px;
    border-radius: 40px 40px 0 0;
}
#home .tradelistItem {
    gap: 8px;
    margin-bottom: 32px;
}
#home .tradelistItem li {
    width: calc(50% - 4px);;
}
#home .section.tradeList h2 .titMain {
    font-size: 44px;
}
}


/*============================================
    .tikepuraApp
==============================================*/
.tikepuraApp{
    padding: 64px 0 64px;
    background-image: url(/img/top/bg_tikepuraApp.jpg);
    background-size: cover;
    border-radius: 0;
    position: relative;
    z-index: 1;
}
.tikepuraApp:before{

}
.tikepuraApp:after{
    content:"";
}
.tikepuraApp .topClm{

}

.tikepuraApp .tikepuraAppDetail{
    position: relative;
    width: 1000px;
    padding-right: 400px;
    box-sizing: border-box;
    margin: 0 auto 124px;
}
.tikepuraApp h2{
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 32px;
    justify-content: center;
}
.tikepuraApp h2 span{
    display: inline-block;
    width: 48px;
    height: 48px;
    background: #FFF;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 4px;
    box-sizing: border-box;
    margin-right: 8px;
}
.tikepuraApp h2 span img{

}
.tikepuraApp .lead{
    font-size: 16px;
    font-weight: 600;
    line-height: 2em;
    margin-bottom: 48px;
    text-align: center;
}
.tikepuraApp .lead + figure{
    margin: 0;
    position: absolute;
    width: 600px;
    height: calc(100% + 200px);
    right: -80px;
    bottom: -80px;
    line-height: 0;
}
.tikepuraApp .lead + figure img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.tikepuraApp .appInfoBlock{
    display: flex;
    justify-content: center;
    gap: 32px;
}
.tikepuraApp .appInfo{

}
.tikepuraApp .appInfo dt{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 8px;
}
.tikepuraApp .appInfo dt img{
    width: 50px;
    margin: 0 8px 0 0;
}
.tikepuraApp .appInfo dd{
    text-align: center;
}
.tikepuraApp .appInfo dd .btn{

}
.tikepuraApp .appInfo dd .btn a{
    display: inline-block;
    border: none;
    background: #ff7c60;
    width: auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    padding: 12px 24px;
    border-radius: 100px;
    color: #FFF;
    margin: 0;
}
.tikepuraApp .appBoxDetail{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
    gap: 112px;
    padding: 0 172px;
    box-sizing: border-box;
}
.tikepuraApp .appDownBox{
    padding: 40px 16px 32px;
    background: #FFF;
    border-radius: 16px;
    margin-bottom: 0;
    min-width: 260px;
    max-width: 336px;
    box-sizing: border-box;
}
.tikepuraApp .appDownBox .appDownDetail{
    text-align: center;
    font-family: "Outfit", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    color: #585858;
    margin-bottom: 16px;
}
.tikepuraApp .appDownBox .appDownDetail:last-of-type{
    margin-bottom: 24px;
}
.tikepuraApp .appDownBox .appDownDetail dt{
    font-size: 12px;
    font-weight: 500;
    line-height: 1em;
}
.tikepuraApp .appDownBox .appDownDetail dt span{
    font-size: 14px;
}
.tikepuraApp .appDownBox .appDownDetail dd{
    font-size: 28px;
    font-weight: 500;
    text-shadow: 0 0 10px #ffdac6;
}
.tikepuraApp .appDownBox .appDownDetail dd .rate{
    line-height: 0;
    max-width: 64px;
    margin: 0 auto;
}
.tikepuraApp .appDownBox .appDownDetail dd span{
    font-size: 13px;
}
.tikepuraApp .appDownBox .appBadgeBox{
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.tikepuraApp .appDownBox .badge{
    padding: 0 8px;
}
.tikepuraApp .appDownBox .badge a{
    display: block;
    line-height: 0;
    max-width: 126px;
    width: auto;
    margin: 0;
    height: 40px;
}
.tikepuraApp .appDownBox .badge a img{
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.tikepuraApp .appDownBox .cautionList{
    margin: 0 auto;
    width: 80%;
}
.tikepuraApp .appDownBox .cautionList li{
    position: relative;
    font-size: 8px;
    color: #818181;
    margin-bottom: 8px;
}
.tikepuraApp .appDownBox .cautionList li:last-child{
    margin-bottom: 0;
}
.tikepuraApp .appDownBox .cautionList li:before{
    content:"※";
}

.tikepuraApp .appQaBox{
    position: relative;
}
.tikepuraApp .appQaBox .appQaTit{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 16px;
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translate(-50%, -100%);
}
.tikepuraApp .appQaBox .qalistBox{
    padding: 48px 40px 24px;
    background: #FFF;
    border-radius: 16px;
}
.tikepuraApp .appQaBox .qalist{
    border-bottom: 1px solid #C3C3C3;
    padding: 0 0 24px;
    margin: 0 0 24px;
}
.tikepuraApp .appQaBox .qalist:last-of-type{
    margin: 0 0 32px;
}
.tikepuraApp .appQaBox .qalist dt{
    padding: 0 32px 0 32px;
    position: relative;
    font-weight: 500;
    cursor: pointer;
}

.tikepuraApp .appQaBox .qalist dt:before{
    display: flex;
    align-items: center;
    justify-content: center;
    content: "Q";
    font-family: "Outfit", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    width: 24px;
    height: 24px;
    background: #ff7c60;
    color: #FFF;
    position: absolute;
    left: 0;
    border-radius: 100px;
    line-height: 1em;
    font-weight: 600;
}
.tikepuraApp .appQaBox .qalist dt:after{
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #E96C4E;
    border-right: 2px solid #E96C4E;
    transform: rotate(135deg);
    transition: 0.3s ease;
}
.tikepuraApp .appQaBox .qalist dt.open:after{
    top: calc(50% - 2px);
    transform: rotate(-45deg);
}
.tikepuraApp .appQaBox .qalist dd{
    padding: 16px 0 0 32px;
    position: relative;
    display: none;
}
.tikepuraApp .appQaBox .qalist dd:before{
    display: flex;
    align-items: center;
    justify-content: center;
    content: "A";
    font-family: "Outfit", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    width: 24px;
    height: 24px;
    background: #1D1B1A;
    color: #FFF;
    position: absolute;
    left: 0;
    border-radius: 100px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: -0.05em;
}
.tikepuraApp .appQaBox .qalist dd .btn a{
    min-width: 0;
    border-radius: 100px;
    padding: 12px 24px;
    font-size: 16px;
}
.tikepuraApp .appQaBox .more{
    text-align: center;
}
.tikepuraApp .appQaBox .more a{
    display: inline-block;
    text-decoration: none;
    border: 1px solid;
    border-radius: 100px;
    color: #ff7c60;
    padding: 7px 22px 7px 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    box-sizing: border-box;
}

/* PC-min-901 */
@media screen and (min-width: 901px){
.tikepuraApp .appQaBox .more a:hover{
    background-color:#ff7c60 ;
    color: #FFF;
    border: 1px solid #ff7c60;
}
}

/* SP-max-1180 */
@media screen and (max-width: 1180px){
.tikepuraApp .appDownBox .badge a {
    width: 100%;
    max-width: 140px;
    height: auto;
}
.tikepuraApp .appDownBox .badge a img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.tikepuraApp .tikepuraAppDetail {
    position: relative;
    width: 75%;
    max-width: 1000px;
    padding-right: 0;
    box-sizing: border-box;
    margin: 0 auto 40px
}
.tikepuraApp h2 {
    margin-bottom: 16px;
}
.tikepuraApp .lead {
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 2.4em;
    text-align: left;
}
.tikepuraApp .lead + figure {
    margin: 0 0 32px;
    position: relative;
    width: 100%;
    height: auto;
    right: auto;
    bottom: auto;
}
.tikepuraApp .appInfoBlock {
    flex-direction: column;
}
.tikepuraApp .appQaBox {
    width: 100%;
}
.tikepuraApp .appBoxDetail {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 52px;
    padding: 0 24px;
}
.tikepuraApp .appDownBox {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}
.tikepuraApp .appQaBox .appQaTit {
    margin: 0 0 24px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}
.tikepuraApp .appQaBox .qalistBox {
    padding: 32px 24px;
}
}


/*============================================
    resaleissue
==============================================*/
#home .resaleissue{
    width: 100%;
    padding: 56px 0 0;
    box-sizing: border-box;
    background: #FFFFFF;
}
#home .resaleissue div{
    width: 300px;
}
#home .resaleissue div a{
    display: block;
    line-height: 0;
    box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2);
}


/*============================================
    streamList
==============================================*/
#home .section + .section.streamList {
    padding: 56px 16px 40px;
}
#home .streamOuter{
    background: #eeeeee;
}
#home .streamList{
    background: linear-gradient(0deg, rgba(84, 30, 18, 1) 0%, rgba(67, 52, 0, 1) 100%);
    width: 100%;
    padding: 56px 96px 88px;
    box-sizing: border-box;
    position: relative;
    border-radius: 112px 112px 0 0;
}
#home .streamList .sectionTit{
    margin-bottom: 16px;
}
#home .streamList .sectionTit .titMain{
    color: #FFF;
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.15px;
}
#home .streamList .sectionTit .titSub{
    color: #FFF;
    line-height: 1em;
}
#home .streamList .sectionTit .titSub img{
    border-radius: 0;
}
#home .streamList ul{
    margin-bottom: 64px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
#home .streamList ul:last-child{
    margin-bottom: 0;
}
#home .streamList ul li{
    width: calc(50% - 8px);
    opacity:0;
    transform: translateY(20px);
    transition: 0.3s ease;
}
#home .streamList ul.showing li{
    transform: translateY(0);
    opacity:1;
}
#home .streamList ul li:nth-child(1){
    transition-delay: 0s;
}
#home .streamList ul li:nth-child(2){
    transition-delay: 0.2s;
}
#home .streamList ul li:nth-child(3){
    transition-delay: 0.4s;
}
#home .streamList ul li:nth-child(4){
    transition-delay: 0.6s;
}
#home .streamList ul li:nth-child(5){
    transition-delay: 0.8s;
}
#home .streamList ul li:nth-child(6){
    transition-delay: 1.0s;
}
#home .streamList ul li:nth-child(6){
    transition-delay: 1.2s;
}
#home .streamList ul li:nth-child(8){
    transition-delay: 1.4s;
}
#home .streamList ul li:last-child{
    margin-bottom:0;
}
#home .streamList ul li a{
    display: block;
    text-decoration: none;
    color: #FFF;
    height: 100%;
}
#home .streamList ul li a .innerArea{
    display: block;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(5px);
    padding: 16px;
    border-radius: 16px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    height: 100%;
    box-sizing: border-box;
}
#home .streamList .innerClm{
    display: flex;
    margin-bottom: 8px;
    gap: 16px;
}
#home .streamList .ph{
    width: 40%;
    border-radius: 8px;
}
#home .streamList .ph.bgFix + div{
    padding: 0;
}
#home .streamList .txtBox{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
#home .streamList .txtBox .title{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 8px;
}
#home .streamList .txtBox .artist{
    width: 100%;  
    font-size: 14px;
    color: #D9D9D9;
    font-weight: 300;
}
#home .streamList .txtBox .first_served{
    font-size: 10px;
    margin-top: 8px;    
}
#home .streamList .badge{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
#home .streamList .badge span{
    display: block;
    border: 1px solid;
    margin: 0 0 0 8px;
    border-radius: 100px;
    font-size: 10px;
    padding: 6px 10px;
    line-height: 1em;
}

#home .streamList .more{
    text-align: center;
    margin: 0;
}
#home .streamList .more a{
    position: relative;
    display: inline-block;
    padding: 8px 42px 8px 22px;
    background: #ff7c60;
    color: #FFF;
    border-radius: 100px;
    text-decoration: none;
}
#home .streamList .more a:before{
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 22px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
}
#home .streamList .more a.activeBtn:before{
    top: calc(50% - 2px);
    transform: rotate(-45deg);
}

/* SP-max-770 */
@media screen and (max-width: 770px){
#home .streamList {
    padding: 40px 16px 72px;
    border-radius: 40px 40px 0 0;
}
#home .streamList .sectionTit .titMain {
    font-size: 40px;
}#home .streamList ul li {
    width: 100%;
}
#home .streamList ul li a {

}
#home .streamList .innerClm {
    gap: 8px;
}
#home .streamList .txtBox .title {
    font-size: 14px;
}
#home .streamList .txtBox .artist {
    font-size: 12px;
}
}



/*============================================
    footer
==============================================*/
#home footer{
    background: #FFF;
    position: relative;
    padding-bottom: 32px;
}
#home footer #supportNav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 400px;
    margin: 0 auto;

}
#home footer #supportNav li a {
    border-right: none;
    font-size: 12px;
    padding: 0 8px;
}

/* SP-max-960 */
@media screen and (max-width: 900px){
.fixVisual,
.fixNav {
    display: none;
}
footer #supportNav li {
    width: 100%;
    text-align: center;
}
}

/* PC-min-960 */
@media screen and (min-width: 901px){
#home #wrap {
    width: 100%;
    margin: 0 auto;
    padding-top: 86px;
    padding-bottom: 0;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}


#home .appDl {
    display: none;
}

.fixVisual {
    position: fixed;
    top: 86px;
    left: 0;
    min-height: calc(100vh - 86px);
    width: calc((100% - 464px)* 0.5);
    background: #E4E6EC;
    transition: all .3s ease;
    z-index: 2;
    overflow: hidden;
}
.fixVisual:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/top/bg_side_clm.png);
    background-size: cover;
    background-position: center;
    filter: blur(20px);
}
.headerHidden ~ #container .fixVisual {
    top: 0;
    min-height: 100vh;
}

.fixVisual .fixVisualInner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: max-content;
    width: 90%;
    z-index: 0;
}
.fixVisual .fixVisualInner .mainTit {
    color: #010101;
    text-align: center;
    font-size: clamp(12px, 1.3vw, 22px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -2.5px;
    margin-bottom: 16px;
}
.fixVisual .fixVisualInner .cap {
    color: #EA6114;
    text-align: center;
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.5px;
    font-size: clamp(10px, 1vw, 16px);
}
.fixVisual .bnrList {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 56px 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    transform: translate(-50%);
    box-sizing: border-box;
    z-index: 0;
}
.fixVisual .bnrList li {
    width: calc((100% / 3) - 8px);
    min-width: 90px;
}
.fixVisual .bnrList li a {
    display: block;
    line-height: 0;
}
.fixVisual .bnrList li a img {
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    transition: 0.3s ease;
}

.fixNav {
    position: fixed;
    top: 86px;
    right: 0;
    min-height: calc(100vh - 86px);
    width: calc((100% - 464px)* 0.5);
    background: #E4E6EC;
    transition: all .3s ease;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    box-sizing: border-box;
}
.fixNav:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/top/bg_side_clm.png);
    background-size: cover;
    background-position: center;
    filter: blur(20px);
}
.headerHidden ~ #container .fixNav {
    top: 0;
    min-height: 100vh;
}
.fixNav .navInner {
    padding: 16px;
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
    background: #FFF;
    border-radius: 30px;
    z-index: 0;
}
.fixNav .navInner .menu {
    padding: 16px;
    color: #66666E;
    text-align: center;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.5px;
    border-bottom: 1px solid rgba(102, 102, 110, 0.12);
}
.fixNav .navList li {
    position: relative;
}
.fixNav .navList li:after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #66666E;
        transition: 0.3s ease;
}
.fixNav .navList li.ancTic{
}
.point01 .fixNav .navList li.ancTic:after{
        width: 100%;
}
.point02 .fixNav .navList li.ancTra:after{
        width: 100%;
}
.point03 .fixNav .navList li.ancStr:after{
        width: 100%;
}
.point04 .fixNav .navList li.ancApp:after{
        width: 100%;
}
.fixNav .navList li a {
    display: block;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
}
.fixNav .navList li a .navTit {
    display: block;
    color: #EA6114;
    text-align: center;
    font-family: Outfit;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    transition: 0.3s ease;
}
.fixNav .navList li a .navCap {
    display: block;
    color: #66666E;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.5px;
}

#home .ticketList li a:hover .innerArea{
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}
#home .ticketList li a:hover img{
        opacity: 1;
}

#home .tradelistItem li a:hover .innerArea{
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}
#home .tradelistItem li a:hover img{
        opacity: 1;
}

#home .streamList ul.showing li a:hover .innerArea{
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}
#home .streamList ul.showing li a:hover img{
        opacity: 1;
}



.tradeList li a:hover .tit, 
.ticketList li a:hover .tit, 
.tradeList li a:hover .artist, 
.ticketList li a:hover .artist {
    color: #1a1a1a;
}
.tradeList li a:hover .ph,
.ticketList li a:hover .ph {
    opacity: 1;
}
/*
header {
    width: 100%;
    max-width: 464px;
    min-width: 320px;
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    left: 50%;
    transform: translate(-50%,0);
}
.headerHidden {
    transform: translate(-50%,-100%);
}
.menuOpen header{
    left: 50%;
}
.menuOpen footer, 
.menuOpen #container, 
.menuOpen #langtype-link{
    left: initial;
}
.menuOpen #navBtn {
    left: 10px;
}
#gnav {
    width: calc((100% - 464px) / 2);
    overflow: auto;
    overflow-y: scroll;
}
*/

.swiper {
width: 80%;
height: 300px;
}
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
}