@charset "utf-8";
/*
************************************************************************
 公演情報
************************************************************************
*/

.search-result
{
    display: flex;
    flex-wrap: wrap;

    margin:-1.0em;
}
.search-result > .search-result-item
{
    margin:1.0em;
    width:calc(33.33333% - 2.0em);
    flex:0 0 calc(33.33333% - 2.0em);
    box-shadow: 0px 0px 10px -3px #00000023;
    overflow: hidden;

    padding:1.0em;

	transition-duration:0.1s;
	transition-property:all;
	transition-timing-function:ease;
}
.search-result > .search-result-item:hover
{
    z-index:999;
    transform: scale(1.05);
}

.search-result > .search-result-item::before
{
    /*
    content:"";

    position:absolute;
    bottom:0;

    width:100%;
    padding-top:100%;
    background:var(--brand-color-grd);

    border-radius: 100%;
    transform: translate(20%, 70%);

    opacity: 0.3;
    */
}
.search-result > .search-result-item > .thumbnail
{
    display:block;
    margin:0.0em;
    padding-top:calc(100% - 0.0em);
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.search-result > .search-result-item > .title
{
    display:block;
    font-size:1.2em;
    font-weight:bold;
    line-height:1.4;
}
.search-result > .search-result-item > .sub-title
{
    display:block;
    font-size:0.8em;
    font-weight:bold;
    line-height:1.4;
    color:var(--body-font-color-light);
}
.search-result > .search-result-item > .date
{
    position:absolute;
    top:0;
    left:0;
    
    display: inline-flex;
    align-items: center;
    align-content: center;

    background:var(--brand-color-grd);
    color:var(--accent-font-color);
    font-weight: bold;
    padding:0.5em;

    border-bottom-right-radius: 1em;
}
.search-result > .search-result-item > .place
{
    display:block;
    margin-top:0.5em;
}

.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) {
    .search-result > .search-result-item
    {
        margin:1.0em;
        width:calc(100.00000% - 2.0em);
        flex:0 0 calc(100.00000% - 2.0em);
    }
    
    .events-mv li.slick-slide
    {
        height:auto;
        width:85vw;
    }
    .events-mv li.slick-slide img
    {
        width:100%;
        height:auto;
    }
}