@charset "utf-8";

/*-------------- 医院ごとのパーツ -----------------*/
.banner-wrapper {
  width: 300px;
  margin: 0 auto;
}

.epark-banner {
  margin-bottom: 6px;
}

.epark-banner picture {
  display: block;
  width: 100%;
}

#sp-menu-hbm-area nav {
  background-color: #a96d4b;
}

#sp-menu-hbm-area nav .inner ul li {
  border-bottom-color: #474747;
}

#sp-menu-hbm-area nav .inner ul li a {
  color: #474747;
}

#sp-menu-hbm-area nav .inner ul li a:hover {
  background-color: #e4e4e4;
}

.sp-menu-hbm-btn span {
  background-color: #a96d4b;
}

.sp-menu-hbm-btn > div {
  color: #a47341;
}

.open#sp-menu-hbm-area {
  background-color: #a96d4b;
}

.open .sp-menu-hbm-btn span {
  background-color: #fff;
}

.open .sp-menu-hbm-btn > div {
  color: #fff;
}

.open #mask {
  background-color: #fff;
}

/* 625px以下 */
@media only screen and (max-width: 625px) {
  .contents {
    width: calc(100% - 70px);
    margin: 0 auto;
  }
  .right-img, .left-img {
    float: none;
    margin: 0 10px 20px 0;
    width: fit-content;
  }
  table.hours_table {
    margin: 0 20px 50px auto;
  }
  .destination {
    width: auto;
  }
  .flex-box-item-2col.ptnB {
    width: 100%;
  }
}

/* 545px以下 */
@media only screen and (max-width: 545px) {
  .header-right {
    padding-right: clamp(10px, calc(50px - ((100vw - 428px) * 0.3419)), 50px);
  }
  .header-logo {
    margin: 8px 0 2px;
  }
}

/* 480px以下 */
@media only screen and (max-width: 480px) {
  .header-logo {
    margin: 6px 0 2px;
  }
}

/* 440px以下 */
@media only screen and (max-width: 440px) {
  .header-right {
    padding-right: 0px;
  }
  .flex-box-item-2col.ptnB {
    width: 100%;
  }
  .header-logo {
    margin: 10px 0 10px 8px;
    width: 60%;
    height: auto;
  }
  .sticky-btns-area a.two-btns {
    display: inline-block;
    width: calc(100% / 2 - 20px);
    border: 1px solid;
    margin: 10px 5px 0 9px;
    font-size: 15px;
  }
  .right-img, .left-img {
    margin: 0 0 10px -16px;
    width: 100vw;
  }
}

/* 375px以下 */
@media only screen and (max-width: 375px) {
  .header-logo {
    margin: 12px 0 8px 8px;
    height: auto;
    width: 60%;
  }
}

/* 320px以下 */
@media only screen and (max-width: 320px) {
  .header-logo {
    margin: 10px 0 4px 8px;
    width: 80%;
  }
}