@charset "UTF-8";
/* CSS Document */

.events-list {display: flex; flex-direction: column; width: 100%; justify-content: flex-start; align-items: flex-start;}
.events-list li {display: block; width: 100%; margin-bottom: 1em;}
.events-list li a {display: flex; flex-direction: row; width: 100%; border: 1px #ddd solid; padding: 1.25em 2em 1.25em 1.25em; justify-content: space-between; align-items: center;position: relative;word-break: break-all;}
.events-list li a:hover { background-color: rgba(52,111,168,.05);}
.events-list li a:after {
    position: absolute;
    top: 50%;
    content: "";
    vertical-align: middle;
    right: 1em;
    width: .75em;
    height: .75em;
    border-top: 1px solid #346FAF;
    border-right: 1px solid #346FAF;
    transform: translateY(-50%) rotate(45deg);}
.events-list li .event-date-box {display: flex; flex-direction: column; width: 90px; height: 90px; background-color: #f2f2f2;  color: #346fa8; justify-content:  space-between; align-items: center; padding-bottom: .2em;
font-family: "Barlow Condensed", sans-serif;font-weight: 500;line-height: 1;}
.events-list li .event-date-box > .obi {display: flex; width: 100%; background-color: #346fa8; padding: .45em 0; justify-content: center; align-items: center; color: #fff; font-size: .75rem;}

.events-list li .event-date-box > .date {font-size: 2.2rem; }
.events-list li .event-date-box > .week {font-size: 1.25rem; font-weight: 400; margin-bottom: .25em;}

/*
.events-list li .img {width: 180px; margin: 0 2em;
    position: relative;
    overflow: hidden;
    aspect-ratio: 160 / 90;}

.events-list li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s ease-in;}
*/

.events-list li .event-info-box {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: calc(100% - 120px);}
.events-list li .event-info-box h3.event-title { line-height: 1.7; margin-bottom: .65em;}
.events-list li .event-info-box .event-date {font-weight: 500;}

@media (max-width: 767px) {
.events-list li a:after { top: unset; bottom: 1.25em;}


}