/* TOP切り替え */
/* 
.mainvisual {
    position: relative;
    width: 100%;
    max-width: 1200px;
    aspect-ratio: 2500 / 1230;
    margin: auto;
    overflow: hidden;
}

.mainvisual img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.mainvisual img.active {
    opacity: 1;
    z-index: 1;
}

.topimg{
    position: relative;
}

.miki{
    position: absolute;
    max-width: 1200px;
    width:100%;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

@media print, screen and (min-width: 641px) and (max-width: 999px) {

.miki{
  display: none;
}

} */

/*PC用*/
@media print, screen and (min-width: 641px){

    .reserve_btn img{
        width:500px;
        margin-bottom:1.5rem;
    }

    .kids_bana img{
        width: 75%;
    }

    .mainvisual {
        max-width: 1200px; /* 最大横幅を1200pxに制限 */
        aspect-ratio: 2500 / 1230; /* 元画像のアスペクト比を指定 */
    }

}

/*SP用*/
@media screen and (max-width:640px) {

    .reserve_btn img{
        width:100%;
        margin-bottom:1.5rem;
    }

    .pickup .pickup__text a{
        margin:0;
        padding:0;
    }

    .pickup .pickup__copy {
        position: relative;
        z-index: 1;
        padding-right: 0;
        font-size: 6vw;
        font-weight: bold;
    }

    .mainvisual {
        max-width: 100%;
        aspect-ratio: 1380 / 1563; 
    }    

}


/* 予約ボタン（フッター） */

.footer-fixed-bg{
    /* display: flex; */
}

.footer-copy-line{
    padding-bottom:80px;
}

.page-top-line {
    bottom: 140px;
}

.modalContents .pickup{
    background:white;
}


#modalArea-web11 {
    z-index: 99999;
}

#modalArea-reserve{
    z-index: 3;
}

.choice_reserve {
    height: 50%;
    overflow: auto;
}

/*SP用*/
@media screen and (max-width:640px) {

    .modalContents .pickup .pickup__text .pickup__text--title {
        font-size: 4.5vw;
    }

    .footer-fixed-line-ikeshita {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        height: 71px;
        /* padding-right: 15px; */
        /* padding-left: 15px; */
        text-align: center;
    }

} 


  @media screen and (max-width:640px)
   {

    .footer-copy-clinic
    {
        padding-bottom: 90px ;
    }
   }

  /* ピンクリボンおすすめバナー */

@media (min-width: 641px) {

.menu-slider-section .flex-wrap{
  max-width:1000px;
  margin:auto;
}
.menu-slider-section .flex-wrap img{width:100%;}

}

@media (max-width: 640px) {

.menu-slider-section .flex-wrap{max-width:95%;}

}