@charset "utf-8";
/* CSS Document */

@import url("common.css");
@import url("common-detail.css");
@import url("commonIcon.css");

@import url("detail.css");
@import url("btn.css");
@import url("acordion.css");

@import url("top.css");

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');


/*  -------------------------------------------------------------------------------------------------------------------- */

/* ベースレイアウト設定 */

/*  -------------------------------------------------------------------------------------------------------------------- */





html{font-size:100%;}


body {
	font-family: 'Noto Sans JP', sans-serif;
/*	font-family: 'Noto Serif JP', serif;*/
	color: #333;
	height:100%;
	line-height:1.7;
	background:#fff;
	-webkit-text-size-adjust: none;
	font-weight:400;
	font-size: 1rem;
}
.mac body {font-weight:300;}


.strong,strong{ font-weight:700;}
.mac .strong,.mac strong{ font-weight:500;}


.mincho{ font-family: 'Noto Serif JP', serif;}
/*.font-rounded {font-family: 'M PLUS Rounded 1c', sans-serif;}*/






/* ヘッダー幅 */

#summary{width:1000px; margin:auto; position:relative; /*position:absolute;min-width:1000px;width: 100%;z-index: 1;top:0;*/}


/* ページ幅 */
.wrap
{margin:auto; width:1000px; }






/* PC ページ幅*/
@media print, screen and (min-width: 737px) {

.pcwrap{margin:auto; width:1000px;}
.pc_wide{margin:auto; width:96%!important;min-width: 1000px;max-width:1200px;}
	
.pcwrap_s{width:865px;}
	
	
}



/* SP ページ幅*/
@media screen and (max-width: 736px) {
.sp_wide{margin:auto; width:96%!important;}

}





@media print, screen and (min-width: 737px) {
#mid #contentArea p{line-height: 1.75;}

}



#mid #contentArea{
    padding-top: 4rem;
    padding-bottom:6rem;
    background-color: #fcfcf8;
}



/* SP*/
@media screen and (max-width: 736px) {
#mid #contentArea{
    padding-top: 1.8rem;
    padding-bottom:3rem;

}
	
	

	
	

    

}
/*  -------------------------------------------------------------------------------------------------------------------- */

/* 基本要素 */

/*  -------------------------------------------------------------------------------------------------------------------- */



/*hover PC*/
@media print, screen and (min-width: 737px) {
.links a:hover,
a.plane:hover,
a:hover{ /* color:#0a8f87;*/ opacity:0.85;}
a img:hover{ opacity:0.85;}
a.spLink{ pointer-events: none;}
	
}

a{color:#036eb8;}



a.more-link,
.link a,
.links a{ text-decoration:none; color:#333;}
.top .newsinfo p.headline a{color:#333;}


a.plane{ text-decoration:none; color:#333;}
a.underline,
.underline{ text-decoration:underline; color:#1972cc; font-weight:700;}
.mac a.underline,s
.mac .underline{font-weight:500;}

.a_nondeco{text-decoration:none;}








/* 基礎パーツカラー */
/*  ------------------------------------------------------------ */

/* ●＆■ */

.wpcontents ul li:before,
ul li:before,.headListTable th:before{ color:#aadef2;}

.wpcontents ul.listGreen li:before,
ul.listGreen li:before,.headListTable.listGreen th:before{ color:#9DD2A0;}

.wpcontents ul.listOrange li:before,
ul.listOrange li:before,.headListTable.listOrange th:before{ color:#F9C7A3;}

.wpcontents ul.colorBlue li:before,
ul.listBlue li:before,.headListTable.listBlue th:before{ color:#A3CCEB;}



.wpcontents h4:before,
.sq:before , .profHead:before{color:#036eb8;}





/* 太字テキスト */

.tx-b,.tx-bb,
dl.headingText dt
{color:#036eb8;}







/*アイコン使用テキストサイズ*/
.iconTxt{ font-weight:500; margin-bottom:0.3rem; font-size:1rem;color: #1a1a1a;}
.mac .iconTxt{ font-weight:400;}


.color{color:#036eb8;}
.colorBlue{color:#004c97;}
.colorOrange{ color:#ea5514;}

.colorRed{ color:#f3191b;}

.colorBold{ color:#036eb8; font-weight:700;}
.mac .colorBold{font-weight:500;}




hr,
.dotline{ border-color:#CCCCCC; margin-bottom:2rem; padding-bottom:2rem;}

.dotline.lineColor,
hr.color{border-color:#f0e0c0;}

hr.lineS,
.dotline.lineS{ margin-bottom:1rem; padding-bottom:1rem;}

.dotline_bottom{ border-bottom: 1px dotted #CCCCCC;}
.dotline_top{ border-top: 1px dotted #CCCCCC;}





/*基本要素要素マージン */
/*  ------------------------------------------------------------ */

p{ margin-bottom:1.2rem;}

ul.list li{  margin-bottom:0.2rem;}







/*  -------------------------------------------------------------------------------------------------------------------- */

/* 変更デザインパーツ */

/*  -------------------------------------------------------------------------------------------------------------------- */
h1{ position: absolute; right:0; top:5px; font-size:75%; z-index:100; font-weight:300;}


/*h1{
	text-align: right;
	margin:5px auto 0;
	font-size:74%;
	z-index:100;
	box-sizing: border-box;
	min-width: 1000px;
	padding: 0 1rem;
	font-weight: 300;
}

.mac h1{font-weight: 200;}*/

/*SP*/
@media screen and (max-width: 736px) {
	.color_sp{color: #c46147;}

}





/*  ------------------------------------------------------------ */

/*ヘッダー*/

/*  ------------------------------------------------------------ */


/* ヘッダ 基礎*/
header{	width:100%;}
header .logo{display:flex; align-items: center;}
header .headerArea{margin:0 auto; position:relative; display:flex;}

header p{ margin-bottom:0rem;}
header ul, header ol{ margin-bottom: 0rem; }
header li{  margin-bottom:0rem}



/* ヘッダーデザイン調整 */
/*  ------------------------------------------------------------ */
header{
    box-sizing:border-box;
    border-top: 5px solid #036eb8;
    background: #fff; 

}
header .logo{ height:158px;}









/*PCのみ*/
@media print, screen and (min-width: 737px) {
	
header .headerArea{width: 1000px;}
header .logo img{ margin-top: 5px;}
header .headTel{position: absolute; right:0; bottom:27px;}	



}














/*SP*/
@media screen and (max-width: 736px) {
	
header{border-top: none;}

	

}






/* ヘッダー固定する場合 */
/*  ------------------------------------------------------------ */



/*PCのみ*/
@media print, screen and (min-width: 737px) {
	

	
#head{ 
	z-index:999;
	width:100%;
	position:fixed;
	top: 0;
	left: 0;
	transition:.5s;
/*	border-bottom:#EDEDED solid 1px;*/
}
	
/*.is-animation{height: 70px;transition:0.5s;}	

.is-animation #summary{top:-22px!important;transition:0.5s;}	
.is-animation .logo{height: 70px;transition: .5s;}
.is-animation .logo img{width: 58%;transition: .5s;}
.is-animation .logo a{z-index: 1000}
.headbrank{ height:140px; background:#FFF;}
#mid #contentArea{margin-top: 140px;}	*/


	
.is-animation{top:-158px !important;transition:0.5s;box-shadow: 1px 1px 2px 0 rgba(153, 153, 153, 0.2);}
	
.headbrank{ height:228px; background:#FFF;}	
#mid #content{margin-top: 228px;}

	

}









/* ヘッダナビ */
/*  ------------------------------------------------------------ */

/* ヘッダ メニュー*/

nav #navMenu li { margin-bottom:0;}


/*PCのみ*/
@media print, screen and (min-width: 737px) {
	

nav ul#navMenu{
	width:1000px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}

/* ナビ背景 */
nav{
	width:100%;
	height:65px;
	min-width: 1000px;
	position: relative;
	background: #fff;
}

	

/* メニューボタンサイズ */

nav #navMenu {height:65px; /*overflow:hidden;*/}

	
nav #navMenu > li > a{
	width:100%;
	height:65px;
	color:#333;
	font-size:1.125rem;
/*	letter-spacing: 0.01em;
 	font-feature-settings: "palt";*/
font-weight: 500;
	text-decoration: none;
	line-height: 1.3;
	text-align: center;
/*	padding-top: 0.4rem;*/
	display: flex;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	font-family: "Kosugi Maru", sans-serif;
	padding-top: 5px;
}
.mac nav #navMenu > li > a{font-weight: 400;}


nav #navMenu > li > a dl{	
	width: 100%;
	padding-top: 4px;
	box-sizing: border-box;
	border-right:rgba(110, 110, 110, 0.7) dotted 1px;
	height:95%;
}
	
nav #navMenu > li.menu1 > a dl{
	border-left:rgba(110, 110, 110, 0.7) dotted 1px;
	height:95%;
}

/*メニューボタンEN*/

nav #navMenu li a .en{
	display:block;	
	color:#55bde5;
	font-size:0.63rem;
	font-weight: 400;
	font-family:'Roboto', sans-serif;
	letter-spacing: 0.01rem; 
	margin-top: 3px;
}
.mac nav #navMenu li a .en{font-weight:300;}




nav #navMenu > li.on > a::before,
nav #navMenu > li.pcOn > a::before{
	position:absolute;
	content:'';
	height:3px;
	width:100%;
	background:#55bde5;
	z-index:1;
	bottom:0;
}
	
	
	
	
nav #navMenu li a:hover{ opacity:0.85;}

/*nav #navMenu > li > a:hover::before{
	position: absolute;
	content: '';
	height: 1px;
	background: #1b2e59;
	width:100%;
	bottom:0;
	z-index: 2;
}*/



/*メニューボタンデザイン */
nav #navMenu li.menu1{width:94px;}
nav #navMenu li.menu2{width:151px;}
nav #navMenu li.menu3{width:151px;}
nav #navMenu li.menu4{width:151px;}
nav #navMenu li.menu5{width:151px;}
nav #navMenu li.menu6{width:151px;}
nav #navMenu li.menu7{width:151px;}


	

/*メニューボタンデザイン調整 */	

nav #navMenu li.menu1 > a .en{margin-top: 4px;}
/*nav #navMenu li.menu1 .text_home{display: none;}*/
nav #navMenu li.menu1 .iconHome img{height: 23px;}
nav #navMenu li.menu1 .iconHome img:hover{opacity: 1;}
nav #navMenu > li.menu1  > a dl{padding-top: 5px;}
/*nav #navMenu li.menu1{display: none;}*/

nav #navMenu > li > a::after {
	position:absolute;
	content:'';
	height:3px;
	width:0;
	background:#036eb8;
	z-index:1;
	bottom:0;
	left: 50%;
    transition: .2s;
  }

nav #navMenu > li:hover> a::after {
    left: 0;
    width: 100%;
  }	
	

	
	
	
	
	
/* ================= */	


nav #navMenu li .second{
	position: absolute;
	top:65px;
	background:#fff;
	visibility:hidden;
	opacity: 0;
	z-index:10;
	padding:0;
	box-sizing: border-box;
	width: 14rem;
	box-shadow: 2px 9px 10px 0 rgba(221, 221, 221, 0.1);
}
	
	
	
nav #navMenu li .second ul{display: block!important;}


nav #navMenu li .second ul li a{
	display: block;
	width:100%;
	height:inherit;
	padding:1rem 1rem 1rem 1.7rem;
	border-top:#bab1ad dotted 1px;
	box-sizing:border-box;
	background-image:url("../images/common/btnArrow.svg");
	background-position:left 0.8rem center;
	background-repeat:no-repeat;
	background-size:auto 0.7rem;
	font-size:1rem;
	text-decoration:none;
	color:#351a1a;
	text-indent:0;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif;
}
.mac nav #navMenu li .second li ul li a{font-weight:300;}



nav #navMenu li .second ul li.on a{ color:#a6462d !important;}
nav #navMenu li .second ul li:first-of-type a{border:none;}

	

	
	

	
	
	
	
#globalMenu .text_home{display: none;}	
.spMenu_head{display: none;}
#globalMenu{display: block!important;}
#content{display:block!important;}
.spNavTel,.spNavYoyaku{display: none!important;}	


	
	

nav #navMenu li:hover .second{
	animation: fadeInAnime 0.4s cubic-bezier(0.2, 0.8, 0.8, 1) forwards;
}
	

	
	
}




@keyframes fadeInAnime{
  0% {
	top:60px;
    opacity: 0;
  }
  100% {
	top:65px;
  }
  40%,100% {
    opacity: 1;
    visibility: visible;
  }
}	
	


/*SP*/
@media screen and (max-width: 736px) {

nav #navMenu li a .en{display: none;}
nav #navMenu li.menu1 a .en{display: block;}
nav #navMenu li.menu1 .iconHome{display: none;}



}









/* ミドル　タイトル画像 */
/*  ------------------------------------------------------------ */


/* ミドルビジュアル*/

#mid #titleArea{
	background-image: url("../images/midImg.jpg");
	background-position:left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color:#eefaf9;
	width: 100%;
	height:210px;
	margin-bottom:0;
}	

/*PCのみ*/
@media print, screen and (min-width: 737px) {
	
#mid #titleArea{min-width: 1000px;}	
	

}	






/*SP*/
@media screen and (max-width: 736px) {
	
#mid #titleArea{
	background-image:url("../images/midImg_sp.jpg");
	height: 100px;
	background-position: left center;
}

	
}




/* ページタイトル*/
/*  ------------------------------------------------------------ */


#titleArea .titleSet{
	display:flex; 
	align-items: center;
	justify-content:flex-end;
	height: 210px;
	width: 1000px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 1.4;
}


#titleArea h2{
	font-size:1.9375rem;
	color:#2a063a;
	padding-right: 2rem;
	font-weight: 300;
}
.mac #titleArea h2{font-weight:200;}
#titleArea h2 span.decoSmallTxt{
	margin-top: 0.4rem;
	display: block;
	letter-spacing: 0.02em;

}








/*SP*/
@media screen and (max-width: 736px){

#titleArea .titleSet{height: 100px;width: 100%;}
#titleArea h2{font-size:1.35rem;padding-right:1rem;}
#titleArea h2 span.decoSmallTxt{margin-top: 0.1rem;}

}





/* メインタイトル H2*/
/*  ------------------------------------------------------------ */


/* メインタイトル H2*/
/*  ------------------------------------------------------------ */


h2.pageTitle {
/*	font-weight:500;*/
	line-height:1.4;
	text-align: center;
	font-size:2.125rem;
	color:#004c97;
	font-family: "Kosugi Maru", sans-serif;
}
/*.mac h2.pageTitle {	font-weight:400;}*/








h2.pageTitle::after{
	content: '';
	width: 92px;
	height: 3px;
	display: block;
    background: #55bde5;
    margin: 1rem auto 1.5rem;
}








/*SP*/
@media screen and (max-width: 736px) {

h2.pageTitle{font-size:1.7rem;}


h2.pageTitle::after{width: 70px;margin-top: 0.8rem;}

	

}





.decoSmallTxt{
		font-size:0.8rem;
		font-family: 'Roboto', sans-serif;
		margin-bottom:0;
		color:#55bde5;
		font-weight: 300;
}
.mac .decoSmallTxt{font-weight:200;}


@media screen and (max-width: 736px) {
.decoSmallTxt{font-size:0.65rem;}

}












dl.headingText{ margin-bottom: 1.2rem;}
dl.headingText dt{ font-size:1.2rem; font-weight:400; margin-bottom:0.2rem;}
dl.headingText dd + dt{ margin-top:1.2rem; }


.tx-b{ font-size:1.2rem; margin-bottom: 0.6rem; font-weight: 400; line-height:1.5;}
.tx-bb{ font-size:1.35rem; margin-bottom: 0.8rem; font-weight: 500; line-height:1.5;}
.tx-bbb{ font-size:1.55rem; margin-bottom: 0.8rem; font-weight: 500; line-height:1.5;}

/* SP */
@media screen and (max-width: 736px) {
.tx-b{ font-size:1.1rem;}
.tx-bb{ font-size:1.25rem;}


dl.headingText dt{ font-size:1.15rem;}
}








/* ============================================================== */
/* 色付き番号箇条書きリスト */



ol.numList{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol.numList ol{
  padding-left: 1rem;

}
ol.numList li{
  text-indent: -1.6rem;
  padding-left: 1.6rem;
  margin-bottom:0rem;
  font-size:1.2rem;

}
ol.numList li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5rem;
  font-weight: 500;
  color: #EE772B;
  font-size:1.5rem;
}


/* 表テーブル*/
/*  ------------------------------------------------------------ */


table.listTable {  margin: 0 0 10px; text-align:left;  border:solid 1px #6cb1de;}
table.listTable td{ padding:1.7rem; background:#fff;
border-left:solid 1px #6cb1de;border-bottom:solid 1px #6cb1de;}

table.listTable th{padding: 1.7rem;}



table.listTable tbody th{
	background:#f8fbfd;
	font-weight:400;
	white-space:nowrap; 
	border-bottom:solid 1px #6cb1de;
}

table.listTable thead th{ background:#e4f1f9; text-align:center; border-left:solid 1px #6cb1de;border-bottom:solid 1px #6cb1de; line-height:1.4; padding:1.3rem 0;}
table.listTable .line2 th{ background:#f8f2eb; text-align:center; border-left:solid 1px #6cb1de;   border-bottom:solid 1px #6cb1de; line-height:1.4; padding:0.8rem 0;}



/* PC */
@media print, screen and (min-width: 737px){
table.listTable td {padding: 1rem 2rem;}
table.listTable tbody th{padding: 1.5rem 2rem;}
table.listTable tbody th{font-size: 0.95rem;}
}




/* 調整*/

table.listTable thead th {padding: 1rem 0;font-weight: 500;color:#333;}
.mac table.listTable thead th {font-weight: 400;}

table.listTable tbody th{font-weight:400;/*! color:#351a1a; */}
.mac table.listTable tbody th {font-weight:300;}

table.listTable.tLHS{line-height: 1.3;}








/* SP */
@media screen and (max-width: 736px) {

table.listTable { font-size:0.9rem;}
	
table.listTable thead th{padding:1rem 0;}
	
table.listTable tbody th{ text-align:center;}
table.listTable td{ /*! text-align:left; */}
table.listTable tbody th.thLv2{ text-align:left;}

table.listTable td.price{text-align:center; white-space:nowrap; width:25%;}
table.listTable td.price span{ display:block; line-height:1;}
table.spVecticalList th.thLv2{ border-left:none;}
	

	
/* 調整*/
table.listTable thead th{padding:0.7rem 0;}
table.listTable tbody th{text-align:left;padding: 1.2rem 0.5rem;}


table.spVecticalList tr:last-of-type td{border-bottom: none;}
}











/*  ------------------------------------------------------------ */

/*診療時間テーブル*/

/*  ------------------------------------------------------------ */


/*基礎*/
table.timeTable{ width:100%; text-align:center; box-sizing:border-box; margin-bottom:0.7rem; }
table.timeTable th{font-size:0.85rem;box-sizing:border-box; line-height:1; padding:0.4rem 0;}


table.timeTable .thTitle{/*! font-family: 'Noto Serif JP', serif; */}

.timeTable .day{font-size:0.85rem;}

table.timeTable td{box-sizing:border-box; }
table.timeTable td.schedule{font-size:1.1875rem; }

table.timeTable td.timeHead{ white-space:nowrap; line-height:1.45; width:30%; padding:0.9rem 0;font-size:0.85rem; font-family: 'Roboto', sans-serif;color: #3e3a39;font-weight: 400;}
.timeTable .timeHead span{font-size:138%; font-weight: 500;}
.timeTable .timeHead span.txt{font-size:115%;margin-right: 0.3rem;}
.mac table.timeTable td.timeHead{font-weight: 400;}

/*変更要素*/





table.timeTable{border-collapse: separate;overflow:hidden;}

table.timeTable th{ background:#036eb8;color:#FFFFFF;font-weight:400;}
table.timeTable td{ background:#FFF;border-bottom:#efefef solid 1px;}
table.timeTable td.schedule{ color:#55bde5;}
table.timeTable td.schedule.off{color:#c5c5c5; }

table.timeTable td.schedule.s_color,.s_color{ color:#333333;}
table.timeTable td.schedule{width:10%;}


.schedule_color{ color:#46b2e7;font-size: 110%;margin-right: 0.4rem;}


/* SP */
@media screen and (max-width: 736px) {


	

	
	
	
	

	
table.timeTable{ font-size:0.9rem; /*border: 1px solid #B0A5CF ;*//*! border-radius: 7px; */}
.timeTable .day{font-size:0.75rem;}
table.timeTable th{ padding:  0.5rem 0;font-size:0.75rem;}
table.timeTable tr.pm td{ /*border-bottom:none;*/}
table.timeTable td.timeHead{padding: 0.7rem 0.3rem 0.7rem 0.3rem;font-size:0.8rem;}
.timeTable .timeHead span{font-size:135%;}
table.timeTable td.schedule{ font-size:1rem;}


table.timeTable .section1 td.schedule{ padding:0.4rem 0 0.2rem;}
table.timeTable .section2 td.schedule{ padding:0 0 0.4rem;}
	

table.timeTable td.schedule.iconStd span img{width: 21px;height: auto;margin-top: 2px;}	

}


table.timeTable .schedule.std{position:relative;}
table.timeTable .schedule.std span{
	position:absolute;
	font-size:68%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	margin: -0.8rem 0 0 0.8rem;
	text-align: center;
	color:#595757;
	line-height: 1;
}


/* SP */
@media screen and (max-width: 736px) {
table.timeTable .schedule.std span{
	margin: -0.8rem 0 0 0.7rem;
}

	
}












/* SP S */
@media screen and (max-width: 374px) {	
table.timeTable{ font-size:0.8rem;}
	
}




/*PCのみ*/
@media screen and (min-width: 737px) {
table.listTable.hours .smallText{text-align:center;}	
table.listTable.hours .time{text-align:right;}
.hoursBox{display:flex;}
.hoursBox p{padding-right:0.9rem;}
}




/*  ------------------------------------------------------------------------------------- */

/* フッター*/

/*  ------------------------------------------------------------------------------------- */

/* フッタ */
footer .wrap{ padding:0}
footer{ width:100%; }









/* クリニックインフォエリア */
/*  ------------------------------------------------------------ */


#clinicInfoArea {
	background-color: #fff;
	padding:3.2rem 0 2rem;



}






/*SP*/
@media screen and (max-width: 736px) {
	
#clinicInfoArea{
	padding:1.2rem 0 1rem;
    font-size: 1rem;
    /*! border-top:3px solid #61c4e4; */
	 background-color: #fff;
}

.fbgc #clinicInfoArea{
    background-color: #fbfbf5;
}   
    

}










/* footLogo */
/*  ------------------------------------------------------------ */


.footLogo{
    margin-bottom: 0.8rem;
}


.txt_keywords{color: #004c97;font-size:0.95rem;font-weight: 700;margin-bottom: 1rem;}
.mac .txt_keywords{font-weight: 500;}




.accessList{font-weight: 700;}
.mac .accessList{font-weight: 500;}


ul.list.accessList li{padding-left:1.1rem;margin-bottom: 0.2rem;}
ul.list.accessList li::before {
    content: "●";
    font-size: 0.78rem;
    position: absolute;
    left: 0;
    top: 0.2rem;
    color:#aadef2;
}

.iconParking.iconTxt{font-size: 1.3rem;margin-top: 1.5rem;}



/*PCのみ*/
@media screen and (min-width: 737px) {
.txt_address{/*! font-size:0.95rem; */margin-bottom: 0.5rem;}

}







/*SP*/
@media screen and (max-width: 736px) {

.footLogo {
    text-align: center;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dotted #aaa;
}
.footLogo img{max-width: 80%;margin: auto;}   
.txt_address{margin-bottom: 0.7rem;}
.txt_keywords{
    margin-bottom: 1rem;
    text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}

    

}








/* 診療時間 */
/*  ------------------------------------------------------------ */

.iconTime.iconTxt{color:#333;font-size: 1.05rem;font-weight:500;}
.mac .iconTime.iconTxt{font-weight: 400;}


.txt_remarks span{color: #036eb8;font-weight: 700;margin-right: 1rem;}
.mac .txt_remarks span{font-weight: 500;}
.txt_remarks{margin-bottom: 0.1rem;}

#clinicInfoArea .flexRight .timeTableArea{/*! margin-top: 0.5rem; */}
#clinicInfoArea .footTel{margin-top: 1.5rem; text-align: center;}






/* アクセスボタン */
/*  ------------------------------------------------------------ */


/*PCのみ*/
@media screen and (min-width: 737px) {

}


.accessLinkBtn a{
	text-align:center;
	background-color:#fff;
	background-image:url("../images/common/icon_map.svg"); 
	background-repeat:no-repeat;
	background-position:left 0.8rem center;
	background-size:1.5rem;
	display:inline-block;
	min-width:13rem;
	padding:1rem 2rem 1rem 2rem;
	text-decoration:none;
	color:#3e3a39;
	font-weight:700;
	border-radius:50px;
	box-sizing:border-box;
	font-size:0.95rem;
	text-indent:1rem;
    border: #f0ecea 1px solid;
    margin-top: 1.2rem;

}




.mac .accessLinkBtn a{font-weight: 500;}
.accessLinkBtn a:hover{opacity: 0.85;}






/*SP*/
@media screen and (max-width: 736px) {
.accessLinkBtn a{ margin-top: 0.5rem;}
.accessLinkBtn{text-align: center;}

}




/*  ------------------------------------------------------------ */

/* 表示順入れ替え*/

/* SP */
@media screen and (max-width: 736px) {


    
/* flexLeftエリア*/       
/*    
#clinicInfoArea .flexLeft{display:flex; flex-wrap:wrap;}
#clinicInfoArea .flexLeft .footLogo,
#clinicInfoArea .flexLeft .treatBlock,
#clinicInfoArea .flexLeft .accessBlock,
#clinicInfoArea .flexLeft .accessLinkBtn{flex-basis:100%;}

#clinicInfoArea .flexLeft .footLogo{order:1;}
#clinicInfoArea .flexLeft .accessBlock{order:2;}
#clinicInfoArea .flexLeft .accessLinkBtn{order:3;}
#clinicInfoArea .flexLeft .treatBlock{order:4;}*/

}








/*  ------------------------------------------------------------ */

/* 予約・問診等　リンク・バナー */



.reactionBtnArea{padding: 1.5rem 0 1.5rem;list-style: none;background: #eff7fb;}

.reactionBtn a{
	text-align:center;
	display:block;
	background-color:#fff;
	background-image:url("../images/common/btnR_wh.svg"); 
	background-repeat:no-repeat;
	background-position: left 0.8rem center;
	background-size: auto 1.3rem;
	background-color: #18a398;
	width: 100%;
	padding: 1.4rem 1rem 1.4rem 1rem;
	text-decoration:none;
	color:#fff;
    font-weight:500;
	box-sizing: border-box;
	font-size: 1.25rem;
	text-indent:0rem;
	margin-bottom:0.5rem;
	border-radius: 5px;
    
/*! font-family: 'Noto Serif JP', serif; */
}





.mac .reactionBtn a{font-weight: 400;}


.reactionBtn:last-of-type a{margin-bottom:0;}

.reactionBtn.reserve a{
	background-image: url("../images/common/icon_calendar_wh.svg");
	background-position:1.1rem center;
	background-size:auto 2.2rem;
	background-color:#db6a39;
	color:#fff;
	font-size: 1.45rem;
	padding: 1.7rem 2rem 1.7rem 3.5rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}


.reactionBtn.line a{
	background-image: url("../images/common/icon_line_wh.svg");
	background-position:1.1rem center;
	background-size:auto 2.2rem;
	background-color:#00b300;
	color:#fff;
	font-size: 1.45rem;
	padding: 1.7rem 2rem 1.7rem 3.5rem;
}


.reactionBtn.monshin a{
	background-image: url("../images/common/icon_monshin_wh2.svg");
	background-position:1.5rem center;
	background-size: 2.5rem;
	background-color:#db6a39;
	color:#fff;
	font-size: 1.45rem;
	padding: 1.7rem 2rem 1.7rem 3.5rem;
}


.reactionBtn.map a{
	background-image: url("../images/common/icon_map_wh.svg");
	background-position:1rem center;
	background-size: 1.7rem;
	color:#fff;
	font-size: 1.2rem;
	padding: 1.2rem 2rem 1.2rem 2rem;
}


.reactionBtn.tel a{
	background-image: url("../images/common/btnTEL_R.svg");
	background-position: 0.8rem center;
	background-size: 2.7rem;
	background-color:#fff;

    padding: 1.5rem 2rem 1.5rem 4rem;
	border: 1px #f4f4f4 solid;
}
.reactionBtn.tel img {max-width: 310px;width: 90%;}


@media print, screen and (min-width: 737px) {
	/*!#contentArea .reactionBtn{text-align: center;}
#contentArea .reactionBtn.reserve a,
#contentArea .reactionBtn.monshin a{
    font-size: 1.6rem;
    border-radius: 12px;
    width: 430px;
    margin:1rem auto ;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    background-position:1.5rem center;
}
#contentArea .reactionBtn a:hover{opacity: 0.85;} */
footer .reactionBtnArea{display: none;}

}











/* SP */
@media screen and (max-width: 736px) {
#mid #contentArea .reactionBtn.reserve a,
#mid #contentArea .reactionBtn.monshin a{
    width: 90%;
    margin:1rem auto ;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    font-size: 1.4rem;
}


}








/*  ------------------------------------------------------------ */

/* フッター*/

/*  ------------------------------------------------------------ */

#foot{
	background:#036eb8;
	padding:2rem 0;
	flex-basis:100%;
	color:#FFFFFF;
}




#foot h2{
	font-size:1.375rem;
	font-weight:500;
	text-align:center;
	line-height: 1.4;
	margin-top: 0.1rem;
}
.mac #foot h2{font-weight:400;}

#foot h3{
	font-size:1rem;
	font-weight:500;
	text-align:center;
	line-height: 1.4;
}
.mac #foot h3{font-weight:400;}


.copyright{
	font-size:90%;
	text-align:center;
	width:100%;
	margin:0;
	/*! background:#fff; */
	color:#fff;
	/*! padding: 0.5rem 0; */
	box-sizing: border-box;
	font-weight:500;
}
.mac .copyright{font-weight:400;}






/* SP */
@media screen and (max-width: 736px) {

#foot{padding:0;background:#fbfbf5;height: 54px;}
.copyright{display: none;}
    
    
}



/*PCのみ*/
@media print, screen and (min-width: 737px) {
.copyright{min-width: 1000px;}
#pagetop{padding-bottom: 10px;bottom: 10px!important;}
#pagetop img{ width:64px; height:64px;}
}


/* リンクページボタン*/

#foot .wrap{ position:relative;}
.toLinkpage{ text-align:right; margin: 1rem 0 0rem; font-size:0.8rem;  position:absolute; bottom:0.5rem; right:0;font-weight:500;}
.mac .toLinkpage{font-weight:400;}
.toLinkpage a:before{ background-size:90%; vertical-align: -0.2rem; background-image:url(../images/common/btnArrowR_wh.svg);}
.toLinkpage a{color:#FFFFFF;}
.toLinkpage a:hover{ opacity:0.8; color:#FFFFFF !important;}










/* フッター　固定表示ボタン */
/*  ------------------------------------------------------------ */
#yoyaku{
    width: 100%;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    transition: .3s;
}
#yoyaku{
    display:flex;
    justify-content: space-around;
    margin:0;
    background:#036eb8;
    /*! border-top:1px solid rgba(255,255,255); */
    box-sizing: border-box;
}

#yoyaku li{
	width:100%;
	text-align:center;
	margin:0;
	background-repeat: no-repeat;
	border-right:1px solid rgba(255,255,255,0.8);
    height: 54px;
}
#yoyaku li:last-of-type{border:none;}


/*#yoyaku li.yoyakulink{
	background-image: url("../images/common/icon_calendar_wh.svg");
	background-position: top 9px center;
	background-size:auto 22px;
}*/

#yoyaku li.tel{
	background-image:url("../images/common/btnTEL_Rwh.svg");
	background-position:left 10px center;
	background-size:auto 29px;
}
#yoyaku li.map{
	background-image:url(../images/common/icon_map_wh.svg);
	background-position:left 10px bottom 12px;
	background-size:auto 27px;
}





#yoyaku li a{
    font-size:14px;
	text-decoration:none;
	line-height: 1.25;
	color:#fff;
	font-weight:500;
    height: 54px;
	box-sizing: border-box;
	display:flex;
	justify-content: center;
    align-items: center;
    text-indent: 10px;

}
.mac #yoyaku li a{font-weight:400;}









/*  ------------------------------------------------------------ */



.yoyakuSideFixed{position: fixed;right: 0;top: 25%;z-index: 9999;}
.yoyakuSideFixed li{background: #fff;border-radius: 17px 0 0 17px; margin-bottom:0;} 
.yoyakuSideFixed li:last-of-type{margin-top: 0.5rem;}






/* SP */
@media screen and (max-width: 736px) {
	
.yoyakuSideFixed{display: none;}
	
	

}









/* WP PageNavi
/*  ------------------------------------------------------------ */
 
.wp-pagenavi{ margin-top:1rem !Important;}
.wpcontents .wp-pagenavi a{ margin-right:5px;}



.wp-pagenavi a ,
.wp-pagenavi .current{ 
	background: #FFF;
	margin-right: 0.4rem;
	width: 36px;
	line-height: 36px;
	font-size:0.9rem;
	border:#55bde5 1px solid;
	display: inline-block;
	text-align: center;
	color: #55bde5;
	border-radius:3px;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;

}
.wp-pagenavi a:hover{border:#55bde5 1px solid;}


.wp-pagenavi .current{ background:#55bde5; color:#FFF; border:none;}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{}


/* SP */
@media screen and (max-width: 736px) {
.wp-pagenavi{text-align:center; margin-bottom:1rem;}

.wp-pagenavi a ,
.wp-pagenavi .current{margin-bottom: 5px; width:14%;}


}




