.outing-back { margin-left: 30px; }
@media screen and (max-width: 1300px) { .outing-back { margin-bottom: 30px; } }
@media screen and (max-width: 750px) { .outing-back { margin-left: 0; margin-bottom: 0; } }
.outing-back a { display: inline-block; text-decoration: none; padding: 10px 15px 10px 50px; border: 2px solid #004ba3; background: #fff url("../img/common/ico_arrow_l.svg") no-repeat left 10px center; background-size: 31px auto; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .outing-back a { background-size: 21px auto; } }

.outing-ttl-top { padding-top: 20px; padding-bottom: 30px; background-color: #b8dff6; }
.outing-ttl-top .outing-ttl-heading { margin-bottom: 10px; font-size: 5.0rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .outing-ttl-top .outing-ttl-heading { font-size: 2.6rem; } }
.outing-ttl-top .outing-ttl-lead { margin-bottom: 30px; text-align: center; }

._idx { padding: 65px 0; background-color: #e5f2fc; }
._idx .outing-main .outing-fukidashi { margin-bottom: 40px; }
._idx .outing-main .outing-fukidashi .outing-fukidashi-con { position: relative; width: 100%; max-width: 720px; margin: 0 auto; padding: 20px; background-color: #fff; border: 3px solid #004ba3; border-radius: 2em; }
@media screen and (max-width: 1100px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con { max-width: 600px; } }
@media screen and (max-width: 960px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con { max-width: 400px; } }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con { max-width: 300px; margin: 0; } }
@media screen and (max-width: 480px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con { max-width: 230px; } }
._idx .outing-main .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-ttl { font-size: 2.6rem; font-weight: 400; text-align: center; color: #004ba3; }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-ttl { font-size: 2.0rem; } }
._idx .outing-main .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-icon { position: absolute; bottom: 0; right: 0; margin-right: -27px; }
@media screen and (max-width: 480px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-icon { width: 31px; margin-right: -20px; } }
._idx .outing-main .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-character { position: absolute; top: 0; right: 0; margin-right: -160px; }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-character { margin-right: -140px; } }
@media screen and (max-width: 480px) { ._idx .outing-main .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-character { width: 110px; margin-right: -130px; } }
._idx .outing-main .outing-swiper { margin-bottom: 25px; overflow: hidden; }
._idx .outing-main .outing-box { color: #004ba3; }
._idx .outing-main .outing-box._box01 .outing-box-txt { margin-bottom: 30px; font-size: 2.0rem; font-weight: 700; text-align: center; }
._idx .outing-main .outing-box._box01 button { display: block; max-width: 230px; margin: 0 auto; cursor: pointer; }
._idx .outing-main .outing-box._box02 { padding-top: 30px; }
._idx .outing-main .outing-box._box02 .outing-box-card { width: 100%; max-width: 1000px; margin: 0 auto 30px; }
._idx .outing-main .outing-box._box02 .outing-box-card .outing-box-card-b { display: flex; align-items: center; }
._idx .outing-main .outing-box._box02 .outing-box-card .outing-box-card-b .ico { margin-right: 10px; }
._idx .outing-main .outing-box._box02 .outing-box-card .outing-box-card-b span { font-weight: 700; color: #004ba3; }
._idx .outing-main .outing-box._box02 .outing-box-con { display: flex; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 1rem; }
@media screen and (max-width: 960px) { ._idx .outing-main .outing-box._box02 .outing-box-con { display: block; margin-bottom: 30px; } }
._idx .outing-main .outing-box._box02 .outing-box-item { width: 48%; }
@media screen and (max-width: 960px) { ._idx .outing-main .outing-box._box02 .outing-box-item { width: 100%; margin-bottom: 40px; }
  ._idx .outing-main .outing-box._box02 .outing-box-item:last-child { margin: 0; } }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top { position: relative; margin-bottom: 10px; padding: 20px 80px 20px 20px; background-color: #fff; border-radius: 1.5em; }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top { display: flex; align-items: center; padding: 5px 20px; } }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top .outing-box-ttl { padding-left: 140px; font-size: 3.0rem; font-weight: 700; text-align: right; }
@media screen and (max-width: 960px) { ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top .outing-box-ttl { text-align: center; } }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top .outing-box-ttl { flex: 1; padding-left: 0; font-size: 2.6rem; } }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top .outing-box-icon { position: absolute; top: 50%; left: 0; margin-top: -57px; margin-left: 40px; }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top .outing-box-icon { position: static; width: 80px; margin: 0; text-align: center; }
  ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-top .outing-box-icon img { height: 70px; } }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-money { font-size: 4.0rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-money { font-size: 3.0rem; } }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-money span { margin-right: 10px; font-size: 7.0rem; }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-money span { font-size: 6.0rem; } }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-fukidashi { position: relative; padding: 15px 10px; background: #fff; border: 2px solid #004ba3; border-radius: 1em; }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-fukidashi::before, ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-fukidashi::after { content: ''; position: absolute; }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-fukidashi::before { top: -14px; left: 50%; z-index: 2; width: 30px; height: 15px; margin-left: -15px; background-color: #fff; clip-path: polygon(0 100%, 100% 100%, 50% 0); }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-fukidashi::after { top: -17px; left: 50%; z-index: 1; width: 34px; height: 17px; margin-left: -17px; background-color: #004ba3; clip-path: polygon(0 100%, 100% 100%, 50% 0); }
._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-fukidashi p { font-size: 2.6rem; text-align: center; }
@media screen and (max-width: 750px) { ._idx .outing-main .outing-box._box02 .outing-box-item .outing-box-fukidashi p { font-size: 2.0rem; } }
._idx .outing-main .outing-box._box02 .outing-box-txt { font-size: 1.6rem; text-align: right; }
._idx .outing-ticket { background-color: #fff; border-radius: 2em; overflow: hidden; }
._idx .outing-ticket .ticket-top { position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 20px; background-color: #004ba3; }
@media screen and (max-width: 750px) { ._idx .outing-ticket .ticket-top { display: block; padding: 20px; } }
._idx .outing-ticket .ticket-top::before { content: ''; flex: 1; }
@media screen and (max-width: 750px) { ._idx .outing-ticket .ticket-top::before { display: none; } }
._idx .outing-ticket .ticket-top .ticket-heading { width: 10em; font-size: 3.6rem; font-weight: 700; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { ._idx .outing-ticket .ticket-top .ticket-heading { width: 100%; font-size: 2.6rem; } }
._idx .outing-ticket .ticket-top .ticket-back { flex: 1; display: flex; align-items: center; margin-left: 20px; cursor: pointer; visibility: hidden; }
@media screen and (max-width: 750px) { ._idx .outing-ticket .ticket-top .ticket-back { display: none; justify-content: flex-end; margin: 10px 0 0; } }
._idx .outing-ticket .ticket-top .ticket-back._show { visibility: visible; }
@media screen and (max-width: 750px) { ._idx .outing-ticket .ticket-top .ticket-back._show { display: flex; } }
._idx .outing-ticket .ticket-top .ticket-back .ico { width: 2.5em; margin-right: 10px; }
@media screen and (max-width: 750px) { ._idx .outing-ticket .ticket-top .ticket-back .ico { width: 1.5em; } }
._idx .outing-ticket .ticket-top .ticket-back span { font-weight: 700; color: #fff; }
@media screen and (max-width: 750px) { ._idx .outing-ticket .ticket-top .ticket-back span { font-size: 1.4rem; } }
._idx .outing-ticket .ticket-con { overflow: hidden; }
._idx .outing-ticket ._ticketlist { padding: 30px 60px 35px; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketlist { padding: 30px 20px; } }
._idx .outing-ticket ._ticketlist .ticket-lead { margin-bottom: 30px; font-size: 2.0rem; font-weight: 700; text-align: center; color: #004ba3; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketlist .ticket-lead { font-size: 1.6rem; } }
._idx .outing-ticket ._ticketlist .ticket-list { display: flex; }
@media screen and (max-width: 960px) { ._idx .outing-ticket ._ticketlist .ticket-list { flex-wrap: wrap; } }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketlist .ticket-list { display: block; } }
._idx .outing-ticket ._ticketlist .ticket-list li { width: 22.5925925926%; margin-right: 3.1481481481%; padding: 30px 20px 15px; background-color: #e5f2fc; border-radius: 1em; }
@media screen and (max-width: 960px) { ._idx .outing-ticket ._ticketlist .ticket-list li { width: 48%; margin-right: 4%; margin-bottom: 4%; }
  ._idx .outing-ticket ._ticketlist .ticket-list li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketlist .ticket-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
._idx .outing-ticket ._ticketlist .ticket-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketlist .ticket-list li:last-child { margin-bottom: 0; } }
._idx .outing-ticket ._ticketlist .ticket-list li .ticket-list-con { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 20px; }
._idx .outing-ticket ._ticketlist .ticket-list li figure { margin-bottom: 5px; text-align: center; }
._idx .outing-ticket ._ticketlist .ticket-list li .ticket-list-heading { font-weight: 700; text-align: center; color: #004ba3; }
._idx .outing-ticket ._ticketlist .ticket-list li .ticket-list-btn { display: block; width: 13em; max-width: 100%; margin: 0 auto; padding: 10px 35px; background: #004ba3 url("../img/common/ico_toggle_o.svg") no-repeat right 5px center; background-size: 27px auto; font-size: 1.6rem; font-weight: 700; color: #fff; border-radius: 2em; cursor: pointer; }
._idx .outing-ticket ._ticketitem { padding: 70px 40px 80px; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem { padding: 30px 20px; } }
._idx .outing-ticket ._ticketitem .ticket-slide { position: relative; }
._idx .outing-ticket ._ticketitem .slide-btn { z-index: 99; position: absolute; top: 50%; width: 62px; margin-top: -31px; cursor: pointer; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .slide-btn { width: 42px; margin-top: -21px; } }
._idx .outing-ticket ._ticketitem .slide-btn._prev { left: 0; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .slide-btn._prev { margin-left: -10px; } }
._idx .outing-ticket ._ticketitem .slide-btn._next { right: 0; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .slide-btn._next { margin-right: -10px; } }
._idx .outing-ticket ._ticketitem .ticket-slide-con { width: 82.1428571429%; margin: 0 auto; overflow: hidden; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .ticket-slide-con { width: 75%; } }
._idx .outing-ticket ._ticketitem .ticket-slide-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .ticket-slide-box { display: block; } }
._idx .outing-ticket ._ticketitem .ticket-slide-box figure { width: 45.652173913%; margin-right: 8.6956521739%; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .ticket-slide-box figure { width: auto; margin: 0 auto 20px; text-align: center; } }
._idx .outing-ticket ._ticketitem .ticket-slide-box dl { flex: 1; }
._idx .outing-ticket ._ticketitem .ticket-slide-box dl dt { margin-bottom: 10px; font-size: 2.3rem; font-weight: 700; color: #004ba3; }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .ticket-slide-box dl dt { font-size: 2.0rem; } }
@media screen and (max-width: 750px) { ._idx .outing-ticket ._ticketitem .ticket-slide-box dl dd { font-size: 1.6rem; } }
._idx .outing-ticket ._ticketitem .ticket-slide-box dl dd .txt-s { margin-top: 5px; font-size: 1.4rem; }

._ride { position: relative; padding-bottom: 30px; background-color: #b8dff6; }
._ride .ride-wrap { position: relative; max-width: 1240px; margin: 0 auto; }
._ride .ride-wrap .ride-close { display: none; z-index: 99; position: absolute; top: 0; right: 0; width: 47px; margin-top: -20px; cursor: pointer; }
@media screen and (max-width: 750px) { ._ride .ride-wrap .ride-close { width: 8%; margin-top: -4%; margin-right: 0.6666666667%; } }
._ride .ride-wrap .ride-close._show { display: block; }
._ride .ride-swiper { overflow: hidden; padding-bottom: 30px; }
._ride .ride-swiper .swiper-slide { padding: 0 20px; }
@media screen and (max-width: 750px) { ._ride .ride-swiper .swiper-slide { padding: 0 4.6666666667%; } }
._ride .ride-swiper .swiper-slide > .swiper-slide-in { display: none; }
._ride .ride-swiper .swiper-slide.swiper-slide-active > .swiper-slide-in { display: block; }
._ride .ride-nav { padding: 30px 0 40px; background: linear-gradient(90deg, #d3edfb 0%, #d3edfb 50%, #fff99a 50%, #fff99a 100%); border: 3px solid #fff; border-radius: 2em; }
._ride .ride-nav .outing-fukidashi { margin-bottom: 30px; }
._ride .ride-nav .outing-fukidashi .outing-fukidashi-con { position: relative; width: 100%; max-width: 540px; margin: 0 auto; padding: 20px; background-color: #fff; border: 3px solid #004ba3; border-radius: 2em; }
@media screen and (max-width: 1100px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con { max-width: 600px; } }
@media screen and (max-width: 960px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con { max-width: 350px; } }
@media screen and (max-width: 750px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con { max-width: 290px; margin: 0 0 0 20px; } }
@media screen and (max-width: 480px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con { max-width: 230px; } }
._ride .ride-nav .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-ttl { font-size: 2.1rem; font-weight: 400; text-align: center; color: #004ba3; }
@media screen and (max-width: 750px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-ttl { font-size: 2.0rem; } }
._ride .ride-nav .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-icon { position: absolute; bottom: 0; right: 0; margin-right: -27px; }
@media screen and (max-width: 480px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-icon { width: 31px; margin-right: -20px; } }
._ride .ride-nav .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-character { position: absolute; top: 0; right: 0; margin-top: -20px; margin-right: -160px; }
@media screen and (max-width: 750px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-character { width: 90px; margin-top: 0; margin-right: -100px; } }
@media screen and (max-width: 480px) { ._ride .ride-nav .outing-fukidashi .outing-fukidashi-con .outing-fukidashi-character { width: 80px; margin-right: -90px; } }
._ride .ride-nav .nav-box { display: flex; }
._ride .ride-nav .nav-box li { width: 50%; }
._ride .ride-nav .nav-box li button { display: block; width: 58.8%; margin: 0 auto; cursor: pointer; }
@media screen and (max-width: 750px) { ._ride .ride-nav .nav-box li button { width: 90%; } }
._ride .ride-sec { max-width: 1200px; margin: 0 auto; background-color: #fff; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4); border-radius: 1em; }
._ride .ride-sec .ride-sec-top { position: relative; display: flex; align-items: center; padding: 20px; background-color: #004ba3; border-top-left-radius: 1em; border-top-right-radius: 1em; }
@media screen and (max-width: 1200px) { ._ride .ride-sec .ride-sec-top { display: block; } }
@media screen and (max-width: 480px) { ._ride .ride-sec .ride-sec-top { padding: 10px 20px; } }
._ride .ride-sec .ride-sec-top::before { content: ''; flex: 1; }
@media screen and (max-width: 1200px) { ._ride .ride-sec .ride-sec-top::before { display: none; } }
._ride .ride-sec .ride-sec-top .ride-sec-ttl { display: flex; justify-content: center; align-items: flex-end; width: 14em; color: #fff; font-size: 3.6rem; font-weight: 700; }
@media screen and (max-width: 1200px) { ._ride .ride-sec .ride-sec-top .ride-sec-ttl { width: 100%; } }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-top .ride-sec-ttl { font-size: 2.4rem; } }
._ride .ride-sec .ride-sec-top .ride-sec-ttl .ico { margin-right: 1.5rem; }
._ride .ride-sec .ride-sec-top .ride-sec-ttl span { display: inline-block; }
._ride .ride-sec .ride-sec-top .ride-sec-step { flex: 1; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-right: 40px; }
@media screen and (max-width: 1200px) { ._ride .ride-sec .ride-sec-top .ride-sec-step { justify-content: center; margin: 20px auto 0; } }
._ride .ride-sec .ride-sec-top .ride-sec-step ol { position: relative; display: flex; align-items: center; }
._ride .ride-sec .ride-sec-top .ride-sec-step ol::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #fff; }
._ride .ride-sec .ride-sec-top .ride-sec-step ol li { position: relative; z-index: 1; width: 22px; line-height: 22px; margin-left: 10px; border-radius: 50%; background-color: #fff; font-size: 1.6rem; text-align: center; }
._ride .ride-sec .ride-sec-top .ride-sec-step ol li:first-child { margin-left: 0; }
._ride .ride-sec .ride-sec-top .ride-sec-step ol li._current { width: 28px; line-height: calc(28px - 2px); border: 1px solid #fff; background-color: #004ba3; color: #fff; font-size: 2rem; }
._ride .ride-sec .ride-sec-swiper { position: relative; overflow: hidden; }
._ride .ride-sec .ride-sec-swiper .swiper-slide { height: auto; }
._ride .ride-sec .ride-sec-swiper .slide-btn { z-index: 99; position: absolute; top: 50%; width: 62px; margin-top: -31px; cursor: pointer; }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-swiper .slide-btn { width: 42px; } }
._ride .ride-sec .ride-sec-swiper .slide-btn._prev { left: 0; margin-left: 35px; }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-swiper .slide-btn._prev { margin-left: 10px; } }
._ride .ride-sec .ride-sec-swiper .slide-btn._next { right: 0; margin-right: 35px; }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-swiper .slide-btn._next { margin-right: 10px; } }
._ride .ride-sec .ride-sec-swiper .slide-btn.swiper-button-disabled { display: none; }
._ride .ride-sec .ride-sec-swiper .ride-sec-box { display: flex; justify-content: space-between; width: 75%; margin: 0 auto; padding: 30px 0; }
@media screen and (max-width: 960px) { ._ride .ride-sec .ride-sec-swiper .ride-sec-box { display: block; } }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-swiper .ride-sec-box { padding: 20px 0; } }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl .ride-sec-box-heading { padding-left: 1em; text-indent: -1em; padding-bottom: 15px; border-bottom: 1px solid #004ba3; font-size: 2.3rem; font-weight: 700; color: #004ba3; }
@media screen and (max-width: 960px) { ._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl .ride-sec-box-heading { padding-bottom: 20px; border-bottom: 1px solid #004ba3; } }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl .ride-sec-box-heading { padding-bottom: 10px; font-size: 1.8rem; } }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl .ride-sec-box-txt { margin-top: 20px; }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl .ride-sec-box-txt { margin-top: 20px; font-size: 1.6rem; } }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl .ride-sec-box-txt li { padding-left: 1em; text-indent: -1em; }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl._fl { display: flex; flex-direction: column; }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-ttl._fl ._flcon { flex: 1; }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-item { flex: 1; }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-item figure { text-align: center; }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-btn { display: block; width: 23rem; max-width: 100%; margin-top: 20px; padding: 10px 40px 10px 15px; border-radius: 0.5em; background: #C71251 url("../img/common/ico_arrow_w03.svg") no-repeat right 15px center; background-size: 25px auto; color: #fff; font-size: 1.6rem; text-align: center; cursor: pointer; }
@media screen and (max-width: 750px) { ._ride .ride-sec .ride-sec-swiper .ride-sec-box-btn { position: static; min-width: 80%; margin: 2rem auto 0; } }
._ride .ride-sec .ride-sec-swiper .ride-sec-box-btn._back { background-image: url(../img/common/ico_arrow_w03_l.svg); background-position: left 20px center; }
._ride .ride-sec._bus .ride-sec-top .ride-sec-ttl .ico { width: 4.5rem; }
._ride .ride-sec._bus .ride-sec-swiper .ride-sec-box-ttl { width: 46.6666666667%; margin-right: 6.6666666667%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._bus .ride-sec-swiper .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-sec._bus .ride-sec-swiper ._box05 { position: relative; }
._ride .ride-sec._bus .ride-sec-swiper ._box05 .ride-sec-box-ttl { width: 15em; margin-right: 3.3333333333%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._bus .ride-sec-swiper ._box05 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
._ride .ride-sec._bus .ride-sec-swiper ._box05_02 { position: relative; }
._ride .ride-sec._bus .ride-sec-swiper ._box05_02 .ride-sec-box-ttl { width: 16em; }
@media screen and (max-width: 960px) { ._ride .ride-sec._bus .ride-sec-swiper ._box05_02 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
._ride .ride-sec._bus .ride-sec-swiper ._box05_02 .ride-sec-box-btn { padding-left: 40px; padding-right: 15px; }
._ride .ride-sec._bus .ride-sec-swiper ._box06 .ride-sec-box-ttl figure { margin-top: 30px; text-align: center; }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper ._box06 .ride-sec-box-ttl figure { width: 177px; margin: 10px auto 0; } }
._ride .ride-sec._bus .ride-sec-swiper ._box07 .ride-sec-box-ttl { width: 34.4444444444%; margin-right: 6.6666666667%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._bus .ride-sec-swiper ._box07 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
._ride .ride-sec._bus .ride-sec-swiper ._box09 { display: block; }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-in { max-width: 756px; margin: 0 auto; padding: 2.5rem 0 2rem; border-radius: 2rem; background-color: #b8dff6; }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-header { display: flex; align-items: center; margin-bottom: 2.5rem; }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-header { display: block; } }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-header .ride-sec-box-header-ico { margin-right: 1rem; padding-right: 15px; background: url("../img/outing/ride/bus_ph009_bg.svg") no-repeat right top; background-size: auto 100%; }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-header .ride-sec-box-header-ico p { padding: 0.5rem 1rem 0 2rem; background-color: #ffe33f; font-size: 2.6rem; }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-header .ride-sec-box-header-ico p { font-size: 1.8rem; } }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-header .ride-sec-box-header-txt { padding-top: 0.5rem; font-size: 2.5rem; font-weight: 400; }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-header .ride-sec-box-header-txt { padding: 2rem 1rem 0; font-size: 1.8rem; } }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body { padding: 0 3.5rem; }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body .ride-sec-box-body-in { display: flex; justify-content: space-between; max-width: 670px; }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body .ride-sec-box-body-in { display: block; } }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body .ride-sec-box-body-txt { width: 53.7313432836%; }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body .ride-sec-box-body-txt { width: 100%; margin-bottom: 1rem; } }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body .ride-sec-box-body-txt p { margin-bottom: 2.5rem; font-size: 1.4rem; }
._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body .ride-sec-box-body-fig { width: 42.5373134328%; }
@media screen and (max-width: 750px) { ._ride .ride-sec._bus .ride-sec-swiper ._box09 .ride-sec-box-body .ride-sec-box-body-fig { width: 100%; } }
._ride .ride-sec._train .ride-sec-top .ride-sec-ttl .ico { width: 4rem; }
._ride .ride-sec._train .ride-sec-swiper .ride-sec-box-ttl { width: 23.3333333333%; margin-right: 6.6666666667%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-sec._train .ride-sec-swiper ._box02_02 .ride-sec-box-item figure, ._ride .ride-sec._train .ride-sec-swiper ._box02_03 .ride-sec-box-item figure, ._ride .ride-sec._train .ride-sec-swiper ._box02_06 .ride-sec-box-item figure { text-align: left; }
._ride .ride-sec._train .ride-sec-swiper ._box02_04 .ride-sec-box-item figure { text-align: right; }
._ride .ride-sec._train .ride-sec-swiper ._box03 { position: relative; }
._ride .ride-sec._train .ride-sec-swiper ._box03 .ride-sec-box-ttl { width: 27.7777777778%; margin-right: 2.2222222222%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper ._box03 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper ._box03 .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-sec._train .ride-sec-swiper ._box03_02 { position: relative; }
._ride .ride-sec._train .ride-sec-swiper ._box03_02 .ride-sec-box-ttl { width: 33.3333333333%; margin-right: 0; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper ._box03_02 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper ._box03_02 .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-sec._train .ride-sec-swiper ._box03_02 .ride-sec-box-btn { padding-left: 40px; padding-right: 15px; }
._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl { width: 46.6666666667%; margin-right: 6.6666666667%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl .ride-sec-box-heading { width: 100%; max-width: 170px; }
._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl figure { margin-top: 10px; text-align: right; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl figure { text-align: center; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl figure { width: 187px; margin: 10px auto 0; } }
@media screen and (max-width: 480px) { ._ride .ride-sec._train .ride-sec-swiper ._box04 .ride-sec-box-ttl figure { width: 127px; } }
._ride .ride-sec._train .ride-sec-swiper ._box05 .ride-sec-box-ttl { width: 24.4444444444%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper ._box05 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper ._box05 .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-sec._train .ride-sec-swiper ._box06 .ride-sec-box-ttl { width: 47.2222222222%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper ._box06 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper ._box06 .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-sec._train .ride-sec-swiper ._box07 .ride-sec-box-ttl { width: 25.5555555556%; }
@media screen and (max-width: 960px) { ._ride .ride-sec._train .ride-sec-swiper ._box07 .ride-sec-box-ttl { width: 100%; margin: 0 auto 30px; } }
@media screen and (max-width: 750px) { ._ride .ride-sec._train .ride-sec-swiper ._box07 .ride-sec-box-ttl { margin-bottom: 10px; } }
._ride .ride-guide { display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 960px) { ._ride .ride-guide { display: block; margin-bottom: 20px; } }
._ride .ride-guide .ride-guide-btn { margin-right: 20px; }
@media screen and (max-width: 960px) { ._ride .ride-guide .ride-guide-btn { width: 80%; margin: 0 auto 20px; } }
@media screen and (max-width: 750px) { ._ride .ride-guide .ride-guide-btn:last-child { margin-bottom: 0; } }
._ride .ride-guide .ride-guide-btn a { display: block; text-decoration: none; padding: 10px 30px 10px 20px; border: 2px solid #004ba3; background: #fff url("../img/common/ico_pdf.svg") no-repeat right 15px center; background-size: 16px auto; border-radius: 2em; }
@media screen and (max-width: 480px) { ._ride .ride-guide .ride-guide-btn a { padding-top: 10px; } }

._spot { position: relative; padding-bottom: 20px; }
@media screen and (max-width: 750px) { ._spot { padding-bottom: 60px; } }
._spot .spot-list { padding: 45px 0; }
._spot .spot-list .spot-in { width: 100%; max-width: 1264px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { ._spot .spot-list .spot-in { padding: 0 4.6666666667%; } }
._spot .spot-list .spot-list-heading { margin-bottom: 30px; font-size: 3.4rem; color: #004ba3; font-weight: 700; text-align: center; }
._spot .spot-list .spot-list-box { display: flex; flex-wrap: wrap; }
._spot .spot-list .spot-list-box li { width: 17.9738562092%; margin-right: 2.5326797386%; margin-bottom: 2.5326797386%; transition: all .6s; }
@media screen and (max-width: 960px) { ._spot .spot-list .spot-list-box li { width: 48%; margin-right: 4%; margin-bottom: 4%; }
  ._spot .spot-list .spot-list-box li:nth-child(2n) { margin-right: 0; }
  ._spot .spot-list .spot-list-box li:nth-child(5) { margin-right: 4% !important; }
  ._spot .spot-list .spot-list-box li:nth-child(15) { margin-right: 4% !important; } }
._spot .spot-list .spot-list-box li:hover { opacity: 0.7; }
._spot .spot-list .spot-list-box li:nth-child(5n) { margin-right: 0; }
._spot .spot-list .spot-list-box li:last-child { margin-right: 0; }
._spot .spot-list .spot-list-box li a { position: relative; display: block; width: 100%; height: 100%; background-color: #b8dff6; border-radius: 1em; text-decoration: none; cursor: pointer; }
._spot .spot-list .spot-list-box li a._others { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1em 0; border: 1px solid #004ba3; background-color: #e5f2fc; }
._spot .spot-list .spot-list-box li a._others dl { margin-top: 10px; color: #004ba3; text-align: center; font-weight: 700; }
._spot .spot-list .spot-list-box li a._others dl dt { margin-bottom: 10px; font-size: 5.5rem; }
._spot .spot-list .spot-list-box li a._others dl dd { display: flex; justify-content: center; align-items: center; font-size: 2.4rem; }
._spot .spot-list .spot-list-box li a._others dl dd .ico { margin-left: 5px; }
._spot .spot-list .spot-list-box li .spot-list-num { position: absolute; top: 0; left: 0; z-index: 10; width: 35px; margin-top: -5px; margin-left: -5px; }
._spot .spot-list .spot-list-box li .spot-list-num .spot-list-num-b { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; background-color: #004ba3; border: 1px solid #ffff; border-radius: 50%; }
._spot .spot-list .spot-list-box li .spot-list-num .spot-list-num-b::before { content: ''; display: block; padding-top: 100%; }
._spot .spot-list .spot-list-box li .spot-list-num p { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 2.0rem; font-weight: 700; color: #fff; text-align: center; }
._spot .spot-list .spot-list-box li .cmn-fig { border-top-left-radius: 1em; border-top-right-radius: 1em; overflow: hidden; }
._spot .spot-list .spot-list-box li .spot-list-ttl { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 4.5em; padding: 5px; background-color: #b8dff6; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; }
._spot .spot-list .spot-list-box li .spot-list-ttl p { color: #004ba3; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._spot .spot-list .spot-list-box li .spot-list-ttl p { font-size: 1.5rem; } }
._spot .spot-list .spot-list-box li .spot-list-ttl p._small { font-size: 1.6rem; }
@media screen and (max-width: 750px) { ._spot .spot-list .spot-list-box li .spot-list-ttl p._small { font-size: 1.2rem; } }
._spot .spot-list .spot-btn { display: block; width: 100%; max-width: 440px; margin: 60px auto 50px; padding: 10px; background: #004ba3 url("../img/common/ico_arrow_w_t.svg") no-repeat right 15px center; background-size: 48px auto; font-size: 3.0rem; font-weight: 700; text-align: center; color: #fff; border-radius: 2em; cursor: pointer; }
@media screen and (max-width: 960px) { ._spot .spot-list .spot-btn { background-size: 30px auto; } }
@media screen and (max-width: 750px) { ._spot .spot-list .spot-btn { font-size: 2.0rem; } }
@media screen and (max-width: 480px) { ._spot .spot-list .spot-btn { padding-top: 5px; } }
._spot .spot-map { margin-bottom: 40px; }
._spot .spot-dl { margin-bottom: 40px; }
._spot .spot-dl .spot-dl-con { display: flex; justify-content: center; }
._spot .spot-dl .spot-dl-btn { display: flex; flex-direction: column; row-gap: 20px; }
._spot .spot-dl .spot-dl-btn a { display: block; text-decoration: none; padding: 20px 5rem; padding: 20px 5rem 20px 3rem; border: 2px solid #004ba3; background: #fff url("../img/common/ico_pdf.svg") no-repeat right 25px center; background-size: 18px auto; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { ._spot .spot-dl .spot-dl-btn a { padding-top: 15px; padding-bottom: 15px; } }
@media screen and (max-width: 480px) { ._spot .spot-dl .spot-dl-btn a { background-position: right 10px center; border-radius: 4em; } }
._spot .spot-mvsearch { margin-bottom: 40px; }
._spot .spot-mvsearch .spot-mvsearch-box { display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 750px) { ._spot .spot-mvsearch .spot-mvsearch-box { display: block; } }
._spot .spot-mvsearch .spot-mvsearch-box p { margin-right: 1em; }
@media screen and (max-width: 750px) { ._spot .spot-mvsearch .spot-mvsearch-box p { margin-right: 0; margin-bottom: 1em; } }
._spot .spot-mvsearch .spot-mvsearch-box figure { width: 174px; }
@media screen and (max-width: 750px) { ._spot .spot-mvsearch .spot-mvsearch-box figure { margin: 0 auto; } }

.modal-spot-sec { display: none; position: fixed; top: 0; left: 0; z-index: 100000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.modal-spot-sec .modal-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow-y: auto; }
.modal-spot-sec .modal-con { position: relative; width: 100%; max-width: 1240px; margin: auto; padding: 0 20px; }
.modal-spot-sec .modal-main { position: relative; background-color: #fff; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4); border-radius: 1em; overflow: hidden; }
.modal-spot-sec .modal-swiper { position: relative; overflow: hidden; }
.modal-spot-sec .modal-swiper .slide-btn { z-index: 99; position: absolute; top: 50%; width: 62px; margin-top: -31px; cursor: pointer; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .slide-btn { width: 42px; } }
.modal-spot-sec .modal-swiper .slide-btn._prev { left: 0; margin-left: 35px; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .slide-btn._prev { margin-left: 10px; } }
.modal-spot-sec .modal-swiper .slide-btn._next { right: 0; margin-right: 35px; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .slide-btn._next { margin-right: 10px; } }
.modal-spot-sec .modal-swiper .slide-btn .slide-btn-sp { display: none; }
.modal-spot-sec .modal-swiper .modal-close { position: absolute; top: 1em; left: 0; z-index: 10; display: flex; align-items: center; margin-left: 20px; cursor: pointer; }
@media screen and (max-width: 960px) { .modal-spot-sec .modal-swiper .modal-close { top: 20px; margin: 0 0 10px 20px; } }
.modal-spot-sec .modal-swiper .modal-close .ico { width: 1.5em; margin-right: 10px; }
.modal-spot-sec .modal-swiper .modal-close span { display: inline-block; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-close span { font-size: 1.4rem; } }
.modal-spot-sec .modal-swiper .modal-top { position: relative; display: flex; align-items: flex-end; padding: 20px 16rem; background-color: #004ba3; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-top { align-items: center; padding: 2.8em 20px 10px; } }
.modal-spot-sec .modal-swiper .modal-top .modal-ttl { width: 100%; color: #fff; font-size: 3.6rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-top .modal-ttl { font-size: 2.4rem; line-height: 1.4; } }
.modal-spot-sec .modal-swiper .modal-top .modal-ttl._small { font-size: 2.8rem; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-top .modal-ttl._small { font-size: 2.2rem; line-height: 1.4; } }
.modal-spot-sec .modal-swiper .modal-top .modal-ttl span { display: inline-block; padding-left: 60px; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-top .modal-ttl span { padding-left: 50px; } }
.modal-spot-sec .modal-swiper .modal-box { width: 76.6666666667%; margin: 0 auto; padding: 50px 0; }
@media screen and (max-width: 960px) { .modal-spot-sec .modal-swiper .modal-box { padding: 20px 5px; } }
.modal-spot-sec .modal-swiper .modal-box-con { display: flex; justify-content: space-between; height: 530px; overflow-y: auto; }
@media screen and (max-width: 960px) { .modal-spot-sec .modal-swiper .modal-box-con { display: block; padding: 0 5px; } }
@media screen and (max-width: 480px) { .modal-spot-sec .modal-swiper .modal-box-con { height: 400px; } }
.modal-spot-sec .modal-swiper .modal-box-con::-webkit-scrollbar { width: 4px; }
.modal-spot-sec .modal-swiper .modal-box-con::-webkit-scrollbar-track { background-color: #d7dcf7; }
.modal-spot-sec .modal-swiper .modal-box-con::-webkit-scrollbar-thumb { background-color: #004ba3; }
.modal-spot-sec .modal-swiper .modal-box-main { width: 44.4444444444%; margin-right: 10%; }
@media screen and (max-width: 960px) { .modal-spot-sec .modal-swiper .modal-box-main { width: 100%; margin-right: 0; margin-bottom: 30px; } }
.modal-spot-sec .modal-swiper .modal-box-main .modal-fig-swiper { position: relative; margin-bottom: 20px; overflow: hidden; }
.modal-spot-sec .modal-swiper .modal-box-main .modal-fig-swiper .swiper-slide img { border-radius: 1em; }
.modal-spot-sec .modal-swiper .modal-box-main .modal-fig-swiper .swiper-pagination-bullets { position: static; margin-top: 13px; }
.modal-spot-sec .modal-swiper .modal-box-main .modal-fig-swiper .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 13px !important; background: #d7dcf7; opacity: 1; }
@media screen and (max-width: 480px) { .modal-spot-sec .modal-swiper .modal-box-main .modal-fig-swiper .swiper-pagination-bullet { margin: 0 5px !important; } }
.modal-spot-sec .modal-swiper .modal-box-main .modal-fig-swiper .swiper-pagination-bullet-active { background: #004ba3; }
.modal-spot-sec .modal-swiper .modal-box-main dl { border: 4px solid #004ba3; background-color: #fff; border-radius: 1em; overflow: hidden; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-main dl { font-size: 1.6rem; } }
.modal-spot-sec .modal-swiper .modal-box-main dl dt { padding: 10px 5px 5px; background-color: #004ba3; text-align: center; color: #fff; }
.modal-spot-sec .modal-swiper .modal-box-main dl dd ul li { display: flex; border-bottom: 1px solid #004ba3; padding: 15px 20px; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-main dl dd ul li { display: block; } }
.modal-spot-sec .modal-swiper .modal-box-main dl dd ul li:last-child { border-bottom: none; }
.modal-spot-sec .modal-swiper .modal-box-main dl dd ul li figure { width: 27px; margin-right: 10px; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-main dl dd ul li figure { margin: 0 auto 15px; } }
.modal-spot-sec .modal-swiper .modal-box-main dl dd ul li p { flex: 1; }
.modal-spot-sec .modal-swiper .modal-box-item { flex: 1; padding-right: 30px; }
@media screen and (max-width: 960px) { .modal-spot-sec .modal-swiper .modal-box-item { padding-right: 0; } }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-txt { margin-bottom: 30px; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-txt { font-size: 1.6rem; } }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info { margin-bottom: 20px; }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info .modal-box-item-info-h { margin-bottom: 10px; padding: 15px 10px 5px; border: 1px solid #004ba3; background-color: #e5f2fc; color: #004ba3; font-weight: 700; border-radius: 0.5em; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info .modal-box-item-info-h { font-size: 1.6rem; } }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info dl { display: flex; margin-bottom: 5px; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info dl { display: block; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #004ba3; } }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info dl dt { width: 5em; color: #004ba3; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info dl dt { width: 100%; margin-bottom: 5px; font-size: 1.6rem; } }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info dl dd { flex: 1; }
@media screen and (max-width: 750px) { .modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-info dl dd { font-size: 1.6rem; } }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-map { width: 100%; position: relative; padding-bottom: 67.5%; height: 0; overflow: hidden; }
@media screen and (max-width: 960px) { .modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-map { width: 100%; } }
.modal-spot-sec .modal-swiper .modal-box-item .modal-box-item-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 750px) { .js-desktop .modal-spot-sec .modal-con, .js-portrait .modal-spot-sec .modal-con { height: 90dvh; }
  .js-desktop .modal-spot-sec .modal-main, .js-portrait .modal-spot-sec .modal-main { height: 100%; }
  .js-desktop .modal-spot-sec .modal-swiper, .js-portrait .modal-spot-sec .modal-swiper { height: 100%; }
  .js-desktop .modal-spot-sec .modal-swiper .slide-btn, .js-portrait .modal-spot-sec .modal-swiper .slide-btn { top: initial; bottom: 1rem; width: 45%; }
  .js-desktop .modal-spot-sec .modal-swiper .slide-btn .slide-btn-pc, .js-portrait .modal-spot-sec .modal-swiper .slide-btn .slide-btn-pc { display: none; }
  .js-desktop .modal-spot-sec .modal-swiper .slide-btn .slide-btn-sp, .js-portrait .modal-spot-sec .modal-swiper .slide-btn .slide-btn-sp { display: flex; justify-content: center; align-items: center; column-gap: 1rem; width: 100%; height: 2em; border: 1px solid #004ba3; border-radius: 2.5em; background-color: #F1F6FD; color: #004ba3; }
  .js-desktop .modal-spot-sec .modal-swiper .slide-btn .slide-btn-sp .ico, .js-portrait .modal-spot-sec .modal-swiper .slide-btn .slide-btn-sp .ico { width: 3rem; }
  .js-desktop .modal-spot-sec .modal-swiper .slide-btn._next .slide-btn-sp .ico, .js-portrait .modal-spot-sec .modal-swiper .slide-btn._next .slide-btn-sp .ico { transform: scale(-1, 1); }
  .js-desktop .modal-spot-sec .modal-swiper .modal-slide, .js-portrait .modal-spot-sec .modal-swiper .modal-slide { display: flex; flex-direction: column; padding-bottom: 2.5em; }
  .js-desktop .modal-spot-sec .modal-swiper .modal-box, .js-portrait .modal-spot-sec .modal-swiper .modal-box { flex: 1; width: 100%; padding: 20px; overflow-y: auto; }
  .js-desktop .modal-spot-sec .modal-swiper .modal-box-con, .js-portrait .modal-spot-sec .modal-swiper .modal-box-con { height: 100%; } }

/*# sourceMappingURL=outing.css.map */
