.pager { display: flex; align-items: center; }
.pager.pager_r { margin-bottom: 20px; justify-content: flex-end; }
@media screen and (max-width: 800px) { .pager.pager_r { display: none; } }
.pager.pager_c { justify-content: center; }
.pager li { width: 25px; height: 25px; margin-right: 7px; }
@media screen and (max-width: 800px) { .pager li { margin-right: 3.5714285714%; } }
.pager li:last-child { margin-right: 0; }
.pager li a { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; height: 100%; padding-top: 0.1em; border: 1px solid #000; background-color: #fff; font-weight: bold; border-radius: 50%; line-height: 1; }
.pager li a:hover, .pager li a.active { background-color: #6b202f; color: #fff; }

.home-txt { margin-bottom: 30px; line-height: 2; }
@media screen and (max-width: 800px) { .home-txt { margin-bottom: 8.5714285714%; } }

.event-list li { margin-bottom: 40px; padding: 30px; transition: all .6s; }
@media screen and (max-width: 800px) { .event-list li { margin-bottom: 6.4285714286%; padding: 2.8571428571% 5.7142857143% 5%; } }
.event-list li:hover { box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6); }
.event-list li:nth-child(odd) { background-color: #f6eae9; }
.event-list li:nth-child(odd) .event-list-btn a { border: 1px solid #6b202f; background-color: #e1b4b2; color: #6b202f; }
.event-list li:nth-child(odd) .event-list-calendar span { background: url("../img/common/ico_calendar_r.svg") no-repeat left center; background-size: 25px auto; }
@media screen and (max-width: 800px) { .event-list li:nth-child(odd) .event-list-calendar span { background-size: 15px auto; } }
.event-list li:nth-child(odd) .event-list-time span { background: url("../img/common/ico_time_r.svg") no-repeat left 2px center; background-size: 22px auto; }
@media screen and (max-width: 800px) { .event-list li:nth-child(odd) .event-list-time span { background-size: 12px auto; } }
.event-list li:nth-child(odd) .event-list-spot span { background: url("../img/common/ico_spot_r.svg") no-repeat left 2px center; background-size: 20px auto; }
@media screen and (max-width: 800px) { .event-list li:nth-child(odd) .event-list-spot span { background-size: 10px auto; } }
.event-list li:nth-child(even) { background-color: #e9f6f6; }
.event-list li:nth-child(even) .event-list-btn a { border: 1px solid #124700; background-color: #b3dee0; color: #124700; }
.event-list li:nth-child(even) .event-list-calendar span { background: url("../img/common/ico_calendar_g.svg") no-repeat left center; background-size: 25px auto; }
@media screen and (max-width: 800px) { .event-list li:nth-child(even) .event-list-calendar span { background-size: 15px auto; } }
.event-list li:nth-child(even) .event-list-time span { background: url("../img/common/ico_time_g.svg") no-repeat left 2px center; background-size: 22px auto; }
@media screen and (max-width: 800px) { .event-list li:nth-child(even) .event-list-time span { background-size: 12px auto; } }
.event-list li:nth-child(even) .event-list-spot span { background: url("../img/common/ico_spot_g.svg") no-repeat left 2px center; background-size: 20px auto; }
@media screen and (max-width: 800px) { .event-list li:nth-child(even) .event-list-spot span { background-size: 10px auto; } }
.event-list li .event-list-heading { margin-bottom: 30px; font-size: 1.125rem; font-weight: bold; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media screen and (max-width: 800px) { .event-list li .event-list-heading { margin-bottom: 4.8387096774%; } }
.event-list li .event-list-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 800px) { .event-list li .event-list-con { display: block; } }
.event-list li .event-list-l { display: flex; justify-content: space-between; width: 60%; padding-right: 20px; border-right: 1px solid #124700; }
@media screen and (max-width: 800px) { .event-list li .event-list-l { width: 100%; margin-bottom: 4.8387096774%; padding-right: 0; border-right: none; } }
.event-list li .event-list-l .event-list-fig { position: relative; width: 49.2307692308%; margin: 0; padding: 27.692307692299998% 0 0 0; line-height: 1; }
@media screen and (max-width: 800px) { .event-list li .event-list-l .event-list-fig { width: 41.2903225806%; padding-top: 23.2258064516%; } }
.event-list li .event-list-l .event-list-fig img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; object-fit: cover; }
.event-list li .event-list-l .event-list-box { width: 46.1538461538%; text-align: left; }
@media screen and (max-width: 800px) { .event-list li .event-list-l .event-list-box { width: 56.4516129032%; } }
.event-list li .event-list-l .event-list-box div { font-size: 1rem; margin: 0 0 10px; }
@media screen and (max-width: 800px) { .event-list li .event-list-l .event-list-box div { font-size: 0.8125rem; } }
.event-list li .event-list-l .event-list-box div:last-child { margin-bottom: 0; }
.event-list li .event-list-l .event-list-box div span { display: block; padding: 3px 0 3px 35px; }
@media screen and (max-width: 800px) { .event-list li .event-list-l .event-list-box div span { padding: 3px 0 3px 10%; } }
.event-list li .event-list-r { width: 40%; padding-left: 20px; }
@media screen and (max-width: 800px) { .event-list li .event-list-r { display: block; width: 100%; padding-left: 0; } }
.event-list li .event-list-r .event-list-txt { margin-bottom: 15px; font-size: 1rem; text-align: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
@media screen and (max-width: 800px) { .event-list li .event-list-r .event-list-txt { display: none; } }
.event-list li .event-list-r .event-list-btn a { display: block; text-decoration: none; padding: 7px 5px; font-size: 1rem; font-weight: bold; text-align: center; line-height: 1; border-radius: 2em; }
.event-list li .event-list-r .event-list-btn a:hover { opacity: .6; }

.noevent { color: #f00; font-size: 1.25rem; }

/*# sourceMappingURL=home.css.map */
