/* Your custom css code goes here */
.info p{
	font-size: 14px;
}
.info h3{
	font-size: 16px;
}
.marugo  h1{
	font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 26px;
}
.toptext{
	font-size: 18px;
	margin-top:-35px;
	font-weight: 400;
	font-family:a-otf-ud-shin-go-pr6n,sans-serif;
	
}

.red{
	color:red;
}
.photos{
	width:50%;
	padding: 2%;
	float: left;
}
.photos img{
	max-width: 100%;
	margin: 0;
}
.photos p{
	text-align: center;
	margin-top:1%;
}
.staff{
	width:96%;
	padding: 2%;
	margin: 0 auto;
}
.staff img{
	max-width: 100%;
}
.access-nav li a{
	color:#fff;
}
.access-nav i {
	color:#fff;
}
.clinic_table{
	width: 90%;
	margin: 0 auto;
}
.clinic_table tr td{
	padding:3%;
}
.price_table{
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 16px;
	color:#333;
}
.price_table tr td{
	padding:3% 2%;
}
.price_table tr{
	border-bottom: 1px solid #003868;}
.rinen{
	width:70%;
	text-align: left;
	margin: 0 auto;
}
.rinen ul li{
	list-style-type: decimal;
	color:#333;
}


.probootstrap-heading{
	font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 300;
font-style: normal;
}
.section-heading h2{
	color:#003686;
	font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 18px;
	
}
.section-heading h1{
	color:#003686;
	font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 800;
font-style: normal;
	font-size: 25px;
	
}
.icon{
		with:25%;
		position:relative;min-height:1px;padding-right:15px;padding-left:15px;
		float: left;
	}
.probootstrap-logo img{
	width:45%;
}
.probootstrap-logo {
	width:55%;
}
.title{
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:22px;
	color:#003686;
}
span{
	color:#DE070B;
}
.text, h3{
	color:#003686;
	font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 200;
font-style: normal;
	font-size: 15px;
	
}
.section-heading h3{
	color:#003686;
	font-family: a-otf-ud-shin-go-pr6n,sans-serif;
font-weight: 200;
font-style: normal;
	font-size: 25px;
}
.probootstrap-half hr{
	border:1px solid #AF0A0C;
}
.mobile{
	display:none;
}
.section-heading img{
	max-width: 40%;
}
.pc{
	display:block;
}
.probootstrap-half .text .subtitle {
	font-size: 16px;
}
.reserve{
	float: left;
	margin:0;
	width:48%;
}

.reserve table{
	width:100%;
	padding:0%;
	margin: 5% 0 5% 0;
	
}
.yoyakuend{
	width:65%;
	margin: 0 auto;
	
}
.yoyakuend h4{
	text-align: left;
}
.reserve tr{
	height: 65px;
}
.reserve table td{
	border: solid 1px #ccc; border-collapse: collapse;
	
}
.reserve h4{
	margin: 0;
	text-align: left;
	font-size: 16px;
}
.medicalrecord h4{
	margin: 0;
	text-align: left;
	font-size: 18px;
	color:darkblue;
	border-bottom: dashed 2px #6594e0;
	margin-bottom: 2%;
}
.medicalrecord li a{
	color:orange;
}
.medicalrecord li a:hover{
	color:darkslategray;
}
.medicalrecord .border_btn01 {
  display: inline-block;
  
  max-width: 350px; /* ボタン幅 */
  color: #4D9BC1; /* 文字色 */
  border: 1px solid #4D9BC1; /* 線幅・種類・色 */
  background: #fff; /* 背景色 */
  padding: 0 .5em;
  font-weight: bold; /* 文字の太さ */
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
	font-size:0.8em;
}

/* マウスオーバーした際のデザイン */
.medicalrecord .border_btn01:hover {
  color: #fff; /* 文字色 */
  background: #4D9BC1; /* 背景色 */
}


.yoyaku{
	width:100%;
	margin: 0 auto;
}
.machi{
text-align: left;
	float: left;
	margin-top:0;
	width:50%;
	
}
.machi_display h4{
	margin-top: 0;
	color:#003868;
	text-align: center;
	margin-left:0;
}
.yoyakuend h4{
	margin-top: 0;
	color:#003868;
	text-align: left;
	margin-left:0;
}

.machi h3{
	margin-top: 0;
	color:#003868;
	text-align: center;
	margin-left:0;
}
.machi_display{
	margin:0 3%;
	float: left;
}
.machibox{
	margin: 0 auto;
	width:360px;
	
}
.btn-gradient-radius {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #ea5a5f 0%, #ea5a5f 100%);
  transition: .4s;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #ffcccc 0%, #ffaaaa 100%);
}
.btn-gradient-radius2 {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #ea5a5f 0%, #ea5a5f 100%);
  transition: .4s;
}

.btn-gradient-radius2:hover {
  background-image: linear-gradient(45deg, #ffcccc 0%, #ffaaaa 100%);
}
@media screen and (max-width:768px){
	.mobile{
		display: block;
	}
	
	.pc{
		display: none;
	}
	.section-heading img{
	max-width: 50%;
}
.probootstrap-half .text .subtitle{
		font-size:12px;
	}
.yoyaku{
	width:100%;
	margin: 0 auto;
}	
	.reserve{
		width: 100%;
		margin-bottom: 5%;
	}

	.machi{
		text-align: center;
		width:95%;
		background:#000;
		margin: 0 auto;
		float: none
	}	
	.machi_display{
		width:43%;
		text-align: center;
	margin: 0% 3%;
	
}
	.machibox{
	margin: 0 auto;
	width:100%;
	
}
	.section-heading h2{
	
	font-size: 16px;
	
		line-height: 1.5;
}
	.section-heading img{
	max-width: 80%;
}
	.probootstrap-logo img{
	width:80%;
}
.probootstrap-logo {
	width:60%;
}
.rinen{
	width:100%;
	text-align: left;
	margin: 0 auto;
	line-height: 1.5;
}
.rinen ul li{
	list-style-type: decimal;
	margin-bottom:3%;
}
.clinic_table{
	width: 98%;
	margin: 0 auto;
}
.access-nav li a{
	color:#003686;
}	
.photos{
	width:100%;
	padding: 2%;
	float: left;
}	
	.yoyakuend{
	width:85%;
	margin: 0 auto;
	
}
.price_table{
	width: 100%;
	font-size: 12px;
}	
}

.beauty h3{
	padding: .3rem 1rem;
 
	background: #f4f4f4;

}
.beauty p {
	margin-left:5%;
}
.beauty span{
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: 600;
	color:darkblue;
	font-size:1.2em;
}

.probootstrap-main-nav{
	
	margin-top:-40px;
	
}