@charset "utf-8";

/*====================================================================================================

  院内・設備

====================================================================================================*/

.street-view {
  height:600px;
}
  
.street-view iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}

@media screen and (max-width:640px) {
  .street-view {
    padding-left:0;
    padding-right:0;
    width:100%;
    height:400px;
  }
}


/*----------------------------------------------------------------------------------------------------

  院内
  
----------------------------------------------------------------------------------------------------*/

.gallery ul {
  list-style:none;
}

.gallery-main li img {
  max-width:inherit;
  width:auto;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}

.gallery-thumb li .item {
  height:100%;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}

.gallery-thumb li .item img {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.ua-pc .gallery-thumb li img {
  -webkit-transition:opacity 0.15s ease-out;
  transition:opacity 0.15s ease-out;
}
.ua-pc .gallery-thumb li:hover img,
.gallery-thumb li.thumbnail-current img { opacity:0.3; }

@media print,screen and (min-width:641px) and (max-width:1400px) {
  .gallery-main li img {
    height:-webkit-calc(665 / 1400 * 100vw);
    height:calc(665 / 1400 * 100vw);
    min-height:540px;
  }
  
  .gallery-thumb li {
    height:-webkit-calc(100 / 1400 * 100vw) !important;
    height:calc(100 / 1400 * 100vw) !important;
    min-height:82px;
  }
}

@media print,screen and (min-width:641px) {
  .gallery {
    padding-top:80px;
    padding-bottom:96px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  
  .gallery-main {
    width:-webkit-calc(75% - 40px);
    width:calc(75% - 40px);
  }
  
  .gallery-main .item {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    position:relative;
  }

  .gallery-main li .cp {
    width:100%;
    background-color:rgba(33,53,62,0.7);
    color:#fff;
    padding:0.6em 0.8em;
    line-height:1.7;
    text-align:left;
    position:absolute;
    left:0;
    bottom:0;
  }
  
  .gallery-main li .cp br {
    display:none;
  }
  
  .gallery-thumb {
    width:25%;
  }

  .gallery-thumb ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  
  .gallery-thumb li {
    width:-webkit-calc(50% - 5px);
    width:calc(50% - 5px);
    height:100px;
  }

  .gallery-thumb li:nth-child(n+3) {
    margin-top:10px;
  }
  
  .gallery-thumb li .item img {
    max-width:120%;
  }
}

@media screen and (max-width:640px) {
  .gallery {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }

  .gallery-main li .cp {
    padding:1em 0.5em 0 0.5em;
    line-height:1.7;
  }
  
  .gallery-main li img {
    height:-webkit-calc(400 / 640 * 100vw);
    height:calc(400 / 640 * 100vw);
  }
  
  .gallery-thumb {
    padding-top:1em;
  }
  
  .gallery-thumb li {
    height:-webkit-calc(100 / 640 * 100vw) !important;
    height:calc(100 / 640 * 100vw) !important;
  }
  
  .gallery-thumb li img {
    min-height:-webkit-calc(100 / 640 * 100vw);
    min-height:calc(100 / 640 * 100vw);
  }
}

@media screen and (max-width:480px) {
  .gallery-thumb li {
    height:-webkit-calc(100 / 480 * 100vw) !important;
    height:calc(100 / 480 * 100vw) !important;
  }
  
  .gallery-thumb li img {
    min-height:-webkit-calc(100 / 480 * 100vw);
    min-height:calc(100 / 480 * 100vw);
  }
}


/*----------------------------------------------------------------------------------------------------

  診療室
  
----------------------------------------------------------------------------------------------------*/

.shinryoRoom {
  background-color:#d9f1f1;
}

.shinryoRoom-photo .item {
  position:relative;
}

.shinryoRoom-photo .item img {
  vertical-align:bottom;
}

.shinryoRoom-photo .item__cp {
  position:absolute;
  left:0;
  bottom:0;
  vertical-align:bottom;
  background-color:#fff;
  color:#12aaa5;
  font-weight:500;
  line-height:1;
  padding:0.8em;
  z-index:2;
}

@media print,screen and (min-width:641px) {
  .shinryoRoom {
    padding-top:96px;
    padding-bottom:96px;
  }

  .shinryoRoom-txt {
    padding-top:40px;
    padding-bottom:56px;
  }

  .shinryoRoom-photo {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  
  .shinryoRoom-photo .item {
    width:calc(50% - 20px);
  }
  
  .shinryoRoom-photo .item__cp {
    display:inline-block;
  }
}

@media print,screen and (min-width:561px) {
  .shinryoRoom-photo .item__cp {
    font-size:1.1em;
  }
}

@media screen and (max-width:640px) {
  .shinryoRoom {
    padding-top:3em;
    padding-bottom:2.5em;
  }

  .shinryoRoom-txt {
    padding-top:1.5em;
  }
  
  .shinryoRoom-photo .item {
    padding-top:2em;
  }
}


/*----------------------------------------------------------------------------------------------------

  設備
  
----------------------------------------------------------------------------------------------------*/

.setsubi-photo {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.setsubi-photo .item {
  background-color:#fff;
}

.setsubi-photo .itemimg {
  vertical-align:top;
}

@media print,screen and (min-width:641px) {
  .setsubi {
    padding-top:96px;
    padding-bottom:96px;
  }
  
  .setsubi-photo {
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
    padding-top:72px;
  }
  
  .setsubi-photo .item {
    width:-wevkit-calc(50% - 20px);
    width:calc(50% - 20px);
  }
  
  .setsubi-photo .item:nth-child(n+3) {
    margin-top:60px;
  }
  
  .setsubi-photo p {
    padding:1.2em 1.75em 1.5em 1.75em;
  }
}

@media screen and (max-width:640px) {
  .setsubi {
    padding-top:3em;
    padding-bottom:2.5em;
  }
  
  .setsubi-photo {
    padding-top:0.5em;
  }
  
  .setsubi-photo .item {
    width:100%;
    padding:1.75em;
    border-radius:10px;
    margin-top:2em;
  }
  
  .setsubi-photo img {
    border-radius:5px;
    max-width:inherit;
    width:100%;
    height:-webkit-calc(250 / 560 *100vw);
    height:calc(250 / 560 *100vw);
    object-fit:cover;
    font-family:"object-fit:cover;"
  }

  .setsubi-photo p {
    padding:1.25em 0 0 0;
    line-height:1.6;
  }
}

@media screen and (max-width:560px) {
  .setsubi-photo .item {
    padding:1.5em;
  }
}