
#page_container .em-item-title,
#page_container .em-event-when > h3 {
    text-align: inherit;
}

#page_container .em-item-title::before,
#page_container .em-event-when > h3::before {
    display:none;
}

.single #breadcrumbs {
    display: block;
}

/***********************************
一覧ページ
***********************************/

.event-list-header {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
}

.event-list-header-month {
    margin-left:0.5rem;
    margin-right:0.5rem;
    font-size:1.2em;
    font-weight:bold;
}

.event-list-header-button {
    display:inline-flex;
    align-itmes:center;
    padding:0.4rem 0.8rem;
    margin:0.5rem 0.5rem;
    font-size:0.9em;
    border:1px solid #8dc2eb;
    border-radius:50rem;
}

.event-list-header-button:not(.disabled):hover {
    background-color:#8dc2eb;
    color:#fff;
}

.event-list-header-button.disabled {
    opacity:0.3;
}

#page_container .event-list-table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
}

#page_container .event-list-table tbody td {
    border-width: 0 1px !important;
    padding: 0.5rem !important;
    border: 1px solid var(--border-color-softer) !important;
}

#page_container .event-list-list {
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

#page_container .event-list-table .event-week-0 {
    background-color:#fdedeb;
}

#page_container .event-list-table .event-week-6 {
    background-color:#eff3fd;
}

#page_container .event-list-list li + li {
    margin-top:1.3rem !important;
}

#page_container .em-search-form {
    display:none;
}

#page_container .em-events-list-grouped {
    margin-top:1rem;
    grid-gap:2rem;
}

#page_container .em-events-list-grouped > h2 {
    --font-size:0.8em;
}

#page_container .em-item-info .em-item-title {
    --font-size:0.8em;
    margin:0 0 1rem;
    padding:0;
    text-align:left;
}

#page_container .em-item-info .em-item-title a {
    display:inline;
}

#page_container .em-item-image .em-item-image-placeholder .date {
    display:flex;
    flex-direction:column-reverse;
    padding-top: 20%;
}

#page_container .em-item-image .em-item-image-placeholder .date .month {
    font-size:1.5em;
}

#page_container .em-item-image .em-item-image-placeholder .date .day {
    margin:5px 0 0;
    font-size:2.4em;
}
#page_container .em-item-image .em-item-image-placeholder .date .day::after {
    content:'日';
    font-size:0.5em;
}

/***********************************
詳細ページ
***********************************/
body.single-event .page_contents > h2 {
    margin-top: 3rem;
    font-size: 2em;
}

#page_container .em-event-when > h3 {
    --font-size: 0.5em;
    padding: 2rem 0 0;
}




@media (min-width: 1024px) {
    #page_container .event-list-table tbody td {
        padding: 1rem !important;
    }
}
