@charset "utf-8";

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


  ◇◆◇ アクセス ◇◆◇
  
  
========================================================================================================================*/

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

  外観・住所・TEL
  
----------------------------------------------------------------------------------------------------*/

#clinic .photo {
  border-radius:10px;
}

#clinic .cliname {
  font-weight:800;
  color:#4150b4;
}

#clinic address {
  display:block;
  padding-top:1rem;
  padding-bottom:1.5rem;
}

#clinic .yno {
  display:inline-block;
  margin-right:1em;
}

@media print,screen and (min-width:641px) {
  #clinic {
    padding-top:100px;
  }
  
  #clinic .photo {
    margin-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  #clinic {
    padding-top:3rem;
  }
  
  #clinic .photo {
    margin-bottom:2rem;
  }

  #clinic .yno {
    display:block;
    margin-right:0;
  }
}


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

  Google map
  
----------------------------------------------------------------------------------------------------*/

#gmap iframe { width:100%; border-radius:10px; vertical-align:bottom; }

@media print,screen and (min-width:641px) {
  #gmap { padding-top:80px; padding-bottom:100px; }
  #gmap iframe { height:600px; }
}

@media screen and (max-width:640px) {
  #gmap { padding-top:2.5rem; padding-bottom:3rem; }
  #gmap iframe { height:500px; }
}

@media screen and (max-width:500px) {
  #gmap iframe { height:400px; }
}


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

  お車でご来院の場合
  
----------------------------------------------------------------------------------------------------*/

#street-car-wrap {
  background-color:#fefaee;
}

#street-car .block {
  background-color:#fff;
  text-align:left;
  position:relative;
}

#street-car .block .no {
  display:inline-block;
  width:2.25em;
  line-height:1;
  position:absolute;
  left:0;
  top:-50px;
  padding-top:0.5em;
  text-align:center;
  color:#f0aa3c;
  font-family:"mplus-1c";
  font-weight:500;
  font-size:300%;
  text-shadow: 
    #fff 4px 0px,  #fff -4px 0px,
    #fff 0px -4px, #fff 0px 4px,
    #fff 4px 4px , #fff -4px 4px,
    #fff 4px -4px, #fff -4px -4px,
    #fff 2px 4px,  #fff -2px 4px,
    #fff 2px -4px, #fff -2px -4px,
    #fff 4px 2px,  #fff -4px 2px,
    #fff 4px -2px, #fff -4px -2px;
}

@media print,screen and (min-width:641px) {
  #street-car-wrap {
    padding-top:80px;
    padding-bottom:80px;
  }
  
  #street-car .block {
    width:570px;
    margin-left:40px;
    float:left;
    margin-top:80px;
  }

  #street-car .block:nth-child(odd) { margin-left:0; }

  #street-car .block p {
    padding:1.75rem 2rem;
  }
}

@media screen and (max-width:640px) {
  #street-car-wrap {
    padding-top:3.5rem;
    padding-bottom:2.5rem;
  }
  
  #street-car .block {
    margin-top:4rem;
  }
  
  #street-car .block .no {
    font-size:270%;
    width:2em;
  }

  #street-car .block p {
    padding:1.25rem 1.5rem;
  }
}


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

  バスでご来院の場合
  
----------------------------------------------------------------------------------------------------*/

#street-buss .map {
  outline:2px solid #e5e2e0;
  outline-offset:-2px;
}

@media print,screen and (min-width:641px) {
  #street-buss-wrap {
    padding-top:90px;
    padding-bottom:100px;
  }
  
  #street-buss {
    margin-top:70px;
    height:400px;
    text-align:left;
    position:relative;
  }

  #street-buss .txt,
  #street-buss .map,
  #street-buss .photo {
    position:absolute;
  }
  
  #street-buss .txt {
    width:360px;
    right:0;
    top:55px;
    right:0;
    box-sizing:border-box;
    padding-left:1.5em;
  }
  
  #street-buss .map {
    top:0;
    left:0;
  }
  
  #street-buss .photo {
    width:360px;
    right:0;
    bottom:0;
  }
}

@media screen and (max-width:640px) {
  #street-buss-wrap {
    padding-top:3.5rem;
    padding-bottom:3rem;
  }

  #street-buss {
    margin-top:2rem;
    text-align:center;
  }
  
  #street-buss .txt {
    text-align:center;
  }
  
  #street-buss .photo {
    margin-top:2rem;
    margin-bottom:2rem;
  }
}
/*----------------------------------------------------------------------------------------------------

  駐車場
  
----------------------------------------------------------------------------------------------------*/

#street-parking-wrap {
  background-color:#fbe196;
}



#street-parking .map {
  outline:2px solid #e5e2e0;
  outline-offset:-2px;
}

#street-parking .attention{
	color:#FF272B;
	font-weight: bold;
	display: block;
}

@media print,screen and (min-width:641px) {
  #street-parking-wrap {
    padding-top:90px;
    padding-bottom:100px;
  }
  
  #street-parking {
    margin-top:70px;
    height:500px;
    text-align:left;
    position:relative;
  }

	
  #street-parking .txt,
  #street-parking .map,
  #street-parking .photo {
    position:absolute;
  }
  
  #street-parking .txt {
    width:360px;
    right:0;
    /*top:55px;*/
	top: 0;
    box-sizing:border-box;
    padding-left:0;
	/*padding-left:1.5em;*/ 
  }
	
	#street-parking .attention .txt br.pc-none{
		display: none;
	}
  
  #street-parking .map {
    top:0;
    left:0;
  }
  
  #street-parking .photo {
    width:360px;
    right:0;
    bottom:0;
  }
}

@media screen and (max-width:640px) {
  #street-parking-wrap {
    padding-top:3.5rem;
    padding-bottom:3rem;
  }

  #street-parking {
    margin-top:2rem;
    text-align:center;
  }
  
  #street-parking .txt {
    text-align:center;
  }
  
	#street-parking .attention .txt br.pc-none{
		display: block;
	}	
	
  #street-parking .photo {
    margin-top:2rem;
    margin-bottom:2rem;
  }
}