/* ボタン風のアニメーションを持つ画像 */
.clicking-animation {
  display: block;
  width: 100%; /* 親要素の幅にフィット */
  height: auto;
  position: relative;
  animation: double_click_effect 1.2s infinite; /* アニメーションの持続時間を短縮 */
}

/* ダブルクリックを表現するアニメーション */
@keyframes double_click_effect {
  0%, 20% {
      transform: translateY(0); /* 初期位置（押されていない状態） */
  }
  25%, 30% {
      transform: translateY(5px); /* 1回目の押し込み */
  }
  35%, 40% {
      transform: translateY(0); /* 1回目から戻る */
  }
  45%, 50% {
      transform: translateY(5px); /* 2回目の押し込み */
  }
  55%, 60% {
      transform: translateY(0); /* 2回目から戻る */
  }
  100% {
      transform: translateY(0); /* 押されていない状態に戻る */
  }
}





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


    /*TOP 本日来院する*/
  
    .mainvisual{
        position:relative
    }
  
    .today-reserve-btn{
        position:absolute;
        top:425px;
        left:15%;
    }
  
    .parking-btn{
      position:absolute;
      top:6%;
      left:73%;
      width: 30%;
  }

  
/* 文字 */
  .meieki p {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 1em;
    font-size: 15px;
    line-height: 1.6;
  }

  .kodomama{
    font-size: 19px;
    font-weight: bold;

  }
  
/* 待ち時間10分短縮 */
  .image-container {
    position: relative;
    width: 525px; /* 必要に応じて画像の幅を設定 */
    height: auto; /* 高さを画像比率に従う */
    overflow: hidden; /* 必要に応じて画像が範囲外に出ないように */
    display: inline-block; /* インライン要素のように動作 */
    margin-top: 1rem;
    cursor: pointer;
  }
  
  
  /*New予約ボタン*/
  .pickup .pickup__text a {
    width: auto;
    margin: 5px 20px;
    padding: 15px;
    font-size: 22px;
    font-weight: bold;
  }
  

  .reserve_web {
    max-width: 350px;
    height: auto;
    display: block;
    margin: -30px;
    margin-top: 5px;
  }
  
  .reserve_line {
    max-width: 350px;
    height: auto;
    display: block;
    margin: -30px;
    margin-top: 5px;
  }
  
  .reserve_tel{
    max-width: 350px;
    height: auto;
    display: block;
    margin: -20px;
  }
  
  
  .reserve_questionnaire {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 5px;
    width: 350px;
    margin-bottom:1.5rem;
  }
  


  main .headline_meieki {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 0px;
    color: #ff717b;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.reserve_btn_05 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #ff8c00 0%, #ff8c00 50%, #ff7f50 50%, #ff7f50 100%);
  border: none;
  border-radius: 5px;
  font-weight: 600;
  height: 60px;
  width: 350px;
  margin-bottom:15px;
}

.reserve_btn_05 a {
  color: #ffffff;
  font-size: 22px !important;
  text-decoration: none;
}

  /* 託児・子どもとママバナー */
  .takuji_banner img{
    width: 100%;
    margin: auto;
}

.takuji_banner{
  flex:1;
}

  .kodomama_banner img{
    width: 100%;
    margin: auto;
}

.kodomama_banner{
  flex:1;
}

  .child-banner{
    display: flex;
    gap: 20px; /* 画像間の隙間を指定（必要な値に調整） */
}


  /* 企業歯科健診画像 */
  .img-kenshin {
    max-width: 55%;
    height: auto;
}



/* ーーーーーーーーーーーーーーーー */
}



  
  
  
  
  
  
  /*SP用*/
  @media screen and (max-width:640px) {
  
  
    /*TOP 本日来院する*/
  
    .mainvisual{
        position:relative
    }
  
    .today-reserve-btn{
        position:absolute;
        top:81%;
        left:13px;
        width:35%
    }
  
    .parking-btn{
      position:absolute;
      top:20%;
      left:65%;
      width: 30%;
  }


  /* 文字 */
  .meieki p {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 1em;
    font-size: 14px;
    line-height: 1.6;
  }

  .kodomama{
    font-size: 14px;
    font-weight: bold;

  }

  /* 待ち時間10分短縮 */
  .image-container {
    position: relative;
    width: 370px; /* 必要に応じて画像の幅を設定 */
    height: auto; /* 高さを画像比率に従う */
    overflow: hidden; /* 必要に応じて画像が範囲外に出ないように */
    display: inline-block; /* インライン要素のように動作 */
  }

  
    /*New予約ボタン*/
  
    .reserve_web {
      display: flex;
      justify-content: center;
      align-items: center;
      border: none;
      border-radius: 5px;
      width: 100%;
      margin-bottom:-25px;
      margin-top:-35px;
  }
  
  .reserve_line {
      display: flex;
      justify-content: center;
      align-items: center;
      border: none;
      border-radius: 5px;
      width: 100%;
      margin-bottom:-60px;
  }
  
  .reserve_tel{
      display: flex;
      justify-content: center;
      align-items: center;
      border: none;
      border-radius: 5px;
      width: 100%;
      /* margin-bottom:-40px;お知らせ消したら戻す */
      margin-bottom: -10px;
  }

  
  
  .reserve_questionnaire {
      display: flex;
      justify-content: center;
      align-items: center;
      border: none;
      border-radius: 5px;
      width: 85%;
      margin-bottom:15px;
  }

  .reserve_btn_05 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #ff8c00 0%, #ff8c00 50%, #ff7f50 50%, #ff7f50 100%);
    border: none;
    border-radius: 5px;
    font-weight: 600;
    height: 60px;
    width: 90%;
    margin-bottom:15px;
}




.reserve_btn_05 a {
    color: #ffffff;
    font-size: 20px !important;
    text-decoration: none;
}

  /* 託児・子どもとママバナー */

  .takuji_banner img{
    width: 100%;
    margin: auto;
}

  .kodomama_banner img{
    width: 100%;
    margin: auto;
}
/* ーーーーーーーーーーーーーーーーー */


  /* 企業歯科健診画像 */
  .img-kenshin {
    max-width: 45%;
    height: auto;
    margin-bottom: 10px;
}
  
  
  /*Newフッターボタン*/
  
  .footer-fixed-bg1{
    /* background-color:rgba(255,255,255,0.8); */
    position: fixed;
    width: 100%;
    bottom: -10px;
    z-index: 9998;
  }
  
  .footer-fixed-line {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
    height: 80px;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
  }
  
  .footer-fixed-line:nth-child(2){
    padding-right: 0px;
    padding-left: 0px;
    margin-top: -33px;
  }
  
  
  .footer_line{
    width: 100%;
    padding-top: 8px;
  }
  
  .footer_tel {
    display: flex;
    justify-content: center;
    width: 48%;
    margin-right: -1px;
  }
  
  .footer_web {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    margin-right: -1px;
  }
  
  .footer_web-questionnaire {
    display: flex;
    justify-content: center;
    width: 48%;

  }

  main .headline_meieki {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 30px;
    color: #ff717b;
    font-size: 14px;
    font-weight: bold;
    text-align: center;}

  
  }


/* ラビット矯正バナー */

.banner-abtest .banner {
    display: none;
}

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

    .rabbit img{
        width:600px;
        margin:auto;
    }

    .rabbit p{
        text-align: center;
    }
}

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

    .rabbit img{
        width:100%;
        margin:auto;
    }
}


/* キッズイベントバナー */

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

  .short_bnr{
    width: 600px;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;   

}
}

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

  .short_bnr{
    width: 600px;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;   
}

.kids-banner img{
  width: 90%;
}


}

/* 企業健診バナー */

.kigyou{
  text-align: center;
}

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

  .kigyou img{
      width:600px;
      margin:auto;
  }

  .kids-banner img{
    width: 600px;
  }
}