@charset "UTF-8";
.ticket-top { padding-block: 40px; background: rgba(255, 229, 228, 0.5); }
.ticket-top .top-heading { margin-bottom: 20px; font-size: 2.6rem; font-weight: 700; color: #f05678; text-align: center; }
@media screen and (max-width: 750px) { .ticket-top .top-heading { font-size: 2.2rem; } }
.ticket-top .top-lead { font-size: 1.6rem; line-height: 2; text-align: center; }

.ticket-search { position: relative; z-index: 10; padding-block: 30px; }
.ticket-search .search-link { display: flex; flex-wrap: wrap; border: 1px solid #ecf3f9; border-radius: 10px; margin-top: 20px; margin-bottom: 60px; }
.ticket-search .search-link li { position: relative; width: calc(100% / 5); }
@media screen and (max-width: 750px) { .ticket-search .search-link li { width: 50%; } }
@media screen and (max-width: 750px) { .ticket-search .search-link li:last-child { width: 100%; } }
.ticket-search .search-link li:last-child::after { display: none; }
@media screen and (max-width: 750px) { .ticket-search .search-link li:nth-child(2n)::after { display: none; } }
.ticket-search .search-link li::after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 68px; margin-top: -34px; background-color: #d0d0d0; }
.ticket-search .search-link li a { display: flex; justify-content: flex-end; flex-direction: column; text-decoration: none; padding: 20px 10px; }
.ticket-search .search-link li a .ico { display: block; margin: 0 auto 10px; }
.ticket-search .search-link li a .ico-traffic { width: 6.8rem; }
.ticket-search .search-link li a .ico-drive { width: 3.0rem; }
.ticket-search .search-link li a .ico-facility { width: 2.7rem; }
.ticket-search .search-link li a .ico-gourmet { width: 2.4rem; }
.ticket-search .search-link li a .ico-ticket { width: 3.1rem; }
.ticket-search .search-link li a p { font-size: 1.5rem; text-align: center; color: #515151; }
.ticket-search .search-num { font-size: 2.0rem; }
.ticket-search .search-num span { font-size: 3.6rem; }

.ticket-main { padding: 45px 0; background-color: #f6f9fc; }
.ticket-main .ticket-area { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #d0d0d0; }
.ticket-main .ticket-area .area-heading { display: flex; align-items: center; margin-bottom: 35px; font-size: 2.2rem; font-weight: 500; }
.ticket-main .ticket-area .area-heading .ico { width: 4rem; margin-right: 10px; }
.ticket-main .ticket-area .area-list { display: flex; flex-wrap: wrap; gap: 40px 3.5087719298%; }
@media screen and (max-width: 750px) { .ticket-main .ticket-area .area-list { flex-direction: column; } }
.ticket-main .ticket-area .area-list li { width: 48.2456140351%; background-color: #fff; border: 1px solid #ecf3f9; border-radius: 10px; }
@media screen and (max-width: 750px) { .ticket-main .ticket-area .area-list li { width: 100%; } }
.ticket-main .ticket-area .area-list li .area-list-main { padding-inline: 15px; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-con { padding: 20px 0 30px; border-bottom: 1px solid #d0d0d0; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main { display: flex; justify-content: space-between; gap: 20px 4.8076923077%; margin-bottom: 20px; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-fig { width: 42.3076923077%; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-fig figure { margin: 0 auto; text-align: center; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box { flex: 1; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box .area-name { width: 5em; margin-bottom: 10px; padding: 5px; font-size: 1.2rem; text-align: center; line-height: 1; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box .area-name._nagoya { background-color: #ffcccc; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box .area-name._owarikita { background-color: #ccf38d; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box dl { margin-bottom: 10px; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box dl dt { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; font-size: 1.8rem; font-weight: 500; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box dl dd { font-size: 1.5rem; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-main .area-list-box .area-list-money { font-size: 1.6rem; font-weight: 500; color: #f0374d; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-detail { margin-bottom: 20px; padding: 15px 30px; background-color: #f6f9fc; border-radius: 10px; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-detail dl { display: flex; align-items: center; margin-bottom: 10px; font-size: 1.4rem; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-detail dl:last-child { margin-bottom: 0; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-detail dl dt { width: 5em; font-weight: 500; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-detail dl dd { flex: 1; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-detail dl dd::before { content: '｜'; margin-right: 0.5em; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-detail dl dd a { text-decoration: none; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-tag { display: flex; align-items: flex-start; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-tag .ico { width: 1.5rem; margin-top: 10px; margin-right: 10px; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-tag div { flex: 1; display: flex; flex-wrap: wrap; gap: 1em; }
.ticket-main .ticket-area .area-list li .area-list-main .area-list-tag div span a { display: block; text-decoration: none; padding: 10px 1em; background-color: #ecf3f9; font-size: 1.4rem; text-align: center; color: #1f1f1f; border-radius: 2em; line-height: 1; }
.ticket-main .ticket-area .area-list li .area-list-link a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 20px; font-size: 1.6rem; font-weight: 500; text-align: center; color: #1f1f1f; }

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