/*
 * event
 */
.event-list-image { display: flex; margin: 0 -15px; flex-wrap: wrap; }
.event-list-image > li { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 15px; margin-bottom: 35px; }
.event-list-image > li > a { position: relative; display: block; }
.event-list-image > li > a > .image { width: 100%; border-radius: 8px; overflow: hidden; }
.event-list-image > li > a > .image img { width: 100%; height: auto; transition: all,.3s; border: 1px solid #}
.event-list-image > li > a > .image img:hover { transform: scale(1.1); }
.event-list-image > li > a > .txt { padding: 18px 0 8px 0; color: #131313; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.event-list-box { position: relative; }
.event-list-box > li { position: relative; padding: 18px 8px; border-bottom: 1px solid #ededed; }
.event-list-box > li:first-child { border-top: 2px solid #131313; }
.event-list-box > li > a { display: flex; line-height: 21px; }
.event-list-box > li > a > .image { display: none; }
.event-list-box > li > a > .txt { flex: 1 1 auto; color: #131313; }
.event-list-box > li > a > .date { margin-left: auto; align-self: center; color: #b4b4b4; }
@media(max-width: 768px) {
    .event-list-image { flex-wrap: wrap; margin: 0; padding: 0 10px; }
    .event-list-image > li { flex: 1 1 100%; max-width: 100%; padding: 0; }
    .event-list-box { }
    .event-list-box > li { }
    .event-list-box > li:first-child { }
    .event-list-box > li > a { display: block; }
    .event-list-box > li > a > .image { }
    .event-list-box > li > a > .txt { }
    .event-list-box > li > a > .date { margin: 0; }
}

/*
 * content
 */
.content { position: relative; margin: 35px 0; padding: 0 15px; text-align: center; }
.content img { width: auto; height: auto; max-width: 100%; }
.button-wrap { display: flex; justify-content: center; margin: 30px 0; }
.button-wrap > a { display: inline-block; width: 220px; height: 50px; line-height: 54px; line-height: 54px; text-align: center; border: 1px solid var(--accent); background: var(--accent); color: #fff; cursor: pointer; padding: 0; border-radius: 8px; }
.button-wrap > a:last-child { margin-right: 0; }
.button-wrap > a:hover { background-color: #555; border: 1px solid #555; color: #fff; }
.button-wrap > a.btn-book-order { background-color: #4a4c58; color: #fff; }
.button-wrap > a.btn-book-order:hover { background-color: var(--accent); border: 1px solid var(--accent); }