@charset "utf-8";
/*
************************************************************************
 公演情報
************************************************************************
*/
.events-mv li.slick-slide
{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;

    height:400px;
}
.events-mv li.slick-slide img
{
    height:100%;
    width:auto;
}

.ticket-list
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    
    margin:-1.0em;
}
.ticket-list-item
{
    margin:1.0em;
    flex:0 0 calc(100% - 2.0em);

    padding:1.0em;
    border:1px solid var(--body-frame-color);
    border-radius: 0.5em;
}
.ticket-list-item .ticket-name
{
    margin-top:0.5em;
    line-height:1;
    font-size:1.2em;
    font-weight: bold;
}
.ticket-list-item .ticket-description
{
    font-size: 0.8em;
    margin-top:0.5em;
}
.ticket-list-item .ticket-price
{
    margin-top:0.5em;
    line-height:1;
    text-align: right;
}
.ticket-list-item .ticket-price .price
{
    font-size: 1.5em;
    font-weight: bold;
}
.ticket-list-item .ticket-price .tax
{
    font-size: 0.8em;
}
.sales-info
{
	position:sticky;
	bottom:0.0em;
}
.ticket-store-banner
{
    margin:2em 0;
    background-color: var(--body-background-color);
}
/* ################################################################################################ */
/* ## TAB						 ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
    .events-mv li.slick-slide
    {
        height:auto;
        width:85vw;
    }
    .events-mv li.slick-slide img
    {
        width:100%;
        height:auto;
    }
}