@charset "utf-8";

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

  アクセス

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

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

  医院案内
  
----------------------------------------------------------------------------------------------------*/

.cliinfo {
  text-align:left;
}

.cliinfo-photo img {
  border-radius:10px;
}

.cliinfo address {
  line-height:1.7;
  display:block;
}

.cliinfo .close {
  display:inline-block;
  padding-right:0.5em;
}

.cliinfo .tel a,
.cliinfo .tel a:visited,
.cliinfo .tel a:hover {
  color:inherit;
}

.ua-pc .cliinfo .tel a,
.ua-pc .cliinfo .tel a:visited,
.ua-pc .cliinfo .tel a:hover {
  text-decoration:none;
}

.cliinfo .p-hrsTbl {
  margin-top:1.5em;
}

@media print,screen and (min-width:641px) {
  .cliinfo-cnt {
    padding-bottom:80px;
    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;
  }
  
  .cliinfo-photo {
    width:40%;
  }
  
  .cliinfo {
    width:-webkit-calc(60% - 4.6%);
    width:calc(60% - 4.6%);
  }

  .cliinfo address .yno {
    display:inline-block;
    padding-right:1em;
  }
}

@media screen and (max-width:640px) {
  .cliinfo-cnt {
    padding-bottom:2.5em;
  }
  
  .cliinfo {
    padding-top:1.5em;
  }
  
  .cliinfo address .yno {
    display:block;
  }
  
  .cliinfo .tel {
    display:block;
    padding-top:0.6em;
    padding-bottom:0.8em;
  }
  
  .cliinfo .pc-view {
    display:none;
  }
}


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

  Map
  
----------------------------------------------------------------------------------------------------*/

.gmap {
  height:600px;
}

.gmap iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}

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


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

  道案内
  
----------------------------------------------------------------------------------------------------*/

.street-photo {
  width:100%;
  max-width:960px;
}

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

  .street p {
    padding-top:2em;
  }
}

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

  .street p {
    padding-top:1.5em;
  }
}