@charset "utf-8";

@media print,screen and (min-width : 501px) {

    /** ＷＥＢ予約
    ---------------------------------------- */
    #online_appointment{
      margin-top: 40px;
    }
    .btn_reserve{
      margin-top: 20px;
      margin-bottom: 20px;
      text-align: center;
    }
    .btn_reserve a{
      font-size:22px;font-size:2.2rem;
      font-family:"MPLUSRounded1c-5";
      text-decoration: none;
      border:solid 3px #502201;
      display: inline-block;
      border-radius:10px;
      padding: 10px 20px;
      margin: 0 10px;
    }
    .btn_reserve span{
      display:-webkit-box;display:-ms-flexbox;display:flex;
      -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    }
    .btn_reserve .icon1 img{
      width: 110px;
      margin-right: 10px;
    }
    .btn_reserve .icon2 img{
      width: 80px;
      margin-right: 10px;
    }


    /** 電話予約
    ---------------------------------------- */
    #phone_appointment{
      margin-top: 40px;
    }
    #phone_appointment dt{
      font-family:"MPLUSRounded1c-5";
    }
    #phone_appointment dt a{
      font-size:26px;font-size:2.6rem;
    }

    /** 診療受付時間
    ---------------------------------------- */
    #rec_time {
      margin-top: 40px;
    }
    #rec_time_sp{
      display: none;
    }
    #rec_time th:nth-child(2),
    #rec_time th:nth-child(3),
    #rec_time th:nth-child(4),
    #rec_time th:nth-child(5),
    #rec_time th:nth-child(6),
    #rec_time th:nth-child(7),
    #rec_time th:nth-child(8),
    #rec_time th:nth-child(9){
      width: 80px;
    }
    #rec_time th,
    #rec_time td{
      vertical-align: middle;
      text-align: center;
    }
    #rec_time .note{
      margin-top: 10px;
    }
    #bring_list {
      margin-top: 40px;
    }
    #bring_list li{
      list-style-type: disc;
      margin-left: 24px;
    }


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

    /** ＷＥＢ予約
    ---------------------------------------- */
    #online_appointment{
      margin-top: 40px;
    }
    .btn_reserve{
      margin-top: 20px;
      margin-bottom: 20px;
      text-align: center;
    }
    .btn_reserve a{
      font-size:22px;font-size:2.2rem;
      font-family:"MPLUSRounded1c-5";
      text-decoration: none;
      border:solid 3px #502201;
      display: inline-block;
      border-radius:10px;
      padding: 10px 20px;
      width: 80%;
      text-align: center;
      -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;

    }
    .btn_reserve span{
      display:-webkit-box;display:-ms-flexbox;display:flex;
      -webkit-box-align: center;-ms-flex-align: center;align-items: center;
      -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    }
    .btn_reserve .icon1 img{
      width: 110px;
      margin-right: 10px;
    }
    .btn_reserve .icon2 img{
      width: 80px;
      margin-right: 10px;
    }

    /** 電話予約
    ---------------------------------------- */
    #phone_appointment{
      margin-top: 40px;
    }
    #phone_appointment dt{
      font-family:"MPLUSRounded1c-5";
      margin-bottom: 10px;
    }
    #phone_appointment dt a{
      font-size:26px;font-size:2.6rem;
    }


    /** 診療受付時間
    ---------------------------------------- */
    #rec_time {
      margin-top: 40px;
    }
    #rec_time_pc{
      display: none;
    }
    #rec_time th:nth-child(1){
      width: 80px;
    }
    #rec_time th small{
      font-size:12px;font-size:1.2rem;
    }
    #rec_time th,
    #rec_time td{
      vertical-align: middle;
      text-align: center;
      padding: 10px 4px;
    }
    #rec_time .note{
      margin-top: 10px;
    }
    #bring_list {
      margin-top: 40px;
    }
    #bring_list li{
      list-style-type: disc;
      margin-left: 24px;
    }



#access_info{
  margin-top: 30px;
}

}