@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl-sec { background: url("../img/event/bg_main.png") no-repeat left top; background-size: cover; }
@media screen and (max-width: 750px) { .pagettl-sec { background: url("../img/event/sp/bg_main.png") no-repeat center bottom; background-size: 100% auto; } }

/* ------------------------------ コンテンツ
------------------------------ */
._idx .event-regular { position: relative; overflow: hidden; margin-bottom: 50px; background: linear-gradient(90deg, #fff 0%, #fff 50%, #edf3fc 50%, #edf3fc 100%); }
._idx .event-regular::before { content: ''; position: absolute; top: 0; right: 50%; width: 100%; max-width: 1200px; height: 100%; margin-right: -600px; background-color: #edf3fc; border-top-left-radius: 2em; border-bottom-left-radius: 2em; }
._idx .event-regular .regular-con { position: relative; padding: 40px 50px 40px 145px; }
@media screen and (max-width: 1300px) { ._idx .event-regular .regular-con { padding: 50px 100px; background-color: #edf3fc; border-radius: 2em; } }
@media screen and (max-width: 980px) { ._idx .event-regular .regular-con { padding-inline: 50px; } }
@media screen and (max-width: 750px) { ._idx .event-regular .regular-con { padding: 30px; } }
._idx .event-regular .regular-ttl { position: absolute; top: 0; left: 0; margin-top: 65px; margin-left: 60px; font-size: 2.2rem; font-weight: 500; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; }
@media screen and (max-width: 1300px) { ._idx .event-regular .regular-ttl { position: static; margin: 0 0 30px; font-size: 2.4rem; text-align: center; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; -o-writing-mode: horizontal-tb; writing-mode: horizontal-tb; } }
._idx .event-regular .swiper-scrollbar { position: static; margin-top: 40px; background-color: #d9e3f0; }
._idx .event-regular .swiper-scrollbar-drag { background-color: #00adaf; }
._idx .event-regular .event-swiper .swiper-slide { position: relative; width: 260px; margin: 0 15px; }
._idx .event-regular .event-swiper .swiper-slide::before { z-index: 9; content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 3px; margin-top: 25px; margin-right: -3em; background-color: #00adaf; }
@media screen and (max-width: 750px) { ._idx .event-regular .event-swiper .swiper-slide::before { margin-right: -2.5em; } }
._idx .event-regular .event-swiper .event-year { position: relative; width: 54px; margin-bottom: 25px; background-color: #00adaf; border-radius: 50%; }
._idx .event-regular .event-swiper .event-year::after { content: ''; display: block; padding-top: 100%; }
._idx .event-regular .event-swiper .event-year::before { z-index: 999; content: ''; position: absolute; left: 0; bottom: 0; width: 2px; height: 25px; margin-left: 27px; margin-bottom: -25px; background-color: #00adaf; }
._idx .event-regular .event-swiper .event-year p { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.5rem; font-weight: 500; text-align: center; color: #fff; }
._idx .event-regular .event-swiper .event-year p span { font-size: 2.4rem; }
._idx .event-regular .event-swiper .event-box { padding: 30px 20px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }
._idx .event-regular .event-swiper .event-box dl { margin-bottom: 10px; }
._idx .event-regular .event-swiper .event-box dl:last-child { margin-bottom: 0; }
._idx .event-regular .event-swiper .event-box dl dt { font-size: 1.5rem; font-weight: 700; }
._idx .event-regular .event-swiper .event-box dl dd { font-size: 1.4rem; }
._idx .event-search { margin-bottom: 60px; }
._idx .event-results .event-results-num { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #c4d9d9; }
._idx .event-results .event-results-num p { font-size: 2.0rem; font-weight: 500; }
._idx .event-results .event-results-num p span { margin: 0 0.5em; font-size: 4.0rem; }
._idx .event-results .event-results-list { width: 100%; max-width: 1074px; margin: 0 auto; }
._idx .event-results .event-results-list ul { display: flex; flex-wrap: wrap; gap: 50px 2.5139664804%; margin-bottom: 100px; }
._idx .event-results .event-results-list ul li { width: 31.6573556797%; }
@media screen and (max-width: 750px) { ._idx .event-results .event-results-list ul li { width: 100%; } }
._idx .event-results .event-results-list ul li a { display: block; text-decoration: none; padding: 20px; border: 1px solid #c5dada; border-radius: 10px; }
._idx .event-results .event-results-list ul li figure { position: relative; margin-bottom: 20px; }
._idx .event-results .event-results-list ul li .list-heading { margin-bottom: 15px; font-size: 1.5rem; font-weight: 700; }
._idx .event-results .event-results-list ul li .list-txt { font-size: 1.4rem; }
._idx .event-results .event-results-list ul li .list-item { margin-top: 15px; padding-top: 15px; border-top: 1px solid #c5dada; }
._idx .event-results .event-results-list ul li .list-item p { display: flex; align-items: center; }
._idx .event-results .event-results-list ul li .list-item p .ico { margin-right: 10px; }
._idx .event-results .event-results-list ul li .list-item p span { flex: 1; }
._idx .event-results .event-results-list ul li .list-item .list-calendar { margin-bottom: 20px; }
._idx .event-results .event-results-list ul li .list-item .list-calendar span { font-size: 1.5rem; font-weight: 700; }
._idx .event-results .event-results-list ul li .list-item .list-spot, ._idx .event-results .event-results-list ul li .list-item .list-tag { font-size: 1.4rem; color: #007aee; font-weight: 500; }
._idx .event-results .event-results-list ul li .list-item .list-spot { margin-bottom: 10px; }
._idx .event-results .event-results-list ul li .list-item .list-spot .ico { width: 0.8em; }

.c-detail .detail-top .detail-date { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 1.5rem; font-weight: 700; }
.c-detail .detail-top .detail-date .ico { margin-right: 10px; }
.c-detail .detail-top .detail-spot { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.c-detail .detail-top .detail-tag { display: flex; align-items: center; justify-content: center; }

/*# sourceMappingURL=event.css.map */