@charset "utf-8";
@import "../../common/qts-minisite/css/fonts.css";
@import "../../common/qts-minisite/css/reset.css";
@import "../../common/qts-minisite/css/jquery.fancybox.min.css";
@import "../../common/qts-minisite/css/swiper.min.css";
@import "../../common/qts-minisite/css/core.css";
@import "../../common/qts-minisite/css/media_query.css";

.event-name {
    line-height: 1.2;
}

.grid.filter {
    container-type: inline-size;
    container-name: filterGrid;
}

@container filterGrid (max-width: 600px) {
    .grid.filter>div:first-child {
        grid-column: 1 / span 3;
        grid-row: 1;
        text-align: center;
    }

    .grid.filter>div:first-child a {
        display: inline-block;
    }

    .grid.filter>div:not(:first-child) {
        grid-row: 2;
        margin-top: 15px;
    }
}

.flexbox.leftPhoto>div:first-child {
    flex: 1 0 35.2%;
}