@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/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@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/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700&display=swap');



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

/* ベースレイアウト設定 */

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



html{font-size:100%;}


body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #635650;
	height:100%;
	line-height:1.7;
	background:#fff;
	-webkit-text-size-adjust: none;
	font-weight:400;
}
.mac body {font-weight:300;}


.strong,strong{ font-weight:700; color:#333333;}
.mac .strong,.mac strong{ font-weight:500;}


.mincho{ font-family: 'Noto Serif JP', serif;}
.font-rounded {font-family: 'M PLUS Rounded 1c', sans-serif;}
.zenMaru{ font-family: "Zen Maru Gothic", 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:80%!important;min-width: 1000px;max-width:1200px;}
	
.pcwrap_s{width:860px;}
.pcwrap_m{width:960px;}

body {min-width: 1000px;}

}

/* SP ページ幅*/
@media screen and (max-width: 736px) {
.sp_wide{margin:auto; width:96%!important;}

}



#mid #contentArea{
	background-color: #fcfbf2;
	
}



@media print, screen and (min-width: 737px) {
	
	


#mid #contentArea{
	padding-top:4rem;
	padding-bottom:6rem;
	
}
	
#mid #contentArea p{line-height: 1.75;}

	
}










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

/* 基本要素 */

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



/*hover PC*/
@media print, screen and (min-width: 737px) {
.links a:hover,
a.plane:hover,
a:hover{  color:#29a339;}
a img:hover{ opacity:0.85;}
a.spLink{ pointer-events: none;}
	
}

a{color:#3c86c5;}



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:#3c86c5; 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:#bad875;}

.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:#53b661;}


/* 太字テキスト */

.tx-b,.tx-bb,
dl.headingText dt
{color:#29a339;}





/*アイコン使用テキストサイズ*/
.iconTxt{ font-weight:500; margin-bottom:0.3rem; font-size:1.1875rem;color: #635650;}
.mac .iconTxt{ font-weight:400;}


.color{color:#f0718e;}
.colorGreen{color:#29a339;}
.colorRed{ color:#c30d23;}
.colorDB{color:#231815;}
.colorGray{color:#3e3a39;}

.colorBold{ color:#231815; 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 #29a339;background:#fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b3bd+0,ffffff+100 */
background: linear-gradient(to bottom,  rgba(246,246,247,1) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
header .logo{ height:137px;}
header .headTel{position: absolute; right:0px; bottom:20px;}









/*PCのみ*/
@media print, screen and (min-width: 737px) {
header .headerArea{width: 1000px;}
/*
header{position: relative;height:140px;display: flex;align-items: flex-end;}
header .headerArea{width: 100%;position:absolute;}
header .logo{height: 140px;max-width: 1600px;width: 95%;margin: auto;min-width: 1000px;}
header .logo img{width: 90%;}
	
*/
	

}

/*PCのみ*/
@media print, screen and (min-width: 1050px) {
/*header .logo img{width: 100%;}*/

}




/*SP*/
@media screen and (max-width: 736px) {
	
header{ border-top: solid 4px #29a339;}

	

}








/* ヘッダー固定する場合 */
/*  ------------------------------------------------------------ */



/*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:-137px !important;transition:0.5s;box-shadow: 1px 1px 2px 0 rgba(153, 153, 153, 0.2);}
	
.headbrank{ height:204px; background:#FFF;}	
#mid #content{margin-top: 204px;}
	


}








/* ヘッダナビ */
/*  ------------------------------------------------------------ */

/* ヘッダ メニュー*/

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:62px;
	min-width: 1000px;
	position: relative;
	background: #fff;
}


/* メニューボタンサイズ */

nav #navMenu {height:62px; /*overflow:hidden;*/}


	
nav #navMenu > li > a{
	width:100%;
	height:62px;
	color:#635650;
	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 div{
	padding-top: 5px;
	padding-bottom: 8px;
	box-sizing: border-box;
	width: 100%;
	border-right:rgba(114,113,113,0.6) dotted 1px;
}
	
nav #navMenu > li.menu1 > a div{
	border-left:rgba(114,113,113,0.6) dotted 1px;
	padding-bottom: 5px;
}
		
	
	
/*メニューボタンEN*/

nav #navMenu li a span.en{
	display:block;	
	color:#f8b62d;
	font-size:0.62rem;
/*! font-weight: 400; */	
	font-family:'Roboto', sans-serif;
	/*! letter-spacing: 0.03rem; */
	margin-top: 3px;
}
/*.mac nav #navMenu li a span.en{font-weight: 300;}*/


nav #navMenu > li.on > a::before,
nav #navMenu > li.pcOn > a::before{
	position:absolute;
	content:'';
	height:2px;
	width:100%;
	background:#f0718e;
	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:76px;}
nav #navMenu li.menu2{width:154px;}
nav #navMenu li.menu3{width:154px;}
nav #navMenu li.menu4{width:154px;}
nav #navMenu li.menu5{width:154px;}
nav #navMenu li.menu6{width:154px;}
nav #navMenu li.menu7{width:154px;}
/*nav #navMenu li.menu8{width:129px;}*/

	

/*メニューボタンデザイン調整 */	

nav #navMenu li.menu1 > a span.en{margin-top: 4px;}	
	
nav #navMenu li.menu1 .text_home{display: none;}
nav #navMenu li.menu1 .icon_home img{height: 25px;}
nav #navMenu li.menu1 .icon_home img:hover{opacity: 1;}

/*nav #navMenu li.menu1{display: none;}*/

nav #navMenu > li > a::after {
	position:absolute;
	content:'';
	height:2px;
	width:0;
	background:#29a339;
	z-index:1;
	bottom:0;
	left: 50%;
    transition: .2s;
  }

nav #navMenu > li:hover> a::after {
    left: 0;
    width: 100%;
  }	
	

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


nav #navMenu li .second{
	/*! height: 0; */
	position: absolute;
	top:62px;
	background:#fff;
/*	-webkit-transition: .2s;
	transition: .2s;*/
	visibility:hidden;
	opacity: 0;
	z-index:10;
	padding:0;
	box-sizing: border-box;
	width: 18rem;
	box-shadow: 2px 9px 10px 0 rgba(153, 153, 153, 0.1);
}
	
	

	
	
nav #navMenu li .second ul{display: block!important;}


nav #navMenu li ul li a{
	display:block;
	padding:1.1rem 1rem 1.1rem 2.1rem;
	box-sizing:border-box;
	background-image:url("../images/common/btnArrowR.svg");
	background-position:left 0.9rem center;
	background-size:auto 14px;
	background-repeat:no-repeat;
	font-size:1rem;
	text-decoration:none;
	color:#231815;
	text-indent:0;
	text-align:left;
	letter-spacing: 0.01em;
	font-feature-settings: "palt";
	border-top:rgba(124,108,101,0.5) dotted 1px;
}



nav #navMenu li ul li.on a{ color:#0b308e !important;}

nav #navMenu li ul li:first-of-type a{border: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:62px;
  }
  40%,100% {
    opacity: 1;
    visibility: visible;
  }
}	
	


/*SP*/
@media screen and (max-width: 736px) {

nav #navMenu li a span.en{display: none;}
nav #navMenu li.menu1 .icon_home{display: none;}


}










/* ミドル　タイトル画像 */
/*  ------------------------------------------------------------ */


/* ミドルビジュアル*/



/*PCのみ*/
@media print, screen and (min-width: 737px) {
	
/*#mid #titleArea{
	background: url("../images/midImg.jpg"),url("../images/midImg_deco.png");
	background-position:left center,right bottom;
	background-repeat: no-repeat;
	background-size: auto 100%,auto 62px;
	background-color:#fcfbf2;
	width: 100%;
	height:220px;
	margin-bottom:0;
}	

#mid #titleArea{min-width: 1000px;}	
*/	
	
}	










/*SP*/
@media screen and (max-width: 736px) {
	
/*#mid #titleArea{
	height:120px;
	background-image: url(../images/midImg_sp.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}
*/
	
}

/* ページタイトル*/
/*  ------------------------------------------------------------ */

/*
#titleArea .titleSet{
	display:flex; 
	align-items: center;
	justify-content:flex-end;
	height: 220px;
	width: 1000px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 1.4;
	font-family: 'Noto Serif JP', serif;
}


#titleArea h2{font-size:2rem;color:#1A1A1A;font-weight:300;padding-right: 2rem;}
.mac #titleArea h2{font-weight: 200;}

#titleArea h2::first-letter{color:#0b308e;}

#titleArea h2 span.decoSmallTxt{
	margin-bottom: 0; 
	margin-top: 0.2rem;
	display: block;
}



*/








/*SP*/
@media screen and (max-width: 736px){

/*#titleArea .titleSet{height: 120px;width: 100%;display: none;}
#titleArea h2{font-size:1.35rem;}
#titleArea h2 span.decoSmallTxt{font-size:0.65rem;margin-top: 0.2rem;}	
*/
}








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








.pageTitle{
	margin-bottom:2rem;
	text-align: center;
}


.pageTitle h2{
	font-size:2.125rem;
	color:#635650;
	margin-bottom: 0; 
	font-family: "Zen Maru Gothic", serif;
}

.pageTitle .decoSmallTxt{display: block;}




/*PCのみ*/
@media print, screen and (min-width: 737px) {


}



/*SP*/
@media screen and (max-width: 736px) {
.pageTitle{margin-bottom:1.5rem;}
.pageTitle h2{font-size:1.95rem;}
.pageTitle .decoSmallTxt{font-size: 0.8rem;}

}









.decoSmallTxt{
	font-family: 'Roboto', sans-serif;
	font-size:0.83rem;
/*	letter-spacing:0.04rem;*/
	margin-bottom:0;
	color:#f8b62d;
}

@media screen and (max-width: 736px) {
.decoSmallTxt{ font-size:0.75rem;}
}





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 #7ac684;}
table.listTable td{ padding:1.7rem; background:#FFFFFF;
 border-left:solid 1px #7ac684;
  border-bottom:solid 1px #7ac684;
  }

table.listTable th{padding: 1.7rem;}


table.listTable tbody th{
	background:#eef8ef;
	font-weight:400;
	white-space:nowrap; 
	border-bottom:solid 1px #7ac684;
}

table.listTable thead th{ background:#cce9d0; text-align:center; border-left:solid 1px #7ac684;   border-bottom:solid 1px #7ac684; line-height:1.4; padding:1.3rem 0;}
table.listTable .line2 th{ background:#f8f2eb; text-align:center; border-left:solid 1px #7ac684;   border-bottom:solid 1px #7ac684; line-height:1.4; padding:0.8rem 0;}



/* PC */
@media print, screen and (min-width: 737px){
table.listTable td {padding: 0.5rem 1.7rem;}
table.listTable tbody th{padding: 1.3rem 1.7rem;}

}









/* 調整*/

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:500;color:#595757;}
.mac table.listTable tbody th {font-weight:400;}

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.6rem; }
table.timeTable th{font-size:0.9rem;box-sizing:border-box; line-height:1; padding:0.5rem 0;}
.timeTable .day{font-size:0.85rem;}

table.timeTable td{box-sizing:border-box; }
table.timeTable td.schedule{font-size:1.1rem; }

table.timeTable td.timeHead{ white-space:nowrap; line-height:1.35; width:26%; padding:0.4rem 0;font-size:0.85rem; font-family: 'Roboto', sans-serif;/*! color: #1a1a1a; */font-weight: 400;}
.timeTable .timeHead span{ font-size:130%; }

.mac table.timeTable td.timeHead{font-weight: 300;}

/*変更要素*/




table.timeTable{border-collapse: separate;overflow:hidden;border-radius:10px;border-bottom:#53b661 solid 2px;border-left:#53b661 solid 2px;border-right:#53b661 solid 2px;}
table.timeTable th{ background:#53b661;color:#FFFFFF;/*! font-weight:400; */border-top:#53b661 solid 2px;}
table.timeTable td{ background:#FFF;border-bottom:#dcdddd solid 1px;border-left: #dcdddd solid 1px;}
table.timeTable td.schedule{ color:#8acc31;}
table.timeTable td.schedule.off{color:#898989; }
table.timeTable td.schedule{width:10%;}

table.timeTable td.timeHead{border-left:none;}
table.timeTable tr:last-of-type td{border-bottom:none;}
table.timeTable td.schedule.color_v2{ color:#29a339;}

table.timeTable td.s_specialty{font-size: 80%;line-height: 1.35;}
table.timeTable td.s_specialty img{margin-bottom: 2px;}



.schedule_color{ color:#8acc31;}
.schedule_color_v2{ color:#29a339;}




.icon_schedule{
	display:flex;
	align-items: center;
	font-size: 0.95rem;
	margin-top: 0.1rem;
}

.icon_schedule:before {
	content: '';
	width: 1.7rem;
	height: 1.7rem;
	background: url("../images/icon_schedule.png") no-repeat left center;
	background-size: auto 1.2rem;
	margin-right: 0;
	flex-shrink: 0;
	display: block;
}







/* 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.5rem 0.3rem 0.5rem 0.3rem;font-size:0.75rem;}
.timeTable .timeHead span{font-size:140%;}
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:61%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	margin: -1rem 0 0 0.7rem;
	text-align: center;
	color:#595757;
	line-height: 1;
}

/* SP */
@media screen and (max-width: 736px) {
table.timeTable .schedule.std span{
	margin: -0.7rem 0 0 0.6rem;
}

}







/* 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;}
	
table.timeTable td{padding-top: 0.8rem;padding-bottom: 0.8rem;}

	
	
}




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

/* フッター*/

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

/* フッタ */
footer .wrap{ padding:0}
footer{ width:100%; }









/* クリニックインフォエリア */
/*  ------------------------------------------------------------ */


#clinicInfoArea {
	background-color: #fff;
	padding:3.5rem 0 2.5rem;	
}



/*PCのみ*/
@media print, screen and (min-width: 737px) {

#mid #content footer #clinicInfoArea{
	padding-bottom:7.2rem;
	background-image: url("../images/footDeco.png");
	background-size: auto 105px;
	background-position: bottom center;
	background-repeat: repeat-x;
}
#mid #content #foot {padding-top: 0.3rem;}
	
	
}




/*SP*/
@media screen and (max-width: 736px) {
	
#clinicInfoArea{padding:1.7rem 0 2.5rem;}

#top #clinicInfoArea{background-color: #fcfbf2;}
	
	
}





/* footLogo */
/*  ------------------------------------------------------------ */



/*PCのみ*/
@media screen and (min-width: 737px) {
	
.footLogo_pc{margin-bottom: 1.7rem;}
.footLogo_sp{display: none;}

}



/*SP*/
@media screen and (max-width: 736px) {

.footLogo_pc{display: none;}
.footLogo_sp{text-align: center;}
.footLogo_sp img{width: 80%;max-width: 320px;}
	

		
}







/* 所在地 */
/*  ------------------------------------------------------------ */



.iconTxt{font-family: 'Kosugi Maru', sans-serif;}




/* 交通アクセス */
/*  ------------------------------------------------------------ */





#clinicInfoArea ul.list li{margin-bottom: 0.3rem;line-height: 1.65;}






.accessLinkBtn{margin: 1.5rem 0 0;}

.accessLinkBtn a{
	text-decoration: none;
	color:#635650;
	font-weight: 500;
	background-image:url("../images/common/icon_map.svg"); 
	background-repeat:no-repeat;
	background-color: #fff;
	padding: 0.9rem 1.5rem 0.9rem 2rem;
	box-sizing:border-box;
	display: inline-block;
	min-width: 11.5rem;
	text-align: center;
	font-size: 0.93rem;
	background-position: left 0.7rem center;
	background-size: auto 1.6rem;
	border-radius: 50px;
	text-indent: 0.3rem;
/*	border:1px solid #EFEFEF;*/
}
.mac .accessLinkBtn a{font-weight: 400;}








/*PCのみ*/
@media screen and (min-width: 737px) {
.accessLinkBtn a:hover{opacity: 0.85;}
	
}





/*SP*/
@media screen and (max-width: 736px) {
.accessLinkBtn{display: none;}

	
}



/* 診療時間 */
/*  ------------------------------------------------------------ */


#clinicInfoArea .footTel{
	text-align: center;
	margin-top: 2.5rem;
	
}



/*SP*/
@media screen and (max-width: 736px) {


}





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

/* 表示順入れ替え*/

/* SP */
@media screen and (max-width: 736px) {

#clinicInfoArea .flexwrap{ display:flex; flex-wrap:wrap;}
#clinicInfoArea .flexLeft,
#clinicInfoArea .flexRight{ flex-basis:100%;}

#clinicInfoArea .flexRight{order:1;}
#clinicInfoArea .flexLeft{order:2;}

	
#clinicInfoArea .flexLeft{margin-top: 1rem;}
#clinicInfoArea .flexRight{margin-top: 1.5rem;}
	

}








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

/* 予約・問診等　リンク・バナー */






.reactionBtnArea{padding: 1.5rem 0 1.5rem;list-style: none;background: #e8f5d6;}

.reactionBtn a{
	text-align:center;
	display:block;
	background-color:#fff;
	background-image:url("../images/common/btnR.svg"); 
	background-repeat:no-repeat;
	background-position: left 0.8rem center;
	background-size: auto 1.3rem;
	width: 100%;
	padding: 1.4rem 1rem 1.4rem 1rem;
	text-decoration:none;
	color:#604c3f;
	font-weight:500;
	border-radius:5px;
	box-sizing: border-box;
	font-size: 1.3rem;
	text-indent:0rem;
	margin-bottom:0.5rem;
/*	border: 1px #c7e8f6 solid;*/
}
.mac .reactionBtn a{font-weight: 400;}

.reactionBtn:last-of-type a{ margin-bottom:0;}

.reactionBtn.reserve a{
	background-image: url("../images/common/icon_yoyaku_wh.svg");
	background-position:1.3rem center;
	background-size:auto 2.9rem;
	background-color:#f0718e;
	color:#fff;
	font-size: 1.4rem;
	padding: 1.4rem 1rem 1.4rem 2rem;
}


.reactionBtn.tel a{
	background-image: url("../images/common/btnTEL_R.svg");
	background-position: 1.3rem center;
	background-size: 2rem;
	background-color:#fff;
	
}
.reactionBtn.tel img {max-width: 230px;width: 63%;margin-left: 3%;}

.reactionBtn.map a{
	background-image: url("../images/common/icon_map2.svg");
	background-position: 1.3rem center;
	background-size: auto 2rem;
	background-color:#fff;
	
}




@media print, screen and (min-width: 737px) {

.reactionBtnArea{display: none;}

/*.reactionBtn a{display:inline-block;width: inherit;}
.reactionBtn.reserve a{
padding: 1.6rem 1rem 1.6rem 3.5rem;
min-width: 24rem;
font-size: 1.6rem;
background-position:1.7rem center;
background-size: 2.6rem;
}	

.reactionBtn a:hover{opacity: 0.85;}
*/

}




/* SP */
@media screen and (max-width: 736px) {

/*.reactionBtnArea{width: 94%;margin: auto;}*/

}







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

/* フッター*/

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

#foot{ background:#53b661; padding:1.5rem 0 0.8rem;flex-basis:100%;color:#FFFFFF;}
#foot h2{
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
	line-height: 1.4;
	margin-bottom: 0.4rem;
	font-family: "Zen Maru Gothic", serif;
}
.mac #foot h2{font-weight:400;}


#foot h3{
	font-size:0.93rem;
/*	font-weight:500;*/
	text-align:center;
	line-height: 1.4;
	margin-bottom: 1rem;
}
/*.mac #foot h2{font-weight:400;}*/

.copyright{
	font-size:75%;
	text-align:center;
	width:100%;
	margin:0;
	color:#fff;
}



/* SP */
@media screen and (max-width: 736px) {

#foot{padding:1.2rem 0;}
#foot h2,
#foot h3{display: none;}

.copyright{font-size:70%;}

}



/*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;}
.toLinkpage a:before{ background-size:90%; vertical-align: -0.15rem; background-image:url(../images/common/btnR_wh.svg);}
.toLinkpage a{color:#FFFFFF;}
.toLinkpage a:hover{ opacity:0.8; color:#FFFFFF !important;}



/* フッター　固定表示ボタン */
/*  ------------------------------------------------------------ */


#yoyaku {
    width: 100%;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    transition: .3s;

}

#yoyaku{
	display:flex;
	justify-content: space-around;
	margin:0;
}
#yoyaku li{
	width:100%;
	text-align:center;
	margin:0;
	background: #53b661;
	background-repeat: no-repeat;

/*	border-right:1px solid rgba(255,255,255,0.8);*/
}

#yoyaku li:last-of-type{border:none;}

#yoyaku li.yoyakulink{
	background-image: url("../images/common/icon_yoyaku_wh2.svg");
	background-position: 0.7rem center;
	background-size:1.7rem;
	border-right: 1px solid #fff;
}
/*
#yoyaku li.monshin{
	background-image: url("../images/common/icon_monshin_gray.svg");
	background-repeat:no-repeat;
	background-position:0.8rem center;
	background-size:auto 1.7rem;
}
*/

#yoyaku li.map{
	background-image:url("../images/common/icon_map_wh.svg");
	background-position: 0.5rem center;
	background-size:auto 1.5rem;
	border-left: 1px solid #fff;
}

#yoyaku li.tel{
	background-image:url("../images/common/btnTEL_Rwh.svg");
	background-position: 0.5rem center;
	background-size:1.7rem;
/*	background-color:#38A1DB;*/
}

#yoyaku li a{
	font-size: 0.9rem;
	text-decoration:none;
	color: #fff;
	font-weight:500;
	padding:15px 0;
	display:block;
	text-indent: 1rem;
/*	font-family: 'Noto Serif JP', serif;*/
}

.mac #yoyaku li a{font-weight:400;}







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



.yoyakuSideFixed{position: fixed;right: 0;top: 30%;z-index: 9999;}
.yoyakuSideFixed li{background: #fff;border-radius: 16px 0 0 16px; 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:#53b661 1px solid;
	display: inline-block;
	text-align: center;
	color: #53b661;
	border-radius:3px;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;

}
.wp-pagenavi a:hover{border:#53b661 1px solid;}


.wp-pagenavi .current{ background:#53b661; 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%;}


}