@charset "utf-8";


:root{--Width: 86%;--MaxWidth:inherit;--MinWidth:inherit;--MainPadding: 45px 0px 50px 0px;}

article{}
article img{}
article .FontEn{}

article .FontNum{}

article .btn{}
article .btn a{
    font-size: 16px;
    padding: 15px 20px;
}
article .btn a:after{}
article .btn a:hover{}

article .commonTtl{
    margin-bottom: 10px;
}
article .commonTtl .sub{
    font-size: 22px;
}
article .commonTtl .main{
    font-size: 14px;
}

/*-------------------------------MV-*/
#MV{
    flex-direction: column-reverse;
    position: relative;
    margin: 0;
}
#MV .deco{
    font-size: 10vw;
    letter-spacing: 0;
    top: 200px;
    display: none;
}
#MV .Main{
    clip-path: inherit;
    display: block;
    padding: 20px;
}
#MV .Main:before{}

#MV .Main h1{
    font-size: 20px;
}
#MV .Main h1 span{}
#MV .Main h1 strong{
    font-size: 130%;
}

#MV .Main .txt{
    display: block;
    font-size: 14px;
    line-height: 2;
}
#MV .Main .txt span{}

#MV .Visual{
    width: 100%;
    max-width: inherit;
    min-width: inherit;
    margin: 0;
    height: 250px;
    order: 1;
}
#MV #container{
    height: 100%;
}
#MV #theTarget{}
#MV #theTarget div{}
#MV .skippr-nav-container,
#MV .skippr-nav-item{}

#MV #theTarget .MV01{}
#MV #theTarget .MV02{}
#MV #theTarget .MV03{}



/*-----------------------------Ticket*/
#Ticket{
    flex-direction: column;
}
#Ticket .Photo{
    width: 100%;
    margin-bottom: 10px;
}
#Ticket .Photo img{}

#Ticket .Main{}
#Ticket .Main h2{}
#Ticket .Main h3{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
#Ticket .Main .txt{
    display: block;
    font-size: 14px;
}
#Ticket .Main .txt span{}
#Ticket .Main .btn{}
#Ticket .Main .atte{}

/*------------------------------Item*/
#Item{
    padding-bottom: 40px;
}
#Item .TitleArea{
    padding: 30px 0;
}
#Item .TitleArea:before{background-image: url(../../images/sports/Item_bg_smp.webp);}
#Item .TitleArea h2{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
}
#Item .TitleArea h2 .sub{
    font-size: 34px;
    line-height: 1.1;
}
#Item .TitleArea h3{
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}
#Item .TitleArea .txt{
    display: block;
    text-align: left;
    width: var(--Width);
    margin: 0 auto;
}
#Item .TitleArea .txt span{}

#Item .SC{flex-wrap: wrap;justify-content: flex-start;row-gap: 10px;margin-bottom: 40px;}
#Item .SC li{
    width: 48%;
}
#Item .SC li a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    font-size: 13px;
    flex-wrap: wrap;
    border-width: 2px;
}
#Item .SC li a:hover{}
#Item .SC li a:after{
    width: 100%;
}
    
#Item .Inner{
    display: block;
}
#Item .Inner + .Inner{}
#Item .Inner h3{
    font-size: 24px;
    margin-bottom: 20px;
}
#Item .Inner h3:before{
    margin-bottom: 10px;
}


/*------------------------------*/
#Item .Entry{
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
}
#Item .Entry .photo{}
#Item .Entry .photo .img{}
#Item .Entry .dst{
    font-size: 13px;
}
#Item .Entry .main{}

#Item .Entry .main .icon{}

#Item .Entry .main .icon li{}
#Item .Entry .main .icon li + li{}

#Item .Entry .main h4{
    font-size: 16px;
}
#Item .Entry .main h5{
    font-size: 14px;
}

#Item .Entry .charm{
    font-size: 12px;
}
#Item .Entry .charm span{}
#Item .Entry .charm strong{}
#Item .Entry .data{}

#Item .Entry .data .price{
    display: block;
}

#Item .Entry .data .price dt{}
#Item .Entry .data .price dt strong{
    font-size: 190%;
}
#Item .Entry .data .price dd{}
#Item .Entry .data .expiry{
    font-size: 14px;
}
#Item .Entry .data .date{
    font-size: 12px;
}
#Item .Entry .data .date li{}
#Item .Entry .data .detailBtn{}

#Item .Entry .data .detailBtn a{
    font-size: 15px;
}
#Item .Entry .data .detailBtn a:after{}


#Item .Entry:hover{}
#Item .Entry:hover .photo{}
#Item .Entry:hover .data .detailBtn a{}
#Item .Entry:hover .main h3{}


/*--------------------------Contact*/
#Contact{}
#Contact:before{background-image: url(../../images/sports/contact_bg_smp.webp);}

#Contact h2{
    font-size: 30px;
}
#Contact .btn{
    width: var(--Width);
    margin: 0 auto;
}
#Contact .btn a{
    padding: 20px 20px;
    display: block;
}
#Contact .btn a:hover{}