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


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


 .price_list{
   display: flex;
   align-items: flex-start;
   gap: 5px;
 }
  .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%;
 }
 .price_list{
   width: 90%;

 }
 .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;
 }
 .countdown2025 .menu{
   margin: 70px 0;
   display: block;
 }
 @media (max-width: 992px) {
   .countdown2025 .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/countdown/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: 60%;
   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) {
   .countdown2025 .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/countdown/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;
}
}
.kome{
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    width: 90%;
    margin-top: 20px;
}