/* ページネーションのベーススタイル */
.panorama2026 .splide__pagination{
    margin-top: 5px;
 }
 .panorama2026 .splide__pagination li {
    margin: 0 5px;
 }
 
 .panorama2026{
   background-image: url(../images/cruising_plan/newyear_2025/panorama/bg_pc.webp);
   gap:5px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 90%;
   margin: 0 auto;
   margin-top: 60px;
   padding-bottom: 100px;
 }
 


 .newyear2025 .price_wrap{
   display: flex;
   max-width: 950px;
   margin: 0 auto;
 }
@media (max-width: 992px) {
    
 .panorama2026{
   background-image: url(../images/cruising_plan/newyear_2025/panorama/bg_sp.webp);
    width: 94%;
   margin: 0 auto;
   margin-top: 30px;
   padding-bottom: 0;
 }
 .newyear2025 .price_wrap{
        align-items: normal;
        flex-direction: row;
        gap: 8px;
        width: 90%;
        margin: 0 auto;
        justify-content: center;
    }
}


 .price_list{
   display: flex;
   align-items: flex-start;
   gap: 8px;
  width: 90%;
 }
  .price_list > div{
   width: 49%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
 }
   .price_list > div img{
   width: 100%;
 }
 .per_1{
   width: 9.5%;
 }
  @media (max-width: 992px) {
  .per_1{
    width: 11%;
  }
  }

 .price_cta_btn{
   margin-top: 15px;
   display: inline-block;
   width: 90%;
 }
  .price_cta_btn:hover{
    opacity: 0.7;
 }

 .l-container{
   max-width: 950px;
   margin: 0 auto;
 }
 .panorama2026 .menu{
   margin: 70px 0;
   display: block;
 }
 @media (max-width: 992px) {
   .panorama2026 .menu{
      margin: 50px 0;
      display: block;
   }
}

 .heroica_content{
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;

 }

 .heroica_price{
   width: 100%;
 }
 .heroica_menu{
   padding: 70px 70px;
   background-image: url(../images/cruising_plan/newyear_2025/panorama/heroica_menu_bg.webp);
   background-size: 100% 100%;
   text-align: center;
 }
 .heroica_menu picture{
   width: 50%;
 }
  .heroica_menu picture{
   width: 50%;
 }

 .price_cta_btn.--heroica{
   width: 50%;
   display: block;
   margin: 0 auto;
   margin-top: 50px;
 }

 .plan_price{
   width: 70%;
   margin: 0 auto;
 }
 .price_cta_btn.--viking{
   width: 100%;
   margin-top: 30px;
 }

 .newyear2025 .main_img{
   max-width: 950px;
   margin: 0 auto;
   width: 90%;

 }

 .newyear2025 .splide_slide{
   text-align: center;
}
 .newyear2025 .splide__arrow > svg {
   display: none;
   }
   
/* ページネーションのベーススタイル */
 .newyear2025 .splide__pagination{
   margin-top: 5px;
}
 .newyear2025 .splide__pagination li {
   margin: 0 5px;
}

 .newyear2025 .splide__pagination li button {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: white; 
   padding: 0;
   line-height: 0;
   border: 1px solid white;
}

 .newyear2025 .splide__pagination li .is-active{
   background-color: #D9A700; 
   border: 1px solid  #D9A700;
}

.splide-newyear2,.splide-newyear3{
   max-width: 690px;
   width: 70%;
   margin:  0 auto;
   margin-bottom: 40px;
}

.band{
   margin-top: -70px;
}
.heroica_img{
   width: 50%;
}
@media (max-width: 992px) {
   .panorama2026 .menu{
         width: 90%;
         margin-left: auto;
         margin-right: auto;
   }
   .heroica_content{
      flex-direction: column;
   }
   .heroica_price{
      width: 100%;
   }
   .heroica_img{
      width: 100%;
   }
  .heroica_menu picture{
   width: 100%;
   }
   .heroica_menu{
      padding: 70px 20px;
      background-image: url(../images/cruising_plan/newyear_2025/panorama/heroica_bg_sp.webp);
      width: 90%;
      margin: 0 auto;
   }
   .price_cta_btn.--heroica{
      width: 100%;
      margin-top: 30px;
   }
    .price_cta_btn{
      width: 100%;
    }
}


@media (max-width: 992px) {
   .splide-newyear2,.splide-newyear3{
   width: 90%;
   }
   .plan_price{
      width: 90%;
   }
   .band{
   margin-top: -50px;
   display: block;
}
}


.u-pc_block{
   display: block;
}
.u-sp_block{
   display: none;
}
@media (max-width: 992px) {
.u-pc_block{
   display: none;
}
.u-sp_block{
   display: block;
}
}
.plan_main_img{
  position: relative;
  margin-top: 30px;
}
.plan_main_img .--medal{
  position: absolute;
  max-width: 140px;
  width: 20%;
  top: -5%;
  left: 2%;
}
@media (max-width: 992px) {
  .plan_main_img .--medal{
  position: absolute;
  max-width: 140px;
  width: 25%;
  top: -7%;
  left: -2%;
}
}

.kome{
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    width: 90%;
    margin-top: 20px;
}