@charset "utf-8";

/*************************
doctor.css
**************************/


/* セカンドページ共通(スマホ) 
------------------------------*/
/*************************
#header
**************************/
#header .topHeadImg {
	padding: 13% 0 18% 0;
	background: #e4caa8 url(../img/siteHeadMainImg.png) no-repeat center;
	background-size:cover;
}

#header .topHeadTxt {display: none;}

/*************************
#main
**************************/
#main section, #main aside,#main section * {margin: 0; padding: 0;}
#main .pageTitle {padding-top: 1.0526315%;}
#main .pageTitle .bledList {margin-bottom: 3.1578947%;}
#main .pageTitle .bledList a:hover {color:#04ac93;}
#main .pageTitle h2 {
	color: #04ac93;
}

.innerLeftWrapper {
	float: none;
	width: 100%; /* 320px */
	margin: 0;
	padding: 0;
}

#main .innerLeftWrapper section {
	margin-top: 4.2857142%; /*  */
	padding: 4.2857142%; /*  */
}

#main .innerLeftWrapper #ginzaClinic .ginzaLogo {
	text-align: center;
	margin: 10px 0 20px 0;
}
#main .innerLeftWrapper #ginzaClinic .ginzaLogo img {
	width: 250px;
}
/* 20200127 使用しないため削除
#main .innerLeftWrapper #bellepeauClinic,
#main .innerLeftWrapper #hiroseClinic {
	border-top: 1px #ccc solid;
	margin-top: 0;
}
*/

.innerSideWrapper {
	display: none;
}
/* /セカンドページ共通(スマホ) 
------------------------------*/


/*************************
#main .clinicSectionA 259px
**************************/
#main .clinicSectionA .imgBox {
	width: 100%;
	height: auto;
}

#main .clinicSectionA .txtBox {
	margin-top: 10px;
}

#main .clinicSectionA .titleTxtBox {
	width: 100%;
	height: auto;
}

#main #routemap .titleTxtBox h3 {
	color: #04ac93;
}

#main .clinicSectionA .titleTxtBox h2 {
	color: #000000;
	letter-spacing: 0.05em;
}

#main .clinicSectionA .titleTxtBox h2 img {
	vertical-align: -9px; /* -9px */
	margin-right: 5px; /* 5px */
}

#main .clinicSectionA .txtBoxA {
	display: none;
	margin-top: 10px; /* 10px */
	margin-bottom: 10px; /* 10px */
	width: 100%;
}

#main .clinicSectionA .btnBox {
	background-color: #74e3d2;
	color: #000000;
	padding: 0 15px 0 15px;
	margin-bottom: 5px;
}

#main .clinicSectionA .btnBox {
	background-color: #74e3d2;
	color: #000000;
	padding: 0 15px 0 15px;
	margin-bottom: 5px;
}

#main .clinicSectionA .txtBoxA h3 {
	color: #04ac93;
	margin-top: 1.7667844%; /* 5px */
	margin-bottom: 3.5335689%; /* 10px */
}

#main .clinicSectionA .clinic dl dt {
	color: #734325;
	font-weight: bold;
	margin-top: 25px; /* 25px */
	margin-bottom: 1.9305019%;
}

#main .clinicSectionA .clinic dl dd a {
	text-decoration: underline;
}

#main .clinicSectionA .clinic dl .dtFirstChild {
	margin-top: 0;
}

#main .clinicSectionA .access ul li {
	float: none;
	margin-top: 25px;
	margin-bottom: 5px;
	line-height: 1.5;
}

#main .clinicSectionA .access ul .liFirstChild {
	margin-top: 0;
}

#main .clinicSectionA .access ul .googleMapBox {
	width: 100%;
}

#main .clinicSectionA .contact .btnBoxA {
	display: block;
	padding: 0 15px 0 15px;
	background: #ffffff;
	border: solid 1px #734325;
	color: #734325;
}

#main .clinicSectionA .contact .btnBoxA .btnTxt {
	width: 90%;
}

#main .clinicSectionA .contact .btnBoxA .btnAllow {
	width: 5%;
}

#main .clinicSectionA .contact .btnBoxB {
	display: block;
	padding: 10px 15px;
	background: #734325;
	color: #ffffff;
}
#main .clinicSectionA .contact .btnBoxB .btnTxt {
  line-height: 20px;
  width: 90%;
}
#main .clinicSectionA .contact .btnBoxB.btnBox .btnAllow {
  line-height: 40px;
}

/* 重要なお知らせ */
#main .infoBnr {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  margin: 1em auto !important;
  text-align: center;
}
#main .infoBnr:first-child {
  margin: 2em auto 1em !important;
}
#main .clinicSectionA .infoBnr {
  margin: 1em auto !important;
}
#main .infoBnr .text-red {
  color: #f00;
}
#main .infoBnr a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  background: #FFF;
  padding: 1em 1.5em;
  border: 2px solid #000;
  width: 90%;
}
#main .infoBnr a::after {
  content: "\f061";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  margin-left: 0.5em;
}

/* PC表示
------------------------------*/
@media screen and (min-width:768px) {

/* セカンドページ共通(PC) 
------------------------------*/
.innerLeftWrapper {
	float: left;
	width: 73.68421%; /* 700px */
}

.innerSideWrapper {
	display: block;
	float: right;
	width: 23.057894%; /* 220px */
}

#main .innerLeftWrapper section {
	margin-top: 4.2857142%; /* 30px */
	padding: 4.2857142%; /* 30px */
}

#main .innerSideWrapper aside {
	margin-top: 13.636363%; /* 30px */
	background-color: #ffffff;
}

#main aside .headTxtBox {
	background-color: #74e3d2;
	padding: 18.181818% 0 6.363636% 9.090909%; /* 40px 0 14px 20px */
}

#main aside .headTxtBox h2 {
	font-size: 18px;
}

#main .innerSideWrapper .headTxtBox  {
}

#main .innerSideWrapper .bodyTxtBox ul li {
	border-bottom: solid 1px #cccccc; 
}

#main .innerSideWrapper .bodyTxtBox ul li img {
	vertical-align: baseline;
	margin-right: 4.45454545%;
}

#main .innerSideWrapper .bodyTxtBox ul li a {
	display: block;
	padding: 5.909090% 0 5.909090% 9.090909%; /* 13px 0 13px 20px */
}

#main .innerSideWrapper .bodyTxtBox ul li a:hover {
	color: #ffffff;
	background-color: #74e3d2;
}

#main .pageTitle h2 {
	font-size: 30px;
	color: #04ac93;
}
/* /セカンドページ共通(PC) 
------------------------------*/


/*************************
#header
**************************/
#header {
	height: 200px; 
	background: #e4caa8 url(../img/siteHeadMainImg.png) no-repeat center;
}

#header .topHeadImg {display: none;}
#header .siteHeadLogoImg {
	display: block; 
	width: 600px; /*600px*/
	height: 185px;
}

#header .siteHeadLogoImg h1 {
	display: block; 
	float: left; 
	width: 165px; /*165px*/
}

#header .siteHeadLogoImg .imgBox {  
	float: left; 
	margin-top: 70px; /*70px*/
	margin-left: 40px; /*40px*/
	width: 365px; /*365px*/
}

/*************************
#main .clinicSectionA 640px
**************************/
#main .innerLeftWrapper .clinicSectionA .imgBox {
	width: 100%;
}

#main .innerLeftWrapper .clinicSectionA .txtBox {
	width: 100%;
	height: auto;
	margin: 30px 0 30px 0;
}

#main .innerLeftWrapper .clinicSectionA .txtBox p {
	font-size: 22px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: #323232;
	font-family: "Hannari","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "Hiragino Mincho ProN", "MS PMincho",serif;
}
#main .innerLeftWrapper #ginzaClinic .ginzaLogo {
	margin-bottom: 30px;
}
#main .innerLeftWrapper #ginzaClinic .ginzaLogo img {
	width: 272px;
	height: auto;
}
/* .titleTxtBox 420px
------------------------------*/
#main .innerLeftWrapper .clinicSectionA .titleTxtBox {
	width: 100%;
	margin-bottom: 15px; /* 15px */
}

#main .innerLeftWrapper .clinicSectionA .titleTxtBox h2 {
	font-size: 24px;
}

/* .txtBoxA 640px
------------------------------*/
#main .innerLeftWrapper .clinicSectionA .txtBoxA {
	display: block;
}

#main .innerLeftWrapper .clinicSectionA .txtBoxA h3 {
	font-size: 16px;
	margin-top: 1.5625%; /* 10px */
	margin-bottom: 2.34375%; /* 15px */
}

#main .clinicSectionA .clinic dl dt {
	clear: left;
	float: left;
	width: 33.59375%; /* 215px */
	margin: 0;
	margin-bottom: 1em;
	height: 3em;
	color: #000000;
	font-weight: bold;
	line-height: 1.75;
}

#main .clinicSectionA .clinic dl dd {
	margin-bottom: 1em;
	margin-left: 1em;
	min-height: 3em;
}
#main .clinicSectionA .clinic dl .clinicBellepeauOpenTime {
	height: 6em;
}


#main .clinicSectionA .clinic dl .dtFirstChild {
	margin-top: 0;
}

#main .clinicSectionA .access ul li {
	margin-top: 20px;
}

#main .clinicSectionA .access ul .liFirstChild {
	margin-top: 0;
}

#main .clinicSectionA .access .googleMapBox {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#main .clinicSectionA .access .googleMapBox iframe {
	width: 440px;
	height: 350px;
}

#main .clinicSectionA .contact .btnBoxA {
	padding: 0;
	margin: 0;
	border: none;
	color: #000000;
	font-size: 16px;
	pointer-events:none;
	cursor: text;
}

#main .clinicSectionA .contact .liFirstChild .btnBoxA, #main .clinicSectionA .contact .liFirstChild .btnBoxA .btnTxt{
	font-size: 20px;
	height: 40px;
}

#main .clinicSectionA .contact .btnBoxA .btnAllow {
	display: none;
}

#main .clinicSectionA .contact .btnBoxB {
	float: left;
	width: 24em;
}

#main .clinicSectionA .contact .btnBoxB.btnBox .btnAllow {
  line-height: 20px;
}

/* 重要なお知らせ */
#main .infoBnr {
  font-size: 1.11em;
  width: 60%;
}

}


@media screen and (min-width:1024px) {}
/* スマホ表示
------------------------------*/
@media screen and (min-width:380px) {}